@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg-trava.jpg);
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #ec2d00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.logo {
	width: 168px;
	height: 96px;
	padding-top: 23px;
	margin-left: 17px;
	float: left;	
}



/**************************************
sadrzaj
**************************************/


.kontejner {
	width: 1000px;
	margin: auto;
	background-image: url(../images/bg-sve.png);
	background-repeat: repeat-y;
}

.bg-meni1 {
	width: 968px;
	margin: 0 auto;
	height: 35px;
	border-bottom: 1px solid #f7ed99;
	background-image: url(../images/bg-meni1.gif);
	background-repeat: repeat-x;
}

.bg-meni2 {
	width: 968px;
	margin: 0 auto;
	height: 28px;
	background-image: url(../images/bg-meni2.gif);
	background-repeat: repeat-x;
	background-color: #ffe40f;
}



.bg-meni3 {
	margin:0; 
	padding:0; 
	width:566px; 
	height:30px;
	float: left;
	margin-top: 112px;
	margin-left: 33px;
}

.header {
	width: 968px;
	height: 142px;
	margin: 0 auto;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	clear:both;

}

.levipanel {
	width:715px;
	margin-left:31px;
	margin-top: 15px;
	float: left;
}

.desnipanel {
	width: 214px;
	margin-top: 15px;
	float: right;
	margin-right: 31px;
	}


.footer {
	background-image: url(../images/bg-footer.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 60px;
	margin: 0 auto;
}

.cr {
	color: #FFF;
	font-size: 12px;
	width: 150px;
	float: left;
	margin-left: 23px;
	margin-top: 23px;
}

.cr2 {
	color: #FFF;
	font-size: 12px;
	width: 210px;
	float: right;
	margin-right: 0px;
	margin-top: 23px;
}

.cr2 a:link, .cr2 a:visited {
	color: #FFF;
	
}


.clear {
	clear: both;
}

/**********************************
search
**********************************/

.search {
	width: 190px;
	height: 27px;
	float: right;
	margin-top: 4px;
	margin-right: 7px;
	background-image: url(../images/bg-search.jpg);
	background-repeat: no-repeat;	
	
}

.tekst {
	background: none;
	border: 0;
	margin-left: 3px;
	height: 20px;
	width: 160px;
	padding-top: 6px;
	float: left;
	color: #f4da01;
	border-right: 1px solid #f4da01;

}

.dugme-search {

	height: 27px;
	width: 24px;
	background: none;
	border: 0;
	background-image: url(../images/bg-search2.jpg);
	float: right;
	
	}
	
.dugme-search:hover {
	background-image: url(../images/bg-search2.jpg);
	background-position: 44px 0px;	
	}	
	
.dugme-search:active {
	background-image: url(../images/bg-search2.jpg);
	background-position: 22px 0px;	
	}	




/************************************************
BOX vesti
************************************************/

.vesti {
	width: 393px;
	margin-top: 15px;
	font-size: 12px;
	float: left;
}

.vesti p {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 10px;
}

.vesti h1 {
	margin: 0;
	padding: 0;
	color: #ec2c00;
	font-size: 20px;
	font-weight: bold;
}


.vesti-dno {
	width: 393px;
	height: 8px;
	background-image: url(../images/hr.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.paginacija {
	text-align: center;	
}

.paginacija a:link, .paginacija a:visited {
	color: #333333;
}

.paginacija a:hover {
	color: #ec2d00;
	text-decoration: none;
}



.paginacija-selected {
	color: #ec2d00;
}


/***********************************************
blaza
**********************************************/

.blaza {
	margin-top: 15px;
	width: 313px;
	float: right;
}

.blaza-sadrzaj {
	width: 283px;
	height: 136px;
	font-size: 14px;
	padding: 14px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	text-align: justify;	
}

.blaza-sadrzaj h3 {
	margin: 0;
	padding: 0;
	margin-top: -10px;
	line-height: 22px;
	font-size: 15px;
	margin-bottom: 7px;
	color: #ec2d00;
}

.blaza-sadrzaj p {
	margin: 0;
	padding: 0;
	font-size: 12px;

	line-height: 16px;
}

.blaza-sadrzaj img {
	float: left;
	margin-right: 14px;
}

.blaza-dno {
	width: 313px;
	height: 29px;
	background-image: url(../images/dno-blaza.gif);
	background-repeat: no-repeat;
}

/********************************************
tabele
*********************************************/

.tabnaslov {
	color: #FFF;
	font-size: 12px;
	font-weight:bold;
	margin-left: 11px;
}

table {
	font-size: 12px;
	font-weight:bold;
	color: #ec2d00;
}

table a:link, table a:visited {
	color: #333333;
	margin-left: 8px;
}

table a:hover {
	color: #ec2d00;
	text-decoration:none;
}

.strelci {
	margin-top: 14px;
	}
	
.kolo {
	margin-top: 14px;
}

.kolotekst {
	margin: 14px;
	text-align: center;
}

.kolotekst select {
	width: 183px;
}

.anketa {
	padding: 10px;
	padding-top: 5px;
	color: #333333;

}

.anketa form{
	margin-left: 20px;
	margin-top: 5px;
	font-weight: normal;
}

.dugme{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.anketa a {
	float: left;
	padding-left: 30px;
	padding-top: 14px;

}

/*********meni 1*************/

ul#navigation-1 { 
	margin:0; 
	padding:1px 0; 
	list-style:none; 
	width:685px;
	float: left;
	height:33px;
    margin-top: -1px;
	z-index: 80;
}

ul#navigation-1 li { 
	margin:0; 
	padding:0;
	display:block; 
	float:left; 
	position:relative;   
	z-index: 80;	
}

ul#navigation-1 li a:link,
ul#navigation-1 li a:visited { 
	padding:0; 
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #231F20;
	display: block;
	clear:left;
	text-align:center; 
	text-decoration:none;  
	height:16px;
	line-height: 33px;
	padding-left: 12px; 
	padding-right: 12px;
	_display: inline-block;

}

ul#navigation-1 li:hover {
/*	background: url(../images/td2.gif) no-repeat top center; */
}

ul#navigation-1 li:hover a {
	display: block;
	height: 35px;
	background-image: url(../images/select-gore.gif);
	background-repeat: no-repeat;
	background-position: center top;

}


ul#navigation-1 li a:hover {
	_color: #000000;
	_text-decoration: none;
}

ul#navigation-1 li ul.druginivo {
	 margin:0; 
	 padding:0;
	 list-style:none; 
	 display:none; 
	 background:#ffffff;  
	 position:absolute; 
	 left: 0px; 
	 top:34px;  
	 _top:33px; 
	 border-top:none;  
}

ul#navigation-1 li:hover ul.druginivo {
	display:block;
	margin-top:2px;
}

ul#navigation-1 li ul.druginivo li { 
	width:100px;  
}

ul#navigation-1 li ul.druginivo li a:link,
ul#navigation-1 li ul.druginivo li a:visited { 
	clear:left; 
	background-color:#edd301;
	line-height: 25px;
	height: 25px;
	width:100px; 
	border:1px solid #f7ed99;
	margin-top:-1px;
	position:relative;
	color: #231f20; 
}

ul#navigation-1 li ul.druginivo li:hover a,
ul#navigation-1 li ul.druginivo li a:hover { 
	clear:left; 
	background:#ed1c24;
	color: #fff; 
	width:100px; 
	border:none; 
	border:1px solid #f7ed99;
	margin-top:-1px;
	position:relative; 
}

ul#navigation-1 li.sfhover ul.druginivo { 
	_display:block; 
	_width: 100px;
}


/********meni 2************/


ul#navigation-2 { 
	margin:0; 
	padding:1px 0; 
	list-style:none; 
	width:100%; 
	height:28px;
	z-index: 70;
}

ul#navigation-2 li { 
	margin:0; 
	padding:0;
	display:block; 
	float:left; 
	position:relative;   
	z-index: 70;
}

ul#navigation-2 li a:link,
ul#navigation-2 li a:visited { 
	padding:0; 
	font-size: 12px;
	color: #231F20;
	display: block;
	clear:left;  
	text-align:center; 
	text-decoration:none;  
	height:28px;
	line-height: 28px;
	padding-left: 12px; 
	padding-right: 12px; 
	_display: inline-block;
}

ul#navigation-2 li:hover {
	
}

ul#navigation-2 li:hover a {
	display: block;
	height: 26px;
	background-image: url(../images/select-dole.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

ul#navigation-2 li a:hover {
	_color: #000000;
	_text-decoration: none;
}

ul#navigation-2 li ul.druginivo {
	 margin:0; 
	 padding:0;
	 list-style:none; 
	 display:none; 
	 background:#ffffff;  
	 position:absolute; 
	 left: 0px; 
	 top:26px;
	 _top:26px;  
	 border-top:none;  
	 z-index: 70;

}

ul#navigation-2 li:hover ul.druginivo {
	display:block;
	width: 166px;
	margin-top: 1px;

}



ul#navigation-2 li ul.druginivo li { 
	width:100px; 
}



ul#navigation-2 li ul.druginivo li a:link,
ul#navigation-2 li ul.druginivo li a:visited { 
	clear:left; 
	background-color:#edd301;
	line-height: 25px;
	height: 25px;
	width:140px; 
	border:1px solid #f7ed99;
	margin-top:-1px;
	position:relative;
	color: #231f20; 
		background-image: none;
}



ul#navigation-2 li ul.druginivo li:hover a,
ul#navigation-2 li ul.druginivo li a:hover { 
	clear:left; 
	background:#ed1c24;
	color: #fff; 
	width:140px; 
	border:none; 
	border:1px solid #f7ed99;
	margin-top:-1px;
	position:relative;
}
ul#navigation-2 li.sfhover2 ul.druginivo { 
	_display:block; 
	_width: 140px;
}

/***************meni 3***************/


ul#navigation-3 { 
	margin:0; 
	padding:0; 
	list-style:none; 
	z-index: 69;
}

ul#navigation-3 li { 
	margin:0; 
	padding:0;
	display:block; 
	float:left; 
	position:relative;   
	z-index: 69;
}

ul#navigation-3 li a:link,
ul#navigation-3 li a:visited { 
	padding:0; 
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	display: block;
	clear:left;  
	text-align:center; 
	text-decoration:none;  
	height:30px;
	line-height: 30px;
	padding-left: 11px; 
	padding-right: 11px; 
	_display: inline-block;
}

ul#navigation-3 li:hover {

	background-image: url(../images/b2.png);
	background-repeat: no-repeat;
	background-position: right center;
}

ul#navigation-3 li:hover a {
	display: block;
	height: 30px;
	color: #000;
	background-image: url(../images/b1.png);

	background-repeat: no-repeat;
	background-position: left center;
}

ul#navigation-3 li a:hover {
	color: #000;
	_text-decoration: none;
	_background-color: #FFF;

}


ul#navigation-3 li ul.druginivo {
	 margin:0; 
	 padding:0;
	 list-style:none; 
	 display:none; 
	 background:#ffffff;  
	 position:absolute; 
	 left: 0px; 
	 top:26px;
	 _top:26px;  
	 border-top:none;  
	 z-index: 990;

}

ul#navigation-3 li:hover ul.druginivo {
	display:block;
	width: 162px;
	margin-top: 1px;

}



ul#navigation-3 li ul.druginivo li { 
	width:140px; 
}



ul#navigation-3 li ul.druginivo li a:link,
ul#navigation-3 li ul.druginivo li a:visited { 
	clear:left; 
	line-height: 25px;
	height: 25px;
	width:140px; 
	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	margin-top:px;
	position:relative;
	color: #231f20; 
		background-image: none;
}



ul#navigation-3 li ul.druginivo li:hover a,
ul#navigation-3 li ul.druginivo li a:hover { 
	clear:left; 
	background:#fff7bb;

	width:140px; 

	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	position:relative;
}
ul#navigation-3 li.sfhover2 ul.druginivo { 
	_display:block; 
	_width: 140px;
}



















/**********************************
galerija
**********************************/

.featured {
	width: 393px;
	height: 254px;
}






div.featured-posts ul {
}



.featured-posts ul li {
	width: 393px;
	height: 60px;
}

	
.galerija-podloga   {
	margin-top: -65px;
	width: 373px;
	height: 60px;
	background-image: url(../images/bg-gal-podloga.png);	
}

.galerija-podloga h2 {
	font-size: 16px;
	font-weight: bold;
	color: #ffe10e;
	margin: 0;
	margin-left: 5px;
	margin-top: 2px;
	padding: 0;
}
	
.galerija-podloga p {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	color: #FFF;
	font-size: 12px;
	line-height: 13px;
}





/*************************
igrac meseca
*************************/

.igrac {
	width: 313px;
	float: right;
}

.head-siva {
	width: 299px;
	height: 30px;
	background-image: url(../images/bg-head-siva.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-left: 14px;
}

.igrac-sadrzaj {
	width: 283px;
	height: 136px;
	font-size: 12px;
	padding: 14px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	text-align: justify;	
}

.igrac-sadrzaj h3 {
	margin: 0;
	padding: 0;
	margin-top: -5px;
	margin-left: 104px;
	color: #ec2d00;
}

.igrac-sadrzaj p {
	margin: 0;
	padding: 0;

}

.igrac-sadrzaj img {
	float: left;
	margin-right: 14px;
	width: 90px;
}

.igrac-meni {
	width: 299px;
	height: 48px;
	background-image: url(../images/bg-igrac-meni.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 14px;
	color: #666666;
}

.igrac-meni a:link, .igrac-meni a:visited {
	color: #333333;
	text-decoration: none;
	outline: none;
}

.igrac-meni a:hover {
	color: #ec2d00;
	text-decoration: none;
}

.idTabs a:selected {
	color: #ec2d00;
	text-decoration: none;
}

a.mesec-selected {
	color: #ec2d00;
}