@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
}
p,h2,h3{margin-bottom:20px;}

/*--------BODY----------*/

html, body {margin: 0; 	padding: 0;}
body {	text-align: left;	font-size: 62.5%;}
body {	font-family: Georgia, "Times New Roman", Times, serif;	color: #4B4C2C;	font-size: 0.8em;	background-image:url('images/background.png');}

input,select,textarea {	font-family: Arial;	color: #666666;	overflow:hidden;}
input,textarea,select {	border:1px silver solid;}

/*--------LINKOVI----------*/

a:link {color: #7C231F; }
a:visited {	color: #C86969; }
a:hover {	color: #C86969;	cursor: pointer; }
ul {margin-left: 35px;}



/*--------IZGLED----------*/

#flag-container {	margin: 0 auto;	position: relative;	width: 920px; margin-top:10px; 	text-align: right;}
#containerv {margin: 0 auto;	position: relative;	width: 892px;	margin-top:15px;}
#container {position: relative;	float:left;	text-align: left;	width: 892px;}
#container {	margin: 0 auto;	background-color:white;	border:8px #C86969 solid;	margin-top:0px;}

#footer {margin: 0 auto;	padding-top: 10px;	padding-bottom: 10px;	width: 892px;	color: #FFE66B;}
#footer img{float:right;	margin-right:50px;}

#top{position: relative;	width:876px;	height:278px;	margin-left:8px;}
#topleft{	position: relative;	float:left;	width:257px;	height:278px;	background-image:url('images/lijevo-pozadina-top.jpg');}

#logo{	position: relative;	float:left;	width:257px; height:278px;}


/*--------FLASH BANNER----------*/
#flash{	position: relative;	float:left;	width:619px; height:270px;	margin-top:8px;	background-color:#EDD8D5;}

#map{	position: relative;	float:left;	width:611px; height:262px;	margin-top:8px; margin-left:8px; margin-bottom:8px; background-color:#EDD8D5;}


/*--------HEADINGS----------*/
h2 {padding:5px 0 5px 0; margin-bottom:0px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif;	color: #AA7F00;	font-size: 400%; text-align:center;}
.heading {	padding:5px 0 5px 0;	margin-bottom:0px;	text-align: center;	font-family: Georgia, "Times New Roman", Times, serif;	color: #AA7F00;	font-size: 200%;}
.heading2 {  font-size: 150%;  line-height: 100%; font-variant: small-caps; font-family: Georgia, "Times New Roman", Times, serif;	color: #AA7F00;}







#meni{position: relative;	width:892px; height:38px;	overflow:hidden;	margin-left:8px;}
#wrapper{position: relative;	float:left;	width:100%; 	background-image:url('images/wrapper.jpg');}
#sadrzaj{	position: relative;	text-align:justify;	float:left;	width:540px; 	padding:30px 42px 30px 40px;
	background-image:url('images/container-backgroud.jpg');
	background-position:35px 135px;
	background-repeat:no-repeat;
	height: auto !important; /* for modern browsers */;
	height: 400px; /* for IE5.x and IE6 */;
	min-height: 400px; /* for modern browsers */

}

#lijevo{
	position: relative;
	float:left;
	margin-left:8px;
	width:237px;
	padding:25px 10px 0 10px;
	height:100%;
	background-position:center bottom;
	background-repeat:no-repeat;
	
}
#lijevo img {
	margin-bottom:10px;

}

#lijevo p {margin-left: 12px;}

#fixmeni{
	position:absolute;
	top:0px;left:0px;
	width:8px; height:278px;
}
#fixtop{
	position:absolute;
	top:-19px;left:-8px;
	width:282px; height:19px;	
}
.slika{
	position: relative;
	float: left;
	width: 150px; height:94px;
	margin-right:25px;
	padding:2px;
	border: 1px #CBB067 solid;
	margin-bottom:20px;
}
.slika2{
	position: relative;
	float: left;
	width: 150px; height:94px;
	padding:2px;
	border: 1px #CBB067 solid;
	margin-bottom:20px;
}


/* -------- NAVIGACIJA HORIZONTAL ----------*/
#nav2 {position:relative;  width: 876px; height: 42px; margin-top: 0px; margin-bottom: 0px; margin-left: 8px; padding: 0px; font-family: "century gothic",arial,sans-serif; font-size: 85%; background: url(./images/menu.gif);}
#nav2 ul {width: 876px; height: 42px; margin: 0px; padding: 0px; border-top: solid 1px #A9AA88; border-bottom: solid 1px #A9AA88;  }	
#nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
#nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 2px #A9AA88; color: #EED8D6; text-transform: uppercase; text-decoration: none; font-size: 128%;}
#nav2 li a:hover, #nav2 li a.selected {color: #A9AA88; text-decoration: none;}
#font {font-size:12px; color: #fff;}


.clear-contentunit {margin:  0 10px 0 10px; clear:both; width:520px; height: 30px; border:none; background: url (./images/hr.gif);}

/* -------- NAVIGACIJA VERTIKAL ----------*/
#nav3 {position: relative; width: 220px;  margin-left: 15px; background-color: transparent; padding: 0px; color: #7C262E; font-size: 110%;}
#nav3 ul {width: 200px; margin: 0px 0px 30px 0px; padding: 0px;  background-color: transparent; font-family: "century gothic",arial,sans-serif;}	
#nav3 li {list-style: none; margin: 0px; padding: 0px;}
#nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: transparent; color: #7C262E; text-transform: uppercase; font-weight: none; font-size: 130%; font-family: "century gothic",arial,sans-serif;}
#nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px;  border-left: solid 7px #EDD8D5; color: #7C262E; font-weight: none; }
#nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px #EDD8D5; color: #7C262E; text-decoration: none; }
#nav3 li a:hover, #nav3 li a.selected {border-left: solid 7px #C86969;  color: #AA7F00; text-decoration: none;}


/* -------- SLIKE ----------*/
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px; }
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px #CBB067; padding: 3px;}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px #CBB067;}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px #CBB067;}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px #CBB067;}
.img-border {float: none; border: solid 1px rgb(150,150,150);}
.img-banner:hover{opacity:0.8;}

#content-container { float: left; width: 545px; margin: 0px 0px 25px 0px; padding: 0px;}

/* -------- FORMA ZA REZERVACIJE ----------*/

#contactform {width:465px; margin-left: 20px; padding:10px 10px 0 10px; border: 1px solid #D2B0AE; background-color:#FEF3BB;}
#contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #D2B0AE;}
#contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:#D2B0AE; font-weight:bold; font-size:80%;}
#contactform label.left {float:left; width:180px; margin:0 0 0 10px; padding:2px; font-size:110%;}
#contactform input.field {width:240px; padding:2px; border: solid 1px #D2B0AE; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform textarea {width:240px; padding:2px; border: solid 1px #D2B0AE; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background: #EDD8D5; border:solid 1px #D2B0AE; text-align:center; font-family:verdana,arial,sans-serif; color: #C86969; font-size:90%;}
#contactform select.field1 {width:240px; padding:2px; border:solid 1px #D2B0AE; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform select.selectInput1 {width:50px; padding:2px; border: solid 1px #D2B0AE; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform select.selectInput2 {width:65px; padding:2px; border: solid 1px #D2B0AE; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform select.selectInput3 {width:150px; padding:2px; border: solid 1px #D2B0AE; font-family:verdana,arial,sans-serif; font-size:90%;}



/* -------- FORMA ZA REZERVACIJE ----------*/

.contact-form {
	padding: 20px;
	float: left;
	width: 70%;
	background: url(../images/rez-bg.jpg) no-repeat;
}

.contact-form label {
	float: left;
	clear: left;
	margin-left:65px;
}

.contact-form label.mandatory {
	color: #ad5000;
}

.contact-form input.std-input,
.contact-form textarea {
	float: left;
	clear: left;
	font: 15px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	color: #4d4d4d;
	width: 60%;
	border: 1px solid #cbcbcb;
	margin-bottom: 10px;
}

.contact-form p.captcha {
	float: left;
	clear: left;
	width: 97%;
}

.contact-form p.captcha img {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}

.contact-form input.captcha {
	font: 15px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	color: #4d4d4d;
	float: left;
	border: 1px solid #cbcbcb;
}

.contact-form input.submit {
	float: left;
	clear: left;
}