/* CSS Document */

body{
	margin:0;
	padding:0;
	line-height: 1.4em;
	background-image:url(images/up.png);
	background-repeat:repeat-x;
	color:#666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-position: center top;
}

.style-main{
	padding-top: 5px;
	}

#container{
	width:1000px;  position:relative; 
	margin:0 auto; padding:0 0 0 0;
	}

div, p, a, h1, h2, h3, h4, form, label, input{
	padding:0;
	margin:0;
	}
	
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
#picBox {
	 padding:0 0 0 20px;
}
.pic1 {
	border: 1px solid #CCCCCC;
}
.pic1 a{
	border: 1px solid #CCCCCC;
}
.pic1 a:hover{
	border: 1px solid #CCCCCC;
}

.podnalov{
	color:#6886a2;	font-weight: bold;	padding:0 0 0 0;	text-align: left;
}
.podnalov2{
	color:#6886a2;	font-weight: bold;	padding:0 0 0 0;
}
				
.nar{
	color:#f68121; 	
}
.narBold{
	color:#f68121; font-weight:bold;	
}
.blueText{
	color:#6886a2; font-weight:normal;	
}
.blueTextMali{
	color:#6886a2; font-weight:normal; font-size:11px;	
}
.td_dotted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.gumb1{	
	text-align:center;
	border-bottom-width: 1px; 	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	
	height:25px;
	width:80px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	background-color: #f5f3f4; cursor: hand;
}
.gumbTrazi{	
	text-align:center;
	border-bottom-width: 1px; 	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	
	height:25px;
	width:60px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	background-color: #f5f3f4; cursor: hand;
}
.ddl300 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 25px;
}
#gumb{
	position:relative; float:left;	width:104px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back.jpg); cursor: hand;
}
#gumb a{
	position:relative; float:left;	width:104px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back.jpg); cursor: hand;
}
#gumb a:hover{
	position:relative;	float:left;	width:104px; height:61px; margin:0 0 0 0; padding: 0 0 0 0;	vertical-align: middle;	text-align: enter;	background-image: url(meni/g1_over.jpg); color:#FFFFFF;	cursor: hand;
}
#gumb2{
	position:relative; float:left;	width:104px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g2_back.jpg); cursor: hand;
}
#gumb2 a{
	position:relative; float:left;	width:104px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g2_back.jpg); cursor: hand;
}
#gumb2 a:hover{
	position:relative;	float:left;	width:104px; height:61px; margin:0 0 0 0; padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_over.jpg); color:#FFFFFF;	cursor: hand;
}
#gumb2active{
	position:relative; float:left;	width:104px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back_active.jpg); cursor: hand;
}
#gumb2active a{
	position:relative; float:left;	width:104px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back_active.jpg); cursor: hand;
}
#gumb2active a:hover{
	position:relative;	float:left;	width:104px; height:61px; margin:0 0 0 0; padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back_active.jpg); color:#FFFFFF;	cursor: hand;
}

#gumb3{
	position:relative; float:left;	width:108px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g3_back.jpg); cursor: hand;
}
#gumb3 a{
	position:relative; float:left;	width:108px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g3_back.jpg); cursor: hand;
}
#gumb3 a:hover{
	position:relative;	float:left;	width:108px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g3_over.jpg);color:#FFFFFF;	cursor: hand;
}

#gumb3active{
	position:relative; float:left;	width:108px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back_active2.jpg); cursor: hand;
}
#gumb3active a{
	position:relative; float:left;	width:108px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back_active2.jpg); cursor: hand;
}
#gumb3active a:hover{
	position:relative;	float:left;	width:108px;	height:61px;	margin:0 0 0 0;	padding: 0 0 0 0;	vertical-align: middle;	text-align: center;	background-image: url(meni/g1_back_active2.jpg);color:#FFFFFF;	cursor: hand;
}


#linkinside{
	width:104px;	height:34px;	margin:0 0 0 0;	padding: 27px 0 0 0;	vertical-align: middle;	text-align: center;	cursor:hand
}
#linkbox1{
	position:relative;	float:left;	width:100px;	height:100px;		padding: 10px 15px 30px 0px;	vertical-align: middle;	text-align: center;
}
#linkbox2{
	position:relative;	float:left;	width:150px;	height:150px;	padding: 10px 23px 30px 0px;	vertical-align: middle;	text-align: center;
}
#linkbox3{
	position:relative;	float:left;	width:170px;	height:75px;		padding: 10px 15px 30px 0px;	vertical-align: middle;	text-align: center;
}
#linkbox4{
	position:relative;	float:left;	width:120px;	height:120px;		padding: 0 15px 10px 0;	vertical-align: middle;	text-align: center;
}
/*---------------------------------------Header Start------------------------------------*/
	
#topsection{
	height: 355px; /*Height of top section*/
	text-align: center;
	margin:0 0 0 0 ;
	padding:0 0 0 0px;
}
#putanja{
	width:1000px;
	position:relative;	
	margin:0 auto;
	padding:7px 0 0 0;
	text-align: left;
	}
/*---------------------------------------Header End------------------------------------*/

/*----------------------------------left side Start-----------------------------------------------------*/	

	
	
#box{
	height:165px;
	float:left;
	}	
	
#leftBody{
	 float:left;	width:697px;   text-align: justify; 	padding: 0 32px 30px 5px;
		}
#leftPocetna{
	float:left;	
	width:697px; height:300px;
	text-align: justify;
	border-right:1px dotted #CCC;
	padding: 0 32px 30px 5px;	
	}	
#left p{
	color:#666;
	text-align: justify;
	}

#left img{
	margin-bottom:24px;
	}
	
.green {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00CC00;
}

.red {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #FF3300; 
}

.blue {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #0066CC; 
}

/*----------------------------------left side End-----------------------------------------------------*/	

/*----------------------------------right side Start-----------------------------------------------------*/

#rightBody{
	position:relative;
	float:left;
	width:238px; min-height:300px;	
	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	vertical-align: top;
	border-left:1px dotted #CCC;
	}
	
.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 230px;
}	

.markermenu li a{
background: white url(arrow-list.gif) no-repeat 2px center;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #6886a2;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #B5B5B5;
}

* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 230px;
}



.markermenu li a:hover{
color: #666;
background-color: #F2F2F2;
background-image:url(arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}	
.altertd {
	background-color:#f5f3f4; border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #CCCCCC; color:#6886a2;	font-weight: bold;	padding:0 0 0 0; height:27px; text-align: left;
}
.altertd2 {
	background-color:#f5f3f4;  color:#6886a2;	font-weight: bold;	padding:0 0 0 0; height:27px; text-align: left;
}
.altertd3 {
	background-color:#f5f3f4; border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #CCCCCC; color:#6886a2;	font-weight: bold;	padding:4px 0 0 7px; height:20px; text-align: left;
}
.linetd{
	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #CCCCCC; font-size:11px; height:25px;
}
.linetd2{
	border-bottom-width: 1px;	border-bottom-style: dotted; color:#6886a2;	border-bottom-color: #CCCCCC;  height:27px;
}
.linetd3{
	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #CCCCCC;  height:25px; padding:3px 0 3px 0;
}
#linetd4{
	border-bottom-width: 1px;	border-bottom-style: dotted; vertical-align:middle;	border-bottom-color: #CCCCCC;  height:25px; padding:8px 0 3px 0;
}
.bulltd{
     padding:5px 0 0 0; vertical-align:top; text-align:center; border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #CCCCCC;
}

.separatorLine {
	 	color:#cccccc;
}
/*----------------------------------right side End-----------------------------------------------------*/	

/*----------------------------------footer Start-----------------------------------------------------*/	

#footer{
clear: both;
width: 100%;
height:59px;
}

/*----------------------------------footer End-----------------------------------------------------*/	


/*----------------------------------boxovi Start-----------------------------------------------------*/	

#opera1{
	float:left; position:relative;	width:732px;	height:174px;	margin:0 0 0 0;	 padding:0 0 0 0;	vertical-align: top;
}
#opera2{
	float:left; position:relative;	width:268px;	height:174px;	margin:0 0 0 0;	 padding:0 0 0 0;	vertical-align: top;
}
#ie61{
	float:left; position:relative;	width:732px;	height:61px;	margin:0 0 0 0;	 padding:0 0 0 0;	vertical-align: top;
}
#ie62{
	float:left; position:relative;	width:268px;	height:61px;	margin:0 0 0 0;	 padding:0 0 0 0;	vertical-align: top;
}
#spacerboxtop{
	width:1000px; position:relative;
	margin:0 auto; padding:0 0 15px 0;
	height:5px;
	}
#spacerboxtoppocetna{
	width:1000px; position:relative;
	margin:0 auto; padding:0 0 15px 0;
	height:5px;
	}	
#spacerboxbottom{
	width:1000px; height:30px; position:relative; 
	margin:0 auto; padding:0 0 10px 0;
	}
	
.boxlink{
	padding:0 0 3px 0;
	}
#naslovTop{
	color:#6886a2;	font-weight: bold;	position:relative;	float:left;	width:688px;	height:18px; 	margin-top:0px;	padding: 3px 0px 3px 10px; text-align: left; background-color:#f5f3f4; border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #CCCCCC;
}
#anketaTop{
	color:#6886a2;	font-weight: bold;	position:relative;	float:left;	width:230px;	height:18px; 	margin-top:0px;	padding: 3px 0px 3px 10px; text-align: left; background-color:#f5f3f4; border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #CCCCCC;
}	
#pbox1{
	position:relative;	float:left;	width:268px;	height:100px;	margin-top:0px;	padding: 0 30px 5px 0;	vertical-align: top;	text-align: left;
}
#pbox2{
    position:relative;	float:left;	width:350px;	height:100px;	margin-top:0px;	padding: 0 0 5px 10px;	vertical-align: top;	text-align: left;
}
#pbox3{
	position:relative;	width:1000px;		height:70px;	margin:0 0 0 0;	margin:0 auto; padding:0 0 0 0;	vertical-align: top;	text-align: center;
}
#pbox4{
	position:relative;	width:1000px;	height:61px;	margin:0 0 0 0;	margin:0 auto; padding:0 0 0 0;	vertical-align: top;	text-align: center;
}
#pbox5{
	position:relative;	width:1000px;		height:174px;	margin:0 0 0 0;	margin:0 auto; padding:0 0 0 0;	vertical-align: top;	text-align: center;
}
#pbox6{
	position:relative;	width:1000px;	height:15px;	margin:0 0 0 0;	margin:0 auto; padding:0 0 0 0;	vertical-align: top;	text-align: center;
}
#pbox7{
	position:relative;	float:left;	width:668px;	height:100px;	margin-top:0px;	padding: 0 30px 5px 0;	vertical-align: top;	text-align: left;
}
#pbox7_2{
	position:relative;	float:left;	width:668px;	height:100px; 	padding: 20px 0 5px 0; vertical-align: top; text-align: left; border-bottom-width: 1px;	border-bottom-style: dotted; border-bottom-color: #CCCCCC;
}
#pbox7_3{
	position:relative;	float:left;	width:668px;	height:100px; 	padding: 10px 0 10px 0; vertical-align: top; text-align: left; border-bottom-width: 1px;	border-bottom-style: dotted; border-bottom-color: #CCCCCC;
}
#pbox7_4{
	position:relative;	float:left;	width:668px;	height:100px; 	padding: 10px 0 10px 0; vertical-align: top; text-align: left; 
}
#pbox_noheight{
	position:relative;	float:left;	 padding: 10px 0 10px 0; vertical-align: top; text-align: left; 
}
#pbox8{
	position:relative;	float:left;	margin-top:0px;	padding: 20px 0 10px 0;	vertical-align: top; text-align: left; border-top-width: 1px; border-top-style: dotted;	border-top-color: #CCCCCC;	width:680px;	
}
#pbox9{
	position:relative;	float:left; width:450px;		margin-top:0px;	padding: 0 0 5px 0;	vertical-align: top;	text-align: left;
	
}
#pbox{
	position:relative;
	float:left;
	margin-top:0px;
	padding: 0 0 5px 0;
	vertical-align: top;
	text-align: left;
	height: 200px;
	
}
#pbox_0{
	position:relative;
	float:left;
	margin-top:0px;
	padding: 0 0 5px 0;
	vertical-align: top;
	text-align: left;
}
#right_banner{
	position:relative;		width:229px; margin-top:0px;	padding: 10px 0 0 0; vertical-align: top; text-align: left;	border: 1px solid #D7D7D7; background-image: url(images/bg_box_right.jpg);
}
#imgbox{
	position:relative;
	float:left;
	margin-top:0px;
	padding: 0 30px 5px 0;
	vertical-align: top;
	text-align: left;	
}

#tdBox{
	position:relative;	float:left;	margin-top:0px;	padding: 5px 5px 0px 0;	vertical-align: top; text-align: left;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #CCCCCC;
}

#linebox{
	position:relative;	margin-top:0px;	padding: 3px 0 5px 0px;	vertical-align: top;	text-align: left;	width: 450px;
	
}
#test{
	position:relative;	width:1000px;	height:320px;	margin:0 0 0 0;	margin:0 auto; padding:0 0 0 0;	vertical-align: top;	text-align: center;
}

/*----------------------------------boxovi End-----------------------------------------------------*/
/*----------------------------------linkovi start--------------------------------------------------*/


A {
	COLOR: #6886a2;  TEXT-DECORATION: none
}
A:link {
	COLOR: #6886a2; TEXT-DECORATION: none
}

A:hover {
	COLOR: #f68121;  TEXT-DECORATION: none
}
link3 {
	color : #ffffff;	FONT-WEIGHT: normal;		
}
.link3 {
	color : #ffffff;	FONT-WEIGHT: normal;		
}
a.link3 {
	color : #ffffff;	FONT-WEIGHT: normal;	
	}
a.link3:hover {
	color : #f68121;	FONT-WEIGHT: normal;	
}

link4 {
	color : #f68121;	FONT-WEIGHT: normal;		
}
.link4 {
	color : #f68121;	FONT-WEIGHT: normal;		
}
a.link4 {
	color : #f68121;	FONT-WEIGHT: normal;	
	}
a.link4:hover {
	color : #f68121;
	FONT-WEIGHT: normal;
}

link5 {
	color : #6886a2;	FONT-WEIGHT: bold; 		
}
.link5 {
	color : #6886a2;	FONT-WEIGHT: bold;		
}
a.link5 {
	color : #6886a2;	FONT-WEIGHT: bold;	
	}
a.link5:hover {
	color : #f68121;
	FONT-WEIGHT: bold;
}


/*----------------------------------linkovi End--------------------------------------------------*/
/*----------------------------------novosti Start-----------------------------------------------------*/

#novosti1{
	position:relative; 	width:690;	height:10px;	margin:0 0 0 0;	margin:0 auto; padding:10px 0 10px 0;	 text-align:right;
}
#novosti2{
	position:relative;	float:left;	margin:0 0 0 0;	padding: 0 0 20px 0;	vertical-align: top; text-align: justify; border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #CCCCCC;	width:690px;	
}

.slikaNovosti{  
     border: 1px solid #CCCCCC;   
	 margin:2px 10px 2px 0px;
}
.dodano{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8C8C8C;
}
.datum{ 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color:#f68121;
}
#novPodnaslov{
	color:#6886a2;
	font-weight: normal;
	padding:0 0 15px 0;
	text-align: left;
	vertical-align: bottom;
}
/*----------------------------------novosti End--------------------------------------------------*/
/*----------------------------------obrazac start--------------------------------------------------*/
.textbox {
	font-family: Tahoma; font-size: 11px; padding:0 0 0 3px; font-weight: normal; color: #748AA5; 	background-color: #FFFFFF;	border: 1px solid #C4C4C4;	height: 20px;	width: 235px;
	}
.textBoxBig {
	font-family: Tahoma;	font-size: 11px; padding:0 0 0 3px;	font-weight: normal;	color: #748AA5;	background-color: #FFFFFF;	border: 1px solid #C4C4C4;	height: 150px;	width: 595px;
}
.textBoxBig2 {
	font-family: Tahoma;	font-size: 11px; padding:0 0 0 3px;	font-weight: normal;	color: #748AA5;	background-color: #FFFFFF;	border: 1px solid #C4C4C4;	height: 150px;	width: 595px;
}
.textBoxBig3 {
	font-family: Tahoma;	font-size: 11px; padding:0 0 0 3px;	font-weight: normal;	color: #748AA5;	background-color: #FFFFFF;	border: 1px solid #C4C4C4;	height: 150px;	width: 395px;
}
/*----------------------------------obrazac start--------------------------------------------------*/
/*----------------------------------lightbox Start-----------------------------------------------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
.textbox1 {
	border: 1px solid #CCCCCC; width:220px; height:21px; FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}
.textbox_trazi {
	border: 1px solid #CCCCCC; width:170px; height:21px; FONT-WEIGHT: normal; padding: 0 5px 0 5px;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}