/* all main ids*/
* { color: #FFF;  font-family:Arial; font-size: 11px; padding: 0px; margin: 0px;}




body{background: #fff url("images/bg3.jpg") no-repeat top; text-align:center; font-family:tahoma;}

b { color:#111;  font-family:Arial; font-size: 13px; }

.row {
position: relative;
display: block;
margin:0 auto; }
.col {
position: relative;
display: block;
float: left; }
.clear { clear: both; }



#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #tree   {position: relative; display: block; margin: 0px auto; width: 800px;  }
#page10  {position: relative; display: block; margin: 0px auto; width: 850px;  }

#header { height: 251px; padding-top: 19px; _height: 270px;}
#header #title{width: 66%; text-align: left; }
#header #logo{display: none; width: 34%; text-align: right; }
#menu{width: 100%;  height: 32px;}

#tree {display: none; padding: 5px; text-align: left; color: #333; }
#tree a { padding: 0px 10px; color: #333; }
#tree a:hover {text-decoration: underline; }
#tree a.current {text-decoration: underline; }
/* index */
#page1 #main {}
#page1 #main #col1{ width: 30%; margin: 10px; }
#page1 #main #col2{ width: 30%; margin: 10px; }
#page1 #main #col3{ width: 30%; margin: 10px; }
/* zalety */
#page2 #main {}
#page2 #main #col1{ width: 30%; margin: 10px;}
#page2 #main #col2{ width: 63%; }
/* informacje */
#page3 #main {}
#page3 #main #col1{ width: 30%; margin: 10px;}
#page3 #main #col2{ width: 63%; margin: 10px;}
/* metodologia */
#page4 #main {}
#page4 #main #col1{ width: 30%; margin: 10px;}
#page4 #main #col2{ width: 63%; }
/* rozwiazanie */
#page5 #main {}
#page5 #main #col1{ width: 30%; margin: 10px;}
#page5 #main #col2{ width: 63%; margin: 10px;}

/* partnerzy */
#page6 #main {}
#page6 #main #col1{ width: 96%; margin: 10px;}
#page6 #main #col2{ width: 96%; margin: 10px;}
/* demo */
#page7 #main {}
#page7 #main #col1{ width: 30%; margin: 10px;}
#page7 #main #col2{ width: 63%; margin: 10px;}

/* kontakt */
#page8 #main {}
#page8 #main #col1{ width: 30%; margin: 10px;}
#page8 #main #col2{ width: 63%; margin: 10px;}

/* faq */
#page9 #main {}
#page9 #main #col1{ width: 30%; margin: 10px;}
#page9 #main #col2{ width: 63%; }

/* demo2 */
#page10 #main {}
#page10 #main #col1{ width: 210px; margin: 10px;}
#page10 #main #col2{ width: 600px; margin: 10px;}

#footer {height: 270px; background-color: #E7EDEC; margin-top: 20px;}
#footer #footerinside {position: relative; display: block; margin: 0px auto; width: 800px; }
#footer #footerinside #info{ }
#footer #footerinside #info #col1{ width: 30%; margin: 10px; }
#footer #footerinside #info #col2{ width: 63%; margin: 10px; } 

#signature {height: 40px; background-color: #949B9C;}
#signature #inside {position: relative; display: block; margin: 0px auto; width: 800px; }

#signature #inside span {font-size: 11px; line-height: 40px;  }

/* navigacja */

a.hmenu { line-height: 30px; padding: 5px 30px 7px 30px; font-size: 15px;}
a.hmenu:hover { background-color: #1FA4FC;}
a.cur { background-color: #1FA4FC;}
a.hmenuh { background-color: #1EEAFC; color:#222; line-height: 30px; padding: 5px 30px 7px 30px; font-size: 15px;}
a.hmenuh:hover { background-color: #1FA4FC;}


h1 { font-size: 16px; font-weight: bold; padding: 10px; padding-top:0px;}
h1.title { font-size: 28px; line-height: 36px; font-weight: bold; padding: 10px;
text-shadow: 2px 2px 2px #000;
filter:DropShadow(Color=#FF0000, OffX=5, OffY=5, Strength=5);
}

h2.title { font-size: 20px; line-height: 28px; margin-left: 20px; font-weight: bold; padding: 10px;
text-shadow: 1px 1px 2px #000;
filter:DropShadow(Color=#FF0000, OffX=5, OffY=5, Strength=5);
}

h1.h1blue{ font-size: 16px; font-weight: normal; color:#36B2FC; padding-top: 5px;}
h1.h1grey{ font-size: 16px; font-weight: normal; color:#454746; padding-top: 5px;}
h2.one, h2.one i {font-size: 16px;  font-weight: bold; }
h2.two, h2.two i {font-size: 16px;  font-weight: bold; color:#8C9BA0;}

/* box1 i 2 */

.infobox {  position: relative; }
.infobox .head{ height: 38px; _height: 60px;  padding: 11px 10px 11px 16px; 
background: #4F585D url("images/infobox1head.gif") repeat-x bottom; 
font-size: 14px; font-weight: normal; text-align: left;}
.infobox .content{ 
background: #E7EDED url("images/infobox1main.gif") repeat-x top; color: #898D8E; 
font-size: 12px; line-height: 18px;
 padding: 20px; text-align: justify; font-weight: normal; border: 1px solid #CCC; border-top: 1px solid #E7ECEF;}

.infobox .corner { position: absolute; 
background: url("images/infobox1cor.gif") no-repeat; width: 16px; height: 16px;}
.infobox .tl{background-position: 0px 0px;top: 0px; left: 0px;}
.infobox .tr{background-position: -16px 0px;top: 0px; right: 0px;}
.infobox .bl{background-position: 0px -16px; _background-position: 0px -18px;bottom: 0px; left: 0px;}
.infobox .br{background-position: -16px -16px; _background-position: -16px -18px;bottom: 0px; right: 0px;}

.height250 {height: 210px; _height: 250px;}


.infobox2 { position: relative; }
.infobox2 .content{height: 220px; _height: 240px; 
background: #FFF; padding: 10px 20px; text-align: justify; font-size: 12px; font-weight: normal; border: 1px solid #D8DCDD; color: #A2A2A2;
}
.infobox2 .content span.lh18 { line-height: 18px;  color: #A2A2A2; text-align: justify;  font-size: 12px;  font-style: italic; }
.infobox2 .content span.lh16 { line-height: 16px;  color: #A2A2A2; text-align: justify;  font-size: 12px;  font-style: italic; }

.infobox2 .corner { position: absolute; 
background: url("images/infobox2cor.gif") no-repeat; width: 12px; height: 12px;}
.infobox2 .tl{background-position: 0px 0px;top: 0px; left: 0px;}
.infobox2 .tr{background-position: -12px 0px;top: 0px; right: 0px;}
.infobox2 .bl{background-position: 0px -12px;bottom: 0px; _bottom: -2px; left: 0px;}
.infobox2 .br{background-position: -12px -12px;bottom: 0px; _bottom: -2px; right: 0px;}

.infobox3 {  position: relative;  }
.infobox3 .head{ height: 24px; _height: 40px;  line-height:24px;  padding: 8px 10px 8px 16px; background: #4F585D url("images/infobox3head.gif") repeat-x bottom;  
font-size: 14px; font-weight: normal; text-align: left;}
.infobox3 .content{ /*height: 210px; _height: 250px; */
background: #E7EDED url("images/infobox1main.gif") repeat-x top; color: #666; 
font-size: 12px; line-height: 18px; 
 padding: 20px; text-align: justify; font-weight: normal; border: 1px solid #CCC; border-top: 1px solid #E7ECEF;
 }

.infobox3 .corner { position: absolute; 
background: url("images/infobox1cor.gif") no-repeat; width: 16px; height: 16px;}
.infobox3 .tl{background-position: 0px 0px;top: 0px; left: 0px;}
.infobox3 .tr{background-position: -16px 0px;top: 0px; right: 0px;}
.infobox3 .bl{background-position: 0px -16px; _background-position: 0px -18px;bottom: 0px;  left: 0px;}
.infobox3 .br{background-position: -16px -16px; _background-position: -16px -18px; bottom: 0px; right: 0px;}

/*#accfill {height: 500px;}*/
.jbox { margin: 10px; position; relative; }
.jbox .head{ padding: 12px 10px 10px 16px; background: #4F585D url("images/infobox1head.gif") repeat-x bottom; 
font-size: 14px; font-weight: normal; text-align: left;}

.jbox .jhead{ background: #E7EDED url("images/infobox1main.gif") repeat-x top; color: #777; 
font-size: 12px; line-height: 18px;
 padding: 20px; text-align: justify; font-weight: normal; border: 1px solid #CCC; border-top: 1px solid #E7ECEF;}

.jbox .jcontent{ background: #E7EDED url("images/infobox1main.gif") repeat-x top; color: #777; 
font-size: 12px; line-height: 18px; 
 padding: 20px; text-align: justify; font-weight: normal; border: 1px solid #CCC; border-top: 1px solid #E7ECEF;}

.jbox h3 { background: #4F585D;  text-align: left; border-top: 2px solid #333;}
.jbox h3 a{ padding-left:20px; color: #FFF; font-size: 12px; line-height: 25px; font-weight: bold;}
.jbox h3 a:hover{  text-decoration: underline; }
.jbox .corner { position: absolute; 
background: url("images/infobox1cor.gif") no-repeat;
width: 16px;
height: 16px;}
.jbox .tl{background-position: -1px 0px;top: 10px; left: 10px;}
.jbox .tr{background-position: -16px 0px;top: 10px; right: 10px;}
.jbox .bl{background-position: 0px -16px;bottom: 0px; left: 10px;}
.jbox .br{background-position: -16px -16px;bottom: 0px; right: 10px;}


.jbox2 { margin: 10px; position; relative; }
.jbox2 .head{ height: 24px; _height: 40px;  line-height:24px;  padding: 8px 10px 8px 16px; background: #4F585D url("images/infobox3head.gif") repeat-x bottom;  
font-size: 14px; font-weight: normal; text-align: left;}

.jbox2 .jhead{ background: #E7EDED url("images/infobox1main.gif") repeat-x top; color: #777; 
font-size: 12px; line-height: 18px;
 padding: 20px; text-align: justify; font-weight: normal; border: 1px solid #CCC; border-top: 1px solid #E7ECEF;}

.jbox2 .jcontent{ background: #E7EDED url("images/infobox1main.gif") repeat-x top; color: #777; 
font-size: 12px; line-height: 18px; 
 padding: 20px; text-align: justify; font-weight: normal; border: 1px solid #CCC; border-top: 1px solid #E7ECEF;}

.jbox2 h3 { background: #4F585D;  text-align: left; border-top: 2px solid #333;}
.jbox2 h3 a{ padding-left:20px; color: #FFF; font-size: 12px; line-height: 25px; font-weight: bold;}
.jbox2 h3 a:hover{  text-decoration: underline; }
.jbox2 .corner { position: absolute; 
background: url("images/infobox1cor.gif") no-repeat;
width: 16px;
height: 16px;}
.jbox2 .tl{background-position: -1px 0px;top: 10px; left: 10px;}
.jbox2 .tr{background-position: -16px 0px;top: 10px; right: 10px;}
.jbox2 .bl{background-position: 0px -16px;bottom: 0px; left: 10px;}
.jbox2 .br{background-position: -16px -16px;bottom: 0px; right: 10px;}

/* buttons */
.button1 {background: url("images/button1.gif") no-repeat left top; 
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 5px;
	padding-bottom: 1px;
	line-height: 31px;
	color: #ACAEAD
}

.button1 span{color: #666; font-size: 12px; font-weight: normal;
background: url("images/button1.gif") no-repeat right top;
		padding-left: 10px;
		display: -moz-inline-box;
		display: inline-block;
		padding-right: 15px;
		padding-bottom: 1px;
		line-height: 31px;
}

.button1 span:hover{color: #333;}

.button2 {background: url("images/button2.gif") no-repeat left top; 
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 5px;
	padding-bottom: 1px;
	line-height: 31px;
}
.button2 span{color: #FFF; font-size: 12px; font-weight: normal;
background: url("images/button2.gif") no-repeat right top;
		padding-left: 10px;
		display: -moz-inline-box;
		display: inline-block;
		padding-right: 15px;
		padding-bottom: 1px;
		line-height: 31px;
}


 /* chrome */

a { text-decoration: none; font-weight: bold; }
small {color: #999;}
.blue {color: #0EB5FC; font-size: 12px; line-height: 16px;}
.black {color: #000; font-size: 12px; line-height: 20px;}
.indent {text-indent: 15px;}
a.more {color: #000; font-size: 12px; text-decoration: none;}
a.more:hover {color: #000; font-size: 12px; text-decoration: underline;}
a.email {color:#777; font-size: 12px;}
a.email:hover{text-decoration: underline;}

.left{float: left; }
.right{float: right; }
img.left {float: left; border: none; margin-right: 15px; }
img.logo {float: right; border: none; margin: 1px 16px 0 15px; }
strong {color: #000; font-size: 12px; line-height: 20px;}
hr { border: 0px; border-top: 1px dashed #CCC; margin-top: 10px; }



.cennik {margin: 0 auto; text-align: center; border-collapse: collapse; border: 1px solid #666;}
.cennik th {background: #666; border: 1px solid #666;padding: 5px; }
.cennik tr td {background: #EDFFFF; border: 1px solid #666;padding: 5px; color: #333;}
.cennik tr td a {color:#333;}
.cennik tr.alt td {background: #DDEDED; color: #333;}


ul {margin: 10px 0px; padding:0; list-style:none}
li  {color:#777; font-size: 12px; background:url(images/dot2.gif) no-repeat left 6px; margin: 0px; padding-left:15px; line-height:22px;}
li  a{color:#777; font-size: 12px;}
li  a:hover{text-decoration: underline;}
li  a.current { color: #111; }