<!--
/* 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;*/
 font-family: Tahoma, Geneva, sans-serif;
}
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; }
img { font-size: 1.1em; color: white; }

/* ESTRUCTURA PAGINA */
body {
 background: #000000 url(../../imagenes/comunes/fondo-cabecero.png) repeat-x left top; 
 color: #B3B3B3;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
 text-align: center;
}
#web { 
 width:960px; 
 margin: 0 auto; 
 text-align: left;
 overflow: hidden;
}
#cabecero { 
 height: 62px; 
 position: relative;
}
#imagen_cabecera {
 width: 696px;
 height: 140px;
 overflow: hidden;
}
#bloque_secundario { 
 float: left;
 width: 250px;
 padding-top: 6px;
 background: none;
}
#contenido_lateral {
 width: 250px;
 padding-top: 15px;
 margin: 0;
 background: url(../../imagenes/comunes/fondo-lateral.gif) repeat-y left top;
}
#contenido {  
 width: 696px;
}
#aux_contenido {  
 width: 659px;
 margin-left: 37px;
}

#bloque_primario { 
 float: right;
 width: 696px;
}
/* los enlaces_logo */
a#enlace_logo { display: block; width: 250px; height: 134px; text-indent: -10000px; overflow: hidden; }
a.hosteleria {  background: url(../../imagenes/comunes/logotipo-cosami.jpg) no-repeat; }
a.salsas {  background: url(../../imagenes/comunes/logotipo-cosami-salsas.jpg) no-repeat; }

/* slogan lateral */
#slogan_lateral { 
 width: 160px; 
 height: 151px; 
 margin: 0 auto 0 auto;
 background: url(../../imagenes/comunes/slogan-lateral.gif) repeat-y left top;
 padding: 19px 20px;
}
#slogan_lateral p { 
 font-size: 1.4em;
 line-height: 1.2em;
 color: #FFFFFF;
 /*text-align: justify;*/
}

/* buscador */
#buscador {
 background: url(../../imagenes/comunes/buscador.jpg) no-repeat left top;
 height: 49px;
 margin: 0 auto;
 width: 220px;
}
#buscador label {
 display: none;
}
#buscador #searchcadena { 
 margin:0;
 font-family: Tahoma, Geneva, sans-serif;
 width: 150px; padding: 4px 5px 2px 3px; 
 font-size: 1.3em; line-height: 1.2em; text-align:left;
 color: white; border: none; background: none; float:left;
 margin: 13px 9px 0 18px;
}
#buscador #buscador_enviar {
 display: block; width: 23px; height: 23px;
 margin: 14px 0 0 0;
 text-indent: -10000px;
 font-size: 0.1em;
 color: #002E62; border: none; background: none;
 cursor: pointer;
}

/* Logo CNTA */ 
.logo_cnta {
 display: block;
 padding: 20px 0px 20px 50px;
}

/* idiomas */
#idiomas_disponibles { 
 position: absolute;
 left: 60px; top: 22px;
}
#idiomas_disponibles li {
 float: left;
 font-size: 1.4em; line-height: 1.4em;
 padding: 0 5px; 
}
#idiomas_disponibles li.idioma_actual span {
 color: #B3B3B3;
 border-bottom: 1px solid #068A2E;
}
#idiomas_disponibles a {
 color: #B3B3B3;
}
#idiomas_disponibles a:hover {
 color: white;
 border-bottom: 1px solid #068A2E;
}

/* menu_principal */
#menu_principal { 
 position: absolute;
 left: 264px; top: 0px;
}
#menu_principal li {
 float: left; 
 height: 62px;
}
#menu_principal a, #menu_principal .seccion_actual {
 padding: 18px 10px;
 font-family: Georgia, Times, serif;
 font-size: 2.4em;
}
#menu_principal a {
 display: block;
 color: white;
}
#menu_principal a:hover {
 color: #FFED00;
}
#menu_principal .seccion_actual, #menu_principal a.seccion_activa {
 background: url(../../imagenes/comunes/menu-principal-activo.png) no-repeat center top; 
 color: #FFED00;
}

/* menu_secundario */
#menu_secundario {
 background: #353735;
 margin: 0 15px;
}
#menu_secundario li {
 text-align: right;
 display: block;
}
#menu_secundario a , #menu_secundario span {
 text-align: right;
 display: block;
}
#menu_secundario a.seccion_activa{
 text-decoration: underline;
}
/* nivel 0 */
#menu_secundario ul  { background: none; padding-bottom: 7px; }
#menu_secundario a.normal,
#menu_secundario span.normal {
 font-family: Arial, Helvetica, sans-serif;
 background: url(../../imagenes/comunes/menu-v-nivel0.jpg) no-repeat left top; 
 color: white;
 font-size: 2.0em;
 font-weight: bold;
 padding: 11px 13px 7px 13px;
}
#menu_secundario a.normal:hover,
#menu_secundario span.normal {
 text-decoration: underline;
}
/* nivel 1 */
#menu_secundario ul ul  { background: none; padding-bottom: 7px; }
#menu_secundario ul ul li { background: none; }
#menu_secundario a.estilo1,
#menu_secundario span.estilo1 {
 font-family: Arial, Helvetica, sans-serif;
 color: #C0C0C0;
 font-size: 1.6em;
 font-weight: bold;
 padding: 7px 13px 0 13px;
}
#menu_secundario a.estilo1:hover,
#menu_secundario span.estilo1 {
 text-decoration: underline;
}
#menu_secundario a.estilo1.seccion_activa{
 padding: 7px 13px 10px 13px;
}
/* nivel 2 */
#menu_secundario ul ul ul  { background: black; padding-bottom: 7px; padding-top: 5px; }
#menu_secundario ul ul ul li { background: black; }
#menu_secundario a.estilo2,
#menu_secundario span.estilo2 {
 font-family: Tahoma, Geneva, sans-serif;
 color: #CCCCCC;
 background: black;
 font-size: 1.4em;
 font-weight: normal;
 padding: 4px 13px 4px 13px;
}
#menu_secundario a.estilo2:hover,
#menu_secundario span.estilo2 {
 text-decoration: underline;
}
/* nivel 3 */
#menu_secundario ul ul ul ul { background: black; padding-bottom: 10px; }
#menu_secundario ul ul ul ul li { background: black; }
#menu_secundario a.estilo3,
#menu_secundario span.estilo3 {
 font-family: Tahoma, Geneva, sans-serif;
 color: #CCCCCC;
 background: black;
 display: inline-block;
 font-size: 1.3em;
 font-weight: normal;
 margin: 2px 32px 2px 13px;
 border-bottom: 1px solid black;
}
#menu_secundario a.estilo3:hover,
#menu_secundario span.estilo3 {
 border-bottom: 1px solid #8DB61D;
}

/* Habituales */
#fin_contenido { clear: both; }
.navegacion_interna { display:none; }
.cierre_flotacion {clear: both; }
acronym, abbr {
 border-bottom:1px dotted #068A2E;
 cursor:help;
}

/* Pie */
#pie { 
 display: block;
 clear: both;
 background: #000000 url(../../imagenes/comunes/fondo-pie.png) repeat-x left top; 
 margin-top: 50px;
}

#contenido_pie { 
 width:960px; height: 217px;
 margin: 0 auto; 
 text-align: left;
 background: #000000 url(../../imagenes/comunes/fondo-pie.png) repeat-x left top; 
}

#logo_pie { 
 width: 174px; height: 150px;
 margin: 0 70px 0 55px; float:left;
 background: url(../../imagenes/comunes/cosami-logo-pie.png) no-repeat left 30px; 
}

p#slogan_pie { font-size: 1.4em; line-height: 1.3em; color: white; }
#slogan_pie strong { font-weight: normal; }
#enlaces_pie { padding: 40px 0 10px 0; }
#enlaces_pie a { 
 font-size: 1.4em; line-height: 1.1em; color: #A8A8A8; text-decoration: none;
 border-bottom: 1px solid #068A2E; margin-right: 8px;
}
#enlaces_pie a:hover {  color: white; }
#posicionamiento { padding-top: 6px; }
#posicionamiento a { color: #5C5C5C; font-size: 1.1em; line-height: 1.2em; margin-right: 5px;}
#posicionamiento a:hover { color: #969696; }


/* migas de pan */
#ruta_navegacion { 
 color: #B3B3B3; font-size: 1.3em; padding-top: 8px;
}
#ruta_navegacion a { 
 color: #B3B3B3; 
}
#ruta_navegacion a:hover { 
 color: white;
}
#ruta_navegacion .seccion_actual{ 
 color: #8DB61D; 
}