﻿/* CSS Document */
img
{
	border:0px;
}

body
{
	background-position:top;
	background-image:url(images/imagen-interior2.jpg);
	background-repeat:no-repeat;	
	background-color:#e8e5e0;						
}
#container {
  
  float:left;
  position: absolute;
  width: 750px;
  margin-left: -371px;
  left: 50%;
  top:16px;
  height:720px;

}
.estacion
{
	float:left;
	margin-top:70px;
	padding-left:100px;
	z-index:2000;
}
.estacion2
{
	float:right;
	margin-top:150px;
	z-index:2000;
	padding-right:50px;
}
.pisos
{
	float:left;
	width:165px;
	height:65px;
}
.cabecera
{
    float:left;
    width:750px;
	height:140px;
	margin-bottom:17px;
}
.cabecera-derecha
{
    float:left;
    width:750px;
}
.texto-fotos-playas
{
    float:left;
    font-family:Tahoma;
    font-size:12px;
    color:#fff;  
	font-weight:bold;
	padding-left:11px;
	width:345px;
}
.cabecera-interior
{
    float:left;
    height:45px;
    font-family:Tahoma;
    font-size:50px;
    color:#5d5842;
    text-transform:uppercase;  
    width:750px; 
    text-align:center;
}
a, a:visited								{ color: #5d5842; text-decoration: none; }
a:hover, a:active							{ color: white; }
.mini-cabecera-interior
{
    float:left;
    height:25px;
    font-family:Tahoma;
    font-size:22px;
    color:#fff;
    text-transform:uppercase;   
    text-align:center;
    width:750px; 
	padding-top:84px;
}
#interior
{
    float:left;
    margin-top:6px;
	width:750px;
	padding-left:4px;
}
#articulo
{
    float:left;
    width:363px;
    margin-right:17px;
    height:422px;    
}
.interior-arriba
{
    float:left;
    background-color:#ffd000;
	padding:10px;  
}
.habitaciones
{
	float:left;
}
.habitaciones-texto
{
	float:left;
	text-align:center;
    font-family:Tahoma;
    font-size:13px;
	color:#000;
	font-weight:bold;
}
.habitaciones-texto-planos
{
	float:left;
	text-align:center;
    font-family:Tahoma;
    font-size:13px;
	color:#000;
	padding:2px;
	font-weight:bold;
	background-color:#ffd000;
	margin-right:3px;
}
.habitaciones-texto-planos-piso
{
	float:left;
	text-align:center;
    font-family:Tahoma;
    font-size:13px;
	color:#fff;
	padding-left:15px;
	margin-top:9px;
	font-weight:bold;
}
.interior-entero
{
	float:left;
	width:748px;
	margin-right:21px;
	height:425px;
}
#interiorizquierda
{
    float:left;
    width:363px;
    margin-right:21px;
    height:405px;    
}
.interiorizquierda-izquierda
{
    float:left;
    width:150px;
    margin-right:15px;  
	padding-left:10px; 
	margin-bottom:10px;
}
.interiorizquierda-derecha
{
    float:left;
    width:150px; 
	margin-bottom:10px;
}
.imagen-playas
{
    float:left;
    width:60px;
    height:70px;
    padding-right:9px;
	padding-bottom:9px;
	font-family:Tahoma;
    font-size:10px;
}
.clear 
{ 
    clear:both; 
    margin:0px;
    padding:0px;
    height:10px;
}
.clear-playas
{ 
    clear:both; 
    margin:0px;
    padding:0px;
    height:0px;
}
.clear-piso
{ 
    clear:both; 
    margin:0px;
    padding:0px;
    height:7px;
}
.clear-piso2
{ 
    clear:both; 
    margin:0px;
    padding:0px;
    height:1px;
}
.textbox
{
    float:left;
    height:12px;
    width:100px;
	font-family:Tahoma;
	font-size:11px;
	color:#000;
	border:solid 1px #fff;
	background-color:#e8e5e0;
}
#div_error
{
    float:left;
	font-family:Tahoma;
	font-size:14px;
	margin:0px;
	padding-bottom:10px;
	color:#000;
}
.texto-formulario
{
    float:left;
	font-family:Tahoma;
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#000;
	height:16px;
	font-weight:bold;
}
.caja-texto-grande-formulario
{
	float:left;
	width:150px;
	padding-right:5px;
}
.caja-formulario
{
    float:left;

}
.tablas-fechas
{
    float:left;
    width:270px;
    padding-top:0px;
}
.buscar
{
   float:left;
   width:315px;
   margin-top:10px;
   border-bottom:dashed 1px #a19685;
   padding-bottom:10px;
}
.tabla1
{
    float:left;
    width:363px;
	height:205px;
}
.temporadas
{
    float:left;
    width:315px;
    margin-top:8px;
}
.entrada-salida-fechas
{
    float:left;
    width:330px;
    margin-top:15px;
    padding-left:20px;
}
.interior-abajo
{
    float:left;
    height:276px;
}
.interior-derecha
{
    float:left;
    width:345px;
    height:406px; 
	background-color:#ffd000;
	padding:8px;
}
.mapas
{
	float:left;
	width:347px;
	font-family:Tahoma;
	font-size:12px;
	color:#72490e;
	font-weight:bold;
}
.descripcion-casa
{
	float:left;
	width:347px;
	font-family:Tahoma;
	font-size:12px;
	color:#5a3909;
	font-weight:bold;
	text-transform:uppercase;
}
.menu-texto
{
    float:left;
	text-align:center;
	font-family: Tahoma;
	font-size:11px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	padding:4px;
	float:left;
    padding-left:143px;
	padding-top:90px;
	font-weight:bold;
}
.menu-texto a
{
	color:#fff;
	text-decoration:none;
	padding:4px;
}
.menu-texto a:hover
{
    text-decoration:none;
	color:#000;
	padding:4px;
}
h1
{
    float:left;
    height:35px;
    font-family:Tahoma;
    font-size:30px;
    color:#5d5842;
    text-transform:uppercase;
    width:700px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
}
.titular
{
    float:left;
    height:35px;
    font-family:Tahoma;
    font-size:30px;
    color:#5d5842;
    text-transform:uppercase;
    width:360px;
}
h3
{
    float:left;
    font-family:Tahoma;
    font-size:13px; 
	font-weight:bold;
	text-transform:uppercase; 
	color:#5a3909;
	width:360px;
	margin:0px;
	padding:0px;
}
.texto
{
    float:left;
    font-family:Tahoma;
    font-size:13px;
    color:#5d5842;  
	font-weight:bold;
	width:345px;
}
.foto-habitaciones-camelia
{
	float:left;
	width:60px;
	height:60px;
	border:solid 8px #ffffff;	
	margin-right:15px;
}
.foto-habitaciones-camelia2
{
	float:left;
	width:40px;
	height:40px;
	border:solid 6px #ffffff;	
	margin-right:15px;
}
.mini-titular
{
    float:left;
    height:22px;
    font-family:Tahoma;
    font-size:18px;
    color:#a19685;
    text-transform:uppercase;   
    margin-bottom:15px;
}
h2
{
    float:left;
    height:22px;
    font-family:Tahoma;
    font-size:18px;
    color:#a19685;
    text-transform:uppercase;   
    margin-bottom:15px;
	margin-top:0px;
	font-weight:normal;
	width:360px;
}
.mini-titular-pisos
{
    float:left;
    font-family:Tahoma;
    font-size:12px;
    color:#000;  
	height:12px;
	font-weight:bold;
}
.pie { width:750px; font-family:Tahoma; font-size:13px; color:#645f4a; text-align:center; padding-top:5px; float:left;}
.pie .txt { padding:10px 32px 0 0;}


/* begin gallery styling */ 
#jgal { list-style: none; } 
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 15px; margin-bottom: 8px; } 
#jgal li img { position: absolute; top: 158px; left: 5px; display: none;  height:422px;} 
#jgal li.active img { display: block; } 
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ } 
#gallery { list-style: none; display: block; float:left; width:363px; height:422px;} 
#gallery li { float: left;} 
div.title {
  font-family: arial;
  font-size: 24pt;
  color: #000000;
  text-align: center;
}
table.month {
  width: 176px;
  border-spacing: 0;
  background-color:#E7D7BD;
  height:190px;
}
td.weekday {
  font-family: Arial;
  font-size: 9pt;
  color: #ffffff;
  text-align: center;
  background-color: #a16500;
  height:30px;
}
td.filler {
  text-align: center;
  vertical-align: middle;
  padding: 4px;
}
td.day {
  font-family: Arial;
  font-size: 9pt;
  color: #000000;
  background-color: #ffffff;
  vertical-align: top;
  width: 15px;
  padding: 1px;
  height:12px;
}
div.daynum {
  font-family: Arial;
  text-align: center;
  line-height: 1;
  padding-bottom: 5px;
  padding-top:3px;
}
div.event {
  text-align: left;
  line-height: 1.2;
}
