/*-------------------------------------------------------------------------------------------------*/ /* Etiquetas Redefinidas ------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ * {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} a{color:#6699CC; text-decoration: none;} a:hover{color:#66CCFF;} img.derecha{float:right; padding-left:20px; padding-bottom:20px;} img.izquierda{float:left; padding-right:20px; padding-bottom:20px;} img.margenDcha{padding-right:10px;} p.margen { margin-left: 15px } /* BODY ------------------------------------------------------------------------------*/ body {text-align: center; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-repeat: repeat-y; background-position: center;} body.fondoGris { background-image: url(../imagenes/page_fillGris.gif) } body.fondoBlanco {background-image: url(../imagenes/page_fillBlanco.gif);} /*-------------------------------------------------------------------------------------------------*/ /* DIVs ------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /* contenedor Contiene Toda la Pagina--------------------------------------------------*/ #contenedor {width: 760px; margin: 0px auto;} /* cabecera1 Contiene la imagen del Inta y los menus horizontales de arriba -----------------*/ #cabecera1 { background: url(../imagenes/cabecera.gif) no-repeat; clear: both; width: 760px; height: 56px; overflow: visible } #menuIdiomas{width:432px; font-weight:800; color:#c5c5c5; font-family:Arial,Verdana,Trebuchet,sans-serif; font-size: 11px; text-align:right; padding-top:10px; float:left;} #menuIdiomas A{ color:#598091;text-decoration: none;} #menuIdiomas A:hover{ color:#333333; background-color:#c5c5c5;} #menuArriba1 {font-family: Arial, Verdana,sans-serif;font-size: 11px; text-align: right; padding-right: 10px; width:300px; padding-top: 4px; float:right;} #menuArriba1 A{color:#333333; text-decoration: none;} #menuArriba1 A:hover{color:#000000; background-color:#CCCCCC;} #menuArriba3{float:right; font-family: Arial, Verdana,sans-serif; font-size: 11px; text-align: right; padding-right: 10px; width:440px; font-weight: bold;} #menuArriba3 A{ color:#333333;text-decoration: none;} #menuArriba3 A:hover{color:#598091; background-color:#F3F4F5;} #menuArriba3 SPAN{margin-left:40px;} #menuArribaContenedor { float: left; margin-top: 12px; width: 760px } /* cabecera2 Contiene la imagen Tecnológica y menus verticales de subapartados de Inf.técnica -----------------*/ /* contenidos Abarca todo los demas apartados de la página --------*/ /* contenidosIzda Abarca los submenus verticales para información técnica y otros apartados --------*/ #contenidosPie{ width:527px; text-align:right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height:75px; margin:20px; clear:both; border-top-width: 1px; border-top-style: dotted; border-top-color: #FFCC33; dipslay:inline; } /*-------------------------------------------------------------------------------------------------*/ /* Etiquetas Personales ------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ .menuMarcado { background-color: #f3f4f5 } /*-------------------------------------------------------------------------------------------------*/ /* FORMULARIOS ------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------*/ /* Etiquetas especificas de Descubre y aprende ------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ #menuArriba2descubre { font-weight: bold; font-size: 11px; font-family: Trebuchet, Arial, Verdana, sans-serif, Arial, Verdana, sans-serif; text-align: left; float: left; margin-left: 207px; width: 88px; display: inline } #menuArriba2descubre A{color:#333333; text-decoration: none;} #menuArriba2descubre A:hover{color:#598091; background-color:#F3F4F5;} img { border: 0px } img.iconoizquierdo { float: left; margin-top: 0px; padding-right: 5px } body.fondodescubreyaprende { background-image: url(../imagenes/Graficos/FondoDescubreyAprende.gif) } #cabeceradescubreyaprende { background: url(../imagenes/Graficos/CabeceraDescubreyAprende.jpg) no-repeat; clear: both; width: 760px; height: 180px; overflow: visible } #menudescubreyaprende { font-size: 11px; font-family: Arial, Verdana, Trebuchet, sans-serif; text-align: left; float: left; margin-bottom: 0px; padding-top: 5px; width: 192px } #menudescubreyaprende p { text-indent: 12pt; margin-top: 3px; margin-bottom: 0px; margin-left: 0px } #menudescubreyaprende a { color: #ffffff; line-height: 17px; text-decoration: none; width: 100%; display: block } #menudescubreyaprende A:hover { color: #aec5f6 } #contenedorprincipal { width: 760px } #contenedorizquierdo { float: left; padding-bottom: 40px; width: 193px } #submenudescubreyaprende { font-family: Arial, Verdana, Trebuchet, sans-serif; text-align: left; margin: 5px 30px 20px 15px } #submenudescubreyaprende p { margin-top: 0px; margin-bottom: 0px } #submenudescubreyaprende A { color: #000000; line-height: 13px; text-decoration: none; margin-top: 5px; margin-bottom: 5px; width: 100%; display: block } #submenudescubreyaprende A:hover { color: #2e60a1 } #submenudescubreyaprende A:active{ background-color:#CADEE1;} #contenedorderecho { float: left; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 567px; height: auto } #migas { font-family: Trebuchet, Arial, Verdana, sans-serif; text-align: left; float: right; margin: 0px 20px 15px; width: 527px; display: inline } #migas p { margin-top: 10px; margin-bottom: 0px } #migas span { font-weight: bold; font-size: 11px; margin-bottom: 0px } /* unasolacolumna ANTES contenidosSoloUno ------------------------------------------------------------------------*/ #unasolacolumna { font-family: Trebuchet, Arial, Verdana, sans-serif; text-align: left; float: left; margin: 0px 20px 5px; width: 525px; display: inline } #unasolacolumna H1 { color: #000; font-size: 14px; line-height: 25px; background: url(../imagenes/Graficos/Barra.jpg) no-repeat left top; margin-top: 5px; margin-bottom: 5px } #unasolacolumna h1.hechos { color: #000; font-size: 14px; line-height: 75px; background: url(../imagenes/Graficos/BarraHechos.gif) no-repeat left top; text-indent: 60px; margin-top: 0px; margin-bottom: 0px } #unasolacolumna h1.accion { color: #000; font-size: 14px; line-height: 75px; background: url(../imagenes/Graficos/BarraAccion.gif) no-repeat left top; text-indent: 60px; margin-top: 0px; margin-bottom: 0px } #unasolacolumna h1.cienciateca { color: #000; font-size: 14px; line-height: 75px; background: url(../imagenes/Graficos/BarraCienciateca.gif) no-repeat left top; text-indent: 70px; margin-top: 0px; margin-bottom: 0px } #unasolacolumna H2 { color: #e23800; font-weight: bold; font-size: 12px; text-align: left; margin-top: 0px; margin-bottom: 5px } #unasolacolumna h3 { color: #565656; font-weight: normal; text-align: left; float: right; clear: both; margin: 10px 0px 10px 15px; padding: 10px; border: solid 1px #9e9e9e; width: 280px } #unasolacolumna H4 { color: #565656; font-weight: normal; text-align: left; clear: both; margin: 10px 0px; padding: 10px; border: solid 1px #9e9e9e; width: 500px } #unasolacolumna h5 { color: #153094; font-weight: normal; background-color: #fcf988; text-align: left; float: right; clear: both; margin: 0px 0px 10px 15px; padding: 10px; border: solid 1px #9e9e9e; width: 280px } #unasolacolumna h6 { color: #565656; font-weight: normal; text-align: left; float: right; clear: both; margin: 0px 0px 10px 15px; padding: 10px; border: solid 1px #9e9e9e; width: 280px } #unasolacolumna h6 xxx { margin-top: 0px; margin-bottom: 0px; margin-left: 5px } #unasolacolumna a { color: #11837e; text-decoration: underline; margin-bottom: 0px } #unasolacolumna img { margin-bottom: 5px } /* columnaizquierda ANTES contenidosCentro ------------------------------------------------------------------------*/ #columnaizquierda { font-family: Trebuchet, Arial, Verdana, sans-serif; text-align: left; float: left; margin: 0px 0px 5px 20px; width: 280px; display: inline } #columnaizquierda H1{color: #000000; font-size: 14px; line-height: 25px; background: url(../imagenes/Graficos/Barra.jpg) no-repeat left top; margin-top: 5px; margin-bottom: 5px} #columnaizquierda h1.hechos { color: #000; font-size: 14px; line-height: 75px; background: url(../imagenes/Graficos/BarraHechos.gif) no-repeat left top; text-indent: 60px; margin-top: 0px; margin-bottom: 0px } #columnaizquierda h1.accion { color: #000; font-size: 14px; line-height: 75px; background: url(../imagenes/Graficos/BarraAccion.gif) no-repeat left top; text-indent: 60px; margin-top: 0px; margin-bottom: 0px } #columnaizquierda h1.cienciateca { color: #000; font-size: 14px; line-height: 75px; background: url(../imagenes/Graficos/BarraCienciateca.gif) no-repeat left top; text-indent: 70px; margin-top: 0px; margin-bottom: 0px } #columnaizquierda H2 { color: #e23800; font-weight: bold; font-size: 12px; text-align: left; margin-top: 0px; margin-bottom: 5px } #columnaizquierda a { color: #11837e; text-decoration: underline; margin-bottom: 0px } /* columnaderecha ANTES contenidosDerecha ------------------------------------------------------------------------*/ #columnaderecha { font-family: Trebuchet, Arial, Verdana, sans-serif; float: right; margin: 0px 15px 5px 0px; width: 235px; height: auto; display: inline } #columnaderecha H1{color: #000000; font-size: 14px; line-height: 25px; background: url(../imagenes/Graficos/Barra.jpg) no-repeat left top; margin-top: 5px; margin-bottom: 5px} #columnaderecha H2 { color: #153094; font-weight: bold; font-size: 12px; text-align: left; margin-top: 6px; margin-bottom: 0px } #columnaderecha h3 { color: #565656; font-weight: normal; text-align: left; float: right; margin: 10px 0px 0px; padding: 10px; border: solid 1px #9e9e9e; width: 190px } #columnaderecha h4 { color: #153094; font-weight: normal; background-color: #fcf988; text-align: left; float: right; margin: 10px 0px 0px; padding: 10px; border: solid 1px #9e9e9e; width: 190px } #columnaderecha h5 { color: #565656; font-weight: normal; text-align: left; float: right; margin: 80px 0px 0px; padding: 10px; border: solid 1px #9e9e9e; width: 190px } #columnaderecha a { color: #11837e; text-decoration: underline; margin-bottom: 0px } #columnaderecha img { margin-bottom: 5px } /*-------------------------------------------------------------------------------------------------*/ /* Etiquetas de maquetacion especial ------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------*/ #columnaespecial { font-family: Trebuchet, Arial, Verdana, sans-serif; text-align: left; float: left; margin: 0px 0px 5px 20px; width: 420px; display: inline } #columnaespecial H1 { color: #000000; font-size: 14px; line-height: 25px; background: url(../imagenes/Graficos/Barra.jpg) no-repeat left top; margin-top: 5px; margin-bottom: 5px } #columnaespecial H2 { color: #e23800; font-weight: bold; font-size: 12px; text-align: left; margin-top: 0px; margin-bottom: 5px } #columnaespecial a { color: #11837e; text-decoration: underline; margin-bottom: 0px } #contenedorventanas { text-align: center; margin: 0px auto 0px auto; width: 500px } #fondoventanas { color: #153094; font-weight: normal; background-color: #fcf988; text-align: left; margin: 10px; padding: 10px; border: solid 1px #9e9e9e } .seleccionadomenudescubreyaprende { background-color: #153094 } .seleccionadosubmenudescubreyaprende { background-color: #e0eeff } .tabuladosubmenudescubreyaprende { margin-left: 10px } .tabulado7 { margin-left: 7px } .textodestacadoazul { color: #153094; font-weight: bold; font-size: 12px } .textodestacadoazul A{ color: #153094; } .textodestacadoazul A:hover{ color:#0066CC; } .formulas { font-size: 8px; margin-right: 1px }