*{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	background-color: #000;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
}
h1{
	color: #836c2c;
	font-size: 18px;
	font-weight: normal;
}
h2{
	color: #2a2a32;
	font-size: 18px;
	margin-top: 25px;
	margin-left: 30px;
	font-weight: normal;
}
h3{
	margin-top: 5px;
	font-size: 14px;
}
h4{
	color: #fff;
	font-size: 14px;
}
ul{
	margin-left: 20px;
}
#logo-header{
	height: 151px;
	margin: 0 auto;
	width: 821px;
	padding-left: 23px;
}
#logo-header img{
	border: 0;
}
#logo-div{
	width: 257px; 
	height: 130px;
	float: left;
	margin-top: 21px;
}
#site{
	margin: 0 auto;
	width: 844px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}
#main-photo{
	width: 568px;
	height: 221px;
	float: left;
}
#pre-rezervation-div{
	width: 245px;
	height: 191px;
	padding: 30px 0 0 30px; 
	background-color: #977d33;
	background-image: url(../images/pre-rez-bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-left: 1px solid #000;
	float: left;
	color: #fff;
}
#content-left{
	width: 568px;
	float: left;
}
#content-text{
	width: 533px;
	margin: 25px 10px 25px 25px;
	text-align: justify;
}
.container-1{
	width: 255px;
	border-right: 1px solid #4E4E4E;
	float: left;
	margin-top: 10px;
	padding: 0 10px 10px 0;
	text-align: left;
}
.container-2{
	width: 246px;
	float: left;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	text-align: left;
}
.separator{
	height: 1px;
	background-color: #4E4E4E;
	clear: both;
	margin: 10px auto;
}
#menu{
	border-bottom: 1px solid #977D33;
}
.button{
	float: left;
}
#content-right{
	width: 276px;
	float: left;
	padding-bottom: 10px;
}
#footer-left{
	width: 548px;
	float: left;
	background-color: #977d33;
	color: #fff;
	padding: 10px;
}
#footer-left a{
	color: #fff;
	text-decoration: none;
}
#footer-left a:hover{
	color: #fff;
	text-decoration: underline;
}
#footer-right{
	width: 255px;
	float: left;
	background-color: #fff;
	border-left: 1px solid #000;
	color: #4E4E4E;
	padding: 10px;
}
#footer-right a{
	color: #4E4E4E;
}
#footer-right a:hover{
	color: #4E4E4E;
	text-decoration: none;
}
.clear{
	clear: both;
}
.img-1{
	border: 1px solid Black;
	margin: 10px 30px;
}
.img-2{
	border: 1px solid Black;
	float: left;
	margin: 5px 10px 10px 0;
}
.detalii{
	float: right;
	margin: 10px 0 10px 10px;
}
.detalii img{
	border: 0;
}
.input-2{
	width: 182px;
}
.input-4{
	width: 105px;
}

#gallery-3-container{
	height: 550px;
	overflow: hidden;
}
#gallery-3-thumbnails{
	margin-top:15px;
}
#gallery-3-scroll-up{
	height: 20px;
	margin-left:1px;
	width:275px;
	position:absolute;
	overflow:hidden;
	cursor: pointer;
	z-index:100;	
	background-color: #DEDEDE;	
	background-image: url(../images/img-gal3-up.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}
#gallery-3-scroll-down{
   	height: 20px;
   	margin-left:1px;
   	margin-top:540px;
	width:275px;
	position:absolute;
    overflow:hidden;
    cursor: pointer;
    z-index:100;    
    background-color: #DEDEDE;
    background-image: url(../images/img-gal3-down.jpg);
    background-repeat: no-repeat;
	 background-position: 50%;
}
#lista-preturi{
}
#lista-preturi th{
	background-color: #977D33;
	color: #fff;
	padding-left: 5px;
}
#lista-preturi td{
	background-color: #DEDEDE;
	padding-left: 5px;
}
#date{
	float: right;
	color: #fff;
	margin-right: 10px;
	padding-top: 125px;
}
