/* CSS Document */ /* ======== Diseño Lucrecia Poteca ========= */ /* CSS BASE Revision: 2010 ======================================= Author: Lucrecia Poteca = Email: lulypoteca@yahoo.com.ar lpoteca_dcv@yahoo.com.ar = ======================================= */ /* ================================== */ /* ============ Estandar ============ */ /* ================================== */ /* ########################### ##Colores: ########################### ##Tamaños básicos de fuentes en : .68em; 10px = .9em; PREDETERMINADO: 11px = 1em; 12px = 1.08em; 13px = 1.18em; 14px = 1.27em; 15px = 1.36em; 16px = 1.45em; 17px = 1.54em; /* ============== CSS RESET ================ */ /* ========================================= */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0px; padding:0px; } table { border-collapse:collapse; border-spacing:0; } caption, th { text-align:left; } fieldset, img { border:none; } a { outline:none; } h1, h2, h3, h4, h5, h6 { font-size:1em; margin:0px; padding:0px; } ol, ul { list-style:none; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } abbr, acronym { cursor:pointer;} hr { display:none;} .clearfix { clear:both } /* ========= Estructura HTML =============== */ /* ========================================= */ body { font-family: Verdana;font-size: 11px;color: #000000;text-decoration: none;list-style-position: outside;text-align:justify;vertical-align: sub;background-repeat: repeat;background-image: url(imagenes/fondo.png);} p {line-height:17px;} ul { padding-left: 0px; margin-left: 0px; list-style-type: none; } #cuerpo{padding:35px 10px 0; display:inline-block;} /*#cuerpo, #colAlta,*/ #col_der ul li, #colAltaIndex ul li { line-height:17px; padding-left: 12px; background: url(imagenes/flecha1.png) 0em 0.5em no-repeat; display:block;} table{ margin: 0 auto 25px;} table th { width:700px; height:25px; padding:5px 0; } tr {border-bottom:dashed 1px #CCC;} td { width:200px; text-align: center;} td img{ width:21px; height:16px;padding:14px 10px 0 10px;} a.td {color: #333399;text-decoration: underline; display:inline;} a.td:hover {color: #CC0000;text-decoration: underline; display:inline;} li.integrantes{ height:20px;border-bottom: dotted #999999 1px; margin-bottom:4px;display: block} #banner{background-image: url(flash/imagen_banner.gif);width:950px;height:150px;margin:auto; } #menu{ width:950px; height:25px!important;margin:auto; display:block;font-family: Verdana;font-size: 14px;color: #000000;text-decoration: none;background-color: transparent;list-style-position: inside;text-align: left;vertical-align: sub;} #menu2{width:944px;height:25px!important;height:25px;background-image: url(imagenes/fd_menu.gif);background-repeat:repeat-x; margin:auto; } #botones{width:202px;height:25px;text-decoration:none;float: left; margin-left:10px; display:inline; } #menu_desplegable{ width:722px; float:left; background-image:url(imagenes/menu_der.gif) right; padding:0 0 0 10px; display: block;} /* ========= JERARQUIAS =========== */ /* ============ Index ============= */ #menu_desplegable ul li {list-style-type:none;font-family: Verdana;width:120px;height:25px;float:left;color:#033669;text-decoration: none;text-align:center; } .bt {width:40px;text-decoration:none;color: #333333; float:left;} .shadow-1 {text-decoration:none;color: #333333; text-shadow: #FFFFFF 1px 1px 1px;} #menu_desplegable a { width:100%;padding-top:3px;display: block;} #botones a{ padding:2px 5px 0;display:block;} #menu_desplegable a:link, #botones a:link,#menu_desplegable a:visited,#botones a:visited{ color:#033669;text-decoration:none; display:block;} #menu_desplegable ul li.shadow-1 a:hover{ color: #fff;text-decoration:none;background-image: url(imagenes/24x24/a-bt.gif);text-shadow: #033669 1px 1px 1px;/*Firefox*/} #menu_desplegable ul li.shadow-1 a:active{ color: #fff;text-decoration:none;background-image: url(imagenes/24x24/a-bt.gif);} span#menuContainer {cursor:pointer;} /*======== Titulares ==========*/ h1{ width:308px; height:85px; float:left; text-indent:-9999px; background:url(imagenes/logo_index.gif) no-repeat; margin:20px 20px 10px 30px;display:block;} h2 { height:20px;font-size: 12px; font-weight: bold; text-align:left;color: #3399CC;text-decoration: none; border-bottom: solid #cecece 1px; margin-bottom:8px;display: block; }/*titulo*/ .frase{ height:auto;text-align:center; color:#309; font-weight: normal ;font-size:13px; line-height:20px; border: none;margin:0 30px 30px;} h3 {font-size: 11px;font-weight: bold; color: #333399; font-variant: normal; margin:8px 0 4px 0;text-decoration: none; text-indent:-9999px}/*subtitulo*/ h4{font-size: 10px;font-style: italic; font-weight: bold;text-decoration: none; font-size: 11px;}/*destacado*/ .destacado{margin:8px 0 4px 0;} .destacados {font-style: none; font-weight: bold; color:#333333; text-decoration: none; font-size: 11px;} .destacados1 {font-style: none; font-weight: bold; color: #CC3300; text-decoration: none; font-size: 11px;} .texto_cuadros{font-family: Verdana;font-size: 10px;color: #000000;text-decoration: none;list-style-position: outside;margin: 0px;text-align:justify;} /*====== Botones subir y links ========*/ a.botones {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333399;text-decoration:none;text-align: right;font-weight: bold; padding-top:25px; display: block;} a.botones:hover { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #CC0000;/* color rojo mas claro #EC0000 */text-decoration:none;text-align: right;font-weight: bold;} .interlinea_sup{padding-top:50px;} a.correo,a#bt_saludo {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #333399;text-decoration: underline;text-align: right;font-weight: bold; display: inline-block;} a.correo:hover, a:hover#bt_saludo {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #CC0000;/* color rojo mas claro #EC0000 */text-decoration: underline;text-align: right;font-weight: bold;} a.mapa {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333399;text-decoration:none;font-weight: bold; margin:4px 0 0 60px;display: inline-block;} a.mapa:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #CC0000;/* color rojo mas claro #EC0000 */text-decoration:none;text-align: right;font-weight: bold;} /*====== Estructura del sitio/DIVS ========*/ .vinculo_mapa {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color:#333399;font-variant:normal;text-decoration:none;} .vinculo_mapa:hover {color:#FF0000;font-variant:normal;text-decoration:none;background-color:#EAEAEA;cursor:pointer;} .vinculo_certif {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color:#333399;font-variant:normal;text-decoration: underline;} .vinculo_certif:hover {color:#DC0106;font-variant:normal;text-decoration: underline;cursor:pointer;} .celda {background-image: url(imagenes/linea_pie.png);background-repeat: repeat-x;background-position: bottom;background-color: #FFFFFF;border-color:#FFFFFF} /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* html */ .clearfix { zoom: 1; } /* IE6 */ /*:first-child+html*/ .clearfix { zoom: 1; } /* IE7 */ #contenedor {background-image:url(imagenes/bg_container.png);background-repeat: repeat-y;background-color:#FFFFFF;width:950px; padding:0 10px; margin: auto;} /*#banner{width:950px;height:260px; margin: auto;}*/ #bannerIndex{width:947px; height:400px; background:url(imagenes/banner_index.jpg) no-repeat center ; float:left;margin: auto;} /*#fraseIndex{width:950px; height:72px; background:url(imagenes/24x24/frase.gif) no-repeat center ; margin:10px 0; float:left;}*/ #col_izq{width:200px;height:310px;margin:10px 10px 10px 0px;float:left;} .cont_izq{ min-height:310px; height:auto!important; height:310px; } #col_der{width:685px;height:auto;float:left;padding:0px 0px 0px 10px;display:inline;} .cont_der{ min-height:440px; height:auto!important; height:440px; } #frase ul li { width:auto; height:18px; float: left; margin-top:60px;display: block; } #menuIndex{ width:225px!important; height:38px; float:right;padding:68px 0 10px 0; background:url(imagenes/24x24/bg_banner_index.gif) no-repeat center top; display:block; } #menuIndex ul li {background:none; padding-right:10px; float:left; display:block;} a#bt_espaniol{width:90px; height:29px; background: url(imagenes/24x24/bt_espaniol.gif); text-indent:-9999px;display:block;} a:hover#bt_espaniol{ background: url(imagenes/24x24/bt_espaniol_hover.gif);} a#bt_ingles{width:90px; height:29px; background: url(imagenes/24x24/bt_ingles.gif); text-indent:-9999px;display:block;} a:hover#bt_ingles{ background: url(imagenes/24x24/bt_ingles_hover.gif);} #colAltaIndex{width:465px; height:286px; margin:20px 15px 30px 5px; float: left; -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF; display:inline-block;} #colAltaIndex ul{ padding:20px; float: left;display:block;} #colAltaIndex ul li{ padding-bottom:5px; text-align:left;} #columna_novedades{background-image: url(imagenes/fondo_novedades.jpg);width:200px;height:380px;float:left;margin:0px 10px 0px 0px;display:inline-block;padding:10px;background-repeat: no-repeat;} .sombra { width:auto; height:auto; float:left;background:url(imagenes/bg-slider.png) no-repeat center 308px;} #colBaja{width:930px; float:left; } #colBaja2{width:445px; height:256px; float:left; padding:20px 7px 10px 7px;margin:20px 0 30px 0; -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF;display:inline-block; } #columna_mapa{background-color:#FFFFFF;width:198px;height:auto;float:left;padding: 0 10px 8px 10px;display:block; -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF;} #columna_texto{ width:655px;height:310px;margin-left:10px;margin-right:15px;float:left;padding-left:10px;padding-right:10px; display:inline-block;} #columna_texto2{background-color:#FFFFFF;width:400px;height:auto;margin:0 10px 10px 20px;float:left; display:block;} #imagen{background-color:#eeeeee;width:246px;height:216px;margin: 0 0 10px 10px;float:left;padding:10px 10px;display:block; -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF;} #p{ text-align: justify;} #pie{background-color:#FFFFFF;font-size: 10px;color: #333366;text-decoration: none;vertical-align: middle;text-align: center;line-height:17px;width:910px;height:35px;margin:10px auto 0;padding:10px;clear:both;border-top:1px solid #DC0106;} #plano{width:198px;height:250px;background-color: transparent;font-family:Verdana;font-size:10px;margin: auto;} .borde{ -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF;} .borde:hover { border:1px solid #EC0000;} .img{ opacity:0.7; filter:alpha(opacity=70);cursor:pointer; -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF;} .img:hover{opacity:0.9; filter:alpha(opacity=100); -moz-border-radius: 3px 3px 3px 3px;border: 1px solid #B4CFD3;-moz-box-shadow: 0 1px 0 #C6CCCF;} .imgGrafico{ margin-left:20px;} .arriba a{ width:104px; height:29px;background:url(imagenes/24x24/bt_arriba.gif) no-repeat; border: none; text-indent:-9999px; margin:10px; display:block; cursor:pointer;} .arriba:hover a{ background: url(imagenes/24x24/bt_arriba_hover.gif) no-repeat;} .pagSiguiente a{ width:104px; height:29px; background:url(imagenes/24x24/bt_siguiente.gif) no-repeat; border: none; text-indent:-9999px; float:right; margin:10px 0 0 10px; display:inline; cursor:pointer;} .pagSiguiente:hover a{ background: url(imagenes/24x24/bt_siguiente_hover.gif) no-repeat;} .volver a{ width:104px; height:29px; background:url(imagenes/24x24/bt_volver.gif) no-repeat; border: none; text-indent:-9999px; float:left; margin-top:10px; display:inline; cursor:pointer;} .volver:hover a{ background: url(imagenes/24x24/bt_volver_hover.gif) no-repeat;} .print a{ width:104px; height:29px; background:url(imagenes/24x24/bt_print.gif) no-repeat; border: none; text-indent:-9999px; float:left; margin-top:10px; display:inline; cursor:pointer;} .print:hover a{ background: url(imagenes/24x24/bt_print_hover.gif) no-repeat;} .comoLlegar{ width:340px;height:40px; padding:0 315px;margin:auto;} .ingresar a{ width:104px; height:29px; background:url(imagenes/24x24/bt_ingresar.gif) no-repeat; border: none; text-indent:-9999px; float:left; margin:10px; display:inline; cursor:pointer;} .ingresar:hover a{ background: url(imagenes/24x24/bt_ingresar_hover.gif) no-repeat;}