*{
margin:0;
padding:0;
}

body{
font:normal 62.5% "Trebuchet MS", Verdana;
background:#4369B0 url(../img/hydro_tlo.jpg) repeat-x 0 0;
}

a img{
border:0;
}

a{
color:#82AAF0;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#container{
width:818px;
margin:0 auto;
}

#header{
margin:37px 0 0 0;
height:129px;
background:url(../img/biocolon.jpg) no-repeat 0 0;
}

#header h1 a{
display:block;
width:818px;
height:129px;
background:url(../img/biocolon_alt.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#nav{
width:244px;
float:left;
padding:20px 30px 20px 20px;
}

#nav ul li{
display:block;
list-style-type:none;
}

#nav ul li a{
display:block;
border-bottom:1px solid #82AAF0;
text-decoration:none;
color:#fff;
font-size:1.8em;
font-style:italic;
padding:2px 0 8px 30px;
background:none;
margin:0 !important;
margin:-7px 0;
}

#nav ul li a:hover{
background:url(../img/motyl.gif) no-repeat 6px 4px;
}

#nav ul li a.activ{
background:url(../img/motyl.gif) no-repeat 6px 4px;
}

#nav ul li.last-child a{
border-bottom:0;
}

#content{
width:524px;
float:left;
}

#content2{
width:450px;
float:left;
}

#content h2, content2 h2{
margin:16px 0;
}

#content img.home{
float:right;
}

#content div.home_left{
width:298px;
float:left;
margin:16px 0 0 0;
height:316px;
position:relative;
}

#content div.home_left h2{
margin:6px 0 10px 0;
}

#content div.home_left p{
margin:0 0 30px 0;
}


#content div.home_right{
margin:212px 0 0 0;
width:186px;
float:right;
padding:10px 20px;
height:100px;
}

#content div.home_right h3{
margin:0 0 5px 0;
}

#content div.home_right h4{
margin:10px 0;
}

#content div.home_right h4 a{
color:#fff;
} 

#content2 div.article h2{
font:normal 2.6em "Trebuchet MS", Verdana;
font-style:italic;
margin:16px 0 10px 0;

}

#content2 div.article p{
font:1.2em Arial, Helvetica, sans-serif;
}

#content2 div.article p.date{
color:#82AAF0;
font-size:1.1em;
margin:0 0 20px 0;
}

#content2 p{
margin: 0 0 10px 0;
}

#content2 table{
width:100%;
border:1px dashed #5D83CA;
font:normal 1.1em Tahoma, Verdana;
border-collapse:collapse;
margin:10px 0;
text-align:center;
color:#fff;
padding:5px;
}

#content2 td{
border:1px dashed #5D83CA;
padding:7px;
}

#content2 th{
padding:10px 0;
}


#content2 tr.row{
background:#4B71B8;
}

#content2 tr.throw{
background:#5D83CA;
}

#content2 caption{
padding:20px 0;
font-weight:bold;
font-size:1.2em;
}

#content2 li{
list-style-type:none;
background:url(../img/motyl_li.gif) no-repeat 6px 6px;
font:1.2em Arial, Helvetica, sans-serif;
color:#fff;
padding:3px 0 3px 20px;
}

#content2 #links{
text-align:center;
}
#content2 #links ul{
list-style:none;
}
#content2 #links ul li{
background:none;
display:inline;
list-style:none;
}

#footer{
height:30px;
clear:both;
text-align:right;
font-size:90%;
padding:10px 0;
}

#footer p{
color:#82AAF0;
}

#footer a{
color:#82AAF0;
}

#medic{
position:absolute;
top:-145px;
left:300px;
width:226px;
height:341px;
}

h2{
font:normal 2.3em "Trebuchet MS", Verdana;
font-style:italic;
color:#fff;
margin: 20px 0 16px 0;
}

h2 a,h3 a{
color:#fff;
}

h3 a{
margin:10px 0 0 0;
}

h3{
font:normal 1.8em "Trebuchet MS", Verdana;
font-style:italic;
color:#fff;
}

h4{
font:normal 1.1em Tahoma, Verdana;
color:#fff;
}

p{
margin:10px 0;
font:normal 1.1em Tahoma, Verdana;
color:#fff;
line-height:1.3em;
}

#page p{text-indent:0;}


p.info{
background:url(../img/info.gif) no-repeat 0 0;
padding:0 0 0 30px;
text-indent:0;
margin:0 0 10px 0;
}

p.error{
background:url(../img/error.gif) no-repeat 0 0;
padding:0 0 0 30px;
text-indent:0;
}

span.koniec{
color:#82AAF0;
}

address{
font-style:normal;
color:#fff;
font-size:1.1em;
margin:10px 0;
}

dt{
font:normal 1.8em "Trebuchet MS", Verdana;
font-style:italic;
color:#fff;
}

dd{
font:1.2em Tahoma, Verdana;
margin:10px 0;
padding:0 0 0 20px;
line-height:1.3em;
text-indent:10px;
color:#fff;
}

fieldset{
border:0;
}

label{
font:1.1em Tahoma, Verdana;
color:#82AAF0;
cursor:pointer;
}

label.error{
display:block;
height:21px;
background:url(../img/error_form.gif) no-repeat 0 0;
padding:0 0 0 30px;
text-indent:0;
margin:5px 0 -12px 0;
}

input,textarea{
font:1.1em Tahoma, Verdana;
color:#fff;
}

input,textarea{
background:#82AAF0;
border:1px solid #5D83CA;
padding:3px;
}

input.textinput,textarea{
width:188px;
}

input.buttonSubmit{
float:right;
margin:5px 3px 5px 0;
cursor:pointer;
}

textarea{
height:100px;
}

hr{
color:#82AAF0;
height:1px;
background:#82AAF0;
}


#pagination, #pagination_short{
color:#676767;
text-align:center;
font-size:110%;
margin:5px 0;
}

#pagination p, #pagination_short p{
font-size:100%;
}

#pagination a, #pagination_short a{
padding:1px 3px;
margin:0 1px;
color:#fff;
border:1px solid #5D83CA;
}

#pagination a:hover, #pagination_short a:hover{
text-decoration:none;
border:1px solid #fff;
background-color:#5D83CA;
}

#pagination em, #pagination_short em{
font-style:normal;
padding:1px 3px;
margin:0 1px;
color:#5D83CA;
border:1px solid #5D83CA;
}

#view{
margin:20px 0;
}

#view img{
padding:10px;
background:#5D83CA;
border:1px solid #82AAF0;
}

#view_photo{
width:524px;
height:500px;
text-align:center;
}

#view_photo img{
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}

#nav_photo{
width:524px;
text-align:center;
}

#nav_photo img{
float:none;
}

#emailform{
float:right;
width:200px;
}