@charset "utf-8";
/*ESTILOS PARA CARIBE MEXICANO*/
/*propiedades del body*/
body{
	background:#D9D4C0 url(../media/background-cielo-playa.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*propiedades para la capa envolvente(abarca todas las capas)*/
div#wrap{
	margin:0 auto;
	position:relative;
	width:1005px;
}
h1{
	font-size:17px;
	font-weight:bold;
}
h2{
	font-size:15px;
	font-weight:bold;
}
h3{
	font-size:13px;
	font-weight:bold;
}
h4{
	font-size:12px;
	font-weight:bold;
}
h5{
	font-size:11px;
	font-weight:bold;
}
h6{
	font-size:10px;
	font-weight:bold;
}
/*---------------------------------------------*/
/*-------------- Encabezado -------------------*/
/*---------------------------------------------*/
/*propiedades para la capa encabezado*/
div#header{
	width:100%;
	height:120px;
	position:relative;
}
/*imagen de la isla*/
span#isla{
	background:transparent url(../media/background-isla.jpg) no-repeat;
	display:block;
	height:94px;
	left:450px;
	position:absolute;
	top:4px;
	width:502px;
}
/*imagen del slogan*/
span#slogan{
	background:transparent url(../media/slogan.png) no-repeat;
	display:block;
	height:45px;
	left:130px;
	position:absolute;
	top:10px;
	width:362px;
}
/*imagen del logo*/
img#logo{
	/*background:transparent url(../media/logo.png) no-repeat;*/
	display:block;
	height:137px;
	width:150px;
	position:absolute;
	top:25px;
	left:25px;
	z-index:5;
}
/*----------------------------------------------------------*/
/*-- Capa que la advertencia de usar ie y resolucion menor -*/
/*----------------------------------------------------------*/
div#mensaje_ie_resolucion{
	background:#F7F1A2 url(../media/advertencia.png) 10px 5px no-repeat;
	border:#FF6 1px solid;
	color:#FF3E3E;
	display:none;
	font-weight:bold;
	height:25px;
	left:0;
	padding:10px 0 0 50px;
	position:fixed;
	width:100%;
	z-index:50;
}

/*----------------------------------------------------------*/
/*----- Area de Botones, "Usted esta aqui" e Idioma --------*/
/*----------------------------------------------------------*/
/*propiedades para la capa de navegación superior*/
div#nav{
	width: 792px;
	height: 46px;
	background:transparent url(../media/background-botonera.png) no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	right:30px;
}
div#nav ul{
	left:100px;
	top:14px;
	width:600px;
	position:absolute;
}
div#nav ul li{
	display:inline;
	float:left;
	padding:5px;
	position:relative;
	text-align:center;
}
div#nav ul li.menuLi{
	background:url(../media/btn.png) no-repeat;
	width:73px;
}
div#nav ul li.active, div#nav ul li.menuLi:hover{
	background:url(../media/btn2.png) no-repeat;
}
div#nav ul li a{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
div#nav ul li.ofertas{
	background:url(../media/btn-ofertas-top.png) 0 0 no-repeat;
	height:52px;
	line-height:1.5em;
	margin-top:-30px;
	width:117px;
}
div#nav ul li.ofertas:hover{
	background:url(../media/btn-ofertas-top-over.png) 0 0 no-repeat;
}
div#nav ul li.ofertas a{
	left:32px;
	position:absolute;
	top:25px;
}
div#nav ul li.menuLast{
	background:url(../media/btn-grande.png) no-repeat;
	width:120px;
}
div#nav ul li.menuLast:hover{
	background:url(../media/btn-grande-over.png) no-repeat;
}
/*marco debajo de los botones "usted esta aqui" e "Idioma"*/
div#marco{
	background:url(../media/abajo-botonera.png) no-repeat;
	font-size:10px;
	font-weight:bold;
	height:23px;
	padding:15px 0 0 455px;
	position:absolute;
	top:166px;
	width:550px;
}
div#marco a{
	color:#000;
}
div#marco a.rojo{
	color:#FF0000;
}
div#idioma{
	position:absolute;
	right:80px;
	top:10px;
	width:70px;
}
div#flag{
	background:url(../media/flag.gif) 47px 0 no-repeat;
	height:23px;
	padding:5px 0 0 0;
}


/*---------------------------------------------*/
/*-------------- Parte central-----------------*/
/*---------------------------------------------*/
/*propiedades para la capa que abarca a las capas nav_izq, content, nav_der y space con menus*/
div#main{
	background:url(../media/background-main.jpg) 0 0 repeat-y;
	min-height:1185px;
	position:relative;
	top:84px;
	width:100%;
}

/*---------------------------------------------*/
/*-------------- Sidebar ----------------------*/
/*---------------------------------------------*/
/*sidebar lateral*/
div#sidebar{
	float:left;
	min-height:250px;
	padding:0 40px 0 6px;
	width:232px; /*278px*/
}
span#borde-doblado{
	background:url(../media/borde-boblado.png) no-repeat;
	height:48px;
	left:0;
	position:absolute;
	width:238px;
}
div#head-sidebar{
	background:#F7C62D;
	color:#000;
	font-size:18px;
	height:30px;
	padding-top:15px;
	text-align:center;
}
div#mapa{
	padding:10px;
}

/*Botones del Menu izquierdo*/
ul#nav-left li{
	background:#FDF69E url(../media/boton-sidebar-2.png) no-repeat;
	display:block;
	height:33px;
	padding:5px 0 0 35px;
}
ul#nav-left li a{
	color:#000;
	font-size:18px;
}
.negrita{
	color:#06C;
	font-size:18px;
	font-weight:bold;
}
/*Imagen de soporte en linea*/
#support{
	height:81px;
	width:220px;
	margin-left:7px;
	margin-top:5px;
}
p#sin-costo{
	font-size:11px;
	padding:5px 0;
	text-align:center;
}
p#telefono{
	background:url(../media/telefono.png) no-repeat;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	padding:5px 0;
	text-align:center;
}

/*Boletin*/
div#boletin{
	background:url(../media/background-boletin.gif) repeat-x;
	height:181px;
	margin:5px 6px;
	padding:1px;
}
div#boletin span#texto1{
	font-size:18px;
	font-weight:bold;
}
div#boletin span#texto2{
	color:#F90;
	font-size:18px;
	font-weight:bold;
}
div#boletin span#texto3{
	font-size:14px;
	font-weight:bold;
}
/*imagen y texto del boletin */
div#boletin div#texto4{
	background:url(../media/sobre-boletin.png) no-repeat;
	color:#666;
	height:90px;
	margin-left:10px;
	padding:10px 0 0 80px;
	text-align:justify;
}

#email-boletin{
	color:#666;
	height:16px;
	font-size:11px;
	margin-left:15px;
	width:134px;
}
/*Boton del Boletin*/
a#inscribete{
	background:url(../media/boton.png) no-repeat;
	color:#FFF;
	font-size:11px;
	height:22px;
	left:165px;
	padding:3px 0 0 2px;
	position:absolute;
	width:60px;
}
div#postales{
	background:url(../media/postales.jpg) no-repeat;
	height:163px;
	margin:5px 7px;
	width:217px;
}
div#redes{
	text-align:center;
}
div#redes p{
	font-size:11px;
	padding:5px 0;
}
span#facebook{
	background:url(../media/facebook.png) no-repeat;
	display:inline-block;
	height:63px;
	width:63px;
}
span#twitter{
	background:url(../media/twitter.png) no-repeat;
	display:inline-block;
	height:63px;
	width:63px;
}
span#flickr{
	background:url(../media/flickr.png) no-repeat;
	display:inline-block;
	height:63px;
	width:63px;
}
/*-------------------------*/
/*------ Contenido --------*/
/*-------------------------*/
/*propiedades para la capa del contenido principal*/
div#content{
	float:left;
	padding:0 70px 0 0;
	text-align:justify;
	width:657px; /*727px*/
}
/*div que obliga a ajustar el sidebar y el content al mismo alto*/
div#clear{
	clear:both;
}
/*propiedades para la capa pie de página con menus*/
div#footer{
	background:url(../media/main-footer.jpg) 0 0 no-repeat;
	clear:both;
	color:#996;
	font-size:10px;
	height:160px;
	letter-spacing:0.1px;
	margin-top:84px;
	padding:60px 0 0 0;
	position:relative;
	text-align:center;
	width:100%;
}
div#footer ul li{
	display:inline;
	line-height:1.8em;
}
#foot_text li{
	padding:3px;
}
#foot_text li a{
	color:#996;
	text-decoration:underline;
}
#foot_text2 li a{
	color:#996;
}
/*div con la imagen de la estrella*/
span#estrella{
	background:url(../media/estrella.jpg);
	bottom:0;
	display:block;
	height:127px;
	left:0;
	position:absolute;
	width:176px;
}
/*div con la imagen de la estrella*/
span#concha{
	background:url(../media/concha.jpg);
	bottom:0;
	display:block;
	height:127px;
	position:absolute;
	right:0;
	width:160px;
}