/* CSS Document */

#header {
background: #333333 url(../images/logo-hotel-neptuno.gif) top left no-repeat;
width: 940px;
height: 109px;
margin:0 auto;
padding: 10px 10px 0px 10px;
overflow:auto;
}

#language{
float: right;
width: 940px;
text-align: right;
}

#menu {
float: right;
background: url('../images/bg-menu.gif');
height: 21px;
margin-top: 70px;
padding-top: 4px;
}

#content {
background:#333333 none repeat scroll 0 0;
width: 940px;
margin:0 auto;
padding: 0px 10px 10px 10px;
overflow: auto;
}

#main-pic {
width: 565px;
float: left;
}

#booking {
width: 374px;
height: 200px;
float: right;
background: url('../images/bg-booking.gif');
}

#main-text {
width: 565px;
float: left;
margin-top: 1px;
}

#main-text-content {
width: 940px;
float: left;
margin-top: 1px;
}

#offers {
width: 364px;
float: right;
background:#494949 none repeat scroll 0 0;
padding: 5px;
margin-top: 1px;
}

#items {
width: 565px;
float: left;
}

#items-content {
width: 940px;
float: left;
}

#item1 {
width: 240px;
float: left;
border-right: 1px solid #A37806;
padding-right:40px;
}

#item2 {
width: 240px;
float: right;
padding-left:40px;
}

#galeria {
width: 675px;
float: left;
border-right: 1px solid #A37806;
}

#localiza {
width: 250px;
float: right;
}

#footer {
width: 940px;
margin:0 auto;
padding: 10px;
text-align:center;
}

/* CSS Styles */

body {
background: #000000;
color: #EEEEEE;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background: url('../images/bg-content.gif');
}

h1 {
color: #A37806;
font-size:16px;
}

h2 {
color: #A37806;
font-size:14px;
}

#items {
font-size:12px;
}

#items-content {
font-size:12px;
}

#language {
font-size:11px;
}

#language a{
color:#EEEEEE;
text-decoration: undeline;
}

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

#footer {
font-size:11px;
}

#footer a{
color:#FFFFFF;
text-decoration: undeline;
}

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


#menu {
font-size:14px;
text-align:right;
}

#menu ul {
display:inline;
width:auto;
}

#menu li {
display:inline;
list-style-type:underline;
color:#EEEEEE;
margin-right:10px;
}

#menu a{
color:#EEEEEE;
text-decoration: none;
}

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

#menu .active{
color:#989898;
text-decoration:none;
}

/* img gallery */

.galleria {
list-style:none;
width:200px;
}

.galleria li {
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0 10px 10px 0;
}

.galleria li a {
display:none;
}

.galleria li div {
position:absolute;
display:none;
top:0;
left:180px
}

.galleria li div img {
cursor:pointer;
}

.galleria li.active div img,.galleria li.active div {
display:block;
}

.galleria li img.thumb {
cursor:pointer;
top:auto;
left:auto;
display:block;
width:auto;
height:auto;
}

.galleria li .caption{
display:block;
padding-top:.5em;
text-transform: capitalize;
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
}

* html .galleria li div span {
 width:665px;
 } 

.gallery_demo_unstyled {
overflow:hidden;
}

.demo {
position:relative;
margin-top:0em;
}

.gallery_demo {
width:665px;
margin:0 auto 10;
}

.gallery_demo li {
width:50px;
height:37px;
border:3px double #A37806;
margin: 0 1px 1px;
background:#CCCCCC;
}

.replaced {


}

.galleria_wrapper{
overflow:hidden;
}

.gallery_demo li div {
left:240px
}
	
.caption {
font:italic bold 12px/1.4 Georgia, "Times New Roman", Times, serif;
text-transform: none;
color: #666666;
text-align: left;
padding-left:10px;
}
	
#main_image {
margin:0 0 30px 0;
width:665px;
height:325px;
}

#main_image img {
margin-bottom:10px;
}
	
.nav {
padding-top:15px;
clear:both;font:10px 'helvetica neue',sans-serif;
letter-spacing:1px;
text-transform:uppercase;
}
	
.info {
text-align:left;
width:665px;
margin:30px auto;
border-top:1px dotted #A37806;
padding-top:30px;
}

.info p {
margin-top:1.6em;
}


/* rooms offers */

.room_information {
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border: 1px solid #615211;
	margin-bottom:8px;
	float:left;
	width:95%;
	background-color:#FFFFFF;
}
.room_information:hover {
	background-color:#ebebdb;
}
.room_information p {
}

.room_information img {
	border:1px solid #CCCCCC;
	padding:2px;
	float:left;
	display:inline;
	width: 70px;
	height:70px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;	
}

.room_information h4{
	font:bold 12px;
	color: #A37806;
	margin:0px;
	padding: 0px 0 8px;
	font-size:1.1em;
	font-weight: 600;
}
.room_description {
	font-size: 11px;
	color: #666666;
	padding-top: 5px;
	float:none;		
}
.room_description p{
	font-size: 11px;
	color: #666666;
	padding-top: 5px;
	float:none;
}
.hotel_price {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	float:left;
}
.price_number {
	font-size: 12px;
	color: #04567A;
	font-weight: bold;
	float:left;
	padding-top: 5px;
}

/* rooms for variations */
.variation_group {
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	float:left;
	width:98%;	
}
.variation_group:hover {
	background-color:#EFEFEF;
}
.variation_group h3{
	color: #666666;
	padding:0px;
	margin:0px;
	font-size: 1.2em;
	font-weight: 600;
}
.var_from_price {
	color: #666666;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 5px;
	padding-right: 10px;
}
.var_price_number {
	color: #FF6600;
	font-weight: bold;
	padding-top: 5px;
	}
.variation_room_information p{
	font-size: 12px;
	margin: 0px 10px 10px;
	color: #333333;
}
.variation_room_information {
	font-size: 12px;
	margin: 0px 10px 10px;
	color: #333333;
}
.variation_group:hover .room_information {
	border-top: 1px solid #CCCCCC;	
}
.variation_group img {
	border:1px solid #CCCCCC;
	padding:2px;
	float:left;
	width: 70px;
	height:70px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.variation_group h4{
	font-size: 1.1em;
	font-weight: 600;
	color: #666666;
	clear:none;
	padding:4px 0px 8px 0px;
	margin:0px;	
}
.room_variations {
	border-top: 1px solid #CCCCCC;
	border-bottom:0;
	border-right:0;
	border-left:0;
	font: normal 14 px;
	color: #333333;
	float:left;
	margin-top:5px;
	width:100%;
}
.room_variations img {
	border:1px solid #CCCCCC;
	padding:2px;
	width: 50px;
	height:50px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	float:left;
}
/* show/hide button */
#showhide  {
	float:right;
	padding:3px 8px 3px 8px;
	margin-right:5px;
	border:1px solid #CCCCCC;
	}
#showhide:hover {
	border: 2px solid #FFFFFF;
}
.showhide_button_text {
	cursor: pointer;
	font-weight: normal;
	text-transform: capitalize;
	white-space: nowrap;
	font-size: 12px;
	text-decoration: none;
	color: #454545;
	vertical-align:middle;
}	
/* book now button arrow */
a.booknow:hover {
	text-decoration:none;
	background: #acac77;
	color:#FFFFFF;
	border: 1px solid #615211;
}
a.booknow {
	float:right;
	clear: left;
	height:20px;
	margin:10px 5px 0;
	padding:3px 5px 1px 5px;
	background: #c6c69d;
	color:#FFFFFF;
	cursor:hand;
	text-decoration:none;
	text-transform: capitalize;
	border: 1px solid #615211;
}
/* book now button arrow */
#header .hotel{
	float:none;
}

#rooms {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, "Lucida Grande","Lucida Sans Unicode", sans-serif;
	font-size:12px;
	margin:0 auto 0;
	max-width:900px;
	min-width:300px;
	overflow:hidden;
	text-align:left;
	height:100%;
}