<!--
/* ---------------------------------------------------------  */
/*   Esquema de pagina con pie ajustado abajo                 */
/*   Alvaro Fernandez - info@alvaroweb.com                    */
/*   Código libre del todo                                    */
/* ---------------------------------------------------------  */

/* Traer los estilos de la zona de contenidos */
/*@import url("http://www.traductorliterario.com/p/archivos/estilo-contenido3.css");*/
@import url("http://www.traductorliterario.com/p/archivos/estilo-contenido.css");


/*Resetear todos los margin, padding, border, estilos de lista y tamaños de letra*/
* { margin: 0; padding: 0; border: 0; outline: none; }
li { list-style-type: none; }
a { text-decoration: none; } 

html, body {
height: 100%;
}
body { 
 background: #FEF7EB url("http://www.traductorliterario.com/p/imagenes/comunes/fondo.png") repeat-x top left;
 font-family: "Georgia", "Times New Roman", serif;
 /*font-family: "Haettenschweiler", "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif;*/
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
}

#web {
 min-height: 100%;
 height: auto !important; /* Todos y IE7 */
 height: 100%; /* Solo IE6 y anteriores */
 margin: 0 0 -192px 0; /* el margen negativo inferior ha de ser igual al alto del #pie */
 background: url("http://www.traductorliterario.com/p/imagenes/comunes/fondo_pie.png") repeat-x bottom left;
 text-align: center;
}
#cabecero {
 height: /*179*/164px; width: 100%; padding-top: 15px;
 background: url("http://www.traductorliterario.com/p/imagenes/comunes/cabecero.png") no-repeat top center;
 margin-bottom: 30px;
 text-align: right;
}
/*#cabecero h1 { font-size: 8px; color: black; text-align: left; text-indent: -10000px; }
#cabecero h2 { font-size: 8px; color: black; text-align: left; text-indent: -10000px; }*/

#cabecero h1 { font-size: 8px; color: black; text-align: left; text-indent: -10000px; float: left; width: 20px;}
#cabecero .hotwords {
 width: 554px; margin: 0 auto;
 /*padding: 20px 0 40px 0;*/
 text-align: left;

 /*display: block; width: 554px;
 position: absolute; top: 120px; left: 17%;*/
 
}
#cabecero h2 { 
 position: relative; top: 108px; left: 110px;
 color: #FC9700;
 width: 420px;
 font-size: 1.6em; letter-spacing: -0.05em;
}

#idiomas_disponibles {
 position: absolute; top: 15px; right: 15px;
 display: block; width: 80px; text-align: left; /*margin: 0 15px 0 auto;*/
 background: black url("http://www.traductorliterario.com/p/imagenes/comunes/flecha_seleccion_idioma.gif") no-repeat;
 padding: 5px 10px 5px 20px;
 height: 18px;
 color: white;
 border: 1px dashed #FC9700;
 overflow: hidden;
 cursor: pointer;
 font-size: 1.4em;
}
#idiomas_disponibles:hover { 
  height: auto; background-position: 0 -60px 
}
p.idioma_actual { margin: 0 0 8px 0;}
#idiomas_disponibles ul {margin-bottom: 5px;}
#idiomas_disponibles li { margin: 2px 0; }
#idiomas_disponibles a {color: #FC9700; }
#idiomas_disponibles a:hover {color: white; border-bottom: 1px solid #FC9700; }

.navegacion_interna { display: none; }

#contenido { 
 width: 65%; margin: 0 auto;
 padding: 20px 0 40px 0;
 text-align: left;
}


/*Menu*/
#menu { margin-bottom: 22px; }
#menu h2 { display: none; }
#menu ul { margin: 0; padding: 0;}
#menu ul li { display: inline; }
#menu ul li a {
 font-size: 1.4em; font-weight: bold;
 padding: 30px 10px 17px 10px;
 color: #2B2F2A;
 text-decoration: none;
}
#menu ul li a:hover { background: url("http://www.traductorliterario.com/p/imagenes/comunes/boton_activo.png") repeat-x; color: #2B2F2A;}
#menu ul li.seccion_activa { 
 font-size: 1.4em; font-weight: bold;
 background: url("http://www.traductorliterario.com/p/imagenes/comunes/boton_activo.png") repeat-x; 
 color: #8C5400; 
 padding: 30px 10px 17px 10px;
 cursor: default;
}
#menu ul li.seccion_activa a { 
 font-size: 1em;
 background: none;
 color: #2B2F2A;
 padding: 0 0 0 0;
}

#menu ul li.seccion_activa a:hover {
 background: none;
 color: #2B2F2A;
 padding: 0 0 0 0;
}

/*Submenus*/
.submenu {
 display: block;
 width: 80%; 
 margin: 4px auto 0 auto;
 background: #FDDAA4; color: #2B2F2A;
}
.submenu h3 {display: none;}
.submenu ul li { display: inline; }
.submenu ul li a {
 font-size: 1.1em; 
 line-height: 25px; 
 vertical-align: baseline;
 padding: 5px 8px 6px 8px;
 color: #2B2F2A;
 text-decoration: none;
}
.submenu ul li a:hover { background: #FC9700; color: #2B2F2A; }
.submenu ul li.seccion_actual { 
 font-size: 1.1em; 
 line-height: 25px; 
 vertical-align: baseline;
 background: #FC9700;
 color: #8C5400; 
 padding: 5px 8px 6px 8px;
 cursor: default;
}
.submenu ul li.seccion_actual a {
 background: #FC9700; color: #2B2F2A;
 padding: 0 0 0 0;
} 


/* PALETA DE COLORES  

Naranja claro: FEF7EB
Naranja intermedio: FDDAA4
Naranja intenso: FC9700
Naranja oscuro: 8C5400
Gris oscuro: 292D28

*/

-->