/*----- GLOBAL RESET -----*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a,u{text-decoration:none;}


body { margin: 0 0 0 0;  color: #0F5B99; font: normal 12px Verdana, Arial, Tahoma;
   background: #0F5B99 url(opiekunka/tlo.jpg) repeat-x; }

a { color: #0F5B99; text-decoration: underline;}
a:hover { color: #D85751; text-decoration: none;}

h1 {margin: 20px 0 0 50px; color: white; font: 20px Verdana, Arial, Tahoma; }
h2 {margin: 10px 0 10px 0; font: normal 18px Verdana, Arial, Tahoma;}
h3 {clear: left; font: bold 16px Verdana, Arial, Tahoma;
   font-weight: bold;}
   
br {clear: left;}
p {clear: left; margin: 10px 0 10px 0;}

ul { list-style-position: inside ; margin: 0 0 0 14px;}
li {clear: left; list-style-position: outside; margin: 0 0 0 14px;}

dl { width: 100%; display: block;}
dt { width: 36%; clear: left; float: left; text-align: right; padding: 2px; }
dd { width: 62%; float: left; padding: 2px; }

span.wazne {color: maroon;}

div.text {margin: 0 10px 0 14px;}

div.linia {clear: left; background: url(opiekunka/linia.jpg) repeat-x;
          height: 2px; width: 100%; display: block; margin-bottom: 10px;}

.form {background: #F3F6F7;}

#iefix { text-align:center; }

#glowny { width: 749px; margin: auto;}


#gora { width: 749px; height: 186px; margin: auto; }

#opiekunka {margin: 87px 0 0 0; float: left; width: 287px; height: 99px;
            background: url(opiekunka/opiekunka.jpg);}

#dziecko {width: 208px; height: 186px; background: url(opiekunka/dziecko.jpg);
          float: right;}

#lewa { width: 236px; float: left;}

#prawa { width: 513px; float: right;}

#tytul { width: 513px; height: 73px; background: url(opiekunka/tytul.jpg); float: right;
        text-align: left; }
        

#srodek { width: 513px; background: url(opiekunka/srodek.jpg); float: right;}

#tresc { padding: 0 42px 0 50px; text-align: left;}

#tresc img {border: solid 2px #C7EDFC; float: right; margin: 0 4px 4px 6px;}

#dol { width: 513px; height: 48px; background: url(opiekunka/dol.jpg); float: right;}

div#radiart {float: right; width: 400px; text-align: right; margin: 0 0 45px 0; }
div#radiart_tresc { padding: 4px 30px 0 0; font-size: xx-small;}
div#radiart_tresc  a { color: #1284BC; text-decoration: none;}
div#radiart_tresc  a:hover { color: #21AEF4; text-decoration: underline;}