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

p {
padding-top:10px;
padding-left:20px;
padding-right:20px;
clear: both;
}

body {
background-color:#ffffbe;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
color:#000000;
margin:0px;
}

#header {
background:url(images/header.jpg) no-repeat;
width:900px;
height:353px;
margin:0px auto 0px;

}


#header h1, #header h2 {
display:none;
}

h3 {
text-align:left;
padding-left:20px;
padding-top:10px;
}
#container {
margin:0px auto 0px;
background: url(images/content.jpg) repeat-y;
width:900px;
}

#content {
margin:0px auto 0px;
background: url(images/content.jpg) repeat-y;
width:700px;
padding:10px 100px 0px 100px;
}




#menu {
margin:0px auto 0px;
width:724px;
height:40px;
font-size:1.05em;
}


#menu ul {
margin:0px;
padding:0px;

}

#menu ul li {
width:181px;
height:40px;
display:block;
float:left;
list-style:none;
}

#menu ul li a{
display:block;
background: url(images/menu_background.jpg) no-repeat;
width:176px;
height:30px;
background-position:top center;
text-align:center;
padding:10px 5px 0px 0px;
color:#000066;
text-decoration:none;
}

#menu ul li a:hover{
background-position:bottom center;
color:#000033;
}


#footer {
	margin:0px auto 0px;
	background:url(images/footer.jpg) no-repeat;
	width:900px;
	height:177px;
	padding-top:50px;
	text-align:center;
	color:#666666;
	font-size: 0.9em;
	clear: both;
}

#footer a{
color:#333333;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}
#content h3 {
	font-size: 1.2em;
	color: #333333;
}

#content a {
	color: #000066;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

p.gallery { padding: 0px; margin: 0px; }

p.gallery .thumb_image {
	background-color: #CCCCCC;
	margin:3px;
	padding: 2Px;
	border:solid 2px #999999;
	width: 160px;
	height: 160px;
	text-align: center;
	display: block;
	float: left;
}
p.gallery .thumb_image:hover { background-color: #DDDDDD; }
a img { border: none; }

.img2right { float: right; padding: 5px; }
.img2left { float: left; padding: 5px; }

.calendar_link {
	font-size: 1.3em;
	background-image: url(images/sat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-left: 55px;
	padding-top: 13px;
}
.calendar_link a {
	text-decoration: none;
	color: #4949BE;
}

.calendar_link a:hover {
	text-decoration: underline;
}


#language {
margin:0px auto 0px;
width:724px;
height:50px;
font-size:1.0em;
color:#000000;
}


#language ul {
margin:0px;
padding:0px;

}

#language ul li {
	display:none;
	width:50px;
	height:50px;
	display:block;
	float:left;
	list-style:none;
}

#language ul li a{
display:block;
width:50px;
height:50px;
background-position:bottom center;
text-align:center;
padding:0px;
color:#000066;
text-decoration:none;
}

#language ul li a:hover{
text-decoration: underline;
}

#language ul li.cro a{
background: url(images/zastava-hr.jpg) no-repeat bottom;
}

#language ul li.eng a{
background: url(images/zastava-uk.jpg) no-repeat bottom;
}

#language ul li.ger a{
background: url(images/zastava-de.jpg) no-repeat bottom;
}

#language ul li.fra a{
background: url(images/zastava-fr.jpg) no-repeat bottom;
}

#language ul li.ita a{
	background: url(images/zastava-it.jpg) no-repeat bottom;
}