@import url("yui-reset.css");

/* globalne */

html,body{height:100%;}

body{background: #3f638f url('../img/body_bg.jpg') 50% 0 no-repeat; font-family:"Georgia"; font-size:16px; color:#000;}

a{color:#880101;}
a:hover{text-decoration: none;}
a.more{font-size:90%; font-weight:bold; font-family:Georgia;}
b,strong{font-weight:bold;}

.hide {display:none!important}
.invalid {color:#ce0000}



/* konstrukcja */
div#wrapper{width:1100px; margin:0 auto;}
div#top{width:1100px; height:135px; background: transparent url('../img/top_bg.jpg') no-repeat;}
div#content{width:1100px; height:755px; background: transparent url('../img/content_bg.jpg') no-repeat; position:relative; padding:20px 0 0 100px; overflow:hidden;}


div#gminy{width:250px; height:260px; background: transparent url('../img/gminy.png') no-repeat; position:absolute; top:-15px; left:800px;}

div#sprawdz{width:610px; min-height:250px; background: transparent url('../img/sprawdz.png') no-repeat; position:absolute; top:290px; left:20px;}

div#fotogaleria{width:370px; height:130px; background: transparent url('../img/fotogaleria.png') no-repeat; position:absolute; top:170px; left:140px;}
div#nagrody{width:380px; height:350px; position:absolute; top:220px; left:620px; background: transparent url('../img/nagrody.png') no-repeat;}

div#zapraszamy{width:640px; height:220px; background: transparent url('../img/zapraszamy.png') 0 0 no-repeat; position:absolute; top:450px; left:390px;}

div.separator{clear:both;}

div#linki{width:900px; height:80px; position:absolute; left:160px; top:625px;}
div#design{width:830px; height:20px; position:absolute; left:160px; top:700px; text-align:right; color:#fff; font-size:13px;}
div.galeria{width:920px;}




/* menu */
ul#menu{float:right; padding:25px 60px 0 0px; clear:right; width:595px; }
ul#menu li{float:left;}
ul#menu li a{display:block; text-indent:-5000em; float:left; margin-top:45px;}
a.item1{width: 95px; margin-right:50px; *margin-right:25px;}
a.item2{width: 60px; margin-right:60px; *margin-right:30px;}
a.item3{width: 50px; margin-right:60px; *margin-right:30px;}
a.item4{width: 60px; margin-right:26px; *margin-right:13px;}
a.item5{width: 120px; margin-top:0px !important;}

ul.small-menu{height:21px; padding:5px 0px;}
ul.small-menu li{float:left;height:21px; padding-right:10px;}
ul.small-menu li a{display:block; text-indent:-5000em; float:left; height:21px; width:108px;}
a.e0{background: transparent url('../img/btn_about.png') no-repeat;}
a.e1{background: transparent url('../img/btn_idea.png') no-repeat;}
a.e2{background: transparent url('../img/btn_jury.png') no-repeat;}
a.e3{background: transparent url('../img/btn_literatura.png') no-repeat;}
a.e4{background: transparent url('../img/btn_regulamin.png') no-repeat;}
a.e5{background: transparent url('../img/btn_exlibris.png') no-repeat;}
ul.small-menu li a:hover, ul.small-menu li a.selected{background-position: 0 100%;}





/* naglowki */
h1{padding:0 0 0 90px;}
h2{height:54px;  text-indent:-5000em; margin-bottom:5px;}
h2.h-home{background: transparent url('../img/h_konkurs.png') 0% 100% no-repeat;}
h2.h-zgloszenie{background: transparent url('../img/h_formularz.png') 0% 100% no-repeat;}
h2.h-o-konkursie{background: transparent url('../img/h_about.png') 0% 100% no-repeat;}
h2.h-terminy{background: transparent url('../img/h_terminy.png') 0% 100% no-repeat;}
h2.h-wyniki{background: transparent url('../img/h_wyniki.png') 0% 100% no-repeat;}
h2.h-zglos-pytanie{background: transparent url('../img/h_dodaj.png') 0% 100% no-repeat;}
h2.h-kontakt{background: transparent url('../img/h_kontakt.png') 0% 100% no-repeat;}
h2.h-idea-konkursu{background: transparent url('../img/h_dlaczego.png') 0% 100% no-repeat;}
h2.h-jury{background: transparent url('../img/h_jury.png') 0% 100% no-repeat;}
h2.h-literatura{background: transparent url('../img/h_literatura.png') 0% 100% no-repeat;}
h2.h-regulamin{background: transparent url('../img/h_regulamin.png') 0% 100% no-repeat;}
h2.h-quiz{background: transparent url('../img/h_quiz.png') 0% 100% no-repeat;}
h2.h-pytania{background: transparent url('../img/h_pytania.png') 0% 100% no-repeat;}
h2.h-news{background: transparent url('../img/h_news.png') 0% 100% no-repeat;}
h2.h-exlibris{background: transparent url('../img/h_exlibris.png') 0% 100% no-repeat;}
h2.h-galeria{background: transparent url('../img/h_galeria.png') 0% 100% no-repeat;}

h3, h3 a{font-size:24px; margin-top:10px; color:#880101; text-decoration:none; font-family:"Arial"; font-weight:bold;}

h4{font-size:18px; font-weight:bold; margin-top:5px; clear:both; font-family:Arial;}

/* paragrafy */
#content p{padding:5px 0px;clear:both;}





/* listy */
#sprawdz dl{padding: 20px 30px 0 110px; margin-top:80px; color:#3f638f; font-size:18px;}
#sprawdz dl dt{font-weight:bold; font-style:italic; padding: 10px 0 20px 0; float:left;}
#sprawdz dl dd.spk{float:right; padding:10px 20px 0 0px;}
#sprawdz dl dd.pyt{height:90px; clear:both; font-weight:normal; padding:0 20px 0 10px;}
#sprawdz dl dd.odp{padding: 0px 0 0 45px;}

dl.kontakt{}
dl.kontakt dt{font-weight:bold; color:#880101; font-size:19px;}

dl.download{width:550px; padding:5px 0px; float:left; clear:both;}
dl.download dt{float:right;width:500px; padding-bottom:3px;}
dl.download dd.image{float:left; padding-top:3px;}
dl.download dd.image img{width:30px;}
dl.download dd.type, dl.download dd.size{float:left; font-size:11px; font-weight:normal; padding: 0 0 0 20px;}

dl.jury{width:700px; padding: 0 0 0 20px;}
dl.jury dt{font-size:18px; font-weight:bold; color:#880101; padding:10px 0 0 0;}
dl.jury dd{padding: 0 0 0px 20px; font-size:16px;}

dl.quiz{width:700px;}
dl.quiz dt{font-size:18px; font-style:italic; padding: 0 0 10px 0;}
dl.quiz dd{clear:both;}
dl.quiz dd.navi{margin-top:15px;}
dd.odpowiedz ul li{clear:both; padding: 5px 0;}
dd.odpowiedz ul li span{padding:5px 0 0 0; display:block;}
dd.odpowiedz ul li img{height:30px; float:left;}
dd.odpowiedz ul li span:hover {text-decoration:underline;}

dd.odpowiedz {margin-top:10px}

ul.lp{clear:both; height:30px; padding: 10px 0;}
ul.lp li{float:left; width:30px; height:30px; background: transparent url('../img/circle.png') no-repeat; margin-right:10px;text-align:center; font-weight:bold; padding-top:4px;}
ul.lp li a{display:block; width:30px; height:24px; text-decoration:none;}


dl.wyniki{float:left; padding:10px 0px 0 30px;}
dl.wyniki dt{color:#880101; font-size:18px; border-bottom:1px solid #880101}

#content ol{list-style-type: decimal; padding-left:30px;}


dl.books{font-size:16px; padding-top:10px;}
dl.books dt{float:left; width:25px; font-weight:bold; text-align:right; padding-right:5px;}
dl.books dd a{font-weight:bold; text-decoration:none;}
dl.books dd a:hover{text-decoration:underline;}
/* obrazki */
.galeria img{border:3px solid #fff; padding:0px; margin:10px;}





/* tabele */
table.ter td{padding:5px;  border-bottom: 1px solid #880101; vertical-align:top;}
table.ter th{padding:5px; border-bottom: 1px solid #880101; color:#880101; font-weight:bold;}
table.ter tr.last td{border: 0 none;}

table.wyniki td, table.wyniki th{padding:5px 10px;border-bottom: 1px solid #880101;}
table.wyniki th{color:#880101; font-weight:bold;}

.col1, .col3, .col4{text-align:center;}

table.ter td span{font-size:12px;}



table.punkty td{padding:5px; border:1px solid #000;}


/* linki */

h1 a{width:310px; height:110px; display:block; float:left; background: transparent; text-indent:-5000em; margin: 10px 0 0 0;}

a.fz{width:110px; height:40px; display:block; float:right; margin-right:220px; *margin-right:110px; text-indent:-5000em;}

#sprawdz dl dd.odp a{width:347px; height: 51px; display:block; background: transparent url('../img/btn_sprawdz.png') no-repeat; text-indent:-5000em; float:left;}
#sprawdz dl dd.odp a:hover{background-position: 0 100%;}

#sprawdz dl dd.spk a{width:195px; height:25px; display:block; text-indent:-5000em;}

button.check{width:304px; height: 31px; display:block; background: transparent url('../img/btn_spo.png') no-repeat; text-indent:-5000em; margin: 0px 10px 0 0; float:left; border:none;}
button.check:hover{background-position:0 100%;}

button.np{width:184px; height: 31px; display:block; background: transparent url('../img/btn_np.png') no-repeat; text-indent:-5000em; margin: 0px 0px 0 0; float:left; border:none;}
button.np:hover{background-position:0 100%;}

a.link1{display:block; width:180px; height:40px; text-indent:-5000em;}
#design a{color:#fff; font-style:normal !important;}

#fotogaleria a{display:block; width:350px; height:80px; margin:25px 0px; text-indent:-5000em;}
.galeria a{display:block; float:left;}

/* formularze */

textarea {
	resize: none;
}

form#form_zgl{ font-size:13px; font-weight:bold; padding:10px 0 0 0; width:600px;}
#form_zgl label{clear:both; display:block; padding: 0 0 3px 0;}
#form_zgl input{width:420px; height:22px; background: url('../img/input_bg.png') no-repeat; border:0 none; font-family: Tahoma; padding:4px 0 0 5px; color:#000; font-size:13px; font-weight:bold; margin: 0 0 10px 0;}
#form_zgl input.w200{width:200px;background: url('../img/input_bg_200.png') no-repeat;}
#form_zgl textarea{width:580px; height:60px; background: url('../img/area_bg_80.png') no-repeat; border:0 none; font-family: Tahoma; padding:10px; color:#000; font-size:13px; font-weight:bold; margin: 0 0 10px 0;}
#form_zgl button{clear:both; display:block; width:159px; height:31px; background: transparent url('../img/btn_wyslij.png') no-repeat; border:0 none; text-indent:-5000em; margin: 10px 0 0 0; float:left; cursor:pointer;}
#form_zgl button:hover{background-position:0 100%;}
#form_zgl select{font-family: Tahoma; color:#000; font-size:13px; font-weight:bold;}

form#form_pyt{ font-size:13px; font-weight:bold; padding:10px 0 0 0; width:600px;}
#form_pyt label{clear:both; display:block; padding: 0 0 3px 0;}
#form_pyt input{width:414px; height:22px; background: url('../img/input_bg.png') no-repeat; border:0 none; font-family: Tahoma; padding:4px 0 0 5px; color:#000; font-size:13px; font-weight:bold; margin: 0 0 10px 0;}
#form_pyt button{clear:both; display:block; width:159px; height:31px; background: transparent url('../img/btn_wyslij.png') no-repeat; border:0 none; text-indent:-5000em; float:right; }
#form_pyt button:hover{background-position:0 100%;}

#form_pyt textarea{width:580px; height:40px; background: url('../img/area_bg_60.png') no-repeat; border:0 none; font-family: Tahoma; padding:10px; color:#000; font-size:13px; font-weight:bold; margin: 0 0 10px 0;}
#form_pyt input.w200{width:194px;background: url('../img/input_bg_200.png') no-repeat;}

.odpowiedz li {
	cursor:pointer;
}

.n-checkbox {
	cursor: pointer;
	width: 26px;
	height: 24px;
	float: left;
	background: 0px 2px no-repeat url(../img/checkbox.png);
}

.n-checkbox-checked {
	background-position: 0 -24px;
}
/* inne */

.pt10{padding-top:10px !important;}
.red{color:#880101 !important;}
.green{color:green !important;}



/* slideshow */

#slideshow {
    position:relative;
		width:350px;
		height:140px;
}

#slideshow div {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
}

#slideshow div.active {
    z-index:4;
}

#slideshow div.last-active {
    z-index:3;
}
.banner{display:none;}
.active{display:block;important;}

