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

* {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	}

html, body {
	font-size: 12px;
	color:#006;
	}

html {
  background-color: #fff;
}
body {
  width: 980px;
  margin: 0 auto;
}

input, textarea {
	padding:1px;
	font-size:11px;
}

h3 { font-size:14px; }

p { padding:5px 0px; }

a		{ color:#006; font-weight:bold; text-decoration:none; }
a:hover	{ text-decoration:underline; }

/* --- STRUCTURE --- */
#divTopMenu {
	width:970px;
	padding:5px;
	background-color:#e0e7f0;
}

	#ulTopColors					{ float:left; list-style-type:none; }
	#ulTopColors li 				{ float:left; padding-right:8px; }
	#ulTopColors li a 				{ display:block; width:10px; height:10px; border:2px solid #fff; text-indent:-2000px; outline:none; text-decoration:none; font-size:7px; }
	#ulTopColors li a.colorBlue		{ background-color:#406fcc; }
	#ulTopColors li a.colorGreen	{ background-color:#3ab43d; }
	#ulTopColors li a.colorPurple	{ background-color:#b784de; }
	#ulTopColors li a.colorOrange	{ background-color:#f59f40; }
	#ulTopColors li a.colorRed		{ background-color:#d86666; }
	#ulTopColors li a.colorGray		{ background-color:#b5b4b4; }
	#ulTopColors li a:hover 		{ border:2px solid #333; }
	
	#ulTopMenu				{ float:right; list-style-type:none; }
	#ulTopMenu li 			{ float:left; padding-left:10px; padding-right:10px; border-right:1px solid #7D9CDD; }
	#ulTopMenu li#liLast	{ border:0px; padding-right:0px; }
	#ulTopMenu li a 		{ color:#7D9CDD; font-size:10px; font-weight:normal; text-transform:uppercase; text-decoration:none; }
	#ulTopMenu li a:hover 	{ color:#333; text-decoration:underline; }

#divHeader {
	clear:both;
	width:980px;
	height:147px;
	margin:2px 0px;
	background:url(../../images/colors/blue/bckgHeader.jpg) no-repeat;
}

	#divHeaderFlash	{ float:left; width:480px; }
	#divHeaderBanner{ float:right; width:500px; padding-top:50px; }

#divSearch {
	clear:both;
	width:970px;
	padding:5px;
	color:#fff;
	background-color:#6d90c2;
}

	#divSearchForm			{ float:left; width:600px; }
	#divSearchForm  input	{ border:1px solid #999; padding:2px; }
	#divSearchForm  .submit	{ border:1px solid #fff; padding:1px; }
	#divDate				{ float:right; width:300px; padding-top:2px; text-align:right; }

#divContent {
	clear:both;
	width:980px;
	margin-top:2px;
	background:url(../../images/colors/blue/bckgContent.gif) repeat-y;
	position: relative;
}

	#divContentL 	{ 
		float:left; 
		width:230px; 
	}
	
		#ulMainMenu		{ list-style-type:none; margin-bottom:10px; }
		#ulMainMenu li a{ 
			display:block; 
			width:210px; 
			padding:3px 10px; 
			color:#fff;
			background:url(../../images/colors/blue/bckgMenu.gif) no-repeat;
			font-size:14px; 
			font-family:"Times New Roman", Times, serif;
			font-style:italic; 
			text-decoration:none;
			letter-spacing:2px; 
		}
		#ulMainMenu li a:hover 	{ color:#006; }
		
		#divContentL h2 {
			padding:3px 10px;
			background:url(../../images/colors/blue/bckgTitleL.gif) no-repeat;
			font-size:13px;
			font-style:italic;
			color:#fff;
			text-transform:uppercase;
		}
	
		#divContentL  input		{ border:1px solid #999; padding:2px; }
		#divContentL  .submit	{ border:1px solid #fff; padding:1px; }
		#divContentL .divBlockL { width:210px; padding:10px; text-align:center; }
		
	#divContentC 	{ float:left; width:540px; padding:0px 0px 0px 5px;}
	
		#divContentC h2 {
			clear:both;
			padding:3px 10px;
			background:url(../../images/colors/blue/bckgTitleC.gif) no-repeat;
			font-style:italic;
			font-size:14px;
			color:#fff;
			text-transform:uppercase;
		}
		
		#divContentC li.liLast {
			margin:0px 1px 0px 0px;
		}
		
		
		.ulTab1		{ clear:both; list-style-type:none; }
		.ulTab1 li	{
			float:left;
			width:248px;
			padding:3px 10px;
			margin:0px 1px 0px 0px;
			background:url(../../images/colors/blue/bckgTitleC2.gif) no-repeat;
			font-style:italic;
			font-size:14px;
			color:#fff;
			text-transform:uppercase;
		}
		.ulTab1 li.lighter	{ background:url(../../images/colors/blue/bckgTitleC2_active.gif) no-repeat; }
		.ulTab1 li a		{ font-style:italic; font-size:14px; color:#fff; }
		
		.ulTab2		{ clear:both; list-style-type:none; }
		.ulTab2 li	{
			float:left;
			width:248px;
			padding:3px 10px;
			margin:0px 1px 0px 0px;
			background:url(../../images/colors/blue/bckgTitleC2.gif) no-repeat;
			font-style:italic;
			font-size:14px;
			color:#fff;
			text-transform:uppercase;
		}
		.ulTab2 li.lighter	{ background:url(../../images/colors/blue/bckgTitleC2_active.gif) no-repeat; }
		.ulTab2 li a		{ font-style:italic; font-size:14px; color:#fff; }
		
		.ulTab3		{ clear:both; list-style-type:none; }
		.ulTab3 li	{
			float:left;
			width:158px;
			padding:5px 10px;
			margin:0px 2px 0px 0px;
			background:url(../../images/colors/blue/bckgTitleC3.gif) no-repeat;
			font-style:italic;
			font-size:11px;
			color:#fff;
		}
		.ulTab3 li.tri_tabova	{ background:url(../../images/colors/blue/bckgTitleC3_active.gif) no-repeat; }
		.ulTab3 li a			{ font-style:italic; font-size:11px; color:#fff; }
		
		.ulTab4		{ clear:both; list-style-type:none; }
		.ulTab4 li	{
			float:left;
			width:113px;
			padding:5px 10px;
			margin:0px 2px 0px 0px;
			background:url(../../images/colors/blue/bckgTitleC4.gif) no-repeat;
			font-style:italic;
			font-size:11px;
			color:#fff;
		}
		.ulTab4 li.rest_tab { background:url(../../images/colors/blue/bckgTitleC4_active.gif) no-repeat; }
		.ulTab4 li a		{ font-style:italic; font-size:11px;  color:#fff; }
		
		.ulTab6 { clear:both; list-style-type:none; }
		.ulTab6 li {
			float:left;
			width:76px;
			padding:3px 0px;
			margin:0px 1px 0px 0px;
			background: url(../../images/colors/blue/tabL.gif) no-repeat;
			font-style:italic;
			font-size:13px;
			color:#fff;
			text-transform:uppercase;
			text-align: center;
		}
		.ulTab6 li.sest_tabova { background: url(../../images/colors/blue/tabL_active.gif) no-repeat; }
		.ulTab6 li a { font-style:italic; font-size:13px; color:#fff; }
		
		#ulTab6 li.liLast {
			margin:0px 0px 0px 0px;
		}
		
		#divContentC .divBlockC {
			clear:both;
			width:528px;
			padding:5px;
			margin:2px 0px;
			border:1px solid #d6dbe4;
			background-color:#edeff3;
		}
			
			#divContentC .divBlockC ul	{ padding-left:20px; }
			#divContentC .divBlockC a	{ font-weight:normal; }
			
			#divContentC .divNewsList		{ clear:both; width:528px; padding-top:5px; margin-bottom:5px; border-bottom:2px solid #fff; }
			#divContentC .imgNewsThumb		{ float:left; border:3px solid #fff; }
			#divContentC .divNewsListContent{ float:right; width:380px; }
			#divContentC .divNewsListTitle	{ width:380px; border-bottom:3px solid #d6dbe4; }
			.divNewsTitle	                { width: 515px; border-bottom: 3px solid #d6dbe4; padding-left: 10px; padding-bottom: 3px; margin-bottom: 3px;}
			#divContentC a.title{ font-size:12px; font-weight:bold; text-decoration:none; font-style:italic; color:#069; }
			#divContentC a.title:hover{ text-decoration:underline; color:#F90; }
			#divContentC a.more { font-size: 12px; text-decoration:none; font-style: italic; float: right; }
			#divContentC .divTitle	{ float:left; padding-top:2px; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
			#divContentC .date		{ float:right; width:60px; text-align:right; font-size:10px; color:#999; font-family:Arial, Helvetica, sans-serif; border:0px;  }
			#divContentC .ocena		{ float:right; width:50px; border:0px; padding-left:3px; padding-top:6px;  }
			#divContentC .ocena img	{ padding:0px 1px; border:0px;  }
			#divContentC .text		{ clear:both; width:380px; padding-top:5px; font-size:11px; color:#006; }
			.text_details	{ clear:both; width:525px; padding-top:5px; font-size:11px; color:#555; text-align:justify;}
			
			#divContentC .divMediaList					{ clear:both; width:528px; padding-top:5px; margin-bottom:5px; border-bottom:2px solid #fff; }
			#divContentC .divMediaListTitle				{ clear:both; width:528px; border-bottom:3px solid #d6dbe4; }
			#divContentC .divMediaListTitle h3			{ float:left;}
			#divContentC .divMediaListTitle .date		{ float:right; width: 100px; font-size: 14px; color: #333; font-weight: bold;}
			#divContentC .divMediaListTitle .date sub	{ font-size: 9px; color: #999; font-weight:normal;}
			#divContentC .divMediaListText				{ clear:both; width:520px; padding-top:5px; padding-left:8px; font-size:11px; color:#006; }
			
			.ime      { float: left;  width: 400px; padding:5px; font-weight:bold;}	
			.datum    { float: right; width: 80px;	padding:5px; color:#999; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align:right; border:0px; }	
			.komentar { clear: both; width:518px; padding:5px; border-bottom:1px dotted #999; }	
	
	#divContentR 	{ width:200px; /*position: absolute; right: 0px; z-index: 500;*/ float: right;}
		
		#divContentR h2 {
			padding:3px 10px;
			background:url(../../images/colors/blue/bckgTitleR.gif) no-repeat;
			text-align:right;
			font-size:13px;
			font-style:italic;
			color:#fff;
			text-transform:uppercase;
		}
		
		#divContentR .divBlockR {
			width:180px;
			padding:10px;
			text-align:center;
		}
		
		#divContentR  input	{ border:1px solid #999; padding:2px; }
		#divContentR  .submit	{ border:1px solid #fff; padding:1px; }
		#ulPooling			{ list-style-type:none; text-align:left; }
		#ulPooling li 		{ clear:both; padding-top:5px; *padding-top:0px; }
		#ulPooling li input { float:left; width:25px; border:0px;  }
		#ulPooling li label { float:right; width:155px; *padding-top:3px; font-size:10px; }
		#frmPooling .submit { clear:both; margin:5px; 0px; *margin-top:0px; }
		.linijaVest         { width: 100%; height: 25px; margin-top: 10px; clear: both; padding-top: 2px;}

#divFooter {
	clear:both;
	width:970px;
	padding:10px 5px;
	margin-top:2px;
	border-top:8px solid #818ca0;
	background-color:#687da6;
	color:#fff;
}

	#ulFooterMenu			{ float:left; list-style-type:none; }
	#ulFooterMenu li 		{ float:left; padding-left:10px; padding-right:10px; border-right:1px solid #fff; }
	#ulFooterMenu li#liLast	{ border:0px; padding-right:0px; }
	#ulFooterMenu li a 		{ color:#eaeaea; font-size:10px; font-weight:normal; text-transform:uppercase; text-decoration:none; }
	#ulFooterMenu li a:hover{ color:#fff; text-decoration:underline; }
	
	#divFooterDevelop 			{ float:right; width:290px; padding-top:2px; font-size:9px; }
	#divFooterDevelop a			{ color:#eaeaea; text-decoration:none; }
	#divFooterDevelop a:hover	{ color:#fff; text-decoration:underline; }
	
	.example                { color: #999999; }
	#newsLetterMessage      { width: 100%; padding-top: 5px; font-size: 10px; height: 10px; font-weight: bold;}
	#pollQuestion           { width: 100%; margin-bottom: 10px; font-size: 10px; text-align: left; }
	.pollAnswer             { width: 165px; text-align: left; font-size: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin-left: 2px; padding-right:5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
	
	.display_none           { display: none; }
	
	#curs, #veather, #bersa { height: 200px; }
	#bersa                  { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 220px;}
	
	.kartice			{ width: 168px; height: 220px; float: left; margin-left: 7px; margin-bottom: 7px; border:1px solid #A2B8D7; }
	.naslovKartice		{ font-size:13px; font-style:italic; text-transform:uppercase; font-weight: bold; width: 158px; padding-top: 3px; background-color: #A2B8D7; padding-bottom: 3px; padding-left: 10px; }
	.naslovKartice a	{ font-size:13px; font-style: italic; text-transform:uppercase; font-weight: bold; text-decoration: none; }
	.kartice a img		{ margin-left: 20px; margin-top: 5px; border:3px solid #A2B8D7; }
	.kartice a.naslov	{ display:block; width:158px; padding:3px 5px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
	
	ul.linkovi			{ list-style-type: none; padding:3px; margin:0px; width:168px; }
	ul.linkovi li		{ padding:0px; margin:0px; margin-top: 5px; }
	ul.linkovi li a		{ font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
	
	.text_details img         { margin:5px;}
	.back                     { text-align: right; font-size: 10px; }
	#naslov                   { color:#006; font-weight: bold; font-style: italic; width: 450px; float:left; }
	
	#searchRes            { text-align: center; margin-top: 20px; font-size: 11px; clear:both;}
	#searchPages          { text-align: center; font-size: 11px;}	
	
	img#emailImg          { float: right; margin-right: 7px; text-align:right;}
	img#stampa            { float: right; margin-right: 5px; text-align:right;}
	img#komentarImg       { float: right; margin-right: 5px; text-align:right;}
	
	#contactLine   { text-align: left; margin-bottom: 10px; font-style: italic; margin-top: 5px; margin-left: 5px; font-weight: bold;}	
    .ugao          { position: absolute; top: -5px; right: 5px; }	
	.ugao2          { position: absolute; top: -5px; right: 125px; }	
	.back_link     { margin-top: 10px; }

    .back_link a  {text-decoration: none; color: red; font-weight:normal; padding-bottom: 7px; padding-top: 1px;}

    .back_link a:hover {text-decoration: underline; }
	
	#comment       { background-color: #EDEFF3; }
	#sendFriend    { background-color: #EDEFF3; }
	span.star      { color: red; }
	
	.textareaForm1 		{ width: 230px; height: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top:2px; }
	.inputFormText 		{ width: 230px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px; margin-bottom: 4px; } 	
	.inputFormTextLarge	{ width: 350px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px; margin-bottom: 4px; } 	
	.inputFormTextMedium{ width: 130px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px; margin-bottom: 4px; } 	
	.inputFormTextSmall	{ width: 70px;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px; margin-bottom: 4px; } 	
				
	.galeryImage { width: 120px; height: 90px; float: left; margin-left: 8px; margin-top: 8px; }  
	.contactBody    { margin-top: 10px; margin-bottom: 30px; }
		
	.first     { margin-left: 2px; }
	.left_galery  { margin-left: 12px; }	
	
	#loader    { width: 150px; height: 16px; position: absolute; bottom: 5px; left: 5px; text-align: left;}	
	.divNewsTitle  img { position:absolute; top:0px; right: 0px; }
	
	.copyright { width: 515px; border-top: 3px solid #d6dbe4; margin-top: 15px; padding-top: 3px; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
	
	#divWeatherDetails { display: none; background-color: #D6DBE4; width: 520px; position: absolute; top: -10px; left: 216px; height:178px; z-index: 10000; margin-top: 0px; overflow: hidden; padding-top: 20px; padding-left:27px;  border: 1px solid #6D90C2; border-left: none; font-size:9px; font-family:Arial, Helvetica, sans-serif; }
	#divWeatherLocations { display: none; background-color: #D6DBE4; width: 200px; position: absolute; top: -10px; left: 216px; height:158px; z-index: 10000; margin-top: 0px; overflow: auto; padding-top: 20px; text-align: left; padding-left: 20px; padding-bottom: 20px; border: 1px solid #6D90C2; border-left: none;}
	
	#divWeatherLocations a { font-weight: normal; }
	
	#minibox2 { margin-top: 20px; position:relative; border: 1px solid #D6DBE4;}
	/*#veather  { position: relative; }*/
	
	#divWeatherInfo  { text-align: left; padding-left: 40px;}
		
		#curs      { font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
		
		#tbl0      { margin:0px; margin-left:3px;}
		#tbl0 td   { padding:3px; font-size:11px; }
		.different { background-color: #99B1D4; }
		
		#belexline { width: 114px; height: 20px; float: right; margin-top: 1px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; padding-top: 2px; }
		
		#belex15   { width: 115px; height: 20px; float: left; margin-top: 1px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; padding-top: 2px;}
		
		#belexline a, #belex15 a { color: #FFFFFF; }
		
		.belexline_active   { background: url(../../images/colors/blue/belex_active.gif) top left no-repeat; }
		.belexline          { background: url(../../images/colors/blue/belex.gif) top left no-repeat; }
		.belex15_active     { background: url(../../images/colors/blue/belex15_active.gif) top left no-repeat; }
		.belex15            { background: url(../../images/colors/blue/belex15.gif) top left no-repeat; }
		#belexlineDiv       { padding: 5px; text-align: center; background-color: #FFFFFF; border: 1px solid #6D90C2; width: 200px; height: 130px; margin-left: 9px; position:relative; margin-bottom: 14px;}
		#belexlineDiv img   { position: absolute; top: 5px; left: 5px; }
		#belexlineToday     { width: 100%; height: 13px; margin-bottom: 4px; margin-left: 0px; position: relative; clear:both; padding-top: 5px; text-align: center;}
		#belex15Today       { width: 100%; height: 13px; margin-bottom: 4px; margin-left: 0px; position: relative; clear:both; padding-top: 5px; text-align: center;}
		#belex15Div       { padding: 5px; text-align: center; background-color: #FFFFFF; border: 1px solid #6D90C2; width: 200px; height: 130px; margin-left: 9px; position:relative; margin-bottom: 14px;}
		#belex15Div img   { position: absolute; top: 5px; left: 5px; }
				
	
/* --- END STRUCTURE --- */	

/* *** Float containers fix: 
  http://www.csscreator.com/attributes/containedfloat.php *** */  
.clearfix:after { 
	content: ".";  
	display: block;  
	height: 0;  
	clear: both;  
	visibility: hidden; 
	} 
   
.clearfix { 
	display: inline-block; 
	} 
  
/* Hides from IE-mac \*/ 
* html .clearfix { 
	height: 1%; 
	} 
.clearfix { 
	display: block; 
	} 
/* End hide from IE-mac */

.hand { cursor:pointer; }


/*
	stilovi za pretplatu
*/
.blok				{ position:relative; width:230px; height:50px; padding:10px; font-size:14px; border-bottom:1px solid #5087ae; border-right:1px solid #5087ae; border-left:1px solid #fff; }
.blok:hover			{ position:relative; width:230px; height:50px; padding:10px; background-color:#E1EBF4; }
.blok		.price	{ position:absolute; bottom:20px; right:20px; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#F00; }

.blokImg		{ position:relative; width:230px; height:50px; padding:10px; font-size:14px; border-bottom:1px solid #5087ae; border-right:1px solid #5087ae; border-left:1px solid #fff;  background:url(../../images/pretplata.png) no-repeat right; font-weight:bold; }
.blokImg:hover	{ position:relative; width:230px; height:50px; padding:10px; background:#E1EBF4 url(../../images/pretplata.png) no-repeat right; }