<!--
/* 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; Quitado por temas de usabilidad */
}
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 0 40px 0;
 background: white; 
 color: black;
 font-family: Trebuchet, Tahoma, Arial, sans-serif;
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
 text-align: center;
}
#web { 
 position: relative;
 width: 920px; 
 overflow:hidden;
 margin: 0 auto;
 text-align: left;
 padding: 0 9px 30px 9px;
 background: white url(../../imagenes/comunes/contenido_sombreado.png) repeat-y left top; color: #666666;
}
#cabecero {
 position: relative;
 float: left; width: 920px; min-height: 210px;
 background: url(../../imagenes/comunes/cabecero.jpg) no-repeat left top; color: white;
}
#enlace_logo {
 position: absolute; left: 40px; top: 15px;
 display: block; height: 136px; width: 266px; 
 text-indent: -10000px; font-size: 1em;
}
#cabecero_txt {
 width: 521px;
 position: absolute; left: 356px; top: 15px;
 font-size: 1.3em; line-height: 1.4em;
}
#cabecero_txt strong {font-weight: normal;}


/* menu principal */
#menu_principal { position: absolute; left: 357px; top: 117px; overflow: hidden; }
#menu_principal li { float: left; }
#menu_principal li a { display: block; height: 24px; text-indent: -1000px; }
li#inicio a { width: 90px; background: url(../../imagenes/comunes/boton-inicio.png) no-repeat left top; color: white; }
li#servicios a { width: 105px; background: url(../../imagenes/comunes/boton-servicios.png) no-repeat left top; color: white; }
li#curriculum a { width: 116px; background: url(../../imagenes/comunes/boton-curriculum.png) no-repeat left top; color: white; }
li#articulos a { width: 105px; background: url(../../imagenes/comunes/boton-articulos.png) no-repeat left top; color: white; }
li#contacto a { width: 105px; background: url(../../imagenes/comunes/boton-contacto.png) no-repeat left top; color: white; }
li#inicio a:hover, li#servicios a:hover, li#curriculum a:hover, li#articulos a:hover, li#contacto a:hover  { background-position: left -54px; }
#menu_principal li.seccion_actual a { background-position: left -54px;  }
#menu_principal li a.seccion_activa { background-position: left -54px;  }

/* menu lateral */
#menu_secundario_lateral { 
 width:292px; background:#E9F2E8 url(../../imagenes/comunes/submenu-lateral-fondo.gif) no-repeat left top;
 padding: 20px 0 0 0; margin: 0 0 20px 0;
}
#menu_secundario_lateral p { display:none; } 
#menu_secundario_lateral ul { background:none; margin: 0 20px 10px 20px; } 
#menu_secundario_lateral li { margin-bottom: 8px;  }
#menu_secundario_lateral li.seccion_actual { 
 background: url(../../imagenes/comunes/submenu-lateral-icono.gif) no-repeat left 3px; color: #2C7F22; font-weight:bold;         
 font-size: 1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 17px; 
} 
#menu_secundario_lateral li a { 
 background: url(../../imagenes/comunes/submenu-lateral-icono.gif) no-repeat left 5px ; color: #2C7F22; font-weight:normal; 
 font-size: 1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  padding-left: 17px;
} 
#menu_secundario_lateral li a:hover { color:#164211; text-decoration:underline; }
#fin_menu_secundario { width:292px; height:10px; background: url(../../imagenes/comunes/submenu-lateral-fin.gif) no-repeat left top;  }

#ruta_navegacion {
 width: 516px; padding: 7px 20px;
 background: #71966E url(../../imagenes/comunes/ruta_navegacion.png) no-repeat left bottom; color: white;
 position: absolute; left: 338px; top: 155px;
 font-family: Tahoma, Geneva, sans-serif;  font-size: 1.1em; line-height: 1.4em;
}
#ruta_navegacion a { color: white; }
#ruta_navegacion a:hover { color: white; border-bottom: 1px solid #FCCD01; }


#bloque_secundario { 
 float: left; width: 292px;
 margin: 0px 0px 0px 26px; 
 /*background: red;*/
}
#bloque_primario { 
 float: right; width: 556px;
 margin: 0px 26px 0px 0px;
 /*background: blue;*/
}


.fin_contenido { clear: both; }


#pie {
 clear: both;
 position: relative; margin: 0 auto;
 display: block; width: 938px; height: 127px; 
 background: url(../../imagenes/comunes/pie.jpg) no-repeat center top; color: white;
}

/* BUSCADOR */
#buscador { position:absolute; top:23px; right:0; background:none; }
#buscador label { display:none; }
#buscador_enviar { 
 width:20px; height:20px; text-indent:-10000px;
 background:none; border:none; font-size:0.01em; color:white;
 margin-right:40px; 
}
#buscador_enviar:hover { cursor:pointer; }
#searchcadena { background:none; 
 font-family:Tahoma, Geneva, sans-serif; font-size:1.3em; color:#666666;
 border:none; display:block; float:left; margin-right:5px; }
 
/* TEXTO Y ENLACES PIE */
#txt_pie {
 display: block; width: 414px;
 /*position: absolute; left: 510px; top: 28px;*/
 position: absolute; left: 183px; top: 54px;
 font-size: 1.1em; line-height: 1.3em; text-align: left;
 color: white;
}
#txt_pie strong {font-weight: normal;}
#txt_pie a { color: white; border-bottom: 1px solid #FCCD01; }
#txt_pie a:hover { color: white; border-bottom: 1px solid white; }
#pie #txt_pie .efecto_subir { display: inline; }

/* POSICIONAMIENTO */
#posicionamiento { position:absolute; width:360px; background: none; top:55px; right:35px; text-align:right; }
#posicionamiento a {
 font-size: 1.1em; line-height: 1.2em; margin-left:5px;
 color: white; }
#posicionamiento a:hover {
 border-bottom: 1px solid #FCCD01; }

.navegacion_interna {display:none;}