/*
 * HOJA DE ESTILOS: estilos-mz.css
 * Creador........: cactuscomputersolutions.com
 * Copyright......: Maba Playa © 2008
 * Fecha Creación.: 30-10-2007
 * Fecha Ult. Mod.: 30-06-2010
 */

html, * {
	font-family: "trebuchet ms", arial, verdana, sans-serif;
	font-size: 100%;
	color: black;
}

body {
	background: url(../../imagenes/fondo-arena.jpg) #fff fixed;
	margin: 0;
	padding: 0;
}

body#nivel2 {
	background: url(../../imagenes/fondo-arena-2.jpg) #fff fixed;
}

a {	text-decoration: none; }
p, form, input, textarea { font-size: small; }
img { border: none; }
.ocultar {display: none; }
.mostrar {display: block; }
img.izq { float: left; margin: 0 0.625em 0.625em 0; }
img.der {float: right; margin: 0 0 0.625em 0.625em; }
b, strong { color: #093; }

/*----- FIN ESTILOS GLOBALES -----*/

/*----- ESTILO PLANTILLA: Paginas ----------------------*/
#contenedor {	width: 44.688em; height: 1%; overflow: hidden; margin: 4em auto; } /* 715x575px */

#cabecera, #cabecera-niv2 { width: 44.688em; height: 6em; text-align: center; }
#cabecera-niv2 img { float: left; text-align: left; }

#cuerpo { clear: both; width: 44.688em; height: 23.75em; z-index: 1; }
#cuerpo #publicidad { position: absolute; width: 30.688em; height: 15.75em; margin: 8em 7em 0 7em; background: url(../../imagenes/fondo-verde.png); z-index: 2; }
#cuerpo #publicidad div { width: 11.875em; height: 11.875em; margin: 3.7em auto; }
#cuerpo #idiomas { position: absolute; width: 44.688em;	height: 16.25em; z-index: 3; }
/* las tres columnas del cuerpo donde van los idiomas */
#cuerpo #col1, #cuerpo #col2, #cuerpo #col3 { float: left; width: 14.896em; height: 16.25em; }
#cuerpo .marco-idioma { width: 12.188em; height: 12.188em; margin: 4.062em auto 0 auto; }
#cuerpo .marco-idioma-central { margin: 0.5em auto 0 auto; } /* idioma central */

/* bordes redondeados capas idiomas portada */
.id-tl { background: url(../../imagenes/bordes/idiomas-tl.png) no-repeat top left;}
.id-tr { background: url(../../imagenes/bordes/idiomas-tr.png) no-repeat top right; }
.id-bl { background: url(../../imagenes/bordes/idiomas-bl.png) no-repeat bottom left; }
.id-br { background: url(../../imagenes/bordes/idiomas-br.png) no-repeat bottom right; }
.id-top { background: url(../../imagenes/bordes/top.png) repeat-x; }
.id-bottom { background: url(../../imagenes/bordes/bottom.png) repeat-x; }
.id-tl, .id-tr, .id-bl, .id-br { float: left;	width: 30px; height: 30px; font-size: 1px; }
.id-top, .id-bottom { float: left; width: 135px; height: 30px;}

/* bordes redondeados capas general */
.tl { background: url(../../imagenes/bordes/tl.png) no-repeat top left;}
.tr { background: url(../../imagenes/bordes/tr.png) no-repeat top right; }
.bl { background: url(../../imagenes/bordes/bl.png) no-repeat bottom left; }
.br { background: url(../../imagenes/bordes/br.png) no-repeat bottom right; }
.top, .bottom { background: #009966; }
.tl, .tr, .bl, .br { float: left;	width: 20px; height: 20px; font-size: 1px; }
.top, .bottom { float: left; width: 135px; height: 20px;}

.marco-idioma .bandera { clear: both; width: 100%; height: 135px; background: url(../../imagenes/bordes/body.png) repeat-y; }
.marco-idioma .bandera span { text-align: center; }
.marco-idioma .bandera span img { border: 1px solid #555555; }
.marco-idioma .bandera span div p { text-transform: uppercase; font-size: medium; color: #ffffff; margin: 0;}
.marco-idioma .bandera a:hover p { color: #ffcc00; }

/*----- PIE DE PÁGINA ------------------------------*/
#pie { clear: both; width: 44.688em; height: 6.875em; text-align: center; }
#pie .marco-pie, #pie .cuerpo-pie { width: 600px; }
#pie .marco-pie { height: 6.875em; margin: 0 auto; }
#pie .top, #pie .bottom { width: 560px; background: #ffcc00; }
#pie .cuerpo-pie { clear: both; height: auto; background: #ffcc00; }

/*----- LISTAS AL PIE ------------------------*/
#pie ul {	width: 100%; margin: 0; padding: 0; list-style-position: inside; list-style: none; }
#pie ul li { display: inline; }
#pie ul li a { font-size: small; padding: 0 5px; border-bottom: none;	border-left: 1px solid #000000; color: #000000; } /* simulamos separadores de listas */
#pie ul li.first a { padding-left: 0; border-left: none; } /* simulamos separadores de listas */
#pie ul li a:hover { border-bottom: 1px solid #000000; }
#pie p { margin: 0; padding: 0; font-size: small; color: #555555; }
#pie p span, #pie span a { font-size: x-small; color: #555555; }

/*----- MENU ---------------------------------------*/
#menu { float: left; width: 300px; }
#menu ul { float: left; margin: 0; padding:0; list-style: none; list-style-position: inside; }
#menu ul li { width: 140px; height: 35px; }
#menu ul li a { display: block ; width: 140px; height: 35px; padding: 0; margin: 0; }
#menu ul li a:hover { background-color: #ffff00; color: #000000; }

/*----- CONTENIDO PÁGINA ---------------------------*/
#cuerpo-contenido { clear: both; width: 44.688em; height: auto; margin: 1.25em 0; }
#contenido { width: 100%; height: auto; padding: 0.938em 0.625em; padding: 0.625em; background: url(../../imagenes/fondo-amarillo.png); }
#contenido div { padding: 0 0.625em; }
#contenido div p { font-size: small; text-align: justify; }
#contenido div ul { list-style: none; list-style-position: inside; margin-top: 70px;}
#contenido div ul li { font-size: small; font-weight: bold; color: #093; }
#contenido div ul li:before { content: "\2248 \0020"; }
#contenido p { padding: 0 .625em; }
#contenido h1, #contenido p span { font-size: small; text-transform: uppercase; }
#contenido h1 { font-size: large; }

/*----- CONTENIDO GALERÍA ---------------------------*/
#contenido-galeria { width: 42em; height: 1%; margin: 0 auto;	padding: 0;	overflow: hidden; }

/*----- CONTENIDO GOOGLE MAPS ---------------------------*/
#contenido-maps {	width: 40em;	height: 25em;	margin: 0 auto;	padding: 0; overflow: hidden;	border: 2px solid #ffbb00; }

/*----- FORMULARIO RESERVAS ---------------------------*/
form fieldset { width: 31.25em; height: auto; margin: 0 auto; padding: 0.625em; border: 1px solid #ffbb00; }
form fieldset legend { width: 50%; padding: 0.313em; background: url(../../imagenes/fondo-verde.png); text-transform: uppercase; color: #ffffff; }
form fieldset label { display: block; float: left; width: 4.688em; }
.formulario {	font-size: normal; }
.frmEtiqueta { color: #000000; font-weight: bold; }
.frmCampo, .frmTexto { width: 20em; border: 1px solid #ffbb00; background: #ffcc00; } /* form text, textarea */
.frmCampo {	height: 1.25em; text-transform: uppercase; } /* form text */
.frmTexto { height: 6.875em; } /* form textarea */