/* border: 1px solid red; background-color: #ff0; */
/* stałe */
body, p, ul, li, table, td, th, a, h1, h2, h3, h4, h5, h6, input, select, textarea, table, td, th {font-family: Georgia, Verdana, ArialCE, Arial, sans-serif;}
body, p, ul, li, table, td, th, a, h1, h2, h3, h4, h5, h6, input, select, textarea, * {margin:0; padding:0;}
img {display: block; border: 0px;}
strong {font-weight: bold;}
em {font-style: italic;}

/* uklad */
body {font-size:80%; background-color:#e6e6e6; text-align:center;}

#glowatlo {background-color: #DEE7D1;}
#glowa {width:780px; height:120px; margin:0 auto; background-color: #D5EDB3;}
#glowa p#adres {float:right; width:200px; height:95px; overflow:hidden; color:#930; font-size:13px; font-weight:bold; margin:0; padding: 25px 20px 0 0; text-align:right; line-height:15px;}
#glowa p#adres a {color:#930; text-decoration:none;}
#glowa p#adres a:hover {color:#333;}
#glowa #logo {float:left; width:300px; overflow:hidden; padding-top:30px;} 

#projetlo {clear:both; background: #c7dbb4 url('../_img/tlo2.gif') repeat-x bottom;}
#proje {width:780px; height:31px; margin:0 auto; background: #9c6 url('../_img/tlo1.gif') repeat-x bottom; color:#930; font-size:1.2em;  text-align:left;}
#proje p {display:inline; margin: 0 10px; line-height:28px;}
#proje ul {display:inline; list-style:none; margin:0; } 
#proje ul li {display:inline; margin: 0 8px 0 8px; background: transparent url('../_img/stb.gif') no-repeat left;  padding-left:13px;} 
#proje ul li a {color:#930; text-decoration:none; line-height:28px; } 
#proje ul li a:hover {color:#000; text-decoration:underline;} 

#srodektlo {width:780px; margin:0 auto;}
#srodek {float:left; width:780px; background: #fff url('../_img/tlo3.gif') repeat-y left;}
#tresc  {float:right; width:595px;  padding:20px 0px; background-color: #fff;}


#menu {float:left; width:180px; background: #5c743d url('../_img/tlo3.gif') repeat-y left; padding:20px 0;}
#menu p {margin: 10px 5px 0px 10px; color:#fff;}
#menu ul {margin: 5px 5px 0px 20px; list-style:none;}
#menu li {margin: 1px 0 0 0; background: transparent url('../_img/st.gif') no-repeat left; padding-left:14px;}
#menu ul li a {color:#fff; text-decoration: none;}
#menu ul li a:hover {color: #D5EDB3; text-decoration: underline;}

#stopatlo {clear:both; background: #c7dbb4 url('../_img/tlo2.gif') repeat-x bottom;}
#stopa {width:780px; height:31px; margin:0 auto; background: #9c6 url('../_img/tlo1.gif') repeat-x bottom;}
#stopa a {display: block; width:780px; color: #AD7; font-size: 9px; line-height: 30px; text-align: center; text-decoration: none; padding-top:1px }
#stopa a:hover {color: #fff;}


/* szczegoly */
#tresc img.tlo {clear:both; float:left; padding:5px 15px 0 30px;} /* IE55 padding dla float bad */
#tresc img.kwadraciki {float:right; margin:5px 20px 0 30px; border: 1px solid #4F813A; display:inline; } /* IE55 padding dla float bad */
#tresc #logowanie {float:right; width:140px; margin:0px 20px;  background: transparent url('../_img/klodka.gif') no-repeat 5% 50%; display:inline;}
#tresc #logowanie a {display:block; text-align:left; padding:10px 0 10px 40px; border: 1px solid #5c743d; font-size:13px; line-height: 15px; font-weight:bold; color:#261; text-decoration:none;}
#tresc #logowanie a:hover {color:#d03;  border-color:#d03; text-decoration:underline;}

#tresc #klienci div {clear: both; border: 1px solid #fff; margin:10px 30px 50px; }
#tresc #klienci img {clear: both; float:left;}
#tresc #klienci p {margin-top:15px; margin-left:140px;} 
/* #tresc #klienci li {clear: both; margin-top:10px;} */ 


#tresc #certyfikaty {margin:10px 0 0 20px;}
#tresc #certyfikaty img {float:left; padding:8px;  background-color: #f6f6f6;}
#tresc #certyfikaty a {display:block; float:left; border: 1px solid #aaa; margin:20px 10px; display:inline;}
#tresc #certyfikaty a:hover {border-color: #930;}

/* certyfikaty big */
#tresc #zdjecie {margin:auto;}
#tresc #zdjecie p {text-align:center; }
#tresc #zdjecie p a {font-size:1.2em; text-decoration:none; padding:0 20px; color: #930;}
#tresc #zdjecie p a:hover {text-decoration:underline; color: #000;}
#tresc #zdjecie img {padding:8px; background-color:#f6f6f6; border: 1px solid #ddd; margin:15px auto;}

/* zestwienie */
.zestawienie {border-collapse: collapse; border: 1px solid #ddd; text-align:right; margin:10px 10px 10px auto;}
.zestawienie th {padding:2px 5px; border: 1px solid #ddd; text-align:center; font-size:0.9em;}
.zestawienie td {padding:2px 5px; border: 1px solid #ddd;}



/* ogolnie */
h1 {color:#930; font-size:1.7em;  line-height:1.4em; font-weight:normal; text-align:left; margin:20px 30px 0px;}
h2 {color:#e01; font-size:1.1em;  line-height:1.4em; font-weight:bold;   text-align:left; margin:20px 30px 0px;} /* bledy i info */
h3 {color:#062; font-size:1.4em; line-height:1.4em; font-weight:normal;  text-align:left; margin:30px 30px 0px; } /* np. w szkoleniach podtytul */
h4 {color:#062; font-size:1.15em; line-height:1.4em; font-weight:bold;  text-align:right; margin:30px 3px 0px; } /* w form big to są podtytuly ankiety */
h1 span {text-decoration:underline;}
p {line-height:1.5em; text-align:justify; margin: 10px 30px 0px; padding: 0px;  }
p.prawa {text-align: right;}
p.podpis {text-align:right; font-style: italic; margin: 20px 50px;}
p.c {text-align: center;}
p.nav {clear:both; text-align: right; margin-top:40px;}
ul {line-height: 1.5em; text-align:left; margin: 1px 30px 0px 47px; padding: 0px;  }
ul ul {margin-left: 17px;}
a {color: #062; text-decoration: underline;}
a:hover {color: #333; text-decoration: underline;}
hr {clear:both;  margin: 10px 50px 10px 10px; height:0px; border: 1px solid #aaa; border-width: 1px 0 0 0;}


/* formularz z fildsetami - nowy */
form {width: 550px; margin: 30px auto; padding:0px;}
form p, form input, form select, form textarea, form legend, form h2, form h3, form h4, form td {font-family: Verdana, ArialCE, Arial, sans-serif;}
form p, form input, form select, form textarea, form legend {margin:0px 0px 0px 2px; font-size:1.05em;}
form legend {color:#060; font-weight:bold; border: 1px solid #333; padding:4px 8px; background:#eee;}
form h2 {font-weight:normal; margin:20px 10px 0px;}
form p {text-indent:0px; margin:4px 3px 2px; text-align:right; font-size:0.95em; line-height:1.4em;}
form div.wciete {margin: 0 30px 10px 0;}
form div.wciete2 {margin: 0 60px 10px 0;}
form p.wciete {margin-right: 30px;}
form p.wciete2 {margin-right: 60px;}
form p span.pole {display:none;} /* form p span.pole {font-size:0.8em; color:blue; display:inline;} */
form p strong {color:#062; font-size: 1.15em; line-height:1.4em; font-weight:normal;}
form p span {color:green; font-size: 1.1em;}
form p span.blue {color:blue; font-weight: bold;}
form p.l {text-align:left;}
form fieldset {border: 1px solid #333; padding:3px; margin: 5px auto 30px;}
form hr {border: 1px solid #aaa; border-width: 1px 0 0 0; margin: 10px 10px 0; height:0px;  text-align:right;}
form input.przycisk {background: #dddddd; border: 2px solid #999; font-size:1em; font-weight: bold; text-align:center; padding:5px; margin: 10px 0 10px 40px;}

form .selprzegl { font-family:  "Courier New", Courier, ArialCE, Arial, monospace; text-align: right; font-size:1.2em;}


/* help */
body#help {margin: 2% 10%;}
body#help h2 {font-size: 15px; color: #396; padding-top:30px}
body#help div#helpramka {background-color: #fff; border: 1px solid #333; padding-bottom:40px; padding-top:20px;}
body#help a.zamknij {font-weight:bold; font-size:15px; display: block; width:100%; text-align: center; padding: 10px 0;}