@charset "UTF-8";
/*------------------------------------------------------------------
[Hoja estilos]
Version: 1.0
Modificado: 2010/09/05
-------------------------------------------------------------------*/
/* equivalencia 10px=1em. */

html {font-size: 125%; }
body {font-size: .5em; font-family:Arial, Helvetica, sans-serif; text-align:center; height:100%; overflow-y:scroll; }

/* inicializacion de las propiedades del modelo de caja a cero */

* { margin:0; padding:0; }
fieldset, img, acronym, abbr {border:0;}

/* imagenes como caja de bloque principal */

img {display: block;}

/*  supresion de los marcadores de las listas */

ol, ul { list-style:none; }

/* dimension de fuente por defecto para los elementos principales */

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

/* redefinicion del modelo de caja para los elementos DIV y declaracion de la clase 'clear' para el resto de elementos para evitar problemas de entidad con las flotaciones */

.clear:after, div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clear, * html div{height:1%;}
*:first-child+html .clear, *:first-child+html div {height:auto; display:inline-block;}

/* definicion de la presentacion general de los enlaces */
a { text-decoration:underline; color:#000; }
a:hover, a:focus, a:active {text-decoration:none;}

/*capitalize*/
.capitalize{text-transform: capitalize;}

/* elementos ocultos */

.indentado {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;}
.oculto {display:none;}

.white { color:#fff; }
.f_right { float:right; }

/* headers */
.tituloGris { font-size:2em; font-weight:700; color:#babbbb; }
.tituloAzul { font-size:2em; font-weight:700; color:#5c9dd4; }
.tituloMorado { font-size:2em; font-weight:700; color:#63439a; }

/* contenedor */
#contenedor {margin:0 auto; border-right:1px solid #5c9dd4; width:93em; text-align:left; position:relative; height:100%; }
.bgGris { background:url(../images/bg.gif) repeat-y; }
.bgAzul { background:url(../images/bgAzul.gif) repeat-y; }
.bgMorado { background:url(../images/bgMorado.gif) repeat-y; }

.contLine { background:url(../images/bgline.gif) no-repeat bottom right; }

/* cabecera */
#cabecera { display:block; overflow:hidden; clear:both; width:92.9em; height:9em; margin:0 auto; position:relative; }
#cabecera h1#logo { position:absolute; margin:1.8em 0 0 21.6em; }
#cabecera .direccion { position:absolute; margin:3.7em 0 0 0; }
#cabecera .direccion p { font-size:1.1em; }

.newsletter {float:right; font-size:1.1em; margin:1em 1.5em 0 0; }
.newsletter p { margin:0 0 .5em 0; }

/* columnas */
.columna1 { float:left; margin-top:1em; width:19em; }
.columna2 { float:left; width:23em; margin:1em 0 0 .2em; padding:0 0 1em 0; }
.columna3 { float:left; margin:0 0 0 .1em; width:50.5em; }

/* menu */
#menu { float:left; margin-top:1em; width:19em; text-transform:uppercase; }
#menu ul { float:left; width:18.9em; color:#6e349c; }
#menu ul li { padding:0 0 1em 0; }
#menu ul li span { display:block; font-size:1.4em; border-bottom:.1em solid #5c9dd4; }
#menu ul li a { cursor:pointer; display:block; text-decoration:none; color:#6e349c; text-transform:uppercase; }

#menu ul li ul { padding:1em 0 1.5em 0; }
#menu ul li ul li { padding:.1em 0; }
#menu ul li ul li a { cursor:pointer; display:block; text-decoration:none; font-size:1.1em; padding:.5em 0 .5em 1em; color:#6e349c; text-transform:uppercase; }
#menu ul li ul li a:hover { text-decoration:none; font-size:1.1em; padding:.5em 0 .5em 1em; color:#fff; }
#menu ul li ul li a.gris:hover { background:#babbbb; }
#menu ul li ul li a.azul:hover { background:#5c9dd4; }
#menu ul li ul li a.morado:hover { background:#63439a; }
#menu ul li ul li a.selected { text-decoration:none; font-size:1.1em; padding:.5em 0 .5em 1em; color:#fff; }
#menu ul li ul li a.sgris { background:#babbbb; color:#fff; }
#menu ul li ul li a.sazul { background:#5c9dd4; color:#fff; }
#menu ul li ul li a.smorado { background:#63439a; color:#fff; }

/* columna spots vimeo */
.thumbnails { float:left; display:block; }
.thumbnails ul { margin:1.8em 0 0 1.5em; }
.thumbnails ul li { margin-bottom:.5em; padding:.5em; }
.thumbnails ul li.selected { padding:0; border:5px solid #E6E6E6; }

/* video */
.tituseccion { float:left; margin:0 0 0 1.6em; }
.billboard { float:left; margin:1em 0 0 1.6em; width:47.3em; height:26.6em; }

/* contacto */
.planoZona { float:left; margin:1em 0 2em 1.6em; width:47.3em; height:47.3em; }

/* Formularios */
.formContacto { float:left; width:22em; margin:0 0 0 .2em; padding:0 .3em; text-align:left; }
.formContacto h2 { float:left; display:block; padding:0 0 0 .6em; font-size:1.3em; color:#5c9dd4; text-transform:uppercase; }
	
	/* Contacto */
	form.reserva { float:left; padding:1em 0 0 1em; width:21em; }
	form.reserva label { width:19em; display:block; margin:1em 0 0 0; }
	form.reserva label span { float:left; width:16em; font-size:1.2em; display:block; padding:.2em .5em 0 0; text-transform:uppercase; color:#6e349c; }
	form.reserva label input, form.reserva label textarea { border:none; background:#fff; padding:.2em; width:18em; }
	form.reserva label textarea { width:16.5em; text-transform:none; font-size:1.2em; }
	form.reserva input.submit { float:right; background:#5c9dd4; margin:0; border:none; color:#fff; text-transform:uppercase; text-align:right; padding:.5em 1em; cursor:pointer; }
	form.reserva div.boton {width:95.4%; margin:1.2em 0 0;}
	
	/* Newsletter */
	form.formNews { float:left; padding:0; }
	form.formNews label { float:left; display:block; }
	form.formNews label span { width:auto; font-size:1.1em; padding:.2em .5em 0 0; text-transform:uppercase; color:#6e349c; }
	form.formNews label input { background:#fff; border:1px solid #5c9dd4; padding:.2em; width:16em; }
	form.formNews input.submit { background:#5c9dd4; margin:0 0 0 .5em; border:none; color:#fff; text-transform:uppercase; text-align:right; padding:0.2em; cursor:pointer; }
	
#titVideo {float:right; text-align:right; margin:.5em 1.6em 0 0; font-size:1.2em;}

/* footer */
#footer { display:block; overflow:hidden; clear:both; width:96em; margin:1em auto 0 auto; border-top:.1em solid #000; }
#footer p { font:normal 1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#919090; text-align:right; margin:.3em 0 0; }