/* base */
html { margin: 0px; }
body {
	background-color: #e3e7d3;
	text-align: center;
	font: 0.8em Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #213358;
	/*background-image:url(../imgs/bg_body.gif);
	background-position:0 0;
	background-repeat:repeat;*/
}
a:link, a:visited {
	color:#A53C51;
	text-decoration: none;
	}
a:hover, a:active {
 	color: #333;
	text-decoration: underline;
	}
a:active{ outline-style:none}
/* CONTENEDOR PAGINA WEB  */	
#contenedor {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	text-align: left;
	width: 980px;					/* width should be the same as the background image */
	padding: 0px;
	background-color:#AABCC6;
	background-image:url(../imgs/bg_menu_lat.jpg);
	background-position:0px 600px;
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5275BE;
	border-left-color: #5275BE;
	}
	
/* PIE  */
#footer {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	width: 980px;					/* width should be the same as the background image */
	height:28px;
	background-color:#29406e;

}
#footer p{
color: #CED0CC;
padding: 4px 0px 0px 0px;
font-size:0.9em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
text-align:center;
line-height:2em;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration: none;
	}
#footer a:hover, #footer a:active {
 	 	color: #FFFFCC;
	text-decoration: underline;
	}
/*  CABECERA */
#cabecera {
	height: 90px;
	background-color: #29406e;
	}

#cab_logo{
float: left;
margin:24px 0 0 20px;
padding:0;
width:220px;
height:40px;
}

#cab_dire{
float: right;
margin:0;
padding:0;
width:230px;
height:90px;
}
#cab_dire a:link, #cab_dire a:visited {
	color:#fff;
	text-decoration: none;
	}
#cab_dire a:hover, #cab_dire a:active {
 	color: #FFFFCC;
	text-decoration: underline;
	}

#cab_dire p{
	font-size: 86%;
	padding: 12px 30px 0px 0px;
	text-align: right;
	text-align:right;
	color:#d4d4d2;
	line-height: 1.2em;
}
#idiomas {
	height: 20px;
	color:#000000;
	background-color: #e5e5e5 /*#E3E7D3*/;
	float:left;
	width:950px;
	text-align:right;
	padding: 2px 30px 2px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
/* FOTO FRANJA */
#fotofranja {
width:980px;
height: 120px;
background-image:url(../imgs/fotofranja.jpg);
background-position: 0 0;
background-repeat:no-repeat;}


  /*  Menu principal  */
#subcabecera {
	margin: 0px; 				/* to fix centering in Mozilla */
	width: 980px;					/* width should be the same as the background image */
	height: 30px;
	padding: 0px;
background-color:#1D2D4E;
}
.nav-home {
	float:left;
	width: 50px;
	margin:0px 0 0 0px;
	padding: 0px;
	display: block; 
	height: 30px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.0em;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing: 2px;

}
.nav-home a:hover {
		color:#fff !important;
		background-color:#66a054;

		}
.nav-home a:link, 
.nav-home a:visited, 
.nav-home a:hover {
		display: block;
		text-decoration: none;
		padding: 7px 6px;
		width: 140px;
		height: 16px;
		text-align:center;
		
		color: #fff;
	}
	
html>body .nav-home a:link, 
html>body .nav-home a:visited, 
html>body .nav-home a:hover {
			display: block;
			text-decoration: none;
			padding: 0px 6px;
			text-align:center;
			margin: 0;
			line-height: 2.2em;
			
			width: 140px;
			height: 30px;
		}
  /* MENU Horizontal  */
  
.horizontalmenu {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0 0px;	

}

.horizontalmenu li {
	display: block; 
	float: right; 
	width: 152px; 
	height: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	font-weight:bold;
		letter-spacing: 2px;
	border-left: 0px solid #29406e;
			}
head+body .horizontalmenu li {height: 30px;
}

.horizontalmenu a:link, 
.horizontalmenu a:visited, 
.horizontalmenu a:hover {
		display: block;
		text-decoration: none;
		padding: 7px 6px;
		width: 140px;
		height: 16px;
		text-align:center;
		
		color: #fff;
	}
	
html>body .horizontalmenu a:link, 
html>body .horizontalmenu a:visited, 
html>body .horizontalmenu a:hover {
			display: block;
			text-decoration: none;
			padding: 0px 6px;
			text-align:center;
			margin: 0;
			line-height: 2.2em;
			
			width: 140px;
			height: 30px;
		}
		
.horizontalmenu a:hover {
		color:#fff;
		background-color:#66a054;
}


/* CUERPO  */
#cuerpo{
}
#seccion{}
	
/* COLUMNA IZQUIERDA */

#col_izquierda {
	margin-top:0;
	width: 320px;
	float: left;
	padding: 0px 0px;
	margin: 0;
	height:190px;
	min-height:190px;
	background-image:url(../imgs/bg_menu_lat.jpg);
	background-position:0 0;
	background-repeat: repeat-x;

}

/* COLUMNA Derecha */
#col_derecha {			
	width: 660px; 
	float: left;
	padding: 0px;
	margin:0px;
	height:346px;
	
	background-color:#E7ECEF;
}
head+body #col_derecha{
height: auto;
min-height: 346px; 
}

head+body #col_derecha .alargo{
min-height: 232px;}

#col_derecha p {
margin: 0px 0px 0px 40px;
padding: 5px 0;
width:540px;
	}
#col_derecha h1 {
padding: 0px 0px 0 30px;
	}

  /*  submenu Vertical  */
  
#navcontainer {
	padding: 0px; 
	margin: 20px 0 20px 50px;
	width: 180px; 
	text-align:left;
}
#navcontainer ul {
	padding: 0px; 
	margin: 0px;
list-style:none;

}

#navcontainer li {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Verdana,  sans-serif;
}
#navcontainer li a {
	/*padding: 2px 5px; */padding: 2px 5px 2px 18px; 
	display: block; 
	width: 100px; 
	text-decoration: none;
	background-image:url(../imgs/bg_flecha2.gif);
	background-position: 0px 3px;
	background-repeat:no-repeat;
	color: #000033; 
	border:0px solid #f5f5f5;
	
}
#navcontainer li a:hover {
	background-image:url(../imgs/bg_flecha.gif);
	background-position: 0px 3px;
	background-repeat:no-repeat;
	color: #fff; 
	border:0px dotted #95a73a;
}
/* ========== VARIOS ============= */	

.clear { clear: both; }

p{
margin:0px;
padding: 0px;
color: #213358;
text-align:left;
font-family: "Trebuchet MS", Arial, Verdana,  sans-serif;}
.imgdcha{
margin-left:30px;
text-align:right;
margin-right:0px;
}
.imgizq{
margin-right:20px;
}
.justifica {
text-align:justify;
}
.separabottom {
line-height:24px;
}
form input{
margin:0;
padding:0;
}

.txt_uls {
margin:0px 0 0 40px;
padding: 0px;
text-align:left;
font-family: "Trebuchet MS", Arial, Verdana,  sans-serif;
list-style-position:inside}

h1{
margin: 0px 0 20px 0;
padding: 0px 0 0 40px !important;
font-size: 1.2em;
color:#EBF7FC;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
text-decoration:none;
line-height: 1.8em;
height:30px;
letter-spacing: 2px;
}


h2 { 
	color: #fff;
	font: normal 1.2em/1.8em  "Trebuchet MS", Arial, Verdana,  sans-serif;
	height:30px;
	padding: 0px 0 0 50px;
	margin: 0px;
	letter-spacing: 1px;
}

h1, h2{
background-color:#8097A2;
}
.aladcha {
text-align:left;
margin: 0 0 0 38px;
padding:0
}
.aladcha a:link, .aladcha a:visited {
	color: #cc0000;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	}
.aladcha a:hover, .aladcha a:active {
 	color: #000;
	text-decoration: underline;
	}
/* mostrar fotos casa */

.sobrecaja {
margin: 0px; 
border-left-width: 0px; 
border-bottom-width: 0px; 
border-top-width: 0px; 
border-right-width: 0px;
padding-top: 20px; 
padding-right: 80px; 
padding-left: 50px; 
padding-bottom: 20px; 
margin: 0px auto; 
width: 520px; 
color: #777;
}

.sobrecaja{
	cursor: default; 
	list-style-type: none
}
.sobrecaja a {
	cursor: default
}
.sobrecaja a .preview {
	display: none
}
.sobrecaja a:hover .preview {
	display: block; 
	z-index: 1; 
	left: -45px; 
	position: absolute; 
	top: -33px
}
.sobrecaja img {
	border: 1px solid #999;
	padding: 1px; 
	vertical-align: top; 
	background-color: #fff; 	
	width: 100px; 
	height: 75px;
}
.sobrecaja li {
	border: 1px solid #ddd;
	padding: 6px; 
	margin: 3px; 
	display: inline; 
	background-color: #fff; 
	float: left; 
	position: relative
}
.sobrecaja .preview {
	border-left-color: #000; 
	border-bottom-color: #000; 
	width: 266px; 
	border-top-color: #000; 
	height: 200px; 
	border-right-color: #000
}
 html .sobrecaja a {
	position: relative
}
 html .sobrecaja a:hover {
	font-size: 100%; z-index: 1
}
 html .sobrecaja a:hover .preview {
	left: -50px; top: -38px
}
 html .sobrecaja li {
	position: static
}
/* PAGINACION */
/* td pag de tal a tal */
.numpag {
font-size: 90%;
color: #AF7773;
font-family:"Trebuchet MS", Arial, Verdana,  sans-serif;
}
/* tds de pag 1 2 3 y siguiente y anterior */
.paginacion {
font-size: 92%;
font-weight: bold;
padding: 10px 2px 10px 2px;
}

.paginacion, .pagactual {
color:#666;
}

.paginacion a:hover, .paginacion a:active {
	text-decoration: underline;
	background-color:#fff;
	color:#A53C51;
	padding: 0 2px;
}

.paginacion a:link, .paginacion a:visited {
	color:#A53C51;
	text-decoration: none;
		padding: 0 2px;
}
/* galeria fotos entorno*/
.fotosentorno{}
.tab_fotoentorno{
margin: 0 0 0 38px;
padding:0}
/* td de la foto*/
.foto {
height: 140px;
width: 140px;
text-align: center;
vertical-align: middle;
border: solid 1px #f0f0f0;
background-color: #f8f8f8
}


/* libro class del div de cada mensaje */
#escribir {
	color: #213358;
	margin: 10px 0 0 38px;
	padding: 10px;
	width: 540px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}
.decomensaje{
border: solid 0px #ddd;
	padding: 6px; 
	margin: 10px 0 0 38px;
	background-color: #E1E6EA;
		width: 554px; }
.mensaje {
	color: #000000;
	background-color: #F8F9FA;
	margin: 0;
	padding: 5px;
	border: 1px solid #C5D1D8;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}
.mensaje  a:hover, .mensaje  a:active {
	text-decoration: underline;
	color:#A53C51;
}

.mensaje  a:link, .mensaje a:visited {
	color:#A53C51;
	text-decoration: none;
}
/* class de la tabla con la paginacion, ver por mes, etc */

.pormes {
	width: 570px;
	margin: 0 0 0 38px;
padding:0
	}
	
/* td pag de tal a tal */
.numpag {
	margin: 10px 30px 0 38px;
}

/* leer mensaje y reservas */

#escribir {
margin:10px 0 10px 38px;
padding:0 0 0 70px;
}
#escribir #Nombre, #escribir #Email, #escribir #Mensaje, #reserva {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color: #213358;
font-size: 1em;
	line-height:1.3em;}

label {
	display: block;
	line-height:2em;
}

/* Actividades class del div de cada mensaje */
.actividad {}

#col_derecha .actividad{
border: solid 0px #ddd;
	padding: 6px; 
	margin: 10px 0 0 38px;
	background-color: #E1E6EA;
		width: 554px; }
#col_derecha .relleno {
	color: #000000;
	background-color: #F8F9FA;
	margin: 0;
	padding: 5px;
	border: 1px solid #C5D1D8;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}
#col_derecha .acti{
	padding: 5px 3px; 
	width: 500px;
	}
.acti img {
border: 0px;
float: right;
padding: 2px 10px;
}
#col_derecha .acti p, 
#col_derecha .fecha {
margin-left: -40px !important;

}
#col_derecha .relleno h3 {margin-left: 10px !important;}

head+body #col_derecha .relleno h3, #col_derecha .acti, #col_derecha .fecha {margin-left: 10px !important}
#col_derecha h3,
#col_derecha .actividad h3 {
	margin: 0px 80px 0 41px;
	background-color: transparent;
	font-family: "Trebuchet MS", Arial, Verdana,  sans-serif;
	font-size: 110%;
	font-weight:bold;
	padding:0 0 10px 0px;
	color:#411B08;
}

#col_derecha .fecha {

color:#666;
font-size:80%;
width: 100px;}
/* volver reservas*/
.volver {
font-weight:bold;
text-transform:uppercase;}
.volver a:link, .volver a:visited {
	color:#973247;
	text-decoration: none;
	}
.volver a:hover, .volver a:active {
 	color: #000;
	text-decoration: underline;
	}

.nota {
color:#959595;
font-size: 85%;}

#imagenes{
margin:28px 0 0px 0;
padding:0px 0;
display: block;
}

.thprecios {
font-weight:bold;
border-bottom: 1px solid #a6b8c2;
background-color:#F3F7F8;}

.tdlinea {
border-bottom: 1px solid #a6b8c2;}
.estilotabla{
font-size: 0.9em;
height: 30px;
min-height: 30px;
padding: 4px;}

.separatd{
padding-left: 8px;}
.colortdcuerpo{
background-color:#FFFFFF;}
.mascolor{
color:#DC183A;}