/* Estilo genérico */
* {margin:0px; padding:0px;}
body {margin:2px 0px; padding:0px; text-align:center; font-family: Trebuchet MS; color:#333;}
p {font-size:13px; line-height:125%; color:#333; font-family: Trebuchet MS; padding: 5px 0px 2px;}

a {color:#006699; text-decoration:none;}
a:hover {text-decoration:underline; color:#2E576B}
a:visited {color:#006699;}
a img {border:0px;}

table {}
td, th {padding:5px; } 
th {}
td {
	font-size:13px;
	font-weight: normal;
}


h1 {margin:0px; font-size:24px; color: #FF9900; font-family:Trebuchet MS; text-align:left; font-weight:bold}
h1, h2, h3, h4 {margin-bottom:0px; margin-top:0px;  padding-bottom:4px;}
h2 {
	margin:10px 0px;
	font-size:16px;
	color:#F90;
	font-weight:bold;
	font-family:Trebuchet MS;
}
h1 {margin-top:10px;}
ul { list-style:square; }
li {}
dl, dt, dd {
	margin:0px;
	text-align:left;
	font-size:16px;
	color: #2c529D;
	font-weight: normal;
}

div#MainContent h2{
	margin-top: 20px;
	margin-bottom: -4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #F90;
}

div#container {width:950px; text-align:left; margin:0 auto;}
div#Head {width:950px; height:180px;}
div#BarraHor {width:950px; height:30px; margin-bottom:0px;}
div#Contenedor {width:950px; padding:0px; /*background-image:url(../fnd/fnd_container_site.jpg); background-repeat:repeat-y; */}
div#NavSec {width:750px; float:left;}
div.navSec {height:20px; padding:10px 10px 0px 10px;}
div#LeftSide {float:left; width:160px; height:520px; min-height:520px; padding-right:15px;  padding-left:5px; padding-top:5px; font-size:14px;}
div#RightSide {float:left; width:225px;  padding-left:10px; margin-top:12px; font-size:12px; text-align:justify;}
body#Galeria div#RightSide {float:left; width:330px;  padding-left:0px; min-height:520px; font-size:12px; text-align:justify;}
div#MainContent {width:510px; float:left; padding:10px; margin-top:12px; text-align:justify; font-size:12px; background-image:url(../fnd/fnd_colcent.png); background-repeat:repeat-x;}
body#Galeria  div#MainContent{width: 610px; padding: 0px; height: 485px;}
body#Galeria div#LeftSide{display: none;}
div.separator {clear:both}
/*modificado ER 20/08/2008. cambios para que se mustre bien en cualquier navegador. en ie6 se veia montado sobre contenedor y en firefox corrido a la derecha*/
div.fondo {width:950px; height:8px;}
/*fin de la modificacion*/
div#Footer {width:950px; height:20px;}

#Head div.encabezado {width:950px; height:180px; padding-top:180px; background-image:url(../img/head.jpg); background-repeat:no-repeat;}

body#Estadia div#Head div.encabezado {width:950px; height:180px; padding-top:180px; background-image:url(../img/head_Estadia.jpg); background-repeat:no-repeat;}

body#LosRoques div#Head div.encabezado, body#Actividades div#Head div.encabezado, body#Bonefishing div#Head div.encabezado {width:950px; height:180px; padding-top:180px; background-image:url(../img/head_LosRoques.jpg); background-repeat:no-repeat;}

body#Servicios div#Head div.encabezado {width:950px; height:180px; padding-top:180px; background-image:url(../img/head_Servicios.jpg); background-repeat:no-repeat;}

#BarraHor div.barra {width:950px; height:34px;  background-image:url(../img/barra_hor.jpg); background-repeat:no-repeat;}

/*Estilos Barra de Navegacion*/
.Navigator { width:938px; float:right; padding-right:12px; background-image:url(../img/barra_hor.jpg); background-repeat:no-repeat;}
.Navigator li {float:right; width:auto; padding:0px; list-style:none;}
.Navigator li span {font-family:Trebuchet MS; color:#2C559D; font-size:16px; font-wieght:bold; padding:0px 5px;}
.Navigator li a {font-family:Trebuchet MS; color:#2C559D; font-size:16px;}
.Navigator li a:hover {}

ul.Idioma {background:transparent url(../img/fnd_nav_idiomas.jpg) no-repeat scroll 0 0; float:left; height:21px; margin-bottom:12px; padding-left:2px; padding-top:1px; width:240px;}
ul.Idioma li {width:auto; float:left; margin:0px 5px 0px 0px;  list-style:none;}
ul.Idioma li a {font-size:12px;}

/*Estilos Como Llegar*/
ul.Info { list-style:square;}
ul.Info li {}
ul.Info li {margin:10px; }
ul.Info li span {font-weight:bold; color:#2D569D}
#Estadia #container #Contenedor #RightSide h4.Recomendaciones {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #2C549D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2C549D;
	width: 100%;
	padding-bottom: 0px;
}
div#LeftSide ul.Info li {margin:0px}
div#LeftSide ul.Info {margin:20px 0px; list-style:none;}

/*Estilos Estadia */
body#Estadia ul.Info li {
	margin:5px 10px;
	font-size: 14px;
	list-style-type: square;
}
body#Estadia div#LeftSide ul.Info li{margin:0px;}

/*Estilos del Menú izquierdo*/
#LeftSide .Nav_izq{width:170px; text-align:center;}
#LeftSide .Nav_izq .elemento{width:165px; height:25px; margin:4px 5px 3px 0px; padding-top: 2px; list-style:none;font-size:8px; font-weight:bold; text-align:left; }
#LeftSide .Nav_izq .elemento a{ margin-left: 15px; color: #F90; font-size:13px;}
#LeftSide .Nav_izq .elemento a:hover {text-decoration:underline;}
/*fin del menu izquierdo*/

/*Menú de Navegación Secundario*/
div.navSec ul.ulsec{margin-right:-18px;}
div.navSec ul.ulsec li.lisec{width:auto; display:inline; padding:0px 0px; }
div.navSec ul.ulsec li.lisec img {width:auto; display:inline; padding:0px; }
div.navSec ul.ulsec li.lisec a{ font-weight:bold;}

/*estilos de los formularios*/
#MainContent fieldset { border: 0px;}
#MainContent fieldset.nodisplay{ display:none;}

.Contactenos td{ border: none;}
.Contactenos td.tdEtiqueta{ text-align: left;}

td.tdpara{text-align: left;}
td.tdpara label.comentario, td.derecha label.comentario{ margin-left:10px;  font-weight:bold; color:#29559c; border:none;}

.comentario{ font-weight:bold; color:#29559c;}

table.Contactenos {}

td.Encabezado{}
td.Encabezado legend{}
td.Encabezado strong font{}

td.derecha{ text-align:left;}
td.derecha *{ background-color:#f7f7f7; border: 1px solid #d6cfd6;}

td.select *{ background-color:#f7f7f7; border: 1px solid #d6cfd6;}
td.select select{ margin-left:20px;}

td.derecha #XC1Tel1{ width: 90px;}
td.derecha .telefono{ margin-right: 5px;}
tr#reserva td.derecha input.XC1Tel1{ width: 174px;}
input.send{background-image:url(../img/fnd_btn_form.png); background-repeat:no-repeat; color:#849ac6; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-color:#f6f6f6; border:0px; height:25px; width: 65px;}

/*estilos de blog y escritos*/
div#MainContent fieldset.dashed{ padding-top: 20px; border-top: 1px dashed #d6cfd6;}
div#MainContent fieldset{ margin-bottom: 10px; padding: 0px;  background-color:#f7f7f7;}
fieldset div.titulo{ color:#adbade; font-size:12px; font-weight:bold;}
fieldset div.vercompleto{float: right; margin-top: -15px;}
fieldset div.comentar{margin-top: 10px;}
div.comentar a.vercomenatrios{ margin-left: 230px;}
div.dato-escritos{ margin: 5px 0px;  color:#006699;}
div.dato-escritos span{ color:#000000;}
h2.titulo-articulo {text-align:center; font-size:14px;}
/*fin de blog y escritos*/

/*galeria de imagenes*/
div#MainContent div.imageDivClass h2{ display: none; width: 412px; background-image:url(../img/h2gallery.png); background-repeat:no-repeat; background-color:#f6f6f6; margin-bottom: 10px; border: none; font-size:15px; background-position:center;}
div.imageDivClass img{border:0 none; margin-right:3px; margin-top:6px; /*width:600px;*/}
.imageDivClass{width:610px; height: 485px; text-align:center; background-image:url(../img/fnd_gal.png);background-repeat:no-repeat; border:none;}
.thumbDivClass{width:330px; margin-left: 10px;}
.thumbDivClass img{ width:80px; height:53px; padding:1px; float:left;cursor:hand;cursor:pointer;}
.controlsClass{padding:0px; margin: 20px 0px;}
.controlsClass input.topRight{ display: none; width: 28px; height: 23px; background-image:url(../img/top-right.png);  background-repeat:no-repeat;border:none; background-color:#f6f6f6;}
.controlsClass input.right{ width: 35px; height: 36px; background-image:url(../img/flecha_2.jpg);  background-repeat:no-repeat;border:none; background-color:#f6f6f6;}
.controlsClass input.left{ width: 35px; height: 36px; background-image:url(../img/flecha_1.jpg);  background-repeat:no-repeat;border:none; background-color:#f6f6f6; margin-right:500px;}
.controlsClass input.topLeft{display: none; width: 28px; height: 23px; background-image:url(../img/top-left.png);  background-repeat:no-repeat;border:none; background-color:#f6f6f6;}
.textClass{text-align:justify;font-family:Verdana, Arial, Helvetica, sans-serif; size:1.3em;width:400px;float:left;}
.boton{width:30px;}
.hola{width:10px; height:20px; background-color:#fff; border:3px double #FFCC00; position:absolute; margin-right:}

/*Añadidos por Felix*/
body div#LeftSide h2.titulo_columna {
background-image:url(../fnd/fnd_escritos.png);
background-repeat:no-repeat;
color:#666666;
font-family:Trebuchet MS;
font-size:15px;
font-weight:bold;
height:43px;
margin-bottom:0;
margin-right:0;
padding-right:13px;
padding-top:0;
text-align:right;
width:150px;
}

/*Estilos Tarifas*/
dl.Tarifas {
	margin-bottom:15px;
	font-size: 13px;
}
dl.Tarifas dt {
	color: #2c529D;
	font-size: 13px;
	font-weight: bold;
}
dl.Tarifas dt span.TitTar {width:50%; float:left; font-size:16px; font-weight:bold; margin-bottom:12px; border-bottom:1px solid #2c529D;;}
dl.Tarifas dt span.DateTar {width:50%; float:right; font-size:14px; margin-bottom:12px; border-bottom:1px solid #2c529D; padding-top:4px;}
dl.Tarifas dd {
	clear:both;
	font-size: 13px;
	color: #333;
}

dl.Tarifas dd span.Nomenclator {
	color: #2c529D;
	font-weight: bold;
}
.indicadoresTarifas {
	font-size: 13px;
	color: #2c529D;
	font-weight: bold;
}
/**/
div#RightSide h2.titulo_columna {width:220px; height:36px; background:#F0F0F0; border:1px solid #CCC; color:#2d569d; font-weight:bold; font-size:16px; text-align:right; padding-right:10px;}
body#Index div#LeftSide {padding-top:0px !important; }
div#Contenedor div#LeftSide div.imagen a{ font-weight: bold;}

/*Otros */
.ListasWebyTelefonos {
	color: #2D569D;
	font-weight: bold;
}

.listasWebyTelefonosDestino {
	font-size: 14px;
	color: #666;
	margin-top:12px;
}

div#RightSide h2 {font-size:20px; font-weight:bold; color:#F90; line-height:100%; text-align:left;}
div#RightSide h3 {font-size:16px; font-weight:bold; color:#F90; line-height:100%; text-align:left;}
div#RightSide p {font-size:13px; text-align:left;}
div#RightSide p a {color: #369; font-size:13px; letter-spacing:0px;}
div#RightSide ul {
	list-style:none;
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
}
div#RightSide ul li a {text-decoration:none; font-size:13px;}
div#RightSide ul li a:hover {text-decoration:underline;}

/*Estilos Galeria de Imagenes de Los Roques*/
.TitGalAct {
	color: #2C559D;
	font-weight: bold;
	font-size: 18px;
}
div.ContainerGalAct {padding-left:60px;}
div#img2, div#img3, div#img4, div#img5, div#img6, div#img7, div#img8 {display:none;}
ul.PanelGal {width:390px; height:69px; padding-left:2px; padding-top:4px; background-image:url(imagenes/Capa_31.jpg); background-repeat:no-repeat; }
ul.PanelGal li.ImgGal {list-style:none; width:90px; height:60px; float:left; padding:0px 3px;}
ul.PanelGal li.ImgGal a {}

.accesorios {
	font-weight: bold;
	color: #F90;
}