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

*{margin: 0; padding: 0; }

.clear { clear: both; }

img { border: none; }
	
a:link {text-decoration:none; color: #333;}

a:visited {text-decoration:none; color: #333;}

a:hover {text-decoration:none; color: #998675;}

a:active {text-decoration:none; color: #333;}

@font-face {
	font-family: MojFont;
	src: url(../TrajanPro-Regular.otf);
	}

body {
	text-align: left;
	font-family:"Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 13px;
	border-style: none;
	background: #F2F2F2;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	color: #666;
	}
	
h1 {
	font-size: 18px; 
	font-family: MojFont;
	font-weight: 100;
	color: #666;
	margin: 0px 0px 15px 0px;
	}
	
h2 {
	font-size: 14px; 
	font-family: MojFont;
	font-weight: 100;
	color: #666;
	margin-bottom: 5px;
	}
	
h3 {
	font-size: 12px; 
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
	}
	
#top {
	width: 1024px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	}
	
#jezici {
	position: relative;
	font-family: MojFont;
	height: 20px;
	width: 80px;
	float: left;
	font-size: 16px;
	}
	
#jezici ul {
	list-style: none;
	}
	
#jezici li {
	float: left;
	padding: 10px 5px 5px 5px;
	background: #fff;
	}
	
#jezici a:link {text-decoration:none; color: #666;}

#jezici a:visited {text-decoration:none; color: #666;}

#jezici a:hover {text-decoration:none; color: #998675;}

#jezici a:active {text-decoration:none; color: #666;}
	
#zaglavlje {
	width: 988px;
	height: 574px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	}
	
#logo {
	width: 360px;
	height: 132px;
	position: relative;
	float: left;
	top: 30px;
	}
	
#headerreklama {
	width: 400px;
	height: 132px;
	padding: 17px 0px 0px 0px;
	float: right;
	text-align: right;
	}
	
/*MENU START*/
#izbornik {
	width: 988px;
	height: 36px;
	position: relative;
	font-size: 20px;
	font-family: MojFont;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index: 100;
	}

#izbornik ul {
	text-align: left;
	display: inline;
	list-style: none;
	padding: 10px 0px 5px 0px;
	background: #fff;
	}
#izbornik ul li {
	display: inline-block;
	margin-top: 8px;
	position: relative;
	padding: 0px 15px 0px 5px;
	cursor: pointer;
	border-right: #ccc solid 1px;
}
#izbornik ul li:hover {
	color: #fff;
}
#izbornik ul li ul {
	padding: 0;
	position: absolute;
	top: 20px;
	left: 0;
	width: 150px;
	display: none;
	opacity: 0;
	visibility: hidden;
}
#izbornik ul li ul li { 
	background: #fff; 
	display: block; 
	color: #fff;
	padding: 10px 10px 5px 10px;
}
#izbornik ul li ul li:hover { background: #fff; }
#izbornik ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}
/*MENU END*/

#banner {
	width: 988px;
	height: 300px;
	margin: 20px 0px 0px 0px;
	background: #E6E6E6;
	}
	
#glavni {
	width: 1024px;
	height: auto;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	}
	
#sadrzaj {
	width: 988px;
	height: auto;
	position: relative;
	top: -20px;
	padding: 0px 17px 15px 17px; 
	}
	
#livisadrzaj{
	width: 680px;
	padding: 0px 0px 0px 0px;
	float: left;
	border-bottom: 1px dotted #666;
	}
	
#livisadrzaj ul{
	padding: 0px 0px 0px 30px;
	}	
	
.livo-livo{
	position: relative;
	width: 390px;
	float: left;
	padding: 0px 10px 0px 0px;
	}	
	
.livo-desno{
	position: relative;
	width: 280px;
	float: left;
	}

#desnisadrzaj{
	width: 288px;
	height: auto;
	padding: 0px 0px 0px 0px;
	float: right;
	}
	
#desnisadrzaj img{
	padding: 0px 0px 1px 0px;
	}
	
/*SRIDNJI STUPAC*/	
.sridnji {
	position: relative;
	width: 1024px;
	height: auto;
	margin: 10px 0px 15px 0px;
	}
	
.sridnji li{
	margin: 0px 0px 0px 15px;
	}
	
.sridnji img {
	float: left;
	padding-right: 15px;
	}
	
.livaslika {
	width: 235px;
	float: left;
	margin: 5px 0px 15px 0px;
	background: #fff;
	}
	
.livaslika p {
	padding: 3px 5px 3px 5px;
	}
	
.livaslika img {
	margin: 0px 0px 5px 0px;
	}
	
.sridnjaslika {
	width: 235px;
	float: left;
	margin: 5px 0px 15px 22px;
	background: #fff;
	}
	
.sridnjaslika p {
	padding: 3px 5px 3px 5px;
	}
	
.sridnjaslika img {
	margin: 0px 0px 5px 0px;
	}
	
.desnaslika {
	width: 235px;
	float: right;
	margin: 5px 0px 15px 0px;
	background: #fff;
	}
	
.desnaslika p {
	padding: 3px 5px 3px 5px;
	}
	
.desnaslika img {
	margin: 0px 0px 5px 0px;
	}
	
/*LIVI STUPAC*/
.livi {
	width: 460px;
	float: left;
	margin: 10px 0px 15px 10px;
	}


/*DESNI STUPAC*/	
.desni {
	width: 460px;
	float: right;
	margin: 10px 10px 15px 10px;
	}
	
#livikontakt {
	float: left;
	}
	
#desnikontakt {
	float: left;
	margin-left: 20px;
	}
	
/*FOOTER*/
#footer {
	width: auto;
	height: 350px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat;
	}
	
#sjena {
	width: 1280px;
	height: 20px;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/footerline_sjena.png);
	background-repeat: no-repeat;
	}
	
#footerline {
	width: auto;
	height: 61px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/footerline.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ccc;
	}
	
#facebook {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 56px;
	font-family: MojFont;
	font-size: 16px;
	text-align: right;
	color: #fff;
	}
	
#facebook p {
	position: relative;
	top: 24px;
	right: 60px;
	}
	
#facebook img {
	position: relative;
	float: right;
	top: -7px;
	}
	
#footerglavni {
	width: auto;
	height: 150px;
	margin-right: auto;
	margin-left: auto;
	background: #998675;
	border-bottom: 1px solid #ccc;
	color: #fff;
	}
	
#footerglavni h2 {
	color: #fff;
	}
	
#footersadrzaj {
	width: 1024px;
	height: 150px;
	margin-right: auto;
	margin-left: auto;
	}
	
#footersadrzaj li {
	list-style: none;
	padding-left: 5px;
	}
	
.f-livi {
	width: 230px;
	height: 130px;
	float: left;
	margin: 10px 20px 10px 17px;
	}
	
.f-livi p {
	margin: 0px 0px 0px 5px;
	}
	
.f-sridnji {
	width: 460px;
	height: 130px;
	float: left;
	text-align: center;
	margin: 0px 17px 10px 10px;
	}
	
.f-desni {
	width: 230px;
	height: 130px;
	float: left;
	margin: 10px 17px 10px 10px;
	}
	
.f-desni p {
	margin: 0px 0px 0px 5px;
	}
	
#najfooter {
	width: 1024px;
	height: 30px;
	font-size: 10px;
	color: #fff;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	}
		
.nf-livi {
	width: 500px;
	height: 30px;
	float: left;
	}	
	
.nf-desni {
	width: 200px;
	height: 30px;
	float: right;
	margin-right: 70px;
	}
	
.totop {
	width: 38px;
	height: 38px;
	position: relative;
	top: -65px;
	right: -980px;
	}

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

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

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

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

/*GALERIJA*/
.galerija {

	margin-top: 10px;
	}
	
.galerija1 {
	width: 110px;
	height: 110px;
	float: left;
	margin: 0 14px 20px 0;
	text-align: center;
	border: 1px solid #D0D0D0;
	overflow: hidden;
	}

.galerija1 img{
	max-height: 200px;
	max-width: 200px;
	}
	
.galerija2 {
	width: 110px;
	height: 110px;
	float: left;
	margin: 0 14px 20px 14px;
	text-align: center;
	border: 1px solid #D0D0D0;
	overflow: hidden;
	}
	
.galerija2 img{
	max-height: 200px;
	max-width: 200px;
	}
	
.galerija3 {
	width: 110px;
	height: 110px;
	float: left;
	margin: 0 0 20px 14px;
	text-align: center;
	border: 1px solid #D0D0D0;
	overflow: hidden;
	}
	
.galerija3 img{
	max-height: 200px;
	max-width: 200px;
	}

.tablanaslov {
	font-size: 12px; 
	font-weight: bold;
	font-style: italic;
	color: #ccc;
	}

.fadeNext {
	font-weight: bold;
	}