html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border: 0;
	font-family: Lucida Sans Unicode, sans-serif;
	font-size: 100%;
	color: #333;
	background: #F7F7F7 url("../imgs/fnd_portada.jpg") no-repeat top center;
	SCROLLBAR-FACE-COLOR:#FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFCA54; 
	SCROLLBAR-SHADOW-COLOR: #FFCA54; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #FFCA54; 
	SCROLLBAR-TRACK-COLOR: #FFFFFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;

}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: underline;	
}

img{
  border: none;
}

.centrado {
	position: relative;
	width: 997px;
	margin: 0 auto;
  padding: 0; 
  overflow: hidden;    
}

#cabecera {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#logotipo {
	position: relative;
	float:left;
	width: 155px;
	height: 118px;
	left:7px;
	top:0;
	overflow: hidden;
	margin:  0;
	padding: 0;
	font-size: 12px;
	z-index: 1;
	color: #000;	
	
}

#logotipo span {
	position: absolute;
	top: 0;
	left: 0;
	width: 155px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/logo_mhotel_2.jpg") no-repeat top left;
	z-index: 2;
}


#idiomas {
	position:absolute;
	top: 50px;
	left: 650px;	
	font-size: 10px;
	text-transform: uppercase;
	padding:0;
	margin:0;		
}

#idiomas li{
  list-style-type: none;
	display: inline;
  padding: 0 5px 6px 20px;
  margin:0;
  color: #999999;
}

#idiomas li a{  
  color: #999999;
}

#idiomas li.vers_eng {
 	background: transparent url("../imgs/vers_eng.gif") no-repeat 0 2px;
}

#idiomas li.vers_flash {
	background: transparent url("../imgs/vers_flash.gif") no-repeat top left;
}

#idiomas li.vers_acce {
	background: transparent url("../imgs/vers_acce.gif") no-repeat top left;
}


/* MENU SUPERIOR */

#menu_sup {
	clear: both;
	position: relative;
	float: left;
	margin: 3px 0 0 0;
	padding: 0 0 0 10px;
	width:99%;
	text-transform: uppercase;
	font-size: 12px;
}

#menu_sup li{
  list-style-type: none;
	display: inline;
  padding: 0 0 0 5px;
  margin:0;
  color: #000;
  background: transparent url("../imgs/linea_mn_sup.gif") no-repeat 0 3px;
}

#menu_sup li.primero{ 
  background: none;
}

#menu_sup li a{  
  padding: 0 4px;
}

#menu_sup li a:hover{  
  background-color: #A28287;
  color: #FFF;
  text-decoration: none;
}

#menu_sup li.primero a{ 
  background-color: #A28287;
  color: #FFF;
}


/* CONTENIDO */
#contenido {
	clear: both;
	position: relative;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

#principal {	
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 713px;
	overflow: hidden;	
}

#secundaria {	
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 277px;
	overflow: hidden;
}



#galeria {
	clear:both;
  position: relative;
	float: left;
	margin: 0;
	padding: 0 9px 9px 0;
	width: 704px;
	height: 325px;
	overflow: hidden;	
	background: transparent url("../imgs/fnd_galeria.jpg") no-repeat top left;		
}

#gal_fotos {
padding: 9px 9px;
}

#foto_portada{
  clear:both;
  position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 693px;
	height: 244px;
	overflow: hidden;	
	z-index:1;
}

#fondo_txt_foto{
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  width: 693px;
  height: 57px;
  margin: 0;
  padding: 0;
  z-index:2;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
}

#txt_foto{
  position: absolute;
  bottom: 0;
  left: 0;  
  width: 650px;
  height: 40px;
  margin: 0;
  padding: 12px 13px 5px 30px;
  z-index:3;
  color: #000;
  font-size:11px;
  overflow: hidden;
}
#txt_foto span{
  display: block;
  font-size:16px;
  text-transform: uppercase;
}

.lista_fotos {
	clear:both;
  position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 695px;
	padding: 10px 0 10px 0;
	
}

.lista_fotos img  {
	border:0;
	padding:0 1.5px 0 0;
	margin:0;
}
/* destacados parte principal */

#dest_prin{
  clear: both;
	position: relative;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	width: 100%;
}

#dest_prin h2{
  font-size: 16px;
  margin: 103px 0 0 0;
  padding: 0 0 0 18px;
  width: 200px;
  color: #4D422B;    
  font-weight: normal;
}

#dest_prin p{
  font-size: 11px;
  color: #000;
  margin: 0;
  padding: 3px 0 0 18px;
  width: 200px;
}

#dest_prin .col1 {
	position: relative;
	float:left;
	background: transparent url("../imgs/clubm.jpg") no-repeat top left;
	width:235px;
	height:195px;
	padding:0 1px;
}
#dest_prin .col2 {
	position: relative;
	float:left;
	background: transparent url("../imgs/bar_port.jpg") no-repeat 2px 0;
	width:235px;
	height:195px;
	padding:0 0 0 2px;
}
#dest_prin .col3{
	position: relative;
	float:right;
	background: transparent url("../imgs/spot.jpg") no-repeat top left;
	width:235px;
	height:195px;
}


#notopin{
  clear: both;
	position: relative;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	width: 100%;
	height: 285px;
	background: transparent url("../imgs/fnd_notopin.jpg") no-repeat top left;
}

#notopin .cont{
  position: relative;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 0 25px;
	width: 320px;	
}

#notopin .cont h2{
  border-bottom: 1px solid #E1E8EC;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0 10px 5px 20px;
  background: transparent url("../imgs/h2_flch.gif") no-repeat 6px 6px;
  font-weight: normal;
}

#notopin .elto{
  clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
  border-bottom: 1px solid #E1E8EC;
}

#notopin .elto h3{
  font-size: 13px;
	margin: 0;	
	padding: 0 10px 5px 20px;
}

#notopin .elto p{
  font-size: 11px;
	margin: 0;	
	padding: 0 10px 5px 20px;
}

#notopin .mas{
  clear: both;
	position: relative;
	float: left;
  font-size: 10px;
	margin: 15px 0 0 0;	
	padding: 0 10px 5px 33px;
	text-transform: uppercase;
	background: transparent url("../imgs/ic_mas.gif") no-repeat 20px 3px;
}


/* ------ */

#reservas{
  clear: both;
	position: relative;
	float: left;
	margin: 0;	
	padding: 0;
	width: 277px;
	height: 135px;
	background: transparent url("../imgs/fnd_reservas.jpg") no-repeat top left;
}

#reservas h2 {
	clear: both;
	position: relative;
	float: left;
	width: 213px;
	height: 59px;
	margin: 20px 0 0 0;
	padding: 0 0 0 28px;	
}

#reservas h2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 241px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/img_reservas.jpg") no-repeat 28px 0;
	z-index: 2;
}

#framereservation{
  clear: both;
	position: relative;
	float: left;
	margin: 20px 0 0 0;	
	padding: 0 0 0 37px;	
	font-size: 13px;	
	width: 270px;
}

#ofertas{
  clear: both;
	position: relative;
	float: left;
	margin: 3px 0 0 0;	
	padding: 0;
	width: 277px;
	height: 250px;
	background: transparent url("../imgs/fnd_ofertas.jpg") no-repeat top left;
	color: #000;
}

#ofertas h2 {
	clear: both;
	position: relative;
	float: left;
	width: 206px;
	height: 75px;
	margin: 16px 0 0 0;
	padding: 0 0 0 28px;	
}

#ofertas h2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 234px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/img_ofertas.jpg") no-repeat 28px 0;
	z-index: 2;
}

#ofertas .fnd_oferta_rep {
	height:140px;
	margin: 95px 0 0 0;
	background: transparent url("../imgs/fnd_oferta_rep.jpg") repeat;
	overflow:hiden;
}

#ofertas .fnd_oferta_pie {
	
	background: transparent url("../imgs/fnd_ofertas_pie.jpg") no-repeat;
	height:18px; 
	
}


#ofertas .list_oferta {
	clear: both;
	overflow: auto;
	height:120px;
}

#ofertas ul {
	clear: both;
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
	width: 226px;
	text-transform: uppercase;
	font-size: 11px;	
}

#ofertas ul li{
  list-style-type: none;	
  padding: 2px 12px;
  margin:0;
  color: #000;
  border-top: 1px solid #FFF;
}

#ofertas ul li.primero{ 
  border: none;
}

#ofertas ul li a{    
  color: #000;
}

#ofertas .mas{
  clear: both;
	position: relative;
	float: left;
  font-size: 10px;
	margin:0;	
	padding: 0 10px 5px 183px;
	text-transform: uppercase;
	background: transparent url("../imgs/ic_mas.gif") no-repeat 170px 3px;
}

#online{
  clear: both;
	position: relative;
	float: left;
	margin: 3px 0 0 0;	
	padding: 0;
	width: 277px;
	height: 94px;
	background-color: #C0ABAE;
}

#online span {
	position: absolute;
	top: 0;
	left: 0;
	width: 277px;
	height: 94px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/fnd_online.jpg") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

/* ---------------------- */

#pie{
  clear: both;
	position: relative;
	float: left;
	margin: 20px 0 0 0;	
	padding: 20px 0 10px 0;
	width: 100%;	
	border-top: 1px solid #E1E8EC;
}

#menu_pie {
	clear: both;
	position: relative;
	float: left;
	margin: 3px 0 0 0;
	padding: 0 0 0 23px;
	width:40%;
	text-transform: uppercase;
	font-size: 10px;
}

#menu_pie li{
  list-style-type: none;
	display: inline;
  padding: 0 3px 0 6px;
  margin:0;
  color: #666;
  background: transparent url("../imgs/linea_mn_pie.gif") no-repeat 0 3px;
}

#menu_pie li.primero{ 
  background: none;
}

#menu_pie li a{    
  color: #666;
}


#direccion{  
	position: relative;
	float: right;
	margin: 3px 0 0 0;	
	padding: 0 0 0 115px;
	width: 423px;
	height: 105px;
	background: transparent url("../imgs/fnd_direccion.jpg") no-repeat top left;
	color: #666;
	font-size: 11px;
	overflow: hidden;	
}

#direccion h2{
  color: #000;
  font-size: 15px;
  font-weight: normal;
  margin: 17px 0 0 0;
  padding: 0;
  text-transform: uppercase;
} 

#direccion div{
  position: relative;
  float: left;
  margin: 2px 0 0 0;
  padding: 0 22px 0 0;
  line-height: 12px;
} 

#direccion div.google {
	position: relative;
	float:left;
	width: 79px;
	height: 28px;
	right:0;
	top:37;
	overflow: hidden;
	margin:  0;
	padding: 0;
	font-size: 12px;
	z-index: 1;
	color: #000;		
}

#direccion div.google span {
	position: absolute;
	top: 0;
	left: 0;
	width: 79px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/img_google.gif") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}