@charset "utf-8";
/* CSS Document */
/*
Demo Final para ToursLosCactus
Diseño, Programación, Administración y Propiedad del Sitio a excepción de las Imágenes
Ing. William GC
 2011
*/
/*#divHeader{ width:auto; height:130px; margin:auto; border-bottom:2px solid #000; background-image:url(imagenes/banner.jpg); background-repeat:repeat;}*/

#divHeader{ width:auto; height:155px; margin:auto; background-color:#D7D7D7;}


body{background-color:#D7D7D7; /*#F4F4F4;*/ margin-left:0; margin-top:0; margin-right:0; margin-bottom:0;}
#divBody
{ 
	width:96%; height:auto; 
	margin-left:2%; margin-right:2%;  margin-bottom:5px; 
	border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB; /*#D1CFCF;*/ 
	background:#F4F4F4;
}

#divLogo
{
	margin-left:-1%; margin-top:1%; 
	position:absolute; border:1px solid #FFF; 
	-webkit-box-shadow: 0 0 2em #FFF; -moz-box-shadow: 0 0 2em #FFF; box-shadow: 0 0 2em #FFF;
}
.sidebar
{
	width:194px; height:auto; 
	background:#D7EDFA; 
	float:left; margin-left:-1%; margin-top:180px;;     
	-webkit-box-shadow: -0.2em 0.2em 1em #4E4E4E; 
	-moz-box-shadow: -0.2em 0.2em 1em #4E4E4E; 
	box-shadow: -0.2em 0.2em 1em #4E4E4E; 
	border: solid 1px #FFF; padding: 2px 2px 2px 2px; 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#4E4E4E; font-size:14px; text-align:justify;
}
#footer{ width:100%; height:25px; background:#000; color:#FFF; font-size:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center;}
#p_Description{ font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:justify; margin-left:2%; margin-right:2%; }
.contenidoMenus{ width:96%; height:auto; padding: 2px 2px 2px 2px; margin-left:2%; margin-right:2%; margin-top:9em; /*top, right, bottom, left*/}
/*FUENTES*/
.titulos{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:22px; font-weight:bolder; color:#F60;}
.descripcion{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#161613; text-align:justify; }
/*Sliding Boxes and Captions with JQuery en Contacto*/
h3{margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; }		
.boxgrid
{ 
	width: 700px; 
	height: 370px; 
	margin:10px; 
	background:#161613; 
	border: solid 1px #D1CFCF; 
	overflow: hidden; 
	position:relative;
	-moz-box-shadow: 0 0 1em #D1CFCF;
	-webkit-box-shadow: 0 0 1em #D1CFCF;
    box-shadow: 0 0 1em #D1CFCF; 
}
.boxgrid img
{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
}
.boxgrid p
{ 
	padding: 0 12px; 
	color:#afafaf; 
	font-weight:bold; 
	font:11pt "Lucida Grande", Arial, sans-serif; 
}
.boxgrid ol, ul li
{
	padding: 0 12px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption
{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/*---END--- Sliding Boxes and Captions with JQuery*/
/*Inicia estilos de FancyBox*/
#tableAtractivos{ text-align:left;}
#tableAtractivos td
{
	padding-top:2px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:5px;
	vertical-align:top; /*Alinea el Texto al inicio de la TD*/
	background-color:#FFF;
}
#tableAtractivos td span
{
	font-size: 25px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, sans-serif;
	padding-bottom:3px;
}
#tableAtractivos td p
{
	font-size: 16px;
	font-style:normal;
	font-family: "Lucida Grande", Arial, sans-serif;
	color:#161613;
}
#tableAtractivos td a{outline: none;}
#tableAtractivos td a img 
{
	border-left: 1px solid #F60; border-right: 1px solid #F60; border-top: 1px solid #F60;
	border-bottom: 1px solid #F60;
	margin: 2px 2px 2px 2px; /*top, right, bottom, left*/
	-moz-box-shadow: 0 0 1em #F60;
	-webkit-box-shadow: 0 0 1em #F60;
    box-shadow: 0 0 1em #F60;
	
}
#tableAtractivos td div
{
	position:absolute;
	margin-left:-12px; margin-top:-13px;
	background:transparent url(imagenes/iconos/zoom.png) no-repeat scroll 0pt 50%;
    cursor:help;
    color:#100;
    display:block;
    height:32px; width:32px;
    text-decoration:none;
}
.divGoogleMap
{
	width: 700px; 
	height: 370px; 
	margin:10px; 
	background:#EEE; 
	border: solid 1px #D1CFCF; 
	overflow: hidden; 
	position:relative;
	-moz-box-shadow: 0 0 1em #D1CFCF;
	-webkit-box-shadow: 0 0 1em #D1CFCF;
    box-shadow: 0 0 1em #D1CFCF;
}
#linea
{
	border:2px dotted #F60;
	width: 75%;
	margin-top: 2%;
	margin-bottom:2%;
}
/*Seccion Hotel*/
#divCabanas
{
	width:310px; height:311px;
	/*border:1px solid #D1CFCF;*/
	float:left;
	margin-right:2px; margin-left:2px;
	text-align:center;
	font-family:"Lucida Grande", Arial, sans-serif;
}
#divCabanas img
{
	border:1px solid #FFF; 
	-webkit-box-shadow: 0 0 0.5em #4E4E4E;
    -moz-box-shadow: 0 0 0.5em #4E4E4E;
    box-shadow: 0 0 0.5em #4E4E4E;
	margin-bottom:5px;
}
#divCabanas p{ font-size:17px; font-weight:bold; color:#F60;}
#divCabanas ul li{ font-size:16px; color:#161613; list-style-image:url(imagenes/iconos/square.gif); text-align:left; margin-left:5px; list-style-position: inside;}
#divCabanas li b{font-size:18px; color:#000;}
#divCabanas div
{	
	position:absolute;
	margin-left:285px; margin-top:-13px;
	background:transparent url(imagenes/iconos/zoom.png) no-repeat scroll 0pt 50%;
    cursor:help;
    color:#100;
    display:block;
    height:32px; width:32px;
    text-decoration:none;
}
/*Seccion de Inicio*/

.divSecciones
{
	/*width:470px;*/ width:auto; height:380px;
	background-color:#FFF;
	border:1px solid #D3D4D5;
	-moz-box-shadow: 0 0 0.7em #C2C3C4;
	-webkit-box-shadow: 0 0 0.7em #C2C3C4;
    box-shadow: 0 0 0.7em #C2C3C4;
	position:static; margin: 15px 15px 10px 10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.divSecciones div
{
	width:100%; height:50px;
	position: relative; 
	background: #D7EDFA; 
	/*opacity: .9; 
	 For IE 5-7 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/
	/* For IE 8 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
}
.divSecciones div img{ float:left; padding-left:5px; padding-right:5px; padding-top:5px;}
.divSecciones div h1 { color:#4E4E4E; text-align:right; margin-right:5px;}
.divSecciones div p { color:#161613; text-align:justify; margin-right:4px; margin-left:4px; margin-top:11px; margin-bottom:4px;}
.divSecciones div ul h4{ color:#F60; font-weight:bold; text-align:left;}
.divSecciones div ul h6{ color:#4E4E4E; text-align:left;}
.divSecciones div ul li{ font-size:14px; color:#4E4E4E; list-style-image:url(imagenes/iconos/square.gif); text-align:left; margin-left:5px; list-style-position: inside;}

#aExernal{float:right; margin-top:375px;}
#aExernal div
{
	/*position:absolute;
	margin-left:34%; margin-top:27.5%;*/
	background:transparent url(imagenes/iconos/external.png) no-repeat scroll 0pt 50%;
    cursor:text;
    color:#100;
    display:block;
    height:32px; width:32px;
    text-decoration:none;
	border:1px solid #000;
	cursor:pointer;
}