@import url("titulos.css"); /* Estilo de las listas */
/* CSS Document
por Claudio Olivares, Nov 2006
*/

/*neutralizacion*/
html, body, form, ul, ol { margin: 0; padding: 0; }

/*general*/
body { color: #000000; background: #fff url('img/bg_body.png') repeat-x 0 0;
font-size: 75%;
font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, p, ul, ol, blockquote { margin: 1em 0; }
ul, ol { list-style: none; }

.left { float: left; }
.right { float: right; }

img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }

.clear { clear: both; }

a { color: #666; text-decoration: none; }
a img { border: none; }

/*diagramacion*/
#marco { width: 800px; margin: 0 auto; background: #fff url('img/bg_marco.gif') repeat-y 0 0; }
#izq, #der { float: left; /*display: inline;*/ }
#izq { width: 212px; }
#izq #menu { witdh: 190px; margin-left: 22px; }
#der { /*width: 588px;*/ }
#der #header_content { height: 152px; }
#der #flash { height: 189px; }
#der #caja_contenido { width: 584px; padding: 20px 0; }
#der #caja_contenido #contenido { margin: 0 20px; padding: 20px 20px 0 100px; }
#pie { border-top: 4px solid #BBBBBB; padding-top: 5px; clear:both; background-color: #fff; }
#pie p { margin: 0; }

/*=elementos de navegacion*----------/
/*principal*/
ul#nav { background-color: #CCCCCC; border-top: 1px solid #CCCCCC; height: 1%; /*para correcto despliegue en IE6*/ }
ul#nav li { background-color: #FFFFFF; width: 190px; height: 24px; border-bottom: 1px solid #CCCCCC; position: relative; }
ul#nav li:hover ul, #menu ul#nav li.over ul { display: block; z-index: 2; }
ul#nav li a { display: block; height: 24px; text-indent: -9999px; }
ul#nav li ul { position: absolute; left: 190px; top: -1px; margin: 0; width: 190px; display: none; background: #efefef url(img/bg_sub_menu.png) repeat-x 0 0; }
ul#nav li ul li { background-color: transparent; width: 190px; height: 16px; border-bottom: 1px solid #CCC;}
ul#nav li ul li a { display: block; text-indent: 0; height: 16px; padding-left: 20px; text-decoration: none; color: #666; }
ul#nav li ul li a:hover { color: #333; }
ul#nav li.presentacion { background: #FFFFFF url(img/bg_li_presentacion.png) no-repeat 0 0; }
ul#nav li.innovadores { background: #FFFFFF url(img/bg_li_innovadores.png) no-repeat 0 0; }
ul#nav li.noticias { background: #FFFFFF url(img/bg_li_noticias.png) no-repeat 0 0; }
ul#nav li.documentos { background: #FFFFFF url(img/bg_li_documentos.png) no-repeat 0 0; }
ul#nav li.contacto { background: #FFFFFF url(img/bg_li_contacto.png) no-repeat 0 0; }

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 24px; }
* html ul#nav li a { height: 24px; }
/* End */

/*navegacion innovadores*/
ul#nav_innova { width: 584px; height: 15px; margin: 0;}
ul#nav_innova li { float: left; width: 50%; }
ul#nav_innova li a { display: block; height: 15px; background-color: #BFBFBF; padding: 5px; }
ul#nav_innova li a:hover { background-color: #EFEFEF;}
ul#nav_innova li.anterior { text-align: left; }
ul#nav_innova li.siguiente { text-align: right; }

/*=listas*---------/
/*listas contenido*/
#contenido ul { margin-left: 1em; }
#contenido ul li { padding-left: 12px; margin-bottom: 1em; background: url('img/bullet.gif') no-repeat 0 0.3em; }

/*documentos*/
#contenido ul.documentos li { margin-bottom: 1.5em; background: none; padding: 0; }
#contenido ul.documentos li a { display: block; background: url('img/ico_pdf.png') no-repeat 0 0; padding-left: 42px; color: #999; }
#contenido ul.documentos li a:hover { color: #333; }

/*colores*/
#der #caja_contenido #contenido { color: #FFF; }
body#noticias #der #caja_contenido #contenido { color: #333; }
body#presentacion #der #caja_contenido #contenido { color: #333; }
body#contacto #der #caja_contenido #contenido { color: #333; }
body#documentos #der #caja_contenido #contenido { color: #333; }

/*titulos*/
h1 { font-size: 2em; margin: 0; }
h2 { font-size: 1.8em; width: 588px; height: 152px; margin: 0; text-indent: -9999px; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h3 span { display: block; font-weight: normal; }

/*textos*/
#pie { text-align: right; }

/*Formulario contacto*/
form#contacto ol li { margin-bottom: 1em; }
form#contacto label { display: block; }