.body{
	width:100%;
	margin:0;
}

.body{
	overflow:hidden;
	width:776px;
	margin:0px auto 0px auto;
}

.spacer{
	clear:both;
	float:none;
}

/* HEADER */
.header{
	position:relative;
	height:67px;
	background:url('../img/bg_header.jpg') left top repeat-x;
	border-bottom:7px solid #525C5E;
	z-index:100;
}

.header #logoMariant{
	position:absolute;
	left:0;
	top:0;
}

.idiomas{
	position:absolute;
	right:5px;
	top:0px;
}

/* Idiomas */
.idiomas ul{
	margin:0;
}

.idiomas ul li{
	display:inline;
	padding-left:2px;
	line-height:20px;
}

.idiomas ul li.last{
	border-right:none;
}

.idiomas ul li a{
	text-decoration:none;
	font:normal 11px Verdana;
	color:#FFF;
	padding-right:5px;
	border-right:1px solid #FFF;
}

.idiomas ul li a:hover{
	color:#525C5E;
}

.idiomas ul li a.last{
	border-right:none;
}

/* Menu */
.menu{
	position:absolute;
	bottom:5px;
	right:15px;
}

.menu,
.menu ul{
	padding:0;
	margin:0;
	list-style:none;
}

.menu{
	background:url('../img/borde_left_submenu.gif') right top repeat-y;
}

.menu{
	background:url('../img/borde_left_submenu.gif') right top repeat-y;
}

.menu a,
.submenu a{
	margin-left:10px;
	text-decoration:none;
	color:#FFF;
	font:bold 15px "Trebuchet MS";
	width:auto;
}

.menu ul li{
	position:relative;
	padding:5px 10px 5px 0px;
	background:url('../img/borde_left_submenu.gif') left top repeat-y;
	float:left;
	position:relative;
}

.menu li a:hover{
	color:#000;
}

.menu ul li ul li{
	background:none;
}

.menu ul li:hover ul,
.menu ul li.over ul{
	display:block;
}

.submenu{
	display:none;
	background:#8FA9B6 url('../img/bg_submenu_degradado.jpg') left bottom repeat-x;
	position:absolute;
	top:30px;
	left:-10px;
	padding-bottom:100px;
}

.menu ul li ul.submenu{
	border-top:2px solid #525C5E;
	padding:8px 0px 8px 10px;
}

.menu ul li ul.submenu li{
	background:url('../img/borde_left_submenu.gif') left top repeat-y;
	float:none;
}

.menu ul li ul.submenu li a{
	display:block;
	white-space:nowrap;
}

.menu ul li ul.submenu li a:hover{
	color:#333;
}


/* Imagen Central */
.imgBox{
	width:776px;
	padding:0;
	margin:0;
	border:none;
}

.imgBox img{
	margin:0;
	padding:0;
}

/* Paginador de imagenes */
.pagerBox{
	height:12px;
	padding-bottom:1px;
	width:768px;
	background:#515B5C;
	text-align:right;
	padding-right:10px;
	color:#BBB;
	font:normal 10px Verdana;
	position:relative;
	left:0;
	width:766px;
	/*display:none; /* HASTA QUE SE SOLUCIONE EL TEMA DEL PAGINADOR */
}

.pagerBox #comentarioImg{
	position:absolute;
	left:5px;
	top:0;
	color:#E8DD71;
}

.pagerBox a{
	font:normal 10px Verdana;
	color:#E8DD71;
	text-decoration:none;
}

.pagerBox a.actual{
	font-weight:bold;
}

.pagerBox a:hover{
	color:red;
}

/* Informacion de la seccion */
.infoSeccion{
	position:relative;
	z-index:1;
	width:100%;
	background:url('../img/bg_infoseccion.gif') left top repeat;
	overflow:hidden;
}

.infoSeccion .actual{
	position:relative;
	float:left;
	width:200px;
	min-height:100px;
	height: auto !important;
	height:100px;
	/*background:url('../img/bg_seccion_actual.gif') left top repeat;*/
	padding-bottom:300px;
	margin-bottom:-300px;
	z-index:1;
}

.infoSeccion .actual span{
	position:absolute;
	top:15px;
	right:15px;
	font:bold 18px "Trebuchet MS";
	color:#5C5C5C;
}

.infoSeccion .actual span strong{
	position:absolute;
	top:1px;
	right:1px;
	color:#FFF;
	width:100%;
	*width:auto;
}

.infoSeccion .texto{
	position:relative;
	float:left;
	width:565px;
	margin-right:10px;
	/*background:url('../img/bg_seccion_descripcion.gif') left top repeat;*/
	font:normal 11px Verdana;
	color:#5C5C5C;
	padding:15px 0px 0px 0px;
	min-height:100px;
	z-index:1;
}

.infoSeccion .texto p{
	margin:0px 15px 15px 15px;
}

.infoSeccion .oferta{
	width:440px;
}

.texto p a{
	font:bold 11px Verdana;
	text-decoration:none;
	color:#5C5C5C;
}

.texto p a:hover{
	text-decoration:underline;
}


/* Ofertas y Reservas */
.extrasBox{
	position:relative;
	z-index:1;
	width:100%;
	background:#F4F5F1;
}

.extrasBox .ofertasBox{
	float:left;
}

.extrasBox .reservasBox{
	float:right;
}

.ofertasBox{
	position:relative;
	float:left;
	width:208px;
	overflow:hidden;
	background:#EDEFEA url('../img/bg_ofertas_box.jpg') left bottom repeat-x;
}

.ofertasBox,
.reservasBox{
	padding-top:10px;
}

h1{
	position:relative;
	left:10px;
	top:0px;
	font:bold 15px "Trebuchet MS";
	color:#5D5D5D;
	margin:0px 0px 15px 0px;
}

.oferta{
	position:relative;
	width:208px;
}

.oferta img{
	position:absolute;
	left:10px;
	top:10px;
}

.oferta .txt{
	position:relative;
	padding:5px 0px 20px 0px;
	left:45px;
	width:105px;
}

.oferta .txt a{
	color:#5C5C5C;
	font:normal 11px Verdana;
	line-height:15px;
}

.oferta .txt a:hover{
	color:#000;
}

/* Reservas */
.reservasBox{
	position:relative;
	left:0px;
	width:568px;
	height:120px;
	font:bold 9px Verdana;
	color:#000;
	background:#F4F5F1;
}

.reservasBox h1{
	margin:0px 0px 5px 0px;
}

.reservasBox form{
	margin:0px 0px 0px 0px;
}

.reservasBox .trayecto{
	height:22px;
}

.reservasBox .trayecto{
	float:none;
	clear:both;
	position:relative;
}

.reservasBox .trayecto div{
	float:left;
	line-height:15px;
}

.reservasBox .trayecto .first{
	float:left;
	width:100px;
	margin-right:0px;
}

.reservasBox .fecha,
.reservasBox .tipoAlojamiento,
.reservasBox .numeroHabitaciones{
	display:inline;
	padding-left:15px;
}

.reservasBox .numeroHabitaciones .button{
	margin-left:20px;
	font:normal 11px Verdana;
}

.reservasBox select{
	font:normal 10px Verdana;
	color:#000;
}

.reservasBox select.dia{
	width:35px;
}


.reservasBox .tipoAlojamiento select{
	position:absolute;
	width:175px;
}

.reservasBox .tipoOferta select{
	width:340px;
}

.reservasBox #continuarBox{
	position:absolute;
	right:10px;
	bottom:0px;
}



/* Pie de página */
.footer{
	float:none;
	clear:both;
	height:20px;
	background:#525C5E;
	text-align:right;
	padding-right:20px;
	line-height:15px;
}

.footer span{
	position:relative;	
	color:#FFF;
	font:bold 11px Verdana;
}

.footer a{
	position:relative;
	text-decoration:none;
	font:bold 10px Verdana;
	color:#FFF;
	border-bottom:0px solid #FFF;
}

.footer a:hover{
	border-bottom:1px solid #FFF;
}