/* CSS Document */
body		{ behavior: url(style/csshover.htc); }
html,body 	{margin:0;padding:0;text-align:center;}
body        {background:#efefef url(../images/background_light.jpg) repeat-x;}
img			{ border:none;}
p 			{ margin:0;padding:0;}

/*
	basic structure
*/
#container	{ width:975px;padding:0; margin:0 auto 0 auto; position:relative;text-align:left;background:#ffffff url(../images/background.jpg) repeat-x;}
	#header { height:220px;}
	#main   { margin:0 7px 0 7px;padding-bottom:10px;height: expression( this.scrollHeight < 301 ? "300px" : "auto" ); /* sets min-height for IE */  min-height:300px;}
		#left {float:left;width:174px;padding:0 3px 0 3px;border:solid 1px #ececec;background:#f9f9f9;z-index:100}
		#center {float:left;width:470px;margin:0 3px 0 3px;z-index:0}
		#right {float:left;width:293px; padding:0 3px 0 3px;border:solid 1px #ececec;background:#f9f9f9;z-index:100;}
	#footer	{ clear:both; height:74px;text-align:center; background:url(../images/footer_bckgr_light.jpg) repeat-x;}
		#footerContainer{background:url(../images/footer_bckgr.jpg) repeat-x; width:975px;height:74px;margin:0 auto 0 auto;}
	
#flashContainer{position:absolute;top:0;left:0;width:975px;height:180px;background:url(../images/header.jpg)}
#login,#loginBackground {position:absolute;top:85px;left:0;width:312px;height:157px;}
#loginBackground {background:url(../images/template/login_bckgr.png) no-repeat;}
#header_pic {position:absolute;right:-40px;top:-20px;width:287px;height:292px;background:url(../images/template/header_pic.png) no-repeat;z-index:100;}



#tickerContent{position:absolute;top:173px;left:184px;}
#ticerSelectContainer{position:absolute;top:185px;left:7px;width:188px;}

/* MENUS */

#topMenu{height:21px;text-align:right;padding-top:6px; padding-right:10px;z-index:300;position:absolute;right:0;}
#topMenu ul {margin: 0;list-style: none;line-height: normal;}
#topMenu li {display:inline;margin-left:10px;}
#topMenu li a, #topMenu .menuSeparator {color:#ffffff;font-weight:bold;text-decoration:none;height:30px;}
#topMenu li a:hover {text-decoration:underline;}
#topMenu .menuSeparator {margin-left:10px;}

#loginLink {position:absolute;top:11px;right:60px;z-index:400;}

#mainMenu{position:absolute;top:0px;left:57px;height:34px;width:866px;background:url(../images/main_menu_bckgr.jpg);border-left:solid 1px #8d8d8d; border-right:solid 1px #8d8d8d;}
#mainMenu {z-index:300;}

/*#mainMenu ul		{ margin:0 20px 0 20px;padding:0;list-style: none;line-height: normal;z-index:201;background:transparent; }
#mainMenu li		{ float:left;display:inline;line-height:20px;position:relative;border:solid;}
#mainMenu li		{ position:relative;float:left;display:block;line-height:20px;}
#mainMenu li a		{ text-decoration:none;padding:5px 20px 5px 20px;margin:7px 0 0px 0;height:20px;line-height:34px;color:#303030;font-weight:normal;text-transform:uppercase;}
#mainMenu li a:hover {text-decoration:none;color:#ffffff;background:#9badcc; }

#mainMenu .menuSeparator {display:block;float:left;height:34px;width:1px;margin:0 1px 0 1px;background:url(../images/main_menu_separator.jpg) no-repeat;}

#mainMenu li ul				{display:none;width:100px;position:absolute;top:20px;padding:0;}
#mainMenu ul li ul li			{ display:block;float:left;left:0;top:30px;width:100px;border:solid;}
#mainMenu ul li ul li a			{ display:block;height:20px;margin:0;padding:0;line-height:20px;text-transform:normal;text-decoration:none;font-weight:normal;background:#dcdcdc;}
#mainMenu ul li ul li a:hover	{ color:#fff; background:#9badcc;}
#mainMenu li:hover ul			{ display:block;}
#mainMenu li:hover .block		{ visibility:visible;}
#mainMenu ul ul .menuSeparator {display:none;}

*/





#mainMenu ul {margin: 0;padding: 0px 0 0 20px;list-style: none;line-height: normal;z-index:201;background:transparent;}
#mainMenu li {position:relative;float:left;display:block;height:35px;}
#mainMenu li a	{ text-decoration:none;padding:5px 20px 5px 20px;margin:7px 0 0px 0;height:20px;line-height:34px;color:#303030;font-weight:normal;}
#mainMenu li a:hover {text-decoration:none;color:#ffffff;background:#9badcc; }
#mainMenu li ul {position:absolute;top:30px;left:0;display:none;padding-left:0;width:130px;}
#mainMenu li ul li {background:#fefefe;width:130px;padding:0px;border-bottom:solid 1px #EFEFEF;margin-left:0px;height:20px;}
#mainMenu li ul li a {display:block;margin:0;padding:0 3px 0 3px;line-height:20px;}
#mainMenu li ul li a:hover {text-decoration:none;}
#mainMenu li:hover ul{display:block}
#mainMenu li a:hover ul{display:block}
#mainMenu .menuSeparator {height:28px; width:2px; margin:0px;display:block;float:left;background:url(../images/main_menu_separator.jpg) no-repeat;}
#mainMenu li ul .menuSeparator {display:none;}


#leftMenu {margin:0 0 3px 0;}
#leftMenu .line {height:5px;background:#b3c0d8;}
#leftMenu ul		{ margin:0;padding:0;list-style: none;}
#leftMenu li		{ display:block;height:18px;line-height:18px;background:url(../images/left_menu_bckgr.jpg) no-repeat;}
#leftMenu li a		{ font-weight:normal;color:#303030;display:block;padding:0 0 0 30px;}
#leftMenu li a:hover {background:#9badcc;color:#ffffff;text-decoration:none}
#leftMenu .menuSeparator {background:url(../images/separator.gif); height:2px;font-size:0;line-height:0;}

#bottomMenu {height:20px; padding:15px 0 5px 0;}
#bottomMenu ul {margin: 0;list-style: none;line-height: normal;padding:0;}
#bottomMenu li {display:inline;margin-left:10px;}
#bottomMenu .menuSeparator {height:10px;}
#bottomMenu li a:hover {text-decoration:underline;}
#bottomMenu .menuSeparator {margin-left:10px;}


/* Blocks */

.block {margin:0 0 3px 0;position:relative !important;}
	.blockHeaderLight{background:url(../images/header_light.jpg); height:31px;border-right:solid 1px #dcdcdc;}
	.blockHeaderLight h1 {font-weight:bold;text-transform:uppercase;font-style:italic;color:#536076;font-size:14px;line-height:31px;margin:0 0 0 30px;}
	.blockHeaderLight h1 a {color:#536076;}
	.blockHeaderLight h1 a:hover {color:#8f9fbb;text-decoration:none;}
	.blockContent{background:transparent;padding:5px;border:solid 1px #dcdcdc;}

	.blockHeaderBlue{background:url(../images/header_blue.jpg); height:38px;border-right:solid 1px #9badcc;}
	.blockHeaderBlue h1 {font-weight:normal;text-transform:uppercase;font-style:italic;color:#ffffff; font-size:14px;line-height:38px;margin:0 0 0 30px;}
	
	.blockContentGray{background:#f9f9f9;padding:2px;border:solid 1px #ececec;}

	.plusMinusContainer{position:absolute;top:8px;right:10px;}
	.plusMinusContainer a {display:block;width:15px;height:15px;border:solid 1px;float:left;margin:0 3px 0 0;text-align:center;font-weight:bold;}

	
.regionBlock {float:left;display:inline;width:300px;margin:10px 0 0px 20px;}
.regionBlock .blockHeader {display:block;width:100%;}
.regionBlock	.blockHeader h1 {display:block;font-weight:bold;text-transform:uppercase;font-style:italic;color:#536076;font-size:14px;line-height:31px;margin:0 0 10px 0px;padding:0 0 0 20px;border-bottom:2px dashed #dcdcdc;}
.regionBlock	.blockContent {clear:both;background:#f9f9f9;border:solid 1px #dcdcdc;padding:10px;}
.regionBlock	.textTitle{height:18px;line-height:18px;margin:0 25px 0 0;overflow:hidden;}


.textOpis img {margin:8px;}

/*weather*/


#divWeatherDetails { background: #f9f9f9; border: 1px solid #ececec; border-left: none;position:absolute;top:0;left:178px;height:205px;width:471px;display:none;overflow:hidden;z-index:1000;}
#divWeatherDetails table {width:785px;}

#divWeatherLocations { background: #f9f9f9; border: 1px solid #ececec; border-left: none;position:absolute;top:0;left:178px;width:200px;height:205px;overflow:auto;display:none;z-index:1000; }
.minititleBoxLeft {font-weight:bold;margin-bottom:20px;}		



/* Other style */

.borderSeparator {background:url(../images/separator.gif) repeat-x;padding:3px 0 3px 0;position:relative !important;}
a.text {color:#303030;font-weight:normal;text-decoration:none;}
a.text:hover {text-decoration:none;}

img.left {float:left;margin:0 5px 5px 0;}
.center {margin:0 auto 0 auto;text-align:center}

.more {text-align:right;margin:5px 0 5px 0;}
.show {position:absolute;right:0;bottom:3px;width:20px;display:none;}
.show a {color:#303030; font-weight:normal;}
.list {}
.listItem {clear:both;}
.banner {margin:0 0 3px 0;}
.listingHeader {height:20px;font-size:10px;}
.listingDate {float:right;font-size:10px;}
a.title {display:block;margin-bottom:5px;}
.picContainer {width:120px;height:90px;float:left;margin:2px 10px 2px 0;text-align:center;}
.textFooter {clear:both;height:25px;background:#91A9C5;margin-top:10px;padding-top:3px;}

.comment {border-bottom:dashed 1px #dcdcdc;margin:0px 0 5px 0;padding:0px 0 10px 0;}
.commentHeader {line-height:15px;height:15px;margin-bottom:10px;}

.my_tabs {margin:2px 0 0 0;border:solid 1px #dcdcdc;}
.my_tabs .tab {float:left;width:96px;background:url(../images/tab_bckgr.png) repeat-x;border-right:solid 1px #ffffff;color:#999999;font-size:10px;cursor:pointer;height:27px;line-height:27px;text-align:center;overflow:hidden;}
.my_tabs .tab:lastChild {border-right:solid 1px;}
.my_tabs .tab:hover {color:#ffffff;}
.my_tabs .tab_active{background:url(../images/tab_active_bckgr.png) repeat-x;color:#ffffff;}
.my_tabs .tab_content {display:none;clear:both;margin-right:1px;}
.my_tabs .tab_content_active{display:block;clear:both;background:#8B9BBD;padding:10px;}

.my_tabs a {color:#ffffff !important;}

#kursnaLista .my_tabs .tab {width:42px;}

/* Form style */

    /*basic*/
    form {margin:0;padding:0;}
    input,textarea,select {border:solid 1px #556c99;background:#ffffff;margin:0;padding:2px;font-family:Tahoma, Geneva, sans-serif;font-size: 11px;}
    input {height:16px;line-height:16px;}
    
    .field1 {width:76px}
    .field2 {width:96px}
    .field3 {width:176px}
    .field4 {width:259px}
    .field5 {width:269px}
    
    .button {background:#8FA7C3; width:70px; height:22px;padding:0 0 2px 0;border:none;color:#ffffff;cursor:pointer;}
    .radio {border:none;margin:0px 5px 3px 0;float:left;}
    .right {float:right !important;}
    .left  {float:left;}
    .errorText {color:#d90606;}
    
    .ulForm {list-style:none; padding:0px; margin:0px;}
    .ulForm li { clear:both; margin:6px 0 0 0;padding:0; }
    .ulForm .label {float:left;margin-right:4px;text-align:right;color:#000000;padding-top:1px;font-size:11px;}
    .buttonContainer {height:25px;}
    
   

   #contactList .label {width:150px;} 
   
   #loginFormContainer {position:absolute;top:33px;right:50px;width:307px;background:#ffffff url(../images/template/background_gradient.jpg) repeat-x;border:solid 1px;display:none;}
   #loginForm {margin:10px;}
   #loginFormList .label {width:98px;} 
   		#loginFormList a {font-size:11px;} 
   #emailFriendList .label {width:120px;} 
   #sendCommentList .label {width:120px;} 
   #frmRegisterList .label {width:160px;} 
   #frmLozinkaList  .label {width:160px;} 
   #contactList  .label {width:138px;} 
    
   
#kursnaLista .even {background:#ffffff;}
#kursnaLista .odd {background:#e9e9e9;}
#kursnaLista td {text-align:center;}
   
   


/* Navigation */
.divSrch{text-align:center;}
.navigation{text-align:center; margin-top:10px;}
.navigation a,span{margin-right:5px;}
.navigation a{text-decoration:underline;}


.error {border:solid 1px #ff0000;}
label.error {display:none !important;}

.savet {background-color:#ffefef;}

.clear {clear:both;height:0;font-size:0;line-height:0;}

/* *** 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 */

/*
	Dodaci na dizajn
*/

/* lista za ankietu kod izlistavanja anketa */

.ulAnketa	{ margin-bottom:20px; }
.ulAnketa li{ padding-top:10px; }