/*

ETIQUETAS
*/
* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

label {
color: #88634B;
font-size: 11px;
*vertical-align: text-top;
}

li {
margin: 0 0 10px 0;
}

img {
border: none;
}

ol {
color: #E55C6F;
font-size: 11px;
margin: 0 30px 0 30px;
}

option {
color: #88634B;
font-size: 12px;
margin: 2px 0;
}

p {
margin: 0 0 8px 0;
line-height: 1.3em;
*line-height: 1em;
}

table {
margin: 0 0 15px 0;
border: none;
font-size: 10px;
color: #88634B;
}

textArea {
padding: 2px 2px 2px 5px;
border: solid 1px #88634B;
background-color: #FFF;
color: #88634B;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

select {
padding: 1px;
border: solid 1px #88634B;
background-color: #FFF;
color: #88634B;
font-size: 12px;
}

ul {
list-style: none;
*line-height: 14px;
}


/*

DIVS
*/

#bloquePrincipal {
margin: 0 0 10px 0;
}

#cabecera { /* Contiene el menu, que es un swf */
position: relative;
height: 60px;
margin: 45px 0 10px 0;
background-color: #F5F1E7;
}

#contenido { /* DIV principal, directamente debajo del BODY, sirve para centrar el contenido */
width: 805px;
margin: 0 auto;
text-align: left;
}

#cuerpo { /* Contiene la informacion del apartado actual */
padding: 25px;
background-color: #F5F1E7; 
}

#idiomas {
position: absolute;
top: 20px;
left: 350px;
z-index: 3;
}

#menu {
z-index: 1;
/* float: left; */
}

#pieIconos { /* Los iconos que estan debajo del pie (esta cargado como un swf) */
margin: 5px 0 0 0;
height: 50px;
}

#pie { /* Contiene los links a Nota Legal, FAQS, Trabajo, Creditos y tambien el Subscribete a nuestro newsletter */
height: 20px;
margin: 10px 0 0 0;
padding: 0px 25px;
background-color: #F5F1E7;
font-size: 10px;
vertical-align: middle;
}

#pieDerecha { /* Subscribete a nuestro newsletter */
position: relative;
top: 4px;
color: #88634B;
float: right;
}

#pieIzquierda { /* Nota Legal // FAQS // Trabajo // Creditos */
position: relative;
top: 4px;
float: left;
color: #F9808A;
}

#resalte { /* El cartelito redondo encima de la imagen principal */
position: absolute;
top: 4px;
left: 4px;
}

#tiraHabitacion img {
margin: 0 21px 8px 0;
}

#tiraHabitacion .img_LimDer {
margin: 0 0 8px 0;
}

#tiraHabitacion .img_LimIzq {
margin: 0 21px 8px 0;
}

#tiraFotografica img {
margin: 0 5px -15px 0;
}

#tiraFotografica .img_LimDer {
margin: 0 0 -15px;
}

#tiraFotografica .img_LimIzq {
margin: 0 7px -15px 0;
}


/*

CLASES
*/
.columnaDerecha { /* El texto principal (columna derecha del apartado) */
width: 365px;
float: right;
}

.columnaIzquierda { /* La imagen que esta arriba-izquierda del contenido de cada apartado (excepto en TIENDA y FORMULARIO RESERVAS */
position: relative;
width: 365px;
float: left;
}

.labelSeparaH {
margin-left: 15px;
}

.fichaHabitacion { /* Div que contiene la imagen + nombre + descripcion de 1 habitacion */
width: 165px;
float: left;
margin: 10px 30px 0 0;
}

.fichaHabitacion_LimDer {
width: 165px;
float: left;
margin: 10px 0 0 0;
}

.fichaHabitacion_LimIzq {
width: 165px;
float: left;
margin: 10px 35px 10px 0;
}

.fichaServicioTexto {
margin: 0 0 0 190px;
}

.fichaServicioTexto img {
margin: 0 0 2px -1px;
}

.formSeparaCortoV {
margin-bottom: 10px;
}

.formSeparaLargoV {
margin-bottom: 25px;
}

.habitaciones {
margin: 0 0 25px 0;
}

.imagenPrincipal {
margin: 0 0 10px 0;
}

.imagenServicios {
float: left;
margin: 0 0 10px 0;
}

.inputText {
padding: 4px 5px;
border: solid 1px #88634B;
background-color: #FFF;
color: #88634B;
font-size: 10px;
}

.lineaPuntos {
margin: 0 0 10px 0;
border-style: dashed none none none;
border-width: thin;
color: #C4B7A7;
*color: #E3DCCA;
}

.limpia {
clear: both;
}

.listaIndentadaNivel1 {
display: block;
padding: 0 30px 0 30px;
color: #E55C6F;
font-size: 11px;
}

.subcolumnaDerecha {
width: 170px;
/* margin: 0 30px 0 0; */
float: right;
}

.subcolumnaIzquierda {
width: 170px;
float: left;
}

.tablaCabecera {
background-color: #F9808A;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.tablaCalendario {
width: 365px;
}


.tablaContenido {
padding-bottom: 7px;
}

.tablaTarifas {
width: 755px;
}

.textoGeneralRosa { /* El texto de lectura principal (color ROSA) */
color: #E55C6F;
font-size: 11px;
}

.textoGeneralMarron {  /* El texto de lectura principal (color ROSA) */
color: #88634B;
font-size: 11px;
}

.tituloApartado {
margin: 0 0 10px 0;
}

.tituloHabitacion {
display: block;
margin: 0 0 5px 0;
}

.tituloSobreFondo { /* Estos son todos las imagene que tienen un titular en Helvetica Thin sobre el fondo beige */
display: block;
margin: 0 0 2px 0;
}

.thumbHabitacion {
margin: 0 0 5px 0;
}

.thumbServicio {
float: left;
width: 175px;
}

/*

EVENTOS
*/
a {
text-decoration: none;

}

a.deMarronARosa { /* Cualquier link que vaya de ROSA a MARRON */
color: #88634B;
}

a.deMarronARosa:hover { /* Cualquier link que vaya de ROSA a MARRON */
color: #E55C6F;
}

a.deRosaAMarron { /* Cualquier link que vaya de ROSA a MARRON */
color: #E55C6F;
font-size: 11px;
}

a.deRosaAMarron:hover {
color: #88634B;
}