<!--
/* Traer los estilos de la zona de contenidos */ 
@import url("estilo-contenido.css");

/* Resetear las propiedades necesarias para facilitar */
/* la vision homogenea en los diferentes navegadores */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0;
 border: 0;
 font-size: 100%;
 line-height: 1; 
 text-align: left; vertical-align: baseline; /*outline: none;*/
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }

a { text-decoration: none; }

/* ESTRUCTURA PAGINA */
body {
 margin:0; padding: 0;
 background: #DA2007 url(../../imagenes/comunes/fondo_floral.gif) no-repeat center top; 
 color: #666666;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
 text-align: center;
}
#web {
 position: relative;
 width: 900px; min-height: 500px;
 margin: 0 auto;
 text-align: left;
 padding: 0 16px;
 background: url(../../imagenes/comunes/contenido_sombreado.png) repeat-y center top; color: #666666;
}
.fondo1 { background: white url(../../imagenes/comunes/esposas.jpg) no-repeat left top; color: #666666; min-height: 264px;}
.fondo2 { background: white url(../../imagenes/comunes/fresas.jpg) no-repeat left top; color: #666666; min-height: 264px;}

#cabecero {
 display: block; width: 900px; height: 209px; 
 margin: 0 auto;
 position: relative;
}
#cabecero h1 {
 display: block; 
 margin: 0 30px 0 404px; padding-top: 20px;
 font-size: 1.1em; color: #666666; font-weight: lighter; text-align: center; line-height: 1.3em;
}
#enlace_logo {
 position: absolute; left: 400px; top: 74px;
 display: block; height: 135px; width: 455px; 
 background: url(../../imagenes/comunes/logo_juguetitos.png) no-repeat left top; color: black;
 text-indent: -10000px; font-size: 1em;
 outline: none;
}

.centrado { display: block; text-align: center; }
#contenido { float: right; width: 610px; }
#auxiliar_contenido { padding: 0 36px 0 10px;  }
.fin_contenido { clear: both; }

/* PIE */
#pie {
 position: relative; margin: 0 auto;
 display: block; width: 932px; height: 289px; 
 background: url(../../imagenes/comunes/pie.png) no-repeat left top; color: black;
}
#pie p {
 position: absolute; top: 167px; left: 100px;
 padding: 10px 0 0 10px;
 display: block; width: 363px; height: 26px; 
 color: white; font-size: 1.3em;
}
#pie a { color: white; }
#pie a:hover { color: #DA2007; }
#en_construccion { float: right; margin: 0 100px 0 0; }
#posicionamiento {
 position: absolute; top: 210px; left: 90px;
 padding: 0;
 display: block; width: 410px;
 overflow: hidden;
}
#posicionamiento li { float: left; margin: 0 6px 6px 0; }
#posicionamiento li a { color: #F0A69C; font-size: 1.1em; } 
#posicionamiento li a:hover { color: #F8D2CD; } 

/* MENU VERTICAL V.2*/
#menu {
 margin-top: 70px;
 width: 255px;
 padding-left: 30px;
}
/* Primer nivel, diferente al resto */
#menu ul { margin-left: 0px; }
#menu ul li { display: block; }
#menu ul li a {
 display: block; width: 215px;
 padding: 10px 20px 8px 0; margin-bottom: 5px;
 background: url(../../imagenes/comunes/menu_base_celda.png) no-repeat left top; color: white;
 font-size: 1.3em; line-height: 1.4em; font-weight: bold; text-align: right; 
}
#menu ul li a:hover { background-position: left -50px;}
#menu ul li.seccion_actual { 
 display: block; width: 215px;
 padding: 10px 20px 8px 0; margin-bottom: 5px;
 background: url(../../imagenes/comunes/menu_base_celda.png) no-repeat left -50px; color: white;
 font-size: 1.3em; line-height: 1.4em; font-weight: bold; text-align: right; 
}
#menu ul li a.seccion_activa { background-position: left -50px; }
#menu ul ul li a.seccion_activa { font-weight: bold; }

/* Segundo nivel y sucesivos*/
#menu ul ul { margin-left: 25px; margin-top: 10px; margin-right: 30px; margin-bottom: 15px;}
#menu ul ul li a, #menu ul ul li a:hover, #menu ul ul li.seccion_actual, #menu ul ul li a.seccion_activa{
 display: inline; width: auto;
 padding: 2px 0 2px 14px; margin-bottom: 0px;
 background: url(../../imagenes/comunes/menu-icono-nivel-2.png) no-repeat left 4px; color: #666666;
 text-align: left; font-size: 1.3em; line-height: 1.5em; text-align: left; font-weight: lighter; 
}
#menu ul ul li a.seccion_activa { font-weight: bold;} 
#menu ul ul li.seccion_actual { font-weight: bold; color: #DA2007; } 
#menu ul ul li a:hover { color: black; border-bottom: 1px solid #DA2007; }

/* tercer nivel (sobre todo de cara los iconos) */
#menu ul ul ul  { margin-left: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#menu ul ul ul li a, #menu ul ul ul li a:hover, #menu ul ul ul li.seccion_actual, #menu ul ul ul li a.seccion_activa {
 background: url(../../imagenes/comunes/menu-icono-nivel-3.png) no-repeat left 6px;
}
/* cuarto nivel */
#menu ul ul ul ul li a, #menu ul ul ul ul li a:hover, #menu ul ul ul ul li.seccion_actual, #menu ul ul ul ul li a.seccion_activa { 
 background: url(../../imagenes/comunes/menu-icono-nivel-4.png) no-repeat left 7px; 
}
/* quinto nivel */
#menu ul ul ul ul ul li a, #menu ul ul ul ul ul li a:hover, #menu ul ul ul ul ul li.seccion_actual, #menu ul ul ul ul ul li a.seccion_activa { 
background: url(../../imagenes/comunes/menu-icono-nivel-5.png) no-repeat left 10px; 
}

/* BUSCADOR */
#base_buscador {
 display: block; width: 235px; height: 101px;
 position: relative;
 background: url(../../imagenes/comunes/buscador-fondo.jpg) no-repeat left top; color: white;
 text-align: right;
}
#buscador label { display: none; }
#buscador #searchcadena {
 position: absolute; top: 63px; left: 11px;
 width: 175px;
 font-size: 1.3em; font-weight: bold; text-align: right;
 color: #DA2007; border: none; background: none;
}
#buscador #buscador_enviar {
 display: block; width: 23px; height: 25px;
 position: absolute; top: 60px; left: 192px;
 text-indent: -10000px;
 font-size: 0.1em;
 color: #DA2007; border: none; background: none;
 cursor: pointer;
}

/* Habituales */
.navegacion_interna { display:none; }
.cierre_flotacion {clear: both; }

/* TITULO SECCION Y RUTA DE NAVEGACION */
#contenido .titulo_seccion {
 margin: 20px 0 0 0;
 display: block;
 width: 585px; height: 121px;
 background: url(../../imagenes/comunes/titulo_seccion_fondo.png) no-repeat left top; color: white;
}
.titulo_y_ruta { 
 display: block; width: 488px;
 margin: -45px 0 15px 0; 
}
#ruta_navegacion { 
 font-family: Tahoma, Geneva, sans-serif;  font-size: 1.1em; color: #999999; line-height: 1.4em;
 margin: 0 0 5px 20px; color: #999999;
}
#ruta_navegacion .seccion_actual { color: #333333; }
#ruta_navegacion a { color: #999999; }
#ruta_navegacion a:hover { color: #333333; }

-->