/* ---------------------------------- */
body { font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: justify; margin: 0; }
.base{ position: relative; top: 200px; }

.derecha { float: right; }
.derecha2 { position: relative; float: right; padding: 14px 60px 14px 14px; }
.izquierda2 { padding: 14px 14px 14px 24px; position: relative; float: left; }
.izquierda { position: relative; top: 0; float: left; }
.abajo2 { position: relative; top: 315px; }
.margen { padding: 6px; }
.subapartado { padding-right: 20px; padding-left: 30px; }
/* --------------- ventanas --------------- */
#suscribe{
background-color:white;
border:solid 1px #527e99;
}
#menuTradicional{ background-color:white; border:solid 1px #527e99; }
#banner{ background-color:white; border:solid 1px #527e99; }
#contacta{ background-color:white; border:solid 1px #527e99; }
#galeria{ background-color:white; border:solid 1px #527e99; }
#mapa{ background-color:white; border:solid 1px #527e99; }
#ventana { background-color: white; margin: 2px; padding: 2px; border: solid 1px #527e99; }
/* --------------- estructura --------------- */
/*menu*/
#entrada { margin: 12% auto auto; width: 669px; color: white; text-align: center; vertical-align: bottom; }
.logoMarron { background-color: #ba9569; background-image: url(../imagenes/logos/logo01.gif); background-repeat: no-repeat; background-position: 0 top; vertical-align: bottom; width: 223px; padding-top: 91px; }
.logoVerde{ background-color: #8b8e0b; background-image: url(../imagenes/logos/logo02.gif); background-repeat: no-repeat; background-position: 0 top; vertical-align: bottom; width: 223px; padding-top: 91px; }
.logoNaranja{ background-color: #d87301; background-image: url(../imagenes/logos/logo03.gif); background-repeat: no-repeat; background-position: 0 top; vertical-align: bottom; width: 223px; padding-top: 91px; }
/* ---------- kids empresas y restaurante ---------- */
/*elementos de la cabecera*/
.negro { background-color: #292b37; position: relative; top: 0; width: 430px; height: 22px; float: right; }
.verde { background-color: #8b8e0b; text-align: right; position: relative; top: 0; width: 165px; height: 22px; float: right; margin-left: 5px; padding: 0; }
.marron { background-color: #ba9569; text-align: right; position: relative; top: 0; width: 165px; height: 22px; float: right; margin-left: 5px; padding: 0; }
.naranja { background-color: #d87300; text-align: right; position: relative; top: 0; width: 165px; height: 22px; float: right; margin-left: 5px; padding: 0; }
/*cuerpo de la pagina*/
#cuerpo { width: 770px; margin: auto; }
#barraNaranja { background-color: #d87300; background-image: url(../imagenes/logos/kids.gif); background-repeat: no-repeat; position: relative; width: 185px; height: 545px; float: left; }
#barraVerde { background-color: #8b8e0b; background-image: url(../imagenes/logos/restaurante.gif); background-repeat: no-repeat; position: relative; width: 185px; height: 545px; float: left; }
#barraMarron { background-color: #ba9569; background-image: url(../imagenes/logos/empresas.gif); background-repeat: no-repeat; position: relative; width: 185px; height: 545px; float: left; }
#espacio { width: 585px; height: 486px; float: right; }
#menus { line-height: 18px; width: 585px; height: 55px; }
/*pie de la pagina*/
#pie { line-height: 13px; width: 770px; }
/*cajas y fondos*/
.cajaRedonda { background-image: url(../imagenes/fondos/caja.gif); background-repeat: no-repeat; background-position: center; width: 489px; height: 81px; }
.cajaF { background-image: url(../imagenes/logos/F.gif); background-repeat: no-repeat; background-position: left top; padding-left: 30px; }
.cajaMargen { padding: 12px; border: solid 2px #8b8e0b; }
#logoMarron {
	background-color: #d87300;
	}
#fondo{ text-align: center; width: 800px; height: 500px; }

/* --------------- tipografias --------------- */
/* ----- enlaces ----- */
a.caja:link { background-color: #8b8e0b; color: #fff; text-decoration: none; padding: 6px; }
a.caja:visited { background-color: #8b8e0b; color: #fff; text-decoration: none; }
a.caja:hover { background-color: #7597b3; color: #fff; text-decoration: none; }
a.caja:active { background-color: #8b8e0b; color: #fff; text-decoration: none; }

/* enlaces para el menu */
a.enlaceVerde:link { color: #8b8e0b; text-decoration: none; background-image: url(../imagenes/pix/punto3.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceVerde:visited { color: #8b8e0b; text-decoration: none; background-image: url(../imagenes/pix/punto3.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceVerde:hover { color: #8b8e0b; text-decoration: none; background-image: url(../imagenes/pix/punto3.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceVerde:active { color: #8b8e0b; text-decoration: none; background-image: url(../imagenes/pix/punto3.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}

a.enlaceNaranja:link { color: #D87300 ; text-decoration: none; background-image: url(../imagenes/pix/punto1.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceNaranja:visited { color: #D87300 ; text-decoration: none; background-image: url(../imagenes/pix/punto1.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceNaranja:hover { color: #D87300 ; text-decoration: none; background-image: url(../imagenes/pix/punto1.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceNaranja:active { color: #D87300 ; text-decoration: none; background-image: url(../imagenes/pix/punto1.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}

a.enlaceMarron:link { color: #ba9569 ; text-decoration: none; background-image: url(../imagenes/pix/punto4.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceMarron:visited { color: #ba9569 ; text-decoration: none; background-image: url(../imagenes/pix/punto4.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceMarron:hover { color: #ba9569 ; text-decoration: none; background-image: url(../imagenes/pix/punto4.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}
a.enlaceMarron:active { color: #ba9569 ; text-decoration: none; background-image: url(../imagenes/pix/punto4.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px;}

a.enlaceGris:link { color: #666; text-decoration: none; background-image: url(../imagenes/pix/punto2.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px; }
a.enlaceGris:visited { color: #666; text-decoration: none; background-image: url(../imagenes/pix/punto2.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px; }
a.enlaceGris:hover { color: #666; text-decoration: underline; background-image: url(../imagenes/pix/punto2.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px; }
a.enlaceGris:active { color: #666; text-decoration: none; background-image: url(../imagenes/pix/punto2.gif); background-repeat: no-repeat; background-position: 0 center; letter-spacing: -1pt; margin-left: 10px; padding-left: 12px; }

/* enlaces subrayados de color */
a.underlineNaranja:link { color: #d87300; text-decoration: none;}
a.underlineNaranja:visited { color: #d87300; text-decoration: none;}
a.underlineNaranja:hover { color: #d87300; text-decoration: underline;}
a.underlineNaranja:active { color: #d87300; text-decoration: none;}

a.underlineMarron:link { color: #ba9569; text-decoration: none;}
a.underlineMarron:visited { color: #ba9569; text-decoration: none;}
a.underlineMarron:hover { color: #ba9569; text-decoration: underline;}
a.underlineMarron:active { color: #ba9569; text-decoration: none;}

a.underlineVerde:link { color: #8b8e0b; text-decoration: none;}
a.underlineVerde:visited { color: #8b8e0b; text-decoration: none;}
a.underlineVerde:hover { color: #8b8e0b; text-decoration: underline;}
a.underlineVerde:active { color: #8b8e0b; text-decoration: none;}

/*guiones*/
.menuGris { color: #666; font-weight: 600; background-image: url(../imagenes/pix/punto2.gif); background-repeat: no-repeat; background-position: 0 center; margin-left: 10px; padding-left: 12px; }
.menuVerde { color: #8b8e0b; font-weight: 600; background-image: url(../imagenes/pix/punto3.gif); background-repeat: no-repeat; background-position: 0 center; margin-left: 10px; padding-left: 12px; }
.menuNaranja{ color: #d87300; font-weight: 600; background-image: url(../imagenes/pix/punto1.gif); background-repeat: no-repeat; background-position: 0 center; margin-left: 10px; padding-left: 12px; }

/* ----- tipos de texto ----- */
.tituloVerde { color: #8b8e0b; font-size: 11pt; font-weight: bold;}
.tituloNegro { color: #333; font-size: 10pt; font-weight: bold;}

.subTituloVerde { color: #8b8e0b; font-size: 10pt; text-decoration: underline; }
.subTituloGris {font-size: 9pt; font-weight: bold;}
.subTituloNegro { color: #333; font-size: 9pt; font-weight: bold; text-align: center; }
.subTituloNaranja { color: #d87300; font-size: 9pt; font-weight: bold; }

.textoVerde { color: #8b8e0b; }
.textoAzul { color: #7597b3; }
.textoMarron { color: #ba9569; }
.textoNaranja { color: #d87300; }

.textoGrisClaro { color: #999; }
.textoGrisOscuro { color: #333; }
/*parrafos
*/
.marcador_0 {margin-left: 10px; padding-left: 12px;}
.marcador_1 {background-image: url(../imagenes/pix/punto1.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_2 {background-image: url(../imagenes/pix/punto2.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_3 {background-image: url(../imagenes/pix/punto3.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_4 {background-image: url(../imagenes/pix/punto4.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_5 {background-image: url(../imagenes/pix/punto5.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_6 {background-image: url(../imagenes/pix/punto6.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_7 {background-image: url(../imagenes/pix/punto7.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_8 {background-image: url(../imagenes/pix/punto8.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}
.marcador_9 {background-image: url(../imagenes/pix/punto9.gif); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-left: 12px;}

/* --------------- colores y separadores --------------- */
.bordeMarron { border: solid 2px #ba9569; }
.bordeNaranja { margin-top: 10px; border: solid 2px #d87300; }
.bordeVerde { margin-top: 10px; border: solid 2px #8b8e0b; }
.bordeGris { margin-top: 10px; border: solid 2px #999; }
.bordeOscuro { margin-top: 10px; border: solid 2px #666; }

.separador2 { background-color: #d87300; margin: auto; width: 560px; height: 4px; }
.linea { background-color: #8b8e0b; width: auto; height: 3px; margin-top: 10px; margin-right: auto; margin-left: auto; }
.linea2 { background-color: #d87300; margin-top: 10px; margin-right: auto; margin-left: auto; width: auto; height: 3px; }
element { }