@charset "utf-8";
body {
	font: 100% Verdana, Geneva, sans-serif ;
	background:url(/touristbiro/zima/images/bcg_body.jpg) repeat-x #fbfdfe;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
div#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	padding:0;
	height:755px; 
	background:url(/touristbiro/zima/images/bcg_main.jpg) no-repeat;
	margin-top:15px;
	
}
div#header { display:block; width:980px; float:left;	padding: 0;	height:200px;}


ul#nav { height:40px;float:left;  margin-top:0px; margin-left:15px; font:bold 13px Arial, Helvetica, sans-serif;}
ul#nav li a{  background:url(/touristbiro/zima/images/menu_on.jpg) no-repeat; width:74px;height:28px; padding:8px 2px 2px 14px;}

ul#subnav {  margin-top:-5px;}
ul#subnav li a{  background:#ffffff; height:24px; padding:4px; margin-top:0px;}





div#crta {display:block; width:100%; float:left;border-bottom:solid 2px #facf0b;}

div#mainContent {padding-top:0px; width:580px;height:380px; display:block; float:left; margin-left:20px; margin-top:0; overflow:scroll;overflow-x: hidden; padding-bottom:20px;

}

div#right {padding-top:0px;;width:330px;height:430px; display:block; float:left;margin-top:0; border-left:solid 1px #8cadc9; padding-left:10px; }


div#footer { padding: 0;background:url(/new_images/bcg_foot.jpg) repeat-x ; height:33px;display:block;width:100%; float:left; text-align:center;font:normal 10px Verdana, Geneva, sans-serif;color:#3b508f; padding-top:40px; }




div#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


div#footer a{ font:normal 10px Verdana, Geneva, sans-serif;color:#3b508f; text-decoration:none;}
div#footer a:hover{font:normal 10px Verdana, Geneva, sans-serif;color:#000; text-decoration:none;}


/* ------ SREDINA ---------- */
div#mainContent {text-align:left; }
div#mainContent p {line-height:0.9; font:12px "Trebuchet MS",Arial,Helvetica; color:#4f4f4f; padding:0 10px; text-align:justify;}


div#mainContent  h1{font:bold 13px  Verdana, Geneva, sans-serif; padding-left:2px; padding-top:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background:url(/touristbiro/zima/images/bcg_h1.jpg) no-repeat; color:#628db3; display:block; height:48px; width:500px; }


div#mainContent  h3,div#content h3 b,div#content h3 strong{font:normal 16px Georgia,"Times New Roman",Times,serif; margin-top:0px; margin-bottom:15px; color:#000000 }
div#mainContent  h4,div#content h4 b,div#content h4 strong{font:normal 16px Georgia,"Times New Roman",Times,serif; margin-top:0px; margin-bottom:15px; color:#000000}
div#mainContent  b,div#content strong{color:#333333;}
div#mainContent  a{color:#006699;text-decoration:none;}
div#mainContent  a:hover{color:#0066CC; text-decoration:none; }
div#mainContent  select,input,textarea{font:bold 11px Arial,Helvetica,sans-serif; background:#f6f6f6; color:#333333;}
div#mainContent  a.contentNav{float:right; padding:2px; margin:2px; color:#999999; text-decoration:none; font:normal 9px Arial,Helvetica,sans-serif; }
div#mainContent  a.contentNav img{border:none}
div#mainContent  ul{ margin:0 0 15x 20px; padding:0;}
div#mainContent  li{list-style-type:none; background: url(/touristbiro/zima/images/strelica.gif) no-repeat;background-position: 0 .15em;   
padding-left:20px;padding-top:4px; padding-bottom:4px;border-bottom:1px dotted #cccccc; width:90%; font:12px "Trebuchet MS",Arial,Helvetica;}
div#mainContent  li a{display:block;  }
div#mainContent  img{border:solid #facf0b 1px;}

div#mainContent td {line-height:0.9; font:12px "Trebuchet MS",Arial,Helvetica; color:#4f4f4f; padding:0 10px;}


div#mainContent  h5 {
margin:0 auto;
display:block;
background-color:#00658F;
color:#ffffff;
border:solid 1px #666666;
text-align:center;
width:90%;
padding:10px;
font-size:12px;}



/* ------ FOTOGRAFIJA GALERIJA ---------- */

div#mainContent #fotka a {
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 11px;
	float:left;
	display:block;
	overflow:visible;
	
	color: #800000;
	text-decoration: none;
	padding-top:0px; 
	padding-bottom:0px;
	background:#ffffff;	
}


div#mainContent #fotka a:hover {

	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 11px;
	overflow:visible;
	float:left;
	color: #800000;
	text-decoration: none;
	padding-top:0px; 
	padding-bottom:0px;
	background:#a4b6dc;
	display:block;

}


/*LINKOVI S LJEVE STRANE */

div#left  h1{font:bold 12px  Verdana, Geneva, sans-serif; padding-left:10px; padding-top:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background:#454545; color:#CCC; display:block; height:18px; width:95%; }
div#left  ul{ margin:0 0 15px 0; padding:0; padding-left:4px;}
div#left  li{list-style-type:none; padding-left:2px;padding-top:4px; padding-bottom:4px; font:normal 11px "Trebuchet MS",Arial,Helvetica; color:#444444; }
div#left  li a{color:#5b5b5b; text-decoration:none;font:bold 12px "Trebuchet MS",Arial,Helvetica; color:#5695b3; }
div#left  li a:hover{color:#1b7cff; text-decoration:none; font:bold 12px "Trebuchet MS",Arial,Helvetica; color:#5695b3;}

div#backupleft  li{list-style-type:none; background: url(/new_images/strelica.gif) no-repeat; background-position: 0 .45em;   
padding-left:20px;padding-top:4px; padding-bottom:4px; font:normal 11px "Trebuchet MS",Arial,Helvetica; color:#444444; }



div#right  h1{font:bold 13px  Verdana, Geneva, sans-serif; padding-left:2px; padding-top:3px; margin-top:1px; margin-left:1px; margin-bottom:10px; background:url(/touristbiro/zima/images/bcg_h1.jpg) no-repeat; color:#628db3; display:block; height:40px; width:90%; }