/* Stil kreiran za potrebe PDP Convention. Sva prava izmene i koriscenja zadrzava PDP Convention.

Zabranjeno je kopiranje, izmena i koriscenje ovih stilova u celosti! */



* {

	margin: 0;

	padding: 0;

	border: none;

}



a:focus{

	outline: none;

}



body{

/*definisani atributi se odnose na sav sadrzaj koji se nalazi ini preko include ubacuje u osnovu*/

	margin: 0;

	padding: 0;

	background: #000000 url(body_bg.jpg) top center repeat-y;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: #CCCCCC;

	line-height: 14px;

	font-size:13px;

	text-align: center;

}



a{

	color: #ffffff;

	text-decoration: underline;

}



a:hover{

	color:#cccccc;

	text-decoration:none;

}

.slike img{

	display: block;

	margin: 5px auto 5px auto;

	border: 5px solid #666666;

}

pre{

	font-family: Tahoma,Verdana,Arial;

	color:#343434;

	line-height: 14px;

	font-size:11px;

	text-decoration:none;

}



h1, h2, h3 {

	font-family: Helvetica, Arial, sans-serif;

}



h1{	

	font-size:20px;

	font-weight: bold;

	text-align: center;

	color: #FFFFFF;

	line-height:20px;

	padding-top:25px;

	padding-bottom:25px;



}



h2{	

	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	padding-top:30px;
	padding-bottom: 15px;

}



h3{	

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

}







/*header

-------------------------------------------------------------------------------------------*/



#header{

	margin: 0 auto;

	width:100%;

	background: url(zaglavlje_bg.jpg) top center no-repeat;

}



/*zaglavlje

-------------------------------------------------------------------------------------------*/

 

#zaglavlje{

	margin: 0 auto;

	height: 200px;

	width:900px;

}



/*menu

--------------------------------------------------------------------------------------------*/



#menu {

	margin: 0 auto;

	width: 920px;

	font: 12px normal Arial, Helvetica, sans-serif;

	background: url(menu/topnav_bg.gif) repeat-x;

}



#menu ul.topnav {

	list-style: none;

	width: 920px;

	margin-left: 10px;

	float: left;

	background: #222;

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: url(menu/topnav_bg.gif) repeat-x;

}



#menu ul.topnav li {

	float: left;

	margin: 0;	

	padding: 0 15px 0 0;

	position: relative; /*--Declare X and Y axis base--*/

}



#menu ul.topnav li a{

	padding: 10px 5px;

	color: #fff;

	display: block;

	text-decoration: none;

	float: left;

}



#menu ul.topnav li a:hover{

	background: url(menu/topnav_hover.gif) no-repeat center top;

}



#menu ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;

	height: 35px;

	float: left;

	background: url(menu/subnav_btn.gif) no-repeat center top;

}

#menu ul.topnav li span.subhover {

	background-position: center bottom; 

	cursor: pointer;

} /*--Hover effect for trigger--*/



#menu ul.topnav li ul.subnav {

	list-style: none;

	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/

	left: 0; top: 35px;

	background: #333;

	margin: 0; padding: 0;

	display: none;

	float: left;

	width: 170px;

	text-transform: none;

	font-weight:normal;

	letter-spacing:normal;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	border: 1px solid #111;

}

#menu ul.topnav li ul.subnav li{

	margin: 0; padding: 0;

	border-top: 1px solid #252525; /*--Create bevel effect--*/

	border-bottom: 1px solid #444; /*--Create bevel effect--*/

	clear: both;

	width: 170px;

}

#menu ul.topnav li ul.subnav li a {

	float: left;

	width: 145px;

	background: #333 url(menu/dropdown_linkbg.gif) no-repeat 10px center;

	padding-left: 20px;

}

#menu ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/

	background: #222 url(menu/dropdown_linkbg.gif) no-repeat 10px center; 

}



/*menu en

----------------------------------------------------------------------------------------------*/



#menu_en {

	margin: 0 auto;

	width: 1000px;

	font: 12px normal Arial, Helvetica, sans-serif;

	background: url(menu/topnav_bg.gif) repeat-x;

}



#menu_en ul.topnav {

	list-style: none;

	width: 1000px;

	margin-left: -10px;

	float: left;

	background: #222;

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: url(menu/topnav_bg.gif) repeat-x;

}



#menu_en ul.topnav li {

	float: left;

	margin: 0;	

	padding: 0 15px 0 0;

	position: relative; /*--Declare X and Y axis base--*/

}



#menu_en ul.topnav li a{

	padding: 10px 5px;

	color: #fff;

	display: block;

	text-decoration: none;

	float: left;

}



#menu_en ul.topnav li a:hover{

	background: url(menu/topnav_hover.gif) no-repeat center top;

}



#menu_en ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;

	height: 35px;

	float: left;

	background: url(menu/subnav_btn.gif) no-repeat center top;

}

#menu_en ul.topnav li span.subhover {

	background-position: center bottom; 

	cursor: pointer;

} /*--Hover effect for trigger--*/



#menu_en ul.topnav li ul.subnav {

	list-style: none;

	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/

	left: 0; top: 35px;

	background: #333;

	margin: 0; padding: 0;

	display: none;

	float: left;

	width: 170px;

	text-transform: none;

	font-weight:normal;

	letter-spacing:normal;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	border: 1px solid #111;

}

#menu_en ul.topnav li ul.subnav li{

	margin: 0; padding: 0;

	border-top: 1px solid #252525; /*--Create bevel effect--*/

	border-bottom: 1px solid #444; /*--Create bevel effect--*/

	clear: both;

	width: 170px;

}

#menu_en ul.topnav li ul.subnav li a {

	float: left;

	width: 145px;

	background: #333 url(menu/dropdown_linkbg.gif) no-repeat 10px center;

	padding-left: 20px;

}

#menu_en ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/

	background: #222 url(menu/dropdown_linkbg.gif) no-repeat 10px center; 

}

/*ostalo

----------------------------------------------------------------------------------------------*/



#ostalo{

	margin: 0 auto;

	width: 900px;

	height:auto;

	overflow:auto;

	background: url(sadrzaj_pdp.jpg) bottom right no-repeat;

}



/*sadrzaj

-------------------------------------------------------------------------------------------------*/



#sadrzaj{

	width: 690px;

	float: left;

}



#sadrzaj ol {

	text-align:left;

	padding-left: 30px;

}



#sadrzaj p.strane{

	font-size: 14px;

	font-weight: 400;

	text-align: center;

}



#sadrzaj .pozadina h3{

	padding:20px 0 15px 10px;

	text-align: left;

}



#sadrzaj .pozadina ul{

	text-align: left;

	padding-left: 30px;

}



#sadrzaj .glavno ol {

	margin-left: 15px;

}



.glavno{

	width: 690px;

	margin-top: 10px;

}



.glavno p{

	padding: 10px;

	text-align:justify;

}



.glavno .pozadina{

	width: 690px;

	background: url(glavno/pozadina.png) repeat-y 100% 0;

}



.glavno p{

	padding: 10px;

	text-align:justify;

}



.glavno .pozadina_top{

	width: 690px;

	background: url(glavno/pozadina_top.png) no-repeat 0 0;

	padding-top: 8px;

}



.glavno .pozadina_bottom{

	width: 690px;

	background: url(glavno/pozadina_bottom.png) no-repeat 100% 100%;

	padding-bottom: 8px;

} 





/*dodatno

--------------------------------------------------------------------------------------------------*/



.dodatno{

	width: 340px;

	float: left;

	margin-top: 10px;

	text-align: left;

}



.dodatno p{

	padding: 0 10px 0 10px;

	text-align: justify;

}



.dodatno h2{

	padding-bottom: 20px;

}



.dodatno h3{

	text-align: left; 

	padding: 15px 0 10px 10px;

}



.dodatno ul{

	list-style: none;

	text-align: center;

	line-height: 20px;

}



.dodatno img{

	display: block;

	margin: 15px auto 0 auto;

	border: 5px solid #666666;

}



.dodatno a:hover img{

	border: 5px solid #CCCCCC;

}



.dodatno .pozadina_dod{

	width: 340px;

	background:url(dodatno/pozadina_dod.png) repeat-y 100% 0;

}



.dodatno .pozadina_dod_top{

	width: 340px;

	background: url(dodatno/pozadina_dod_top.png) no-repeat 0 0;

	padding-top: 8px;

}



.dodatno .pozadina_dod_bottom{

	width: 340px;

	background: url(dodatno/pozadina_dod_bottom.png) no-repeat 100% 100%;

	padding-bottom: 8px;

}

.vazno{
	background: #CCC;
	color:#C00;
	margin: 0 10px;
	padding: 15px 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

.vazno h2{
	color:#C00;
}


/*galerija

----------------------------------------------------------------------------------------------*/

.galerija{

	margin: 10px 0;

	width: 900px;

}



.galerija p{

	text-align: left;

	padding: 0 0 10px 10px;

}



.galerija h3{

	padding-top: 15px;

}



.galerija .galerija_pozadina{

	width: 900px;

	background: url(galerija/galerija_pozadina.png) repeat-y 100% 0;

}



.galerija .galerija_top{

	width: 900px;

	background: url(galerija/galerija_top.png)  no-repeat 0 0;

	padding-top: 8px;

}



.galerija .galerija_bottom{

	width: 900px;

	background: url(galerija/galerija_bottom.png) no-repeat 100% 100%;

	padding-bottom: 8px;

}



#slike {

	width: 810px;

	margin: 0 auto;

}







#slike a img{

	float:left;

	border: 5px solid #666;

	margin-right:2px;

	margin-bottom:2px;

}



#slike a:hover img{

	border: 5px solid #ccc;

}



/*ucesnici

----------------------------------------------------------------------------------------------*/

.ucesnici{

	text-align: left;

	padding: 10px;

}



.ucesnici ul{

	list-style: none;

}



.ucesnici label{

	display: block;

	padding: 15px 0 5px 0;

	width: 345px;

}



.ucesnici button, .ucesnici textarea, .ucesnici input, .ucesnici select   { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	display: inline-block; 

	padding: 2px 3px;

}



.ucesnici textarea, .ucesnici input{

	border-top: #000000 2px solid;	

	border-left: #000000 2px solid;

	border-bottom: #999999 2px solid;

	border-right: #999999 2px solid;

}



.ucesnici input.dugme{

	border-top: #999999 thin solid;

	border-left: #999999 thin solid;

	border-right: #333333 thin solid;

	border-bottom: #333333 thin solid;

	background: #666666;

	cursor: pointer;

}



.ucesnici input.dugme:hover{

	background: #CCCCCC;

}



/*volonteri

----------------------------------------------------------------------------------------------*/



.volonteri{

	text-align: left;

	padding: 10px;

}



.volonteri ul{

	list-style: none;

	text-align: left;

}



.volonteri label{

	display: block;

	padding: 15px 0 5px 0;

	width: 320px;

}



.volonteri button, .volonteri textarea, .volonteri input, .volonteri select   { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	display: inline-block; 

	padding: 2px 3px;

}



.volonteri textarea, .volonteri input{

	border-top: #000000 2px solid;	

	border-left: #000000 2px solid;

	border-bottom: #999999 2px solid;

	border-right: #999999 2px solid;

}



.volonteri input.dugme{

	border-top: #999999 thin solid;

	border-left: #999999 thin solid;

	border-right: #333333 thin solid;

	border-bottom: #333333 thin solid;

	background: #666666;

	cursor: pointer;

}



.volonteri input.dugme:hover{

	background: #CCCCCC;

}





/*vesti

----------------------------------------------------------------------------------------------*/



#vesti {

	margin: 10px 0 0 10px;

	text-align: left;

	float: right;

	width: 200px;

	height: auto;

}



#vesti .jezik{

	margin: 0 auto;

	padding-bottom: 15px;

	width: 100px;

}



#vesti .jezik img{

	display: block;

	margin: 10px;

	float: left;

}	



#vesti p{

	padding:0 10px 0 15px;

	text-align: left;

	font-weight: normal;

	line-height: 20px;

	font-size: 11px;

	background: url(vesti_p_bg.jpg) top left repeat-y;

}



#vesti ul{

	text-align: left;

	padding-left: 30px;

	font-size: 11px;

}



#vesti #brojac{

	width: 180px;

	margin: 0 auto 15px auto;

	background: #CCCCCC;

	color:#000000;

	font-size: 10px;

	text-align: center;

	-moz-border-radius: 5px;  

	-khtml-border-radius: 5px;  

	-webkit-border-radius: 5px;  

}



#vesti #brojac h2{

	font-weight: bold;

	color: #FF0000;

	font-size: 12px;

}


#vesti #brojac p{

	padding: 5px;

	font-size: 15px;

	text-align: center;

}



#vesti img, #vesti img a, #vesti img a:hover{

	margin-bottom: 2px;

	border: none;

}



#vesti h2{

	text-align: center;

	padding: 0 0 10px 0;

}

#vesti h3{

	padding: 10px;

}



#vesti h4{

	font-size: 11px;

	border-top: 1px solid #000000;

	margin: 10px 0;

	padding: 10px 0 0 10px;

}



#vesti .odvojeno h2{

	border-top: 1px solid #000000;

	margin: 10px 0 15px 0;

}



#vesti .vesti_pozadina{

	width: 200px;

	background: url(vesti/vesti_bg.png) repeat-y 100% 0;

}

#vesti .vesti_top{

	width: 200px;

	background: url(vesti/vesti_top.png) no-repeat 0 0;

	padding-top: 8px;

}



#vesti .vesti_bottom{

	width: 200px;

	background: url(vesti/vesti_bottom.png) no-repeat 100% 100%;

	padding-bottom: 8px;

} 



/*arhiva vesti

--------------------------------------------------------------------------------------------------*/



.arhiva_vesti{

	text-align: left;

}



.arhiva_vesti hr{

	color:#000;

	margin: 10px;

}



.arhiva_vesti p{

	padding: 10px;

}



.arhiva_vesti h3{

	text-align: left;

	padding: 15px 0 0 10px;

}



.arhiva_vesti ul{

	text-align: left;

	padding-left: 30px;

}



.arhiva_vesti .arhiva_vesti_pozadina{

	width: 900px;

	background: url(galerija/galerija_pozadina.png) repeat-y 100% 0;

}



.arhiva_vesti .arhiva_vesti_top{

	width: 900px;

	background: url(galerija/galerija_top.png)  no-repeat 0 0;

	padding-top: 8px;

}



.arhiva_vesti .arhiva_vesti_bottom{

	width: 900px;

	background: url(galerija/galerija_bottom.png) no-repeat 100% 100%;

	padding-bottom: 8px;

}



/*tabele

--------------------------------------------------------------------------------------------------*/



table {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color:#FFFFFF;

	margin: 15px 0;

	list-style: square;

}



table a{

	color: #fff;

	font-weight: bold;

	text-decoration: underline;

}



table a:hover {

	color: #CCCCCC;

	font-weight: bold;

	text-decoration: none;

}



table img{

	border: 5px solid #666666;

}



table a:hover img{

	border: 5px solid #CCCCCC;

}



/*footer

-------------------------------------------------------------------------------------------------*/



#footer {

	line-height: 20px;

	width:auto;

	font-family: Helvetica, Arial, sans-serif;

	margin: 10px auto 0 auto;

	padding-top: 10px;

	padding-bottom: 20px;

	background: #000000 url(footer_bg.jpg) top center no-repeat;

}



#footer p {

	line-height: 20px;

	padding-left:20px;

	padding-right:20px;

	font-size:  12px;

}



#footer .linkovi{

	margin-bottom: 10px;

}



#footer .linkovi a{

	color:#FFFFFF;

	font-size: 14px;

	font-weight: normal;

	text-decoration: underline;

	padding: 0 5px;

}



#footer .linkovi a:hover{

	color: #999999;

	font-size: 14px;

	font-weight: normal;

	text-decoration: none;

	padding: 0 5px;

}



.sponzori{

	width: 900px;

	margin: 0 auto 25px auto;

}



.sponzori h2{

	margin:5px;

}



.sponzori h3{

	margin: 5px;

}





/*linkovi

------------------------------------------------------------------------------------------------------------*/



#linkovi {

	float: left;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #750202;

	text-align: left;

	padding-top:5px;

	line-height:16px;

	width: 200px;

	height:auto;

}



#linkovi hr{

	color:#DB0202;

}



#linkovi ul {

	list-style: none;

}



#linkovi li {

	color: #750202;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

}



#linkovi a {

	text-decoration:underline;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 

}



#placena_reklama {

	height: auto;

}





/*-------------*/



.formWrapper{

 float: left;

 min-height: 1000px; 

}