@charset "utf-8";
/* CSS Document */

/*CSS sobre selector de etiquetas*/
body {
	/*background-image: url(http://www.hotelescaribemexico.com/images/bg.png);
	background-repeat: repeat-y;
	background-position: center;*/
    background-color: #cccccc;/*Color de Fondo de la pagina*/ 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;/*tamaño de texto default*/
    color: #444444;/*Color de texto default*/
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
}
body a:link {
	color: #026;
	text-decoration: none;
}
body a:visited {
	text-decoration: none;
	color: #333;
}
body a:hover {
	text-decoration: underline;
	color: #0066FF;
}
body a:active {
	text-decoration: none;
	color: #FFF;
}
#contenedor {
    width:780px; /*ancho total de la pagina*/ 
	margin-top: 0px;
    /*border:4px solid #ffffff; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#ffffff;
    margin:0px auto;
    text-align:justify; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	
}
#contenedor2 {
    width:795px; /*ancho total de la pagina*/ 
	/*margin-top: 0px;
    border:4px solid #ffffff; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD
    margin:0px auto;*/ 
    text-align:justify; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	padding-left: 10px;
	
}
#contenido {
    width:585px; /*el ancho mas el padding me da 780px de ancho que es loque mide la pagina */
    /*clear:both; con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:10px;
}
#contenedor_buscador{
    width:805px; /*ancho total de la pagina*/ 
	margin-top: 0px;
    /*border:4px solid #ffffff; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#ffffff;
    margin:0px auto;
    text-align:justify; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	
}
#buscador {
    width:775px;
    padding:15px;
}

#contenedor #contenido h1 {
	color: #446;
}
#directorio {
	width:580px; 
	height:100%; 
	padding:5px; 
	background:#F1F1F1;
	text-decoration: none;
	/*text-transform:uppercase;*/
}
#busqueda {
	width:100%; 
	height:100%; 
	background:#FFF;
	background-image:url(http://www.hotelescaribemexico.com/images/bg_buscador.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#flashvideo {
	width:580px; 
	height:270px; 
	background-image: url(http://www.hotelescaribemexico.com/images/destinos.jpg);
}
#contenido h2 {
    font-size:16px;
    color:#0066FF;
}
#contenido h3 {
    /*width:246px;*/
    font-size:11px;
    color:#778899;
	/*font-style:italic;*/
    /*border-bottom:1px dotted #999999;*/
}
#boxderecha{ /**/
float: right;
margin: 0;
margin-top: 0px;
padding: 5;
width:170px; 
height:100%;
background:#F3F6F9; 
display:inline;
}


/*------------------------------------------sombras--------------------------------------------*/
.shadow{/*sombra suave*/ 
box-shadow: 1px 1px 2px #818181;
-webkit-box-shadow: 1px 1px 3px #818181;
-moz-box-shadow: 1px 1px 4px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=4, offY=4, positive=true);
}
.shadow1 {/*sombra contenedor*/ 
  -webkit-box-shadow: 0px 0px 5px #333;
  -moz-box-shadow: 0px 0px 5px #333;
  filter: shadow(color=#333, direction=135, strength=2);
}
.shadow1OLD{
box-shadow: 0px 4px 4px #818181;
-webkit-box-shadow: 0px 4px 4px #818181;
-moz-box-shadow: 0px 4px 4px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=4, offY=4, positive=true);
}
.shadow2 {/*sombra fuerte*/
  -webkit-box-shadow: 1px 1px 5px #561A0B;
  -moz-box-shadow: 1px 1px 5px #561A0B;
  filter: shadow(color=561A0B, direction=135, strength=2);
}
.shadow2OLD{ 
box-shadow: 1px 1px 5px #561A0B;
-webkit-box-shadow: 1px 1px 5px #561A0B;
-moz-box-shadow: 3px 3px 10px #561A0B;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#561A0B, offX=1, offY=1, positive=true);
}

/*------------------------------------------menu--------------------------------------------*/
.menu-top{
padding: 0;
width: 100%;
border-top: 0px solid #0066FF; /*Color del menu*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.menu-top ul{
margin:0px;
/*margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.menu-top li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.menu-top a{
float: left;
display: block;
font: bold 10px Arial;
color: black;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #0066ff; /*Default menu color*/

/*background-image: url(http://hotelescaribemexico.com/images/menu-top-out.jpg);
background-position: bottom;
background-repeat: repeat-x;*/

-webkit-border-bottom-left-radius: 6px 6px;
-webkit-border-bottom-right-radius: 6px 6px;
-moz-border-bottom-left-radius: 6px 6px;
-moz-border-bottom-right-radius: 6px 6px;

}

.menu-top a:hover{
	background-color: #0066FF; /*Color del menu*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: #002D8A;
	/*background-image: url(http://hotelescaribemexico.com/images/menu-top-in.jpg);
background-position: bottom;
background-repeat: repeat-x;*/
}

.menu-top .current a{ /** currently selected menu item **/
background-color: #0066FF; /*Color del menu*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
/*background-image: url(http://hotelescaribemexico.com/images/menu-top-in.jpg);
background-position: bottom;
background-repeat: repeat-x;*/
}
/*------------------------------------------menu derecha--------------------------------------------*/
.menu-derecha{
width: 100%;
/*border-top: 5px solid #0066FF; Color del menu*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

.menu-derecha ul{
	margin:0;
	margin-top: 0px; /*margin between first menu item and left browser edge*/
	padding: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	list-style: none;
	

}

.menu-derecha li{
/*display: inline;*/
margin: 0px 0px 2px 2px;
padding: 0;
text-transform:uppercase;

}
.menu-derecha a{

display: block;
font: bold 10px Arial;
color: black;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 2px 2px 2px 2px; /*Padding within each menu item*/
background-color: #efefef; /*Default menu color*/

-webkit-border-top-left-radius: 6px 6px;
-webkit-border-top-right-radius: 6px 6px;
-moz-border-top-left-radius: 6px 6px;
-moz-border-top-right-radius: 6px 6px;

/*background-image: url(http://hotelescaribemexico.com/images/menu-left-out.jpg);
background-position: bottom;
background-repeat: repeat-x;*/
}

.menu-derecha a:hover{
background-color: #0066FF; /*Color del menu*/
padding-top: 2px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 2px; /*Flip default padding-bottom value with padding-top*/
color: white;
/*background-image: url(http://hotelescaribemexico.com/images/menu-left-in.jpg);
background-position: bottom;
background-repeat: repeat-x;*/
}

.menu-derecha .current a{ /** currently selected menu item **/
background-color: #0099FF; /*Color del menu*/
padding-top: 2px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 2px; /*Flip default padding-bottom value with padding-top*/
color: white;
/*background-image: url(http://hotelescaribemexico.com/images/menu-left-in.jpg);
background-position: bottom;
background-repeat: repeat-x;*/
}

/*------------------------------------------menu H1--------------------------------------------*/
.h1{
	margin:0px auto;
	padding: 0;
	text-transform:uppercase;
	font-size:xx-small;
	color:#FFFFFF;
	text-align:left;
	list-style: none;
	/*voice-family: "\"}\"";*/
	/*voice-family: inherit;*/
	text-decoration: none;
}

.h1 ul{
	
	text-decoration: none;
	display: block;
}

.h1 li{
	margin-top: 0px;
	margin-left: 30px;
	list-style: none;
}
.h1 a{
/*float: left;*/
/*font: bold 8px Arial;
color: black;*/
margin: 0px 0px 0px 0px;
list-style: none;
}

.h1 a:hover{ 
color: white;
}

.h1 .current a{ 
color: cccccc;
}


/*----------------------------------------------------------------------------------*/
/*by Miguel Cabrera www.miguecabrera.com*/
.miguecabrera{
position: relative;
}
.thumbnail img{
border: 1px solid white;
margin: 4px 4px 4px 4px;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #0099FF;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #0066FF;
	padding: 2px;
	left: auto;
	/*border: 1px dashed #cccccc;*/
	border: 2px solid #f1f1f1;
	visibility: hidden;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFF;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: auto;
	left: auto;
	z-index: auto;
	cursor: auto;
}
#pie {
    width:780px;
	height:50px; 
	background-image: url(http://www.hotelescaribemexico.com/images/footer.jpg); 
    text-align:center;
    padding-top:10px;
	float: center;
}
#footer {
	width:770px;
	height:100%;
	background: #0066FF;
	text-align:justify;
	padding:5px;
	float: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#boxOfertas {
	width:100%;
	height:100%;
	position:relative;
	background: #0066FF;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#FFF;
}
#boxOfertas2 {
	width:100%;
	height:100%;
	position:relative;
	background: #0066FF;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#FFF;
}
#footer-index {
	width:770px;
	height:100%;
	background: #0066FF;
	padding:5px;
	float: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.chic{
	color:#0099FF;
	text-align:left;
	list-style: none;
	text-decoration: none;
	text-transform:uppercase;
	font-size:60%
	
}
.footer-index {
	text-align: center;
	text-transform:uppercase;
	color:#0099FF;
	font-size:80%
}
.vuelos {
	margin: 0px;
	padding: 0px;
	height: 550px;
	width: 780px;
}
.h4 {
	color: #FFF;
	font-size: 12px;
	text-transform:uppercase;
	text-align: center;
}
.fondo_footer {
	background-color: #06F;
	height: 100%;
	width: 100%;
}
.colorH2 {
	color: #446;
}
.rojo {
	color: #F00;
}
.azul {
	color: #06F;
}
.azulSmall {
	color: #06F;
	text-align:left;
}
.eventos-texto {
	padding-left: 10px;
}
.rojo {
	color: #F00;
	font-stretch:expanded;
	font-weight:bold;
}
#menu-pie {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	width:770px;
	height:100%; 
    text-align:center;
    padding-top:10px;
	float: center;
	background: #0066FF;
	padding:5px;
	
}.tarifas {
	text-align: center;
	color: #00F;
	font-stretch:expanded;
	font-weight:bold;
	font-size: 16px;
}
.tarifas2 {
	margin-top:10px;
	text-align: center;
	color: #fff;
	font-stretch:expanded;
	font-weight:bold;
	font-size: 11px;
	background-color: #06F;
	height: 100%;
	width: 170px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
}

.tarifas2 a:hover{ 
color: #fff;
text-decoration:none;
}


.marcoFotos {
	border: medium solid #F1F1F1;
}
.salto {
	clear:both;
	
}
.bgAzul {
	clear:both;
	padding:5px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:large;
	
	background-color:#06F;
	text-decoration:none;
}
.fotitos {
	width:100px; 
	height:100%; 
	border:#ccc solid thin;
	background-color:#f1f1f1;
	padding:5px; 
	float:right;
	margin-left:15px;
}
.descrip {
	width:545px; 
	padding:15px;
	float:left;
	border:#999 solid thin;
	background-color:#FFF;
}