@import "styl-atom.css"; 

body {margin: 0px; background: #FFF; color: #121B6F; text-align: left; text-align: center;}
* {font-weight: normal; font-size:  12px; font-family: verdana, tahoma, arial; margin: 0px;}
b {font-weight: bold;}
a {text-decoration: none; font-size: 12px; color: #0D389B; font-weight: bold}
a:hover {color: #950628}

div#uklad_strony {margin-left: auto; margin-right: auto; width: 998px; text-align: left;}
div#gora {width: 998px; height: 158px; background: url(grafika/logo_dermed3.jpg) no-repeat; position: relative;}
div#gora_cde {width: 998px; height: 158px; background: url(grafika/logo_cde.jpg) no-repeat; position: relative;}
div#gora_plwolnosci {width: 998px; height: 158px; background: url(grafika/logo_dermed1.jpg) no-repeat; position: relative;}
div#gora_jaracza {width: 998px; height: 158px; background: url(grafika/logo_dermed2.jpg) no-repeat; position: relative;}
div#gora_cennik {width: 998px; height: 158px; background: url(grafika/logo_dermed5.jpg) no-repeat; position: relative;}

div#gora_csde {width: 998px; height: 158px; background: url(grafika/logo_csde.jpg) no-repeat; position: relative;}



div#dol {width: 998px;}
div#lewy_panel {width: 300px; float: left;}

div.odsylacze{margin-top: 25px; margin-left: 0px;}
div.odsylacz {width: 220px; height: 27px;  margin: 0; background: url(grafika/tlo_odsylacz.jpg) no-repeat; text-align: left; vertical-align: top; text-decoration: none; position: relative;}
div.odsylacz a {position: absolute; left: 15px; top: 4px; font-size: 16px; font-weight: bold; color: #172389;}
div.odsylacz a:hover {color: #950628;}

div#glowny_panel {margin: 0px;}
div#dopelnienie {margin-left: 300px; margin: 0px; height: 30px; background: url(grafika/logo_dermed4.jpg) right top no-repeat;}
div#dopelnienie_cde {margin-left: 300px; margin: 0px; height: 30px; background: url(grafika/logo_cde2.jpg) right top no-repeat;}
div#dopelnienie_plwolnosci {margin-left: 300px; margin: 0px; height: 30px; background: url(grafika/logo_dermed4.jpg) right top no-repeat;}
div#dopelnienie_jaracza {margin-left: 300px; margin: 0px; height: 30px; background: url(grafika/logo_dermed4.jpg) right top no-repeat;}
div#dopelnienie_cennik {margin-left: 300px; margin: 0px; height: 30px; background: url(grafika/logo_dermed4.jpg) right top no-repeat;}

div#dopelnienie_csde {margin-left: 300px; margin: 0px; height: 30px; background: url(grafika/logo_csde2.jpg) right top no-repeat;}


div.tekst {margin-left: 300px; margin-right: 0px; padding: 5px; padding-top: 0px; text-align: justify;  border-left: 1px solid #0C5380;}
div.naglowek {text-align: left; margin-left: 30px; margin-bottom: 5px; color: #950628; font-size: 16px; font-weight: bold;}



div#stopka {width: 998px; height: 30px; text-align: center; clear: both; padding-top: 12px;}
div#stopka a {font-style: normal;}

div.akapit {text-align: left; margin-left: 150px; margin-top: 2px; width: 400px; height: 17px; position: relative;}
div.akapit_cennik {text-align: left; margin-left: 25px; margin-top: 2px; width: 630px; height: 18px; position: relative; background: url(grafika/wypunktowanie.gif) no-repeat 0px 3px;}
div.wypunktowanie {text-align: left; margin-left: 25px; margin-top: 2px; width: 630px; height: 18px; position: relative;}

div.k_lewa {text-align: left; position: absolute; top: 0; left: 0px;}
div.k_lewa_cennik {text-align: left; position: absolute; top: 0; left: 20px;}
div.k_prawa {text-align: right; position:  absolute; top: 0; right: 0;}


div.spec {text-align: center; margin-left: 150px; margin-top: 5px; padding-top: 0px; width: 400px; height: 44px; color: #0D389B; font-weight: bold; background: url(grafika/godziny_wypelnienie.jpg) repeat;}
div.spec_cennik {text-align: center; margin-left: 25px; margin-top: 5px; padding-top: 0px; width: 630px; height: 44px; color: #0D389B; font-weight: bold; background: url(grafika/godziny_wypelnienie.jpg) repeat;}

div.spec p {padding-top: 12px; font-weight: bold;}
div.spec_cennik p {padding-top: 12px; font-weight: bold;}


div.lekarz {text-align: left; margin-left: 150px; margin-top: 2px; margin-bottom: 2px; width: 400px; font-weight: bold;}
div.pozycja {text-align: left; margin-left: 25px; margin-top: 2px; margin-bottom: 2px; width: 630px; padding-left: 20px; background: url(grafika/wypunktowanie.gif) no-repeat 0px 3px;}


div.kom {text-align: left; margin-left: 150px; margin-top: 2px; margin-bottom: 5px; width: 400px;}
div.kom_cennik {text-align: left; margin-left: 25px; margin-top: 2px; margin-bottom: 5px; width: 630px;}
div.kom_cennik p {text-align: left; font-weight: bold; padding-left: 20px; padding-top: 7px; padding-bottom: 3px; border-bottom: 1px solid #6992AA;}

form {margin-left: 150px;}
select#lista_spec {text-transform: lowercase;}

div.menu_strony {text-align: center; margin: 20px 0 10px 0;}
div.menu_strony a {text-decoration: none; font-family: verdana, tahoma; font-size: 12px; color: #121B6F; font-weight: normal}
div.menu_strony a:hover {color: #950628}

div.rada {margin-left: 125px; padding-top: 20px;}
div.rada p {padding-bottom: 3px;}
div.rada strong {font-weight: bold;}

div.zasady {margin-left: 30px; padding-top: 20px;}
div.zasady p {padding-bottom: 3px;}
div.zasady p.red {color: red;}
div.zasady strong {font-weight: bold;}

div.kursy {margin-left: 30px; padding-top: 20px;}

div.wiersz {padding-bottom: 7px; width: 650px;}
div.lewa {float: left; width: 155px; text-align: right; font-weight: bold; margin-left: 5px;}
div.prawa {width: 470px; text-align: left; margin-left: 175px;}
div.kursy p.red {color: #950628;}
div.kursy strong {font-weight: bold;}
div.kursy a {color: #121B6F;}
div.kursy a:hover {color: #950628}
span.tm {font-size: 9px; vertical-align: top;}