/*	JGUEVARA 25/05/09 */

/*  Inicio CSS CLONADO HOME
    Mismo código CSS que en la Home, la śnica diferencia es que he eliminado el código que no se emplea para aligerar el documento */

body {
	font-family:'Tahoma', Arial, Helvetica, sans-serif;	
	background-color:#e5e5e5;
	background-image:url(/images/fondo-nw1.gif);
	background-repeat:repeat-x;
	background-position:bottom; 
	margin-top:0px;
	text-align:center;
	padding:0px;
}

#contenedor{	
	width:900px;
	height:auto;
	margin:auto;
	border:1px solid #545454;
	background-color:#ffffff;
	text-align:left; 
}

img {
	border:0px;
}

h1,h2{
	margin-top:2px;
	font-size:7.5pt;
	color:#545454;
	text-decoration:none;
	text-align:center;
	margin-bottom:2px;
	}
	
	
#ruta {
	margin:0 0 0 10px;
	font-size:10px;
  	font-weight:normal;
  	color:#2E6057;	}

#ruta a { 
	font-size:10px;
  	font-weight:normal;
  	color:#2E6057;
  	text-decoration:none;} 
	
	
#contenidos {
	position:relative;
	width:750px;
	margin:20px auto 20px auto;
	padding:0 0 0 0;
	text-align:center;
	padding:20px;
}

#contenidos h2 {
	font-family:'Tahoma', Arial, Helvetica, sans-serif; 
	color:#9f9f9f; 	
	display:inline;
	font-size:16px;
	margin:0 0 5px 0;
	padding:0;
}
#contenidos h3 {
	font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
	color:#9f9f9f; 	 
	font-size:16px;
	margin:0 0 5px 0; 
}
#contenidos img.banner {
	margin:0 0 25px 0; 
}
	
#contenidos .col_izq h2, #contenidos .col_der h2{
	text-align:left;
	font-size:14px;
	color:#545454;   
}

#contenidos .col_izq h2 a, #contenidos .col_der h2 a{
	text-align:left;
	font-size:14px;  }
	
#contenidos .col_izq p , #contenidos .col_der p{
	font-size:13px;
	text-align:justify; 
	margin-top:0px;
}
 
#contenidos .col_izq  a , #contenidos .col_der  p a { 
	color:#4fa700;
	font-size:13px; }
	
.col_izq, .col_der { 
	width:340px;
	text-align:left;
	margin:0px 10px 0px 10px;  
	padding:0px;
}

.col_izq span, .col_der span { 
	font-size:12px;
	color:#545454;  
}

.col_der {
	float:right;
/*	clear:right;*/
}  

.col_izq {
	float:left;
	clear:left;
}	
   
#destinos {
	background-color:#545454;
	width:100%;	 
	clear:both;
	text-align:center;
	display:block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	padding-bottom:0px;
}

#destinos a {
	font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
	color:#ffffff;
	padding:0px;
	text-decoration:none;}
 
.cabecera_hotel{
	float:left;
	width:750px;
	margin:auto;
	margin-top:20px;
	text-align:center;
}
 
.borde{
	border:1px solid #9f9f9f;
	padding:4px;  
}
 	 
#contenidos .col_izq ul, .col_der ul{	 
	margin-left:0px;
	margin-right:0px;
	padding-right:5px;
	padding-left:5px;
}

 #contenidos .col_der li, .col_izq li{
	list-style-type:none;
	border-bottom-color:#cccccc;
	border-bottom-width:1px;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	display:block;	
}

.col_der .imgdecorada, .col_izq .imgdecorada, #contenidos .imgdecorada{
	margin-right:3px;
	margin-left:0px;
	margin-top:3px;
	margin-bottom:3px;
	padding:6px;
	border:1px solid #545454;
	float:left;
} 

* html .col_izq {
	margin:0 12px 30px 3px }
	   
#contenidos {
	text-align:left;
	clear:both;}

#contenidos p {
	text-align:justify;
	font-size:13px;
	color:#545454 ;
	padding:0px;
}
 
#cuidamos {
	float:right;
	margin:20px 15px 10px 15px; }

  
 /* MAPA DE HOTELES - 10/05/2007 - JA MODIFICADO POR DAVID MONTERO 28/03/2008 */

	
#mapa-hoteles{
	width:740px;
	height:150px;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	background-color:#ffffff;
	padding:0px;	
	border:1px solid #9f9f9f;	 
	margin:auto;
}
	
*html #mapa-hoteles{
 	width:740px;
	height:150px;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:2px;
	margin-bottom:10px;
	background-color:#ffffff;
	padding:0px;
	margin:auto;	
}
	
html>body #mapa-hoteles{ /* internet esplorer 7*/
 	width:740px;
	height:150px;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:2px;
	margin-bottom:10px;
	background-color:#ffffff;
	padding:0px; 
}
	
#mapa-hoteles ul{
	width:155px;
	background-color:#ffffff;
	float:left; 
	padding-left:20px;
	padding-right:10px;	
	text-align:left;
	margin:auto;
}


#mapa-hotelmexico ul li {	
	margin:auto;
	list-style-type:none;
	list-style-image:url(images/subseccionspa.jpg);	
	margin-top:2px;
	/*padding-top:2px;*/
	padding-bottom:2px;
	margin-left:0px;
	padding-left:3px;
	vertical-align:middle;
	text-align:left; 
}
 

#mapa-hoteles ul li {	
	list-style-type:none;
	width:155px;
	margin-top:2px;
	margin-left:0px;
	padding-bottom:2px;
	padding-left:0px;
	vertical-align:middle; 
	color:#545454;
	text-decoration:none;
	/*padding-left:30px;*/
	font-size:12px;	 	
	padding-top:10px;
	font-weight:bold;
}
	  
#mapa-hoteles ul li a:link, #mapa-hoteles ul li a:visited, #mapa-hoteles ul li a:active{
	color:#545454;
	text-decoration:none;
	padding-left:30px; 
	font-size:12px;	background:url(images/subseccion.gif) 0px 0px no-repeat;
	font-weight:normal;
}

#mapa-hoteles ul li a:hover{
	color:545454;
	text-decoration:underline;
	font-size:12px;
} 




a.boton_s { 
    background: transparent url(images/boton_s_dcha.gif) no-repeat scroll top right;
    color: #4FA700;
    display: block;
    float:right;
    height: 30px;
    margin-right: 10px;
	margin-top:10px;
    padding-right: 32px;  
    text-decoration: none;
	/*clear:both;*/
	clear:right;	
	font-family:'tahoma', Arial, helvetica, sans-serif;
	font-size:12px;
}

a.boton_s span {
    background: transparent url(images/boton_s_izda.gif) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
	font-family:'tahoma', Arial, helvetica, sans-serif;
	font-size:12px;
	color: #4FA700;
}