/* start sitewide */ body { background: #eeeeee; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } a { font-family: Arial, Helvetica, sans-serif; color: #0099cc; text-decoration: underline; } a:hover { color: #cc3333; } #latinalliance, #latinalliance-inicio { position: relative; margin: auto; width: 960px; overflow: hidden; z-index: 1; text-align: left; font-size: 1em; } #encabezado h1 { text-align: center; font-family: Times New Roman, Times, serif; font-size: 1.7em; color: #ffffff; font-weight: normal; } #idioma { float: right; padding-top: 4px; padding-right: 40px; font-size: 1.1em; } #idioma a { color: #ffffff; text-decoration: none; } #idioma a:hover { text-decoration: underline !important; } .vermas { clear: both; background: #a30011 url(pics/vermas.png) no-repeat; margin-top: 10px; padding: 2px 5px 0px 5px; height: 16px; width: 40px; } .vermas a { color: #ffffff !important; text-decoration: none !important; } .vermas a:hover { text-decoration: underline !important; } .vertodo { float: right; padding-top: 12px; } .vertodo a { color: #660000 !important; text-decoration: none !important; } .vertodo a:hover { text-decoration: underline !important; } .pic { float: left; border: 2px solid #999999; margin-right: 10px; margin-bottom: 5px; width: 128px; height: 90px; overflow: hidden; } .pic img { position: absolute; clip:rect(0px, 128px, 90px, 0px); } #pie { clear: both; background: #ffffff; padding: 3px 1px 10px 40px; min-height: 85px; } #pie .pais { float: left; border-left: 1px solid #dddddd; padding: 15px 5px 10px 5px; width: 165px; height: 65px; text-align: center; } #pie .pais h3 { font-size: 1.2em; color: #000000; } #pie .pais .contacto { font-size: 1em; color: #787878; } #pie .pais .contacto a { color: #787878; text-decoration: none; } #pie .pais .contacto a:hover { color: #990000; } #premper { padding-top: 80px; padding-bottom: 20px; text-align: center; font-size: 1em; color: #666666; } #premper a { color: #666666; text-decoration: none; } /* end sitewide */ /* start forms */ .set { clear: both; padding-top: 5px; } label { display: block; float: left; padding-top: 5px; padding-right: 10px; width: 80px; border: none; text-align: right; } .input { float: left; width: 400px; } .campo { display: block; border: 1px solid #cccccc; width: 400px; padding: 2px; color: #666666; font-size: 1.1em; } .campoBAD { display: block; border: 1px solid #ff0000; width: 400px; padding: 2px; color: #666666; font-size: 1.1em; } .camposeleccion { display: block; border: 1px solid #dfdfdf; width: 180px; padding: 2px; color: #666666; font-size: 1.1em; } #latinalliance-inicio .campobuscar { display: block; float: left; border: 3px solid #cccccc; width: 145px; padding: 3px 2px 3px 2px; color: #999999; font-size: 1.1em; } #barra .campobuscar { display: block; background: #cccccc; border: 3px solid #ffffff; width: 120px; padding: 2px; color: #000000; font-size: 1.1em; } .botonbuscar { display: block; float: left; background: url(pics/boton.png) no-repeat; margin-left: 3px; width: 22px; height: 24px; border: none; color: #ffffff; font-size: 1.1em; } .boton { display: block; background: #a81524 url(pics/boton.png) no-repeat; height: 20px; border: none; color: #ffffff; font-size: 1.1em; } /* end forms */ /* start startpage */ #latinalliance-inicio { background: #d7d7d7 url(pics/fondo.jpg) top center no-repeat; } #latinalliance-inicio #encabezado { background: #000000; padding-top: 5px; height: 25px; } #latinalliance-inicio #idioma a { color: #ffffff; text-decoration: none; } #latinalliance-inicio #logo { clear: both; padding-top: 23px; padding-bottom: 20px; text-align: center; } #latinalliance-inicio #navegacion { width: 744px; } #latinalliance-inicio #menu { float: right; background: url(pics/menu-fondo.png) repeat-x; padding-left: 10px; padding-top: 12px; height: 23px; } #latinalliance-inicio #menu h3 { float: left; font-size: 1.2em; font-weight: normal; color: #ffffff; } #latinalliance-inicio #menu h3 a { padding-left: 10px; padding-right: 10px; color: #ffffff; text-decoration: none; } #latinalliance-inicio #menu h3 a:hover { text-decoration: underline; } #latinalliance-inicio #contacto { float: right; border: 1px solid #bb7777; margin-left: 1px; padding-top: 11px; padding-left: 25px; padding-right: 25px; height: 22px; font-size: 1.2em; } #latinalliance-inicio #contacto a { color: #000000; text-decoration: none; } #latinalliance-inicio #contacto a:hover { text-decoration: underline; } #latinalliance-inicio #contenido { clear: both; background: url(pics/contenido-inicio.png) 750px 1px no-repeat; padding: 1px 0px 65px 15px; } #latinalliance-inicio #contenido h2 { padding: 200px 0px 0px 90px; width: 410px; font-size: 1.2em; font-weight: normal; } #latinalliance-inicio #contenido h2 a { color: #000000; text-decoration: none; } #latinalliance-inicio #contenido h2 a:hover { text-decoration: underline; } #latinalliance-inicio #contenido .vermas { margin-left: 90px; } #latinalliance-inicio #oficinas { float: left; width: 245px; height: 187px; } /* #latinalliance-inicio #oficinas { float: left; background: url(pics/oficinas-regionales.png) no-repeat; padding-top: 12px; width: 245px; min-height: 190px; } #latinalliance-inicio #oficinas h3 { padding-bottom: 17px; padding-right: 5px; font-size: 1.2em; color: #ffffff; text-align: right; } #latinalliance-inicio #oficinas .pais { background: url(pics/oficinas-fondo.png) no-repeat; margin-left: 115px; padding: 2px 0px 2px 42px; border-top: 1px dashed #8d8d8d; font-size: 1.1em; } #latinalliance-inicio #oficinas .pais a { color: #000000; text-decoration: none; } #latinalliance-inicio #oficinas .pais a:hover { text-decoration: underline; } */ #latinalliance-inicio #foto { float: left; margin-left: 1px; width: 295px; height: 188px; overflow: hidden; } #latinalliance-inicio #foto #fondo { background: url(pics/foto-fondo.png) no-repeat; width: 295px; height: 188px; } #latinalliance-inicio #servicios { float: left; background: url(pics/servicios-inicio.png) no-repeat; margin-left: 3px; padding-top: 8px; width: 185px; } #latinalliance-inicio #servicios h3 { padding-left: 38px; padding-bottom: 15px; font-family: Times New Roman, Times, serif; font-size: 2.2em; font-weight: normal; color: #ffffff; } #latinalliance-inicio .servicio { background: url(pics/servicios-inicio2.png) no-repeat; padding: 2px 0px 2px 50px; border-bottom: 1px dashed #8d8d8d; font-size: 1.2em; } #latinalliance-inicio .servicio a { color: #000000; text-decoration: none; } #latinalliance-inicio .servicio a:hover { text-decoration: underline; } #latinalliance-inicio #noticias { float: right; padding-right: 5px; padding-bottom: 10px; width: 205px; } #latinalliance-inicio #buscar { padding-left: 25px; height: 35px; } #latinalliance-inicio #noticias h3 { padding: 10px 0px 5px 30px; border-bottom: 1px dashed #8d8d8d; font-size: 1.4em; color: #660000; } #latinalliance-inicio .noticia { padding-top: 10px; } #latinalliance-inicio .noticia .fecha { padding-left: 30px; padding-bottom: 10px; font-style: italic; font-size: 1.1em; } #latinalliance-inicio .noticia .fecha a { color: #999999; text-decoration: none; } #latinalliance-inicio .noticia h4 { padding-left: 30px; font-size: 1.2em; } #latinalliance-inicio .noticia h4 a { color: #000000; text-decoration: none; } #latinalliance-inicio .noticia .descripcion { padding-left: 30px; font-size: 1.1em; } #latinalliance-inicio .noticia .descripcion a { color: #000000; text-decoration: none; } #latinalliance-inicio .noticia a:hover { text-decoration: underline; } #latinalliance-inicio .noticia .vermas { margin-left: 30px !important; } /* end startpage */ /* start inner pages */ #latinalliance { background: #d7d7d7 url(pics/fondo-interna.jpg) top right no-repeat; } #latinalliance #encabezado { background: url(pics/encabezado.png) top right no-repeat; padding-top: 3px; height: 23px; } #latinalliance #idioma a { color: #990000; text-decoration: none; } #latinalliance #logo { clear: both; padding-top: 25px; padding-bottom: 20px; text-align: center; } #latinalliance #menu { padding-left: 30px; padding-bottom: 15px; width: 760px; text-align: center; color: #000000; font-size: 1.2em; } #latinalliance #menu h3 { display: inline; padding: 2px; font-size: 1em; font-weight: normal; } #latinalliance #menu h3 a { color: #000000; text-decoration: none; } #latinalliance #menu h3.activo a { color: #990000; } #latinalliance #menu h3 a:hover { text-decoration: underline; } #latinalliance #contacto { float: right; padding-right: 70px; font-size: 1.2em; font-weight: bold; } #latinalliance #contacto a { color: #000000; text-decoration: none; } #latinalliance #contacto.activo a { color: #990000; } #latinalliance #contacto a:hover { text-decoration: underline; } #latinalliance #principal { margin-left: 23px; padding: 0px 25px 75px 25px; width: 794px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; } #latinalliance #fecha { float: right; padding: 5px 10px 0px 10px; } #ruta { padding-bottom: 15px; font-size: 1.2em; font-style: italic; color: #666666; } #ruta a { color: #666666; text-decoration: none; } #ruta a:hover { text-decoration: underline; } #barra { float: left; background: url(pics/submenu-fondo.png) no-repeat; margin-left: -45px; width: 174px; overflow: hidden; } #barra h2 { padding-left: 10px; padding-right: 10px; height: 47px; overflow: hidden; color: #000000; font-family: Times New Roman, Times, serif; font-size: 2em; font-weight: normal; } #barra h2 a { color: #000000; text-decoration: none; font-family: Times New Roman, Times, serif; } #barra #servicios { background: url(pics/barra-servicios.png) no-repeat; margin-top: 5px; padding-top: 12px; padding-left: 30px; height: 40px; font-family: Times New Roman, Times, serif; font-size: 2.2em; } #barra #servicios a { font-family: Times New Roman, Times, serif; color: #ffffff; text-decoration: none; } #barra #servicios a:hover { text-decoration: underline; } #barra #buscar { background: #969696; padding: 5px 0px 5px 10px; } #barra .botonbuscar { float: right; margin-right: 3px; } #barra #oficinas { background: url(pics/barra-fondo) 19px 0px repeat-y; } #submenu { padding: 10px 15px 15px 15px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; font-size: 1.2em; } #submenu ul { padding-left: 0px; margin-left: 20px; color: #000000; } #submenu ul a { color: #000000; text-decoration: none; } #submenu ul a:hover { text-decoration: underline; } #submenu ul a.activo { color: #990000; } #latinalliance #contenido { float: left; width: 620px; margin-left: 45px; font-size: 1.2em !important; color: #000000; text-align: justify; } #latinalliance #contenido h1 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #999999; font-family: Times New Roman, Times, serif; font-size: 1.4em; color: #990000; } #latinalliance #contenido h2 { padding-bottom: 5px; font-family: Times New Roman, Times, serif; font-size: 1.8em; color: #000000; } #latinalliance #contenido h3 { padding-bottom: 5px; font-family: Times New Roman, Times, serif; font-size: 1.6em; color: #000000; } #latinalliance #contenido h4 { padding-bottom: 5px; font-family: Times New Roman, Times, serif; font-size: 1.4em; color: #000000; } #latinalliance #contenido h5 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #999999; font-family: Times New Roman, Times, serif; font-size: 1.2em; color: #000000; } #latinalliance #contenido h6 { font-family: Times New Roman, Times, serif; font-size: 1em; color: #000000; } #latinalliance #contenido td { vertical-align: top; } #latinalliance #banner { height: 125px; } #navegacion-regional { float: left; width: 230px; } #navegacion-regional #foto { width: 200px; overflow: hidden; border: 10px solid #770000; position: relative; } #navegacion-regional #foto img { margin-bottom: -5px; } #navegacion-regional #foto #CTRLInline { position: absolute; top: 4px; left: 2px; z-index: 100; cursor: pointer; } #navegacion-regional #foto #CTRLOutline { position: absolute; top: 4px; left: 20px; z-index: 100; cursor: pointer; } #menu-regional { padding: 20px 0px 0px 20px; } #menu-regional h2 { font-family: Arial, Helvetica, sans-serif !important; font-size: 1.2em !important; } #menu-regional ul { padding-left: 0px; margin-left: 20px; color: #000000; } #menu-regional ul a { color: #000000; text-decoration: none; } #menu-regional ul a:hover { text-decoration: underline; } #menu-regional ul a.activo { color: #990000; } #contenido-regional { float: left; padding-top: 20px; padding-left: 10px; border-left: 1px dashed #999999; width: 360px; min-height: 250px; text-align: justify } #contenido-regional h2 { font-family: Arial, Helvetica, sans-serif !important; font-size: 1.2em !important; color: #990000 !important; } #contenido-regional h3 { font-family: Arial, Helvetica, sans-serif !important; font-size: 1.1em !important; color: #990000 !important; } #contenido-regional h4 { font-family: Arial, Helvetica, sans-serif !important; font-size: 1em !important; color: #990000 !important; } #regresar { float: right; } #regresar a { text-decoration: none; } #regresar a:hover { text-decoration: underline; } #enlaces { padding-top: 20px; } #descargas { padding-top: 20px; } #descargas .descarga { clear: both; padding: 10px; } #descargas .descarga .tipo { float: left; width: 50px; } #descargas .descarga .nombre { float: left; width: 380px; padding-top: 3px; } #descargas .descarga .nombre a { color: #000000; text-decoration: none; } #descargas .descarga .boton { float: left; background: #a81524 url(pics/boton.png) no-repeat; width: 80px; padding-top: 5px; height: 20px; text-align: center; } #descargas .descarga .boton a { color: #ffffff; text-decoration: none; } #descargas .descarga .boton a:hover { text-decoration: underline; } .articulo { clear: both; border-bottom: 1px solid #e4e4e4; padding-top: 15px; padding-bottom: 15px; } .articulo .fecha a { color: #333333; text-decoration: none; } .articulo h4 a { color: #000000; text-decoration: none; font-family: Times New Roman, Times, serif; } .articulo h4 a:hover { text-decoration: underline; } .articulo .descripcion a { color: #000000; text-decoration: none; } .subcategoria { clear: both; border-bottom: 1px solid #e4e4e4; padding-top: 15px; padding-bottom: 15px; } .subcategoria h4 a { color: #000000; text-decoration: none; font-family: Times New Roman, Times, serif; } .subcategoria h4 a:hover { color: #990000; } .subcategoria .descripcion a { color: #000000; text-decoration: none; } #latinalliance .servicio { float: left; background: url(pics/servicios.png) 0px 10px no-repeat; padding: 25px 10px 10px 20px; width: 280px; height: 117px; overflow: hidden; } #latinalliance .servicio h4 { float: left; padding-bottom: 0px; padding-top: 35px; width: 105px; text-align: center; font-size: 1.4em; } #latinalliance .servicio h4 a { font-family: Times New Roman, Times, serif; color: #7d7d7d; text-decoration: none; } #latinalliance .servicio .descripcion { margin-left: 130px; text-align: left; } #latinalliance .servicio .descripcion a { color: #000000; text-decoration: none; } #latinalliance .servicio .descripcion a:hover { text-decoration: underline; } #latinalliance .servicio .descripcion ul { margin-left: 0px; padding-left: 30px; } #paginacion { clear: both; float: right; padding-top: 30px; padding-bottom: 20px; text-align: right; } #paginacion h4 { float: left; padding-right: 5px; margin-top: 5px; font-size: 1em !important; font-weight: normal; color: #333333; } #paginacion h4.activo { } #paginacion h4 a { padding: 1px 4px 1px 4px; color: #333333; text-decoration: none; } #paginacion h4.activo a { background: #990000; color: #ffffff; } #paginacion h4 a:hover { color: #cc0000; } #paginacion h4.activo a:hover { color: #ffcccc; } #paginacion .ajustar { float: right; padding-left: 100px; text-align: right; width: 200px; } /* end inner pages */ /* start floating images */ .floatleft, .floatright { } .floatleft { padding-right: 10px; } .floatright { padding-left: 10px; } .floatingimage { overflow: hidden; padding: 1px; border: 2px solid #999999; } .floatingimage img { border: none; } .floatingimage img#CTRLInline, .floatingimage img#CTRLOutlineI { border: 0; padding: 0px; } .floatingdesc { font-size: 0.9em; color:#666666; text-align: center; padding-top: 5px; width: 128px; } div#gallery { clear: both; padding-top: 20px; } div#gallery .floatleft { padding: 0px 5px 10px 5px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #cccccc; } div#gallery .floatingimage { width: 128px; height: 90px; overflow: hidden; } div#gallery .floatingimage img { position: absolute; clip:rect(0px, 128px, 90px, 0px); } div#gallery .floatingdesc { width: 130px; height: 29px; overflow: hidden; } div#gallery .ghead { } div#gallery .gfoot { visibility: hidden; } /* end floating images */