@charset "utf-8";

* {margin:0; padding:0;}

html, body { height: 100%; }

img {border:none;}

body {text-align:center; margin:0; padding:0; font-size:12px; font-family:Arial,Verdana,Tahoma; color:#37516C; background: #8FA9C7 url(../img/body_tlo.gif) 0 0 repeat-x;}

a {outline:none; text-decoration:none;}

#container {width: 100%; height: auto !important; height: 100%; min-height: 100%; position: relative;}

#srodek {width: 803px; margin: 0 auto;}

#content {width: 797px; padding:0 3px 85px 3px; background: #FFFFFF url(../img/tresc_tlo.jpg) 0 0 repeat-y; border-top: 1px solid #FFFFFF;}

#baner {width: 797px; height: 209px; text-align: center; position: relative; padding:2px 3px 0 3px; background: #CFDAE7 url(../img/baner.jpg) 3px 2px no-repeat;}

#logo {width: 342px; height:118px; float:left;}

#wersje {width: 434px; float: left; text-align: right; height: 107px; padding: 11px 19px 0 0;}

#pasek-1 {height: 10px; background: url(../img/pasek_1.gif) 100% 0 no-repeat; overflow:hidden;}

#menu {height: 36px; background:url(../img/menu_tlo.jpg) 0 0 repeat-x; border-bottom: 3px solid #FFFFFF;}

.czysc {clear: both; font-size: 1px;}

#tresc {width: 732px; height: auto !important; height: 350px; min-height: 350px; position:relative;  padding: 50px 25px 0 40px; font-family: Verdana, Arial; font-size: 13px; color: #37516C; line-height: 22px; text-align:justify;}

#pom {position:absolute; top: 0; left: 0; height: 73px; background:url(../img/title_tlo.jpg) 0 0 repeat-x; z-index: 1000; width: 797px; overflow:hidden;}

#pom1 {position: absolute; top: 0; left: 0; height: 73px; width: 547px; background:url(../img/pom1_tlo.jpg) 0 0 no-repeat; z-index: 1000; overflow:hidden;}

#stopka {width: 100%; position: absolute; bottom:2px; left: 0; height: 62px; background:url(../img/stopka_tlo.gif) 0 0 repeat-x;}

#srodek-pom {width: 803px; height: 62px; background: #FFFFFF url(../img/tresc_tlo.jpg) 0 0 repeat-y; margin:0 auto; position: relative;}

#pom2 {width: 803px; height: 18px; position: absolute; top: 0; left: 0; background:url(../img/pasek_3.jpg) 0 0 no-repeat;}

#srodek-stopka {width: 797px; height: 38px; background:url(../img/stopka_srodek_tlo.gif) 0 0 repeat-x; margin:0 auto; padding: 24px 0 0 0; color: #FFFFFF; font-family: Verdana, Arial; font-size: 12px; overflow:hidden;}

#menu li {list-style: none; float: left; padding: 0 22px; height: 36px; line-height: 30px;}
#menu li a {font-family: Verdana, Arial; font-size: 14px; color: #FFFFFF; font-weight: bold;}
#menu li a:hover {color: #FF9900;}

#tresc h1 {font-family: Verdana, Arial; font-size: 16px; font-weight: bold; color: #37516C; z-index: 1001; position:relative; text-align:left; padding: 0 0 20px 0;}

#tresc #tt {z-index: 1001; position:relative;}

#nagrody {padding: 25px 0 0 0; width: 172px; text-align: center; float: left;}

#nagrody a, #nagrody h3  {font-family: Verdana, Arial; font-size: 11px; color: #37516C; font-weight: bold; line-height:normal;}
#nagrody a:hover {color:#0066CC;}



#kontakt {width: 172px; float: left; padding: 24px 0 0 60px; text-align: left;}

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

#srodek-tresc {width: 717px; padding: 0 15px 15px 0;}

#prawa {width: 328px; float: left; text-align: right; position:relative; z-index: 1001;}

#stopka-lewa {width: 622px; float: left; text-align:left; padding:8px 0 0 15px; height:17px;}

#stopka-prawa {width: 145px; float: left; text-align:right; padding: 8px 15px 0 0; height: 17px;}

#srodek-stopka a {color: #FFFFFF; font-family: Verdana, Arial; font-size: 12px;}

#srodek-stopka a:hover {color: #0000CC;}

.data {color: #DD293C; font-family: Verdana, Arial; font-size: 11px;}

.data1 {color: #DD293C; font-family: Verdana, Arial; font-size: 12px;}

h2 {font-family: Verdana, Arial; font-size: 12px; color: #537CA6; font-weight: bold; padding: 0 0 10px 0;}

a.tytul {font-family: Verdana, Arial; font-size: 12px; color: #537CA6; font-weight: bold;}

a.tytul:hover {color: #324B65;}

.nagrody-certyfikaty {font-family: Verdana, Arial; font-size: 11px; color: #37516C; width: 717px;}

.nagrody-certyfikaty img {margin: 0 3px 3px 0;}

.wiecej a {font-family: Verdana, Arial; font-size: 10px; color: #990000;}

.wiecej a:hover {color: #FF0000;}

.separator {padding: 25px 0; text-align:center; clear:both;}

.wiecej {text-align: right;}

input.forms {border: 1px solid #FE9900; padding: 2px 2px;}

textarea {border: 1px solid #FE9900; padding: 2px 2px; overflow: hidden;}

.gwiazdka {color: #FF0000;}

#formularz td {font-size: 10px;}

#komunikaty {padding: 25px 0 0 0; color:#FF0000; font-family: Verdana, Arial; font-size: 11px;}

.zdjecie {width: 156px; overflow: hidden; height: 136px; padding: 10px 12px; float: left;}
.zdjecie img {border: 4px solid #466689;}

.highslide-caption {text-align: justify;}

.highslide-caption h4 {text-align: left; padding: 10px 0;}

ul {padding: 0 0 0 15px; margin: 0;}

a.abstrakt {color:#37516C;}
a.abstrakt:hover {color: #5A83AB;}