/* Bajlandia - arkusz styli */

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{background-color:#fff;color:#222;font-size:12px;font-family:Comic Sans Ms, Arial sans-serif;}

body{background:#8bd1f3;text-align:center;behavior: url(csshover.htc);}

a{background-color:inherit;color:#14a0c9;text-decoration:underline;}
a:hover{background-color:inherit;color:#c1335a;text-decoration:underline;}
.justify{text-align:justify;}

#zew{width:100%;height:100%;}
#wewn{width:950px;height:590px;margin:10px auto 0;background-color:#dff3fc;}

#container{position:relative; margin:auto 0;width:950px;height:160px;z-index:5;}
#logo{float:left;margin:0px 0 5px 10px;height:160px; width:230px;background-color:#dff3fc;}
#slogan{font:bold 1.2em Comic Sans Ms, Arial;color:#a6ce39; height:35px; width:230px;background-color:#dff3fc;}

div#menu{float:left;position:absolute;top:8px;left:250px;height:150px;width:700px;z-index:6;}
div#menu ul{margin:0;padding:0;}
div#menu li{position:relative;list-style:none;margin:0;padding:5em 0 0;float:left;width:9.5em;line-height:1em;}
div#menu ul.level1 li.selected{background: url('img/wazka.jpg') 3em 0 no-repeat;}
div#menu li span{display:block;padding:2px 0 2px 0em;color:#14a0c9;font:normal 1.4em Comic Sans Ms, Arial;}
div#menu li a:hover{}
div#menu li.submenu{display:block;}
div#menu li.submenu .martwy{display:block;background:#dff3fc;padding:2px 0 2px 0em;text-decoration:none;width:7em;color:#14a0c9;font:normal 1.4em Comic Sans Ms, Arial;}
div#menu li.submenu a:hover{}
div#menu li a{display:block;background:#dff3fc;padding:2px 0 2px 0em;text-decoration:none;width:6.5em;color:#14a0c9;font:normal 1.4em Comic Sans Ms, Arial;}
div#menu>ul a{width:auto;}
div#menu ul ul{position:absolute;width:9em;display:none;}
div#menu ul ul li{border-bottom:1px solid #ccc;}
div#menu li.submenu li.submenu:hover{background:#edd;}
div#menu ul.level1 li.submenu:hover ul.level2{display:block;}
div#menu ul.level2{top:7.3em;left:-1px;z-index:8;}
div#menu ul.level2 li{display:block;padding:0;z-index:8;}


div#menu li#fioletowy{border-bottom: 3px solid #9b78b6;}
div#menu li#niebieski{border-bottom:3px solid #57c7f7;}
div#menu li#granatowy{border-bottom:3px solid #015b87;}
div#menu li#zielony{border-bottom:3px solid #a6ce39;}
div#menu li#zolty{border-bottom:3px solid #ffcb03;}
div#menu li#czerwony{border-bottom:3px solid #ed1651;}

div#menu li#fioletowy a:hover{color:#9b78b6;}
div#menu li#niebieski a:hover{color:#57c7f7;}
div#menu li#granatowy a:hover{color:#015b87;}
div#menu li#zielony a:hover{color:#a6ce39;}
div#menu li#zolty a:hover{color:#ffcb03;}
div#menu li#czerwony a:hover{color:#ed1651;}

div#menu li#fioletowy span{color:#9b78b6;}
div#menu li#niebieski span{color:#57c7f7;}
div#menu li#niebieski span.martwy, div#menu li#zielony span.martwy{color:#14a0c9;}
div#menu li#granatowy span{color:#015b87;}
div#menu li#zielony span{color:#a6ce39;}
div#menu li#zolty span{color:#ffcb03;}
div#menu li#czerwony span{color:#ed1651;}


#content{position:relative; margin:0 auto;width:950px; height:430px; background-color:#dff3fc;z-index:0} 
#top_img{position:absolute; top:0px; left:140px; margin:auto 0;height:26px;width:600px;z-index:0;}
#tlo{position:absolute; top:26px; left:140px; margin:0 auto; height:329px; background:url('img/content_bg.jpg') repeat-y; width:595px;overflow:auto;padding:0;text-align:justify;font:normal 1.2em Arial;z-index:0;}
#tresc{padding:0 20px 0px 80px;}
#zyrafka{position:absolute; bottom:0px; left:5px; height:350px; width:200px; z-index:3;}
#slonik{position:absolute; bottom:6px; right:0px; height:244px; width:213px; z-index:1;}
#gorki{position:absolute;bottom:26px;left:205px;height:49px;width:533px;z-index:3;}
#footer{position:absolute; bottom:0px; left:0px; height:26px; width:950px; background:#83c326;font-size:0.8em;color:green;}


#tresc h1{padding:0 0 10px;text-align:left;font:normal 2em Comic Sans Ms, Arial;}
#tresc p{padding:0 0 10px;}

.news{padding:10px 5px 5px;margin:0 0 5px;border-bottom:1px solid #ed1651;font-size:0.8em;}
#sciezka{padding:0 0 4px;color:#777;font-size:0.8em;}
#sciezka a{color:#555;}

.fioletowy{color:#9b78b6;}
.niebieski{color:#57c7f7;}
.granatowy{color:#015b87;}
.zielony{color:#a6ce39;}
.zolty{color:#ffcb03;}
.czerwony{color:#ed1651;}

table{text-align:center;background:#e1fdb9;padding:10px 0px 20px;margin:0 0 10px;}
th{background:#91df57;}

.galery{float:left;padding:10px 5px 10px 5px;}

/*formularz*/
.formularz{background:#f8f67f;}
.formularz td{font:normal 1em Arial;text-align:right;}
input, textarea{border:1px solid #0998ce;padding:3px;}
.wyslij{float:right;border:2px solid #9b78b6;font-weight:bold;background-color:#c4add3;}
.wyczysc{margin:0 20px 0 0;}
#error{padding:10px;border:1px solid red;}
#ok{padding:10px;border:1px solid green;}