/* CSS Document */
body
	{
	background: url(../imago/main/back.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	background-color: #83A3B2;
	text-align: left;
}

a	{
    margin:0;
	text-decoration:none;
	}
h3{
    margin:0;
	text-decoration:none;
	}
#wrap
	{
	top: 0px;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../imago/main/back_content.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#header
	{
	background-color:#999999;
	float:	left;
	width: 100%;
	height: 320px;
	margin: 0;
	padding: 0;
	text-align: left;
	font: 11px arial, sans-serif;
	}	
#headersearch
	{
	background-color:#999999;
	float:	left;
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	text-align: left;
	font: 11px arial, sans-serif;
	}	
#headertop{
    width:100%;
    background:url(../imago/main/back_above.jpg);
	height: 90px;
	margin:0;
	padding:0;
	}
#headerright{
	float:right;
    width:220px;
    background:#E2C918;
	height: 230px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	font: 12px arial, sans-serif;
	}
#headerright2{
	float:right;
    width:220px;
        background-image:url(../imago/main/backright2.jpg);
	height: 230px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	}
#headerright p{
padding-top:20px;
padding-left:15px;
	}
#headerright a{
color:#FFFFFF;
	}
#headerright h5{
padding-left:15px;
padding-top:15px;
margin:0px;
	}
#headerright h5 a{
margin_right:3px;
	}
#headertopright{
    float:right;
    width: 220px;
    background: #EFEFEF;
	height: 90px;
	margin:0px;
	padding:0px;
	}
#headertopright img{
	margin:0px;
	margin-top:20px;
	}
#headertopright p{
	margin:0px;
	margin-top:0px;
	}
#headermain{
    width:100%;
    background:url(../imago/main/back_header_main.jpg);
	height: 230px;
	margin:0px;
	padding:0px;
	}
.headerfoto{
z-index:60;
    float:left;
    width: 480px;
    background:#fff;
	height: 230px;
	margin:0px;
	padding:0px;
	}
		
#logo
	{
	height:90px;
	width:200px;
	margin:0px;
	margin-left:20px;
	}		
.grey
	{
background:#EFEFEF;
	}	
.autorisearch 
	{
margin-left:60px;
margin-right:15px;
margin-bottom:15px;
text-decoration:none;
	}
.autorisearch a
	{
color:#FFFFFF;
text-decoration:none;
	}
.imput	{
	}	
.thumbs img
	{
padding:1px;
margin:1px;
	}	
	
	

.content
{
clear:left;
    padding-top:30px;
	padding-bottom:40px;
	width:680px;
	font: 12px verdana, sans-serif;
	color:#666666;
}
.content img{
	margin: 0px;
	}
.content h1	{
	padding-left:60px;
	margin-top:20px;
	margin-bottom:20px;
	font: 13px verdana, sans-serif;
	font-weight:bold;
	color:#CC9900;
	}
.content h2	{
	margin-bottom:15px;
	padding-top:0px;
	padding-left:60px;
	font: 13px verdana , sans-serif;
	font-weight:bold;
	color:#006699;
	}
.content h3{
    font:13px arial, sans-serif;
	margin:	0;
	padding-left:60px;
	margin-top:25px;
	margin-bottom:15px;
	font-weight:bold;
	color:#CC6600;
	}
.content ol {
	padding-left:50px;
}
.content ul {
	padding-left:50px;
	width:580px;
}
.content ul ul {
	padding-left:0px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	width:580px;
}
.content li {
    padding-bottom:20px;
	padding-left:10px;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
}
.content p	{
	margin-top:	0;
	margin-right:20px;
	padding-left:60px;
	margin-bottom:5px;
	}
.content a	{
    margin:0;
	text-decoration:underline;
	color:#336699;
	}
.content a:hover
	{
color:#FF9900;
margin-right:0px;
text-decoration:underline;
	}



.rightfooter
{
float:right;
border:0px;
margin:0px;
margin-right:15px;
color:#0099CC;
}
.rightfooter a
{
float:right;
border:0px;
margin:0px;
color:#0099CC;
}
	
.right
{
float:right;
text-decoration:none;
border:0px;
margin:5px;
}
.rightcjenik
{
float:right;
text-decoration:none;
border:0px;
margin:0px;
margin-right:30px;
}
.left
{
float:left;
text-decoration:none;
border:0px;
margin:5px;
}

#rightwrap
{
float:right;
	width:220px;
	text-align: left
}

#rightlinks
{
float:right;
	width:220px;
	height:100px;
	text-align: left;
	font: 11px verdana, sans-serif;
	color:#666666;
	margin-bottom:20px;
    margin-top:0px;
	list-style-image:url(../imago/main/arrow.jpg);
}
#rightlinks ul
{
    padding-top:20px;
	padding-left:40px;
	list-style-image:url(../imago/main/arrow.jpg);
	margin:0px;
}
#rightlinks li
{
padding: 0px;
padding-top:0px;
padding-left:0px;
margin-left:0px;
margin:0px;
}
#rightlinks a
{
	text-align: left;
	font: 11px verdana, sans-serif;
	color:#666666;
	margin-bottom:20px;

}	
#rightlinks a:hover
{
	text-align: left;
	font: 11px verdana, sans-serif;
	color:#CC9900;
	margin-bottom:20px;

}	


#right
{
float:right;
	width:220px;
	text-align: left;
	font: 11px verdana, sans-serif;
	color:#666666;
	margin-bottom:20px;
    margin-top:0px;
	list-style-image:url(../imago/main/arrow.jpg);
}
#right ul
{  
    padding-top:15px;
	padding-left:40px;
	list-style-image:url(../imago/main/arrow.jpg);
	margin:0px;
}
#right li
{
padding: 0px;
padding-top:0px;
padding-left:0px;
margin-left:0px;
margin:0px;
}
#right a
{
	text-align: left;
	font: 11px verdana, sans-serif;
	color:#666666;
	margin-bottom:20px;

}	
#right a:hover
{
	text-align: left;
	font: 11px verdana, sans-serif;
	color:#CC9900;
	margin-bottom:20px;

}	

#novo 
{
height:320px;
margin-top:20px;
	width:220px;
	w/idth:220px;
	text-align: left;
	font: 11px arial, sans-serif;
	color:#006699;
	background:#F8F8F8;

}	

#novo a
{
	color:#006699;
}
#novo h1
{
margin:0px;
	width:201px;
	text-align: left;
	font: 12px arial, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:4px;
	padding-left:15px;
	background:#006699;

}	
.foto
{
	margin-top:15px;
	margin-left:15px;
	margin-right:10px;

}	
#novo p
{
margin-left:15px;
    margin-top:10px;

}	
#novo p img
{
    margin-top:10px;
	float:left;

}	
	
.bookbox{
	border:1px solid #666666;
    width: 580px;
	margin:0px;
	margin-left:60px;
	margin-right:30px;
	padding:10px;
	margin-bottom:30px;
	} 
.bookbox img{
	float:left;
	margin-right:10px;
	text-align:left;
	} 
	
.bookboxdida{
position:relative;
	padding:0px;
	margin:0px;
	decoration:none;
	} 
	.bookboxdida img{
float:left;	
	} 
.bookboxdida h3{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	color:#003366;
	font:12px arial, sans-serif;
	font-weight:bold;
	} 
.bookboxdida h4{
    font:11px arial, sans-serif;
	margin:	0px;
	font-weight:normal;
	color:#003366;
	margin-bottom:10px;
	}
.bookboxdida p{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	margin-left:10px;
	} 
.bookboxdida a{
clear:both;
decoration:none;
	} 
.bookboxdidafoto a{
float:left;
text-decoration:none;
	} 
	.bookboxdidafoto a{
float:left;
decoration:none;
	} 
	
.bookboxbilt{
	border:1px solid #666666;
    width: 580px;
	margin:0px;
	margin-left:60px;
	margin-right:30px;
	padding:10px;
	margin-bottom:30px;
	} 
.bookboxbilt img{
	float:left;
	margin-right:20px;
	text-align:left;
	border:0px;

	} 
.bookboxtoplista{
	border:1px solid #666666;
    width: 300px;
	margin:0px;
	margin-left:60px;
	margin-right:30px;
	padding:10px;
	margin-bottom:30px;
	} 
.bookboxtoplista img{
	float:left;
	margin-right:20px;
	text-align:left;
	border:0px;
	} 
	
.bookboxbiltdida{
position:relative;
	padding:0px;
	margin:0px;
	
	} 
.bookboxbiltdida h3{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	} 
.bookboxbiltdida h4{
    font:12px arial, sans-serif;
	margin:	0px;
	margin-bottom:10px;
	padding-bottom:0px;
	font-weight:bold;
	color:#003366;
	}
.bookboxbiltdida p{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	} 

.bookboxbiltdida h5{
float:left;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	} 
	
	
.bookboxtop{
	border:1px solid #666666;
    width: 250px;
	height:115px;
	margin:0px;
	margin-left:60px;
	margin-right:30px;
	padding:10px;
	margin-bottom:30px;
	} 
.bookboxtop img{
position:relative;
	float:left;
	margin-right:10px;
	text-align:left;
	} 
	
.bookboxdidatop{
position:relative;
	padding:0px;
	margin:0px;
	
	} 
.bookboxdidatop h3{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	} 
.bookboxdidatop h4{
    font:11px arial, sans-serif;
	margin:	0px;
	font-weight:bold;
	color:#003366;
	}
.bookboxdidatop p{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	} 
	
.photo a{
float:left;
	margin:0px;
	margin-right:10px;
	margin-bottom:10px;
	color:#666666;
	text-decoration:none;
	} 	
.photo img{
float:left;
	color:#666666;
	text-decoration:none;
	} 	

	
.bookbox h3{
padding:5px;
margin:0px;
margin-left:5px;
	} 


.txtimageleft {
    float:left;
	padding-top: 3px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-left: 0px;
	vertical-align: top;
}
.txtimageleft p {
    float:left;
	padding-top: 3px;
	margin-top: 0px;
	font: normal 11px verdana, sans-serif;
	color:#336699;
}
.mainbox
{
	font:11px verdana, sans-serif;
	color: #FF6600;
	text-decoration: none;
}

.login {
width:184px;
height:421;
font: 11px arial, sans-serif;
color: #fff;
}
.login p{
margin:4px;
margin-left:15px;
font: 11px arial, sans-serif;
color: #fff;
}
.login img{
margin-left:15px;
}
.loginimput{
font: 11px arial, sans-serif;
color:#336699;
}
.footer {
clear:both;
width:100%;
padding-top:8px;
padding-bottom:10px;
font: 11px arial, sans-serif;
color: #fff;
background:#339933;
}
.footer p{
padding-left:20px;
}
.footer a {
font: 11px arial, sans-serif;
text-decoration:underline;
color: #fff;
}


/* common styling */
.menu2{
float:left;
font-family: arial, sans-serif; width:220px; height:130px; position:relative; font-size:11px; margin:10px 0; z-index:120;
}
.menu2 p {
margin:opx;;
}
.menu2 p a{
text-decoration:none;
}
.menu2 ul {
padding:0; margin:0; list-style-type: none; width:220px; height:180px; border:0px solid #606;
}
.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:220px;
}
.menu2 ul li {
float:left;
}
.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:#fff; width:200px; height:30px; line-height:29px; font-size:11px; background:transparent; padding-left:20px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:200px; w\idth:200px;}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
background:#27576D; color:#fff;
}

.menu2 ul li:hover {position:relative; z-index:100;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; background:#27576D; overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; background:transparent; color:#fff; line-height:15px; padding:8px 0 7px 20px; height:auto; text-decoration:none;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background:#23354B; color:#fff;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; list-style-type:none; background:#069;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {

}

.menuwrap{
background:#339933;
width:100%;
height:25px;
}

.menu{
width:920px;
}
.menu ul{
width:920px;
list-style-type:none;

padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
font-family: arial, sans-serif; font-size:11px;
display:block;
font-size:10px;
padding:8px 7px;
color:#FFFFFF;
background:#339933;
text-decoration:none;
text-align:center;
padding-left:20px;
padding-right:20px;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
.menu ul ul a{
width:120px;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
width:150px;
}
.tab{
width:450px;
margin-left:60px;
}
.tabbilten{
width:600px;
margin-left:60px;
}
.fotopovijest {
width:145px;
float:left;
padding-right:40px;
margin:0;
}
.fotopovijest2 {
	width: 320px;
	padding-right: 20px;
}

.fotopovijest p {
width:145px;
margin:0;
margin-top:10px;
padding:0;
}
.fotopovijest2 p {
width:320px;
margin:0;
margin-top:10px;
padding:0;
}
.fotopovijest img {s
	margin:0;
}
.fotopovijest2 img {
	margin:0;
}
.fotocontainer {
	margin:0;
	margin-left:60px;
}
.toplistafoto {
height:135;
width:90;
}

.justify {
text-align:justify;
}