body{
  margin-top:10px;
  margin-bottom:10px;
  min-height:100%;
  height:100%;
  height:auto;
  color:#666666;
  font-size: 8pt;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1.4em;
  text-transform:inherit;
  text-align:justify;
  background:#efefef;
}
/*cabeza*/
#cuerpo {
	float: left;
    width:100%; 
    height: auto;
	background-color: #E0E0E0;
	border-top:5px solid #ffffff;
}
#banner_top {
	float: left;
    width:100%; 
    height: auto;
	text-align:center;
	background-color:#CE6B42;
	border-top:5px solid #ffffff;
}
#m_1{
float:left;
width:170px;
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
}
#b_d {
	float: left;
	width: 150px;
	height:100%;
	min-height:100%;
	height:auto;
	padding:0px;
}
	#banner_c
	{
	width:100%;
	height:100%;
	min-height:100%;
	height:auto;
	float: left;
	margin-left:0px;
	padding-left:5px;
	margin-right:0px;
	padding-bottom:10px;
	text-align:left;
	}
	#banner_b
	{
	width:100%;
	height:100%;
	min-height:100%;
	height:auto;
	float: left;
	margin-left:0px;
	padding-left:5px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:5px;
	text-align:left;
	margin-bottom:0px;
	}
#superior {
      float:left;
	  position:relative;
	  right:0em;
	  margin-bottom:0px;
      width:100%;
	  margin-top:5px;
      font-size:7pt;
      padding-bottom:0px;
	  background-color:#65A6ED;
	  z-index:2;
	  height:25px;
    }
    #superior ul {
	margin-left:0px;
	  margin-right:0px;
	  margin-top:0px;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #superior li {
      display:inline;
      margin:0;
      padding:0;
      }
    #superior li a {
      float:left;
      margin:0;
	  padding-top:5px;
	  padding-left:5px;
	  padding-right:5px;
	  padding-bottom:0px;
      text-decoration:none;
      color:#FFFFFF;
	  border-right:2px solid #ffffff;
 	  height:20px;
      }
    #superior li a:hover {
	  color:#65A6ED;
      background-color:#FFFFFF;
 	  height:25px;
     }
#listas { 
	height:auto;
	min-height:850px;
}

/*fotos*/
#foto {
float: left;
height:100%;
min-height:100%;
margin-left:8px;
height:auto;
width:560px;
background-color:#FFFFFF;
text-align:center;
}
.fotos {
text-align:center;
list-style-type:none;
margin-right:2px;
margin-left:2px;
margin-bottom:5px;
margin-top:5px;
padding:4px;
font-weight:normal;
text-align:center;
border-bottom:0px dotted #cccccc;
text-decoration:none;
}
.fotos a{
    COLOR: #999999; 
	FONT-FAMILY: verdana;
	FONT-SIZE: 7pt;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
    TEXT-DECORATION: none;
	text-align: center;
}

.fotos a:hover{
color:#999999;
text-align: center;
text-decoration:none;
}
.marco_fotos{ 
padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #cccccc;
background-color:#FFFFFF;

}
.ant_sig {
text-decoration:none;
color:#176BC8;}
.ant_sig:hover{color:#333333;}
.pulsado {color:#333333;
text-decoration:none;}
.texto_fotos{
color:#3D5F8D;
text-decoration:none;
}
#extras span {color:#3D5F8D;}
#paginas { text-align:center;}
#pie {
     clear:both;
     background-color:#65A6ED;
    width:100%;
    text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	border-top:5px solid #ffffff;
	color:#FFFFFF;
	}
#pie a {color:#FFFFFF; text-decoration:underline;}
#pie_top {
	float: left;
    width:100%; 
    height: auto;
	text-align:center;
	background-color:#446B84;
	border-top:5px solid #ffffff;
	padding-bottom:5px;
}
h1 {
    font-size:16px;
	font-weight:normal;
	background-color:#65A6ED;
	color: #ffffff;
	text-decoration:none;
	width:98%;
	margin-left:0px;
	margin-bottom:0px;
	padding:10px;
	padding-right:2px;
	margin-top:0;
	border-bottom:10px solid #3D5F8D;
}
h2 {
    font-size:16px;
	background-color:#65A6ED;
	color: #ffffff;
	text-decoration:none;
	width:99%;
	margin-left:0px;
	margin-bottom:0px;
	padding:5px;
	padding-right:1px;
	margin-top:0;
	border-bottom:5px solid #ffffff;
}
h3 {color:#65A6ED; font-size:20px;font-weight:normal;}
h5 { width:98%;
margin-left:1%;
text-align:center;
background:url(imagenes/subitufoto_fondo.png) repeat-x;
margin-top:0px;
	}
h6{
	font-size:9pt;
	color:#666666;
	font-weight:normal;
	margin:8px;
	text-decoration:none;
	width:96%;
	margin-left:4px;
	margin-bottom:5px;
	padding:5px;
	padding-right:0;
	margin-top:0;
	}
.l_1 {
	vertical-align:text-top;
	border-top:1px solid #3D5F8D;
   padding-top:6px;
	vertical-align:text-top;
	clear:both;
	height: auto;
}
.ordenar{
	float: left;
	margin-right: 4px;
	margin-left: 2px;
	margin-top: 4px;
	margin-bottom:4px;
	background-color:#ffffff;
	padding:2px;
	border:1px solid #999999;
	clear:both;
}
.ir {
	COLOR: #3D5F8D; 
 	FONT-SIZE: 9pt;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold; 
    TEXT-DECORATION: none;
}

.ir:hover {
    COLOR: #99CCCC;
    TEXT-DECORATION: none;
}
.opciones {
	COLOR: #3D5F8D; 
 	FONT-SIZE: 7.5pt;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: bolder; 
    TEXT-DECORATION: none;
}
.listado_no_link {
	COLOR: #3D5F8D; 
 	FONT-SIZE: 9pt;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold; 
    TEXT-DECORATION: none;
}

.opciones:hover {
    COLOR: #99CCCC;
    TEXT-DECORATION:underline;
}
.resultados {font-size:8pt; text-align:left;}
/*listas*/
	#botonera
	{
	width:100%;
	height:100%;
	min-height:100%;
	height:auto;
	float: left;
	margin:0px;
	border-top:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;
	}
ul#menu2{  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#menu2 li {
	margin:0px;
	padding:0;
		}
ul#menu2 li a {
	display:block;
	width:162xp;
	margin:0px;
	height:auto;
	padding:4px;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:8pt;
	background-color:#99CCCC;
	color:#3D5F8D;
	border-bottom:1px solid #FFFFFF;
		}
ul#menu2 li a:hover {
	color:#3D5F8D;
	background-color:#FFFFFF;
	}
.subtitulos {
    COLOR: #176BC8; 
	FONT-STYLE:normal; 
    TEXT-DECORATION: none;
}
.top {
float:right;
COLOR: #ffffff; 
TEXT-DECORATION: none;
font-weight:normal;
font-size:7pt;
}
.e_1 {color:#ffffff; text-decoration:none;}
.e_1:hover {color:#ffffff; text-decoration:underline;}
#lasfotosdetusvacaciones { 
	float: left;
	width:100%;
	background-color:#f4f4f4;
	height:auto;
	margin-top:5px;
	color:#3D5F8D;
}
#lasfotosdetusvacaciones span{ display:block; margin-top:4px;}
.ver{float:right; display:block; padding:4px; color:#ffffff; background-color:#3D5F8D; width:auto; height:auto; text-decoration:none; margin-top:0px; font-size:8px;}
.ver:hover{background-color:#65A6ED;}
.ver b {font-size:10pt;}
#lasgaviotas { 
	float: left;
	width:100%;
	background-color:#D0EEEE;
	border-bottom:5px solid #ffffff;
	height:auto;
	padding-top:5px;
	margin-top:0px;
	margin-bottom:0px;
	color:#3D5F8D;
}
#lasgaviotas img {margin-top:0;}
#rotador_promociones { 
	float: left;
	width:100%;
	background-color:#ffffff;
	height:auto;
	margin-top:0px;
}
#banner_home{ 
	float: left;
	width:100%;
	height:auto;
	margin-bottom:0px;
	margin-top:5px;
	clear:both; 
	text-align:center;
	background:url(imagenes/subitufoto_fondo.png) repeat-x;
}
.ordenar_opciones {
background-color:#ffffff;
border:0px solid #E1E1E1;
color:#585858;
font-family: arial, helvetica, sans-serif;
padding:1px;
font-size:8pt;
}
/*foto individual*/
.campos_form {
background-color:#65A6ED;
border:1px solid #E1E1E1;
color:#FFFFFF;
font-family: helvetica;
padding:2px;
font-size:9.2pt;
}
.bt-form{
	font-family:helvetica;
	font-size:9.2pt;
	color: #FFFFFF;
	border:1px solid #65A6ED;
	margin-top: 5px;
	padding:2px;
	background-color:#65A6ED;
}
.bt-form:hover {
color:#65A6ED;
	background-color:#FFFFFF;
	border:1px solid #65A6ED;
	}
.coment{
position: relative;
width: 100%;
font-size:7pt;
font-weight:bold;
text-align:left;
vertical-align:bottom;}

#comentario{
text-align:left;
width: 100%;
padding-bottom:0.5em;
border-top: solid 1px #65A6ED;
padding-top:0.5em;}
.caja_coment {
display:block;
width:320px;
padding:0px;
background-color:#65A6ED;
color:#ffffff;
text-align:left;
}
.caja_coment b{float:left; display:block; padding-left:0px; margin-top:0px; margin-bottom:5px;}
.caja_coment i{ display:block; margin-left:20px; padding:5px; font-style:normal;}
#formulario{
text-align:left;
width: 100%;
margin-bottom: 0.5em;
border-top: solid 1px #65A6ED;
padding-left:0.2em;
padding-bottom:0.2em;
padding-top:0.5em;}
#formulario span {color:#65A6ED; font-size:20px;}
#galeria span {color:#65A6ED; font-size:20px; padding-left:4px;}
#comentario c {color:#65A6ED; font-size:20px;}
#comentario b {color:#65A6ED;}
#galeria{
text-align:left;
width: 100%;
height:100%;
margin-bottom: 0.5em;
padding-bottom:0.2em;
/*background-color:#DDF1F7;*/
}
#datos_foto{
width:99%;
margin-bottom: 0;
padding-left:1%;
padding-bottom:0.2em;
padding-top:0.5em;
background-color:#65A6ED;
text-align:left;
color:#FFFFFF;}
/*ver*/
#columnas {
	float: left;
    width:100%; 
    height: auto;
	background-color:#FFFFFF;
	padding-top:10px;
}
#izquierda {
	float: left;
	height:100%;
	min-height:100%;
	height:auto;
	text-align:left;
	border-right:0px dotted #e1e1e1;
	padding-left:10px;
	padding-right:10px;
}

#relacionados{
    width:100%;
    text-align: center;
	margin-top:8px;
	padding-top:4px;
	}
.relacionados{
	font-family:helvetica;
	font-size:9.2pt;
	color: #585858;
	margin-top: 5px;
	padding:2px;
	text-decoration:none;
}
.relacionados:hover {
color:#FE6E00;}
/*COMPARTIR*/
#formulario_contacto{
	float: left;
	width:100%;
	height:100%;
	min-height:100%;
	height:auto;
	text-align:left;
	padding:5px;
	padding-left:10px;
	margin:0px;
	margin-top:5px;
}

#caracteristicas {
      float:left;
	float: left;
	width:100%;
	  right:0em;
	  bottom:0em;
      font-size:8pt;
      line-height:normal;
	  margin-bottom:0px;
	  margin-top:0px;
	  margin-left:10px;
	  text-align:left;
    }
    #caracteristicas ul {
	  margin-right:0px;
	  margin-top:4px;
	  margin-bottom:1px;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #caracteristicas li {
      display:inline;
      margin-left:0px;
	  margin-top:4px;
	  margin-bottom:1px;
      padding:0px;
      }
#c_alojwew{ 
	float: left;
	width: 320px;
	margin-left:10px;
}
#c_aloj { 
    float:left;
	position:relative;
    width:370px;
	min-height:300px;
    height:auto; 
	margin-left:10px;
    top:0px;
	rigth:0px;
	margin-bottom:5px;
	padding:0px;
	background-position:top left;
    background-repeat:no-repeat;
	z-index:2;
}
#c_aloj ul {list-style:none; padding:0; margin:280px 0px 15px 0px; width:360px; float:left;}

/* Place the list items inline using display:inline for IE and float:left */
#c_aloj ul li {
display:block; 
width:66px; 
height:52px; 
float:left; 
margin-right:3px;
margin-left:1px;
margin-bottom:5px;
border:1px solid #999999;
cursor:pointer;}

/* FORMATO DE LOS THUMBNAILS*/
/* Hide the full size images */
#c_aloj ul li span i img {display:none;}

/* set up the .click style which will be added using javascript */

/* Change the li border to white */
#c_aloj ul li.click {border-color:#999999; cursor:pointer;}

/* Position the span using an absolute position and specify the width and height */
#c_aloj ul li.click span {position:absolute; left:0px; top:0px; width:360px; height:270px;}/* CAMBIAR EL VALOR DE TOP*/

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
#c_aloj ul li.click span i {width:360px; height:270px; display:table-cell; vertical-align:top; text-align:left;} 

/* Make the image actual size using auto width and height */
#c_aloj ul li.click span i img {display:block; width:360px; height:270px; background:#ffffff; padding:0px; margin:0 auto;}

/* set up the default image */
#c_aloj ul li.default {width:0; height:0; border:0;}
#c_aloj ul li.default span {position:absolute; left:0; top:0; width:360px; height:270px;}
#c_aloj ul li.default span i {width:360px; height:270px; display:table-cell; vertical-align:top; text-align:center;} 
/* specify the image width and height for IE6 */
#c_aloj ul li.default span i img {display:block; width:10px; height:30px; border:0px solid #fff; margin:0 auto;}
#c_aloj ul li.off {display:none;}
.denominacion {COLOR: #ffffff; 	FONT-SIZE: 8pt;  	FONT-STYLE: normal; TEXT-DECORATION: none;} 
h4{
	font-size:9pt;
	font-weight:normal;
	background-color:#65A6ED;
	color: #ffffff;
	text-decoration:none;
	width:98%;
	margin-left:0px;
	margin-bottom:0px;
	padding:10px;
	padding-right:2px;
	margin-top:0;
	}
#pag{
    text-align: center;
	margin-top:8px;
	padding-bottom:8px;
	margin-bottom:8px;	}
.pag {
width:auto; margin-left:5px; margin-bottom:5px; padding:5px; background-color:#65A6ED; color:#FFFFFF; text-decoration:none; font-size:8pt;}
.pag:hover {color:#333333;}
#lagaleria {
      float:left;
	  right:0em;
	  bottom:0em;
      font-size:8pt;
      line-height:normal;
	  margin-bottom:0px;
	  margin-top:0px;
	  margin-left:0px;
	  text-align:center;
    }
    #lagaleria ul {
	  margin-right:0px;
	  margin-left:0px;
	  margin-top:4px;
	  margin-bottom:1px;
	  padding:0px 0px 0px 0px;
	  width:auto;
	  list-style:none;
      }
    #lagaleria li {
      display:inline;
      margin-left:0px;
	  margin-top:4px;
	  margin-bottom:1px;
      padding:2px;
      }