/* Eric Meyer Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* layout fixed-fluid */

*					{ margin: 0; padding: 0; }
body				{ font: 15px/1.4 Georgia, serif; background: #222; }
h1                  { color: white; padding: 10px; }

#page-wrap		    { margin: 0 auto; position: relative; }
#header             { background: #222; margin: 0px auto 0; }
#main-content       { padding: 0 0 0 210px; background: #FFFFE0;}

#main-sidebar       { width: 180px; position: absolute; left: 0; top: 0; bottom: 0; background: #FFFFE0; padding: 0px 10px 0 0; border-right: 1px dashed #999;}
                      
#footer             { background: #466; margin: 0 auto 15px; text-align: center;}
#footer p           { padding: 10px; color: white; }
#footer a           { color: white; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover     { border-bottom-style: solid; }

#page-wrap,
#header,
#footer		    	{ max-width: 1200px; min-width: 560px;}


#main-content,
#main-sidebar 		{min-height:400px;}

div.article		{padding-right: 10px;}

/* ********************************
autosprites 
***********************************
 */

/* Basic Elements */
ul li { list-style: none; }
a{ }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: none; }

/* Backgrounds */

body { 	/*font: 12px/1.5 arial, verdana, sans-serif; */
		color: #777; 
		margin: 0px;
		padding: 0px;
		background: #FFFFE0;
		}


#stranica{	
		width: 100%; 
		background: #FFFFE0 url('../layout/header_bg.png') repeat-x;
		margin: none;
		padding: none;
		}

#header{
	width: 960px;
	height: 200px;
	margin: 0px auto;
	text-align: center;
	background: url('../layout/header3.png') -20px 0px no-repeat;
}

#hnavx { 
		position: absolute; 
		top: 99px; 
		left: 100%; 
		width: 568px; 
		height: 60px;
		margin-left: -620px;
		margin-top: 0px;
		}

#hnav { position: absolute; top: 0; left: 0; width: 568px; height: 60px; background: url('../layout/menu_main_180.png') no-repeat; }
#hnav li { position: absolute; left: 0; height: 60px; }
	#hnav #hnav-about { width: 91px; left: 0px; }
	#hnav #hnav-kronika { width: 91px; left: 91px; }
	#hnav #hnav-likovi{ width: 70px; left: 182px; }
	#hnav #hnav-foto { width: 126px; left: 252px; }
	#hnav #hnav-kalendar { width: 102px; left: 378px; }
	#hnav #hnav-prilozi { width: 90px; left: 480px; }
#hnav li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 60px; text-indent: -9999em; 		border-top: 1px solid #3C4850;}


/* horizontal subnav */
/*
body {
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #fff;
}

*/
.container 
	{	width: 400px; float: left; 
		margin-left:  19px;
		margin-top: 20px;
		font: 65% normal Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
	}



ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 400px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background:url(../layout/header_bg.png) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 5px 10px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
/*
ul#topnav li:hover { background: #1376c9 url (../layout/topnav_a.gif) repeat-x; }
*/
ul#topnav li:hover { background: #466;}
ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:2.1em;
	display: none;
	width: 400px;
/*	background: #1376c9;*/
	background: #466;

	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

.container, ul#topnav, ul#topnav li span
		    	{ width: auto; max-width: 1200px; min-width: 600px; float: left;}


/* Styles for sidenav */
#sidenav{
margin:0;
padding:0;
width:180px;
list-style-type:none;
line-height:120%;
font: 0.7em normal Verdana, Arial, Helvetica, sans-serif;
}
#sidenav .closed{
background-image:url(../layout/ha-down.gif);
}
#sidenav .closed,#sidenav .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}
#sidenav .header{
background-color:#7B7B7B;
}
#sidenav .opened{
background-image:url(../layout/ha-up.gif);
}
#sidenav a{
display:block;
font-weight:bold;
text-decoration:none;
}
#sidenav a.hover{
border-top:1px solid #5F5F5F;
border-bottom:1px solid #7B7B7B;
background-color:#7B7B7B;
color:#FFFFFF;
}
#sidenav ul{
overflow: hidden;
margin:0;
padding:0;
}
#sidenav li{
margin:0;
padding:0;
list-style-type:none;
background-color:#848484;
color:#FFFFFF;
}
#sidenav li a{
padding:2px 10px 2px 4px;
border-top:1px solid #9A9A9A;
border-left:1px solid #9A9A9A;
border-right:1px solid #696969;
border-bottom:1px solid #757575;
background-color:#848484;
color:#FFFFFF;
}
#sidenav li.active a,#sidenav li li.active a{
border-top:1px solid #5F5F5F;
border-bottom:1px solid #7B7B7B;
border-left:1px solid #757575;
border-right:1px solid #9A9A9A;
background-color:#404040;
color:#FFFFFF;
}
#sidenav li.active li a,#sidenav li li a{
padding:2px 4px 2px 8px;
border-top:1px solid #696969;
border-left:1px solid #696969;
border-right:1px solid #8A8A8A;
border-bottom:1px solid #7B7B7B;
background-color:#757575;
color:#FFFFFF;
}


#floatnav{
	position: fixed;
}

/* normal =  #7B7B7B
#sidenav .header,
#sidenav a.hover
	{background-color: #CCB;}
	
	
#sidenav li, #sidenav li a
	{background-color: #BBA;}
	
#sidenav li *  {border: none;}
*/
.impresum-tab{margin-left:4em; padding-left: 4em;}