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

*{margin: 0; padding: 0; }

.clear { clear: both; }

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

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

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

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

@font-face
{
font-family: myFirstFont;
src: url(../POORICH_0.TTF);
}

body {
	text-align: left;
	font-family:"Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 13px;
	border-style: none;
	background: #ddd;
	background-image: url(../images/bg01.jpg);
	background-repeat: repeat;
	color: #5B4D42;
	}
	
h1 {
	font-size: 18px; 
	color: #5B4D42;
	border-bottom: #5B4D42 1px solid;
	margin: 0px 0px 15px 0px;
	}
	
h2 {
	font-size: 14px; 
	font-weight: bold;
	color: #5B4D42;
	margin-bottom: 5px;
	}
	
h3 {
	font-size: 12px; 
	font-weight: bold;
	color: #5B4D42;
	margin-bottom: 5px;
	}
	
.crta {
	border-bottom: #5B4D42 1px solid;
	}
	
#glavni {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: #C7B299;
	box-shadow: 0px 1px 15px #3F3F41;
	}
		
#zaglavlje {
	position: relative;
	width: 960px;
	height: 390px;
	margin-top: 20px;
	border-bottom: #000 1px solid;
	}
	
#logo {
	position: relative;
	width: 950px;
	height: 70px;
	padding: 20px 0px 0px 10px;
	border-bottom: #29ABE2 2px solid;
	background: #fff;
	}
	
#banner {
	position: relative;
	width: 960px;
	height: 300px;
	border-bottom: #fff 2px solid;
	}
	
#slogan {
	position: absolute;
	width: 940px;
	height: 45px;
	bottom: 0px;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	opacity:0.8;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	z-index: 10;
	}
	
#slogan p {
	color: #fff;
	text-shadow: 2px 2px #000;
	}

/*MENU*/

#jezici {
	height: 20px;
	font-size: 16px;
	}
	
#jezici ul {
	list-style: none;
	}
	
#jezici li {
	float: left;
	padding-left: 10px;
	}
	
#izbornik {
	padding: 15px 0px 0px 0px;
	float: left;
	font-size: 26px;
	font-family:myFirstFont;
	font-weight: bold;
	}
	
#izbornik li {
	list-style: none;
	margin-left: 10px;
	padding-bottom: 6px;
	}
	
#livisadrzaj{
	width: 190px;
	padding: 15px 10px 0px 0px;
	float: left;
	}	

#desnisadrzaj{
	width: 750px;
	padding: 15px 10px 0px 0px;
	float: right;
	}
	
#sadrzaj {
	width: 960px;
	height: auto;
	margin: 0px 0px 0px 0px;

	}
	
/*SRIDNJI STUPAC*/	
.sridnji {
	position: relative;
	width: 960px;
	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;
	}
	
#formular {
	float: left;
	}
	
#grbma {
	float: right;
	margin-right: 30px;
	}

/*DESNI STUPAC*/	
.desni {
	width: 460px;
	float: right;
	margin: 10px 10px 15px 10px;
	}
	
#livikontakt {
	float: left;
	}
	
#desnikontakt {
	float: left;
	margin-left: 20px;
	}
	
/*FOOTER*/
#podnozje {
	width: 960px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	text-align: center;
	border-top: #fff 2px solid;
	padding-top: 15px;
	}

/*GALERIJA*/
.galerija {
	width: 750px;
	margin-top: 10px;
	}
	
.galerija1 {
	width: 100px;
	float: left;
	margin: 0 12px 20px 0;
	height: 100px;
	text-align: center;
	border: 1px solid #D0D0D0;
	overflow: hidden;
	}
	
.galerija1 img{
	max-height: 200px;
	max-width: 200px;
	}
	
.galerija2 {
	width: 100px;
	float: left;
	margin: 0 13px 20px 13px;
	height: 100px;
	text-align: center;
	border: 1px solid #D0D0D0;
	overflow: hidden;
	}
	
.galerija2 img{
	max-height: 200px;
	max-width: 200px;
	}
	
.galerija3 {
	width: 100px;
	float: left;
	margin: 0 0 20px 12px;
	height: 100px;
	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;
	}