html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, font, img, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin : 0;padding : 0;border : 0;}

body {
background: fixed #9f9f9f url(images/upload/bg.png) repeat-x center top;
font : 14px/1.8em Calibri, Arial, serif;
color : #222;

}


a {font : 14px Calibri; color : #d50400; text-decoration : none; font-weight:bold;}
a:hover {text-decoration : underline;color:#008ccb;}
h1 {font : bold 24px Calibri;color:#ff0000;}
h2 {font : bold 18px Calibri;color:#ff0000;}
h2  a{font : bold 18px Calibri;color:#ff0000;}

input,textarea {font:11px Calibri;color:#111;border:1px solid #000;padding:0 5px;}
input.submit {background:#008ccb;cursor:pointer;width:auto;padding:1px 5px;color:#fff;border:0;font:11px Calibri;}
input.submit:hover {background:#ff0000;color:#fff;}


body.comments_b{
background-color: #fff;
background-image:none;
}

#wrapper {
width : 1000px;
margin : 0 auto;
}

/* ################################     CZARNY PASEK U GÓRY ORAZ MENU   ##################################*/
#topSite {background: #000;width:100%;height:30px;}

#menuInfo {position: absolute;top:-32px;left:25px;width:760px;height:27px;}
#menuInfo ul {list-style-type:none;padding:0;margin:0;}
/*ABY POZYCJE W MENU ZACZYNAŁY SIĘ OD LEWEJ STRONY ZMIEŃ PARAMETR ]float:right; na float:left]*/
#menuInfo ul li{float:right;width:auto;height:auto;position:relative;margin:0;text-align:center;}
#menuInfo ul li a{font:normal 11px Calibri;color:#fff;text-decoration:none;border-bottom:2px solid #000;padding:3px 5px 5px 5px;}
#menuInfo ul li a:hover{color:#fff;border-bottom:2px solid #fff;}

/* ##############################################################################################*/


/* ################################     CAŁY TOP STRONY        ##################################*/
#header {
width : 1000px;
height : 235px;
float : left;
background :  url(images/upload/header.png) no-repeat 0 19%;	
position : relative;
margin-top : 5px;
}
/* ##############################################################################################*/


#silacz{
width : 288px;
height : 245px;
background : url(images/upload/silacz.png) no-repeat top left;	
position: absolute;
top:-10px;
left:465px;
z-index:2;
}

.block_logo {display:block;width:400px;height:200px;}

#date {
width : 204px;
height : 100px;
background : url(images/upload/data.png) no-repeat top left;	
position: absolute;
padding-left:65px;
padding-top:120px;
top:35px;
left:732px;
}


#wyszukiwarka {
width : 185px;
height : 25px;
position: absolute;
top:-32px;
left:817px;
}

#wyszukiwarka input{width:150px;color:#222;padding:2px 5px;}
#wyszukiwarka input.fraza_szukana {height:auto;font-size:11px;padding-bottom:1px;}
#wyszukiwarka input.submit_szukaj{float:right;width:18px;height:18px;background:url(images/szukaj.png) no-repeat top left;filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;cursor:pointer;border:0;margin-top:3px;}
#wyszukiwarka input.submit_szukaj:hover{filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}


#site_box {
width : 1000px;
float : left;
background : #fff;
}

/* ################################     TRESC STRONY   ##################################*/
#content {
width : 780px;
padding: 15px 35px 15px 45px;
float:left;
}

#boxFotoCzas {
float:left;
width:100%;
height:auto;
margin-top:2px;
margin-bottom:15px;
position : relative;
}

#czas {
width : 200px;
height:280px;
float:right;
background: url(images/upload/timer.jpg) no-repeat top left;
filter:alpha;
text-align:center;
line-height:1.2em;
}

#czas .dataDni{font: normal 55px Calibri;color: #00baff;display:block;margin-top:65px;}
#czas .dataGodzMinSek{font: bold 18px Calibri;color: #fff;display:block;margin-top:10px;}

#foto {
width : 580px;
height : 280px;
float:left;
color: #ff0000;
font:18px Verdana;
background: #000;
overflow: hidden;
position : relative;
}

#foto  img{position:absolute;z-index:5;}

#foto a span.opis{font:14px Verdana;color:#fff;display:block;width:560px;height:15px;position:absolute;padding:9px 10px;bottom:0;left:0;background:#242424;filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;z-index:10;overflow:hidden;}
#foto a:hover span.opis {color:#fff;opacity:0.90;background:#008ccb;}

#foto #prev {position:absolute;top:0;left:0;z-index:100;background:#000;color:#fff;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;display:block;width:62px;height:62px;text-align:center;cursor:pointer;background:url(images/upload/wstecz.png) no-repeat top left;margin:5px;}
#foto #next {position:absolute;top:0;right:0;z-index:100;background:#000;color:#fff;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;;display:block;width:62px;height:62px;text-align:center;cursor:pointer;background:url(images/upload/dalej.png) no-repeat top right;margin:5px;}
#foto #next:hover {color:#fff;filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
#foto #prev:hover {color:#fff;filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}

#fbSolLike {
width : 200px;
height:42px;
position:absolute;
right:40px;
top:286px;
z-index:100;
}

/* #######################################################################################*/

/* ################################     PRAWA KOLUMNA    #################################*/
#box_right{
width : 135px;
float : left;	
padding-top: 15px;
}

p.newsletterNapis {font: normal 10px/1.2 Verdana;color:#000;}
input.newsletterPole {width : 118px;}
input.newsletterSubmit {padding:0 3px;float:right;margin-bottom:25px;margin-right:5px;}

#patronatHonorowy ,#patronatMedialny,#partnerzyLoga,#sponsorzyLoga,#organizatorzyLoga{
width:135px;
height:85px;
text-align:center;
overflow: hidden;
position : relative;
margin-bottom:15px;
}
#patronatHonorowy,#organizatorzyLoga {height:95px;}
#patronatHonorowy  span,#patronatMedialny  span,#partnerzyLoga span,#sponsorzyLoga span,#organizatorzyLoga span{position:absolute;z-index:5;top:25px;display:block;vertical-align:middle;height:90px;width:130px;text-align:center;}
/* #######################################################################################*/


/* ################################     STOPKA STRONY    #################################*/
#fotter {
width : 990px;
height : 20px;
color : #555;
font-size : 11px;
float:left;
background : #000;
padding : 0 5px 4px 5px;
}
/* #######################################################################################*/


/* ################################     SYSTEM NEWSOW    #################################*/

div.news_box_box {width:820px;height:auto;float:left;padding:0;margin:0;margin-bottom:20px;}

div.news_box {width:380px;padding:0px; float:left; margin-right:25px;color : #222;font:normal 14px/1.5em Calibri;}
div.news_box img {clear:right;float:left;margin:8px;margin-right:8px;margin-bottom:8px;}
div.news_box span.data_pole {float:right;font-size:11px;color:#555;}
div.news_box a.tresc {color : #222;font:normal 14px/1.5em Calibri;text-decoration:none;padding-top:20px;}
div.news_box a.tresc:hover {color : #000;text-decoration:none;}

div.news_box p.trescKrotkaMedia {color : #222;font:normal 14px/1.3em Calibri;text-decoration:none;padding-top:20px;}
div.news_box a.trescKrotkaMedia {color : #222;font:normal 14px/1.3em Calibri;text-decoration:none;padding-top:20px;}
div.news_box a.trescKrotkaMedia:hover {color : #000;text-decoration:none;}

div.news_box2 {width:100%;min-height:250px;padding:0px;float:left;margin-bottom:0px;}
div.news_box2 img.foto {clear:right;float:left;margin:3px;margin-right:8px;margin-bottom:3px;}
div.news_box2 span.data_pole {float:right;font-size:11px;color:#555;}
/* #######################################################################################*/


.left {float : left;}
.right {float : right;}

a.link_stopka {font-size:11px;text-decoration:none;color:#c61313;}
a.link_stopka:hover {text-decoration:underline;}

a.link_wiecej  {display : block;background : #008ccb;height:20px;color:#fff;margin-top:3px; margin-left:295px;height:15px;width:70px;border:1px solid #fff;padding:2px 7px 3px 7px;font: bold 11px Calibri, Arial, serif;text-decoration:none;}
a.link_wiecej:hover {background : #ff0000;color:#fff;}


/* ################################     SYSTEM GALERII     #################################*/
table.galeria {border: 0;background:#fff;width:100%;text-align:left;vertical-align:middle;}
td.galery_cat_glowna {background : #000;border: 0;color:#fff;letter-spacing:1px;padding-left:5px;padding-right:5px;height:25px;font-size:13px;}
td.galery_cat_glowna a{color:#fff;}
td.td_1 {background:#fff;border: 0;padding-left:5px;color:#888;height:25px;}
td.td_2 {background:#fff;border: 0;padding-left:5px;color:#888;height:25px;}
td.td_1 a, td.td_2 a {color:#333;}

ul#gal {list-style-type : none;padding:0;margin:0;margin-top:8px;}
ul#gal li.gal {float : left; margin:5px;padding-left:20px;margin-bottom:8px;margin-top:0;display:block;width:154px;height:179px;text-align:center;}
ul#gal li.gal img {border:1px solid #999;padding:4px;margin-bottom:0;}
ul#gal li.gal span {text-decoration:none;}
ul#gal li.gal div.galery_opis {width:158px;font-size:11px;color:#555;overflow:hidden;height:25px;}

a.galery_title {color:#617044;text-decoration:none;font-size:14px;font-weight:bold;letter-spacing:1px;padding-left:10px;}
a.galery_title:hover {color:#004d00;text-decoration:underline;}
/* #######################################################################################*/



fieldset {border:1px solid #999;padding: 10px;width:95%;margin:0 auto;}
fieldset.form{border:0;padding:0;width:auto;margin:0;}
legend {color:#c0c0c0;padding:0 10px;}

ul {padding-left:25px;}
ol {padding-left:25px;}


.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 13px;
	width:250px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	line-height:1.4em;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#formularz input, #formularz textarea{padding-top:1px;padding-bottom:1px;padding-right:3px;}

#formularz span {float:left;width:100px;}
#formularz span.biger {float:left;width:130px;}
#formularz input:hover,#formularz input:focus, #formularz textarea:hover, #formularz textarea:focus{border:1px solid #555;}

#akredytacja input.valid, #akredytacja textarea.valid, #wolontariat input.valid, #wolontariat textarea.valid, #formularzZgloszeniowy input.valid, #formularzZgloszeniowy textarea.valid {border:1px solid green;	-moz-box-shadow:0 0 3px green;	-webkit-box-shadow:0 0 3px green;background:url(images/upload/ok.gif) no-repeat 98% 50%;}
#akredytacja input.error, #akredytacja textarea.error, #wolontariat input.error,#wolontariat textarea.error, #formularzZgloszeniowy input.error,#formularzZgloszeniowy textarea.error {border:1px solid #cc0000;	-moz-box-shadow:0 0 2px #cc0000;	-webkit-box-shadow:0 0 2px #cc0000;}
#akredytacja label.error, #wolontariat label.error, #formularzZgloszeniowy label.error {color:#cc0000;font-weight:bold;float:right;width:100%;text-align:left;font-size:11px;}