/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CSS */
/* HOJA DE ESTILOS PARA PAGINA WEB Y APLICACIONES QUASAR SOFTWARE LTDA. */
/* HOJA DE ESTILOS GENERAL - FIREFOX */
/* DESARROLLADO POR QUASAR SOFTWARE. 2009 */
/* Ultima actualizacion: 28.10.2009 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ELEMENTOS GENERALES :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::::::::::::::: Elementos Pagina :::::::::::::::::::::::::::::::::::::::::::::::::*/
p, ul, ol, dl, dt, dd, blockquote, cite, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 1em; font-weight: normal;}
img {border: 0;}
body {padding: 0px; margin: 0px; background-image: url(../imagenes/fondo-contenedorafuera.jpg); background-repeat: repeat-x; background-position: top;}
ul {margin-bottom: 0.2em; margin-left: 0;}
li {list-style: none;}
table { font: normal 11px Verdana; }
table td { padding: 3px; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CONTENEDORES PRINCIPALES  :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#contenedor { width: 994px; height: auto; margin: 0 auto; display: block; position: relative; overflow: hidden; background-color: #EDEDED; padding-bottom: 5px;}
#contenedor-adentro { width: 974px; height: auto; margin: 0 auto; display: block; position: relative; background: #FFF !important; overflow: hidden; }
#contenedor-adentro-cab { width: 994px; height: auto; margin: 0 auto; display: block; position: relative;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: menu herramientas  :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#menu-herramientas { width: 230px; height: 36px; display: block; position: relative; background-image: url(../imagenes/fondo_menuherramientas.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px 0px 0px 10px;}
#menu-herramientas ul { list-style: none; margin: 0px auto !important;}
#menu-herramientas ul li { width: 34px; height: 25px; float: left; position: relative; margin: 3px 0px 0px 10px;}
#menu-herramientas ul li a { text-decoration: none; width: 34px; height: 25px; display: block;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ICONOS MENU HERRAMIENTAS  :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
a.icono-home { background-image: url(../imagenes/bton-menuherramientas.jpg); background-repeat: no-repeat; display: block; background-position: 0px 0px;}
a.icono-home:hover { background-image: url(../imagenes/bton-menuherramientas-on.jpg); background-repeat: no-repeat; display: block; background-position: 0px 0px;}
a.icono-correo { background-image: url(../imagenes/bton-menuherramientas.jpg); background-repeat: no-repeat; display: block; background-position: -40px 0px;}
a.icono-correo:hover {background-image: url(../imagenes/bton-menuherramientas-on.jpg); background-repeat: no-repeat; display: block; background-position: -40px 0px;}
a.icono-glosario { background-image: url(../imagenes/bton-menuherramientas.jpg); background-repeat: no-repeat; display: block; background-position: -85px 0px;}
a.icono-glosario:hover { background-image: url(../imagenes/bton-menuherramientas-on.jpg); background-repeat: no-repeat; display: block; background-position: -85px 0px;}
a.icono-preguntas { background-image: url(../imagenes/bton-menuherramientas.jpg); background-repeat: no-repeat; display: block; background-position: -128px 0px;}
a.icono-preguntas:hover { background-image: url(../imagenes/bton-menuherramientas-on.jpg); background-repeat: no-repeat; display: block; background-position: -128px 0px;}
a.icono-mapa { background-image: url(../imagenes/bton-menuherramientas.jpg); background-repeat: no-repeat; display: block; background-position: -168px 0px;}
a.icono-mapa:hover { background-image: url(../imagenes/bton-menuherramientas-on.jpg); background-repeat: no-repeat; display: block; background-position: -168px 0px;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: menu principal   :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#menu-principal {width: 994px; height: 52px; display: block; position: relative; float: left; background-image: url(../imagenes/fondo_menuprincipal.jpg); background-repeat: no-repeat; background-position: center bottom; margin: 0 auto; z-index: 1000 !important;}
#menudesplegable {width: 550px; height: auto; display: block; margin: 10px auto 0px auto; z-index: 1000;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CABECERA  :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#cabecera { width: 994px; height: 236px; margin: 0px; display: block; position: relative; background-image: url(../imagenes/fondo_cabecera.jpg); background-repeat: no-repeat;}
#banner { width: 698px; height: 160px; margin: 0px 0px 0px 15px; display: block; position: relative; float: left;}
#logo { width: 271px; height: 153px; margin: 0px; display: block; position: relative; float: left; cursor: pointer;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CONTENEDOR/CONTENIDOS HOME  :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#contenedor-medio-home { width: 974px; height: auto; margin: 0 auto; display: block; position: relative; background-color: #FFF !important; overflow: hidden; }
#contenidos-home { width: 725px; height: auto; margin: 0px; display: block; position: relative; float: left; background-color: #FFF; border-right: 1px dotted #666; padding-top: 10px; overflow: hidden;} 

/* ::::::::::::::::::::::::::::::::::::::::::::::::BANENRS home :::::::::::::::::::::::::::::::::::::::::::::::::*/
#banner-conthome { width: 179px; height: 335px; margin: 0px; display: block; position: relative; float: left; margin-left: 2px;}
#banner-conthome img { width: 178px; height: 157px; display: block; border: none;}

/* BANNER 1 */
#txtbanner-home { width: 160px; height: 145px; display: block; border-left: 1px solid #cfcfd1; border-right: 1px solid #cfcfd1; border-bottom: 1px solid #cfcfd1; margin-left: 3px; padding: 15px 5px;}
#txtbanner-home p { font: normal 13px Verdana; color: #1067b2; text-align: center;}
#txtbanner-home p span { font-weight: bold;}

/* BANNER 2 */
#txtbanner-home-2 { width: 160px; height: 145px; display: block; border-left: 1px solid #cfcfd1; border-right: 1px solid #cfcfd1; border-bottom: 1px solid #cfcfd1; margin-left: 3px; padding: 15px 5px;}
#txtbanner-home-2 p { font: normal 13px Verdana; color: #1067b2; text-align: center;}
#txtbanner-home-2 p span {font-weight: bold;}

/* BANNER 3 */
#txtbanner-home-3 { width: 161px; height: 145px; display: block; border-left: 1px solid #cfcfd1; border-right: 1px solid #cfcfd1; border-bottom: 1px solid #cfcfd1; margin-left: 2px; padding: 15px 5px;}
#txtbanner-home-3 p { font: normal 13px Verdana; color: #1067b2; text-align: center;}
#txtbanner-home-3 p span { font-weight: bold;}

/* BANNER 4 */
#txtbanner-home-4 { width: 160px; height: 145px; display: block; border-left: 1px solid #cfcfd1; border-right: 1px solid #cfcfd1; border-bottom: 1px solid #cfcfd1; margin-left: 3px; padding: 15px 5px;}
#txtbanner-home-4 p { font: normal 13px Verdana; color: #1067b2; text-align: center;}
#txtbanner-home-4 p span { font-weight: bold;}

/* BANNER INFERIOR */
#bannerinferior { width: 710px; height: 140px; margin: 20px 0px 0px 0px; display: block; position: relative; float: left;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: BARRA DERECHA  :::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#barra-derecha {width: 240px; height: auto; margin: 0px; display: block; position: relative; float: left; border-right: 1px dotted #666; background-color: #FFF;}

/* :::::::::::::::::::::::::::::::::::::::::::::::: registro :::::::::::::::::::::::::::::::::::::::::::::::::*/
#registro { width: 230px; height: 50px; margin: 10px 0px 0px 10px; display: block; position: relative; float: left; }
#registro a { width: 230px; height: 50px; background-image: url(../imagenes/bton-registro.jpg); background-repeat: no-repeat; display: block; }
#registro a:hover { background-image: url(../imagenes/bton-registro-on.jpg); }


/* ::::::::::::::::::::::::::::::::::::::::::::::::  registro bienvenida  :::::::::::::::::::::::::::::::::::::::::::::::::*/
#bienvenida {width: 230px; display: block; position: relative; float: left; height: auto;}
#bienvenida p {font: bold 12px/18px Arial; text-align: center; color: #666; padding: 80px 20px 10px 10px;}
#bienvenida a.btoncerrarsesion {width: 90px; height: 26px; display: block; background-image: url(../imagenes/bton-cerrarsesion.jpg); background-repeat: no-repeat; margin: 5px 0px 0px 70px; text-align: center; font: bold 9px/18px Verdana; color: #666; text-decoration: none;}
#bienvenida a.btoncerrarsesion:hover {width: 90px; height: 26px; display: block; background-image: url(../imagenes/bton-cerrarsesion-on.jpg); background-repeat: no-repeat;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::  BARRA DERECHA > noticias home   :::::::::::::::::::::::::::::::::::::::::::::::::*/
#noticias-home {width: 225px; height: auto; margin: 10px 0px 0px 10px; float: left; position: relative; background-image: url(../imagenes/fondo-titulonoticiashome.jpg); background-repeat: no-repeat; background-position: top;}
#notihome {width: 225px; height: auto; margin: 35px 0px 0px 0px; float: left; position: relative; text-align: center;}
#notihome img {width: 71px; height: 83px; margin: 5px 0px 0px 0px; float: left; position: relative;}
#txtnotihome {width: 144px; height: auto;  float: left; position: relative; margin: 5px 0px 0px 0px; padding-left: 5px; text-align: justify;}
#txtnotihome p {font: normal 10px/18px Verdana; text-align: justify; color: #000; margin: 2px 0px 0px 10px;}
#notihome a.btonleer {width: 66px; height: 22px; display: block; background-image: url(../imagenes/bton-leer.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 5px 0px 0px 150px;}
#notihome a.btonleer:hover {width: 66px; height: 22px; display: block; background-image: url(../imagenes/bton-leer-on.jpg); background-repeat: no-repeat;}

#homenoti {width: 225px; height: auto; margin: 35px 0px 0px 0px; float: left; position: relative;}
#homenoti img {width: 71px; height: 83px; margin: 15px 0px 0px 0px; float: left; position: relative;}
#txthomenoti {width: 144px; height: 83px;  float: left; position: relative; margin: 15px 0px 0px 0px; padding-left: 10px; text-align: justify; }
#txthomenoti a {font: normal 10px Verdana; text-align: justify; color: #000; line-height: 15px; text-decoration: none; }
#txthomenoti a:hover { text-decoration: underline; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::  BARRA DERECHA > de interes   :::::::::::::::::::::::::::::::::::::::::::::::::*/
#deinteres {width: 225px; height: auto; margin: 20px 0px 0px 10px; float: left; position: relative; background-image: url(../imagenes/fondo-titulodeinteres.jpg); background-repeat: no-repeat; background-position: top; display: block; overflow: hidden; }
#interes {width: 225px; height: auto; margin: 35px 0px 0px 0px; float: left; position: relative; text-align: center !important;display: block; }
#interes img {width: 180px; height: 211px;}
#txtinteres {width: 190px; height: auto; background-image: url(../imagenes/icono-noticiashome.jpg); background-position: top left; background-repeat: no-repeat; float: left; position: relative; padding-left: 15px; margin-top: 10px; display: block; }
#txtinteres p {font: normal 10px/18px Verdana; text-align: justify; color: #000; margin: 2px 0px 0px 10px;}
#bton-leer {width: 210px; height: 22px; display: block;  position: relative; float: left; margin: 5px 0px 0px 0px; display: block; }
#bton-leer a {width: 66px; height: 22px; display: block; background-image: url(../imagenes/bton-leer.jpg); background-repeat: no-repeat; position: relative; float: right; display: block; }
#bton-leer a:hover { background-image: url(../imagenes/bton-leer-on.jpg); }

/* ::::::::::::::::::::::::::::::::::::::::::::::::  BARRA DERECHA > links líneas   :::::::::::::::::::::::::::::::::::::::::::::::::*/
#links-lineas {width: 227px; height: auto; margin: 10px 0px 0px 8px; display: block; position: relative; float: left;}
#links-lineas a.lineaweb {width: 227px; height: 54px; display: block; background-image: url(../imagenes/bton-lineaweb.jpg); background-repeat: no-repeat;}
#links-lineas a.lineaweb:hover {background-image: url(../imagenes/bton-lineaweb-on.jpg);}
#links-lineas a.lineainfraestructura {width: 227px; height: 54px; display: block; background-image: url(../imagenes/bton-lineainfraestructura.jpg); background-repeat: no-repeat; margin-top: 10px;}
#links-lineas a.lineainfraestructura:hover {background-image: url(../imagenes/bton-lineainfraestructura-on.jpg);}
#links-lineas a.lineadesarrollo {width: 227px; height: 54px; display: block; background-image: url(../imagenes/bton-lineadesarrollo.jpg); background-repeat: no-repeat; margin-top: 10px;}
#links-lineas a.lineadesarrollo:hover {background-image: url(../imagenes/bton-lineadesarrollo-on.jpg);}
#links-lineas a.lineaservicios {width: 227px; height: 54px; display: block; background-image: url(../imagenes/bton-lineaservicios.jpg); background-repeat: no-repeat; margin-top: 10px;}
#links-lineas a.lineaservicios:hover {background-image: url(../imagenes/bton-lineaservicios-on.jpg);}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::CONTENEDOR MEDIO/ CONTENIDOS /PAGINAS INTERNAS  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#contenedor-medio {width: 974px; height: auto; margin: 0px auto; display: block; position: relative; background-color: #FFFFFF !important; overflow: hidden; }
#contenidos {width: 725px; height: auto; margin: 0px; display: block; position: relative; float: left; background-color: #FFF; border-right: 1px dotted #666666; overflow: hidden; }
#contenidos-paginas {width: 708px; height: auto; margin: 10px 0px 5px 5px; display: block; position: relative; float: left; padding-bottom: 15px; overflow: hidden; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::  banners contenidos  :::::::::::::::::::::::::::::::::::::::::::::::::*/
#banner-contenidos {width: 708px; height: 187px; margin: 0px; display: block; position: relative; float: left; }
#banner-clientes {width: 708px; height: 48px; margin: 0px; display: block; position: relative; float: left; } 

/* BANNER SUPERIOR CLIENTES */
#bannersup {width: 708px; height: 48px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-fondosup.jpg); background-repeat: no-repeat;}
#bannersup p {text-align: center; font: normal 20px/20px "Impact"; text-transform: uppercase; color: #048; padding-top: 5px;}
#bannersupcli {width: 708px; height: 48px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-fondosup.jpg); background-repeat: no-repeat;}
#bannersupcli p {text-align: center; font: normal 20px/20px "Impact"; text-transform: uppercase; color: #048; padding-top: 5px;}

/* BANNER IMAGEN NOTICIAS */
#bannerimagen-noticias {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-noticias.jpg); background-repeat: no-repeat; }
#bannerimagen-noticias p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER IMAGEN CONTACTO */
#bannerimagen-contacto {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-formulariocontacto.jpg); background-repeat: no-repeat; }
#bannerimagen-contacto p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER IMAGEN GLOSARIO */
#bannerimagen-glosario {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-glosario.jpg); background-repeat: no-repeat; }
#bannerimagen-glosario p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER IMAGEN COMPAÑIA */
#bannerimagen-compania {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-compania.jpg); background-repeat: no-repeat;}
#bannerimagen-compania p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER IMAGEN LOGIN INTERNO */
#bannerimagen-logininterno {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-logininterno.jpg); background-repeat: no-repeat; }
#bannerimagen-logininterno p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER IMAGEN LOGIN */
#bannerimagen-login {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-login.jpg); background-repeat: no-repeat;}
#bannerimagen-login p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER MAPA */
#bannermapa {width: 708px; height: 140px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-mapadelsitio.jpg); background-repeat: no-repeat;}
#bannermapa p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;} 

/* BANNER SUPERIOR 2 */
#bannersup-2 {width: 708px; height: 48px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-fondosup.jpg); background-repeat: no-repeat; }
#bannersup-2 p {text-align: center; font: normal 20px/20px "Impact"; text-transform: uppercase; color: #048; padding-top: 5px;} 

/* BANNER LINEA DE DESARROLLO */
#bannerimagen-2-lineadesarrollo {width: 708px; height: 180px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-lineadesarrollo.jpg); background-repeat: no-repeat; }
#bannerimagen-2-lineadesarrollo p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;} 

/* BANNER LINEA DE INFRAESTRUCTURA  */
#bannerimagen-2-lineainfrae {width: 708px; height: 180px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-lineainfraestructura.jpg); background-repeat: no-repeat; }
#bannerimagen-2-lineainfrae p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER LINEA WEB */
#contenidos-paginas #banner-contenidos-2 #bannerimagen-2-lineaweb {width: 708px; height: 180px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-lineaweb.jpg); background-repeat: no-repeat;}
#contenidos-paginas #banner-contenidos-2 #bannerimagen-2-lineaweb p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER LINEA DE SERVICIOS */
#bannerimagen-2-lineaser {width: 708px; height: 180px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/banner-lineaservicio.jpg); background-repeat: no-repeat;}
#bannerimagen-2-lineaser p {text-align: justify; font: normal 14px/20px Verdana; color: #FFF; padding: 40px 30px 10px 220px;}

/* BANNER CONTENIDOS */
#contenidos-paginas #banner-contenidos-2 {width: 708px; height: 227px; margin: 0px; display: block; position: relative; float: left;}
#contenidos-paginas #cont-contenidos {width: 705px; height: auto; min-height: 400px; margin: 0px; display: block; position: relative; float: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}



/* ::::::::::::::::::::::::::::::::::::::::::::::::  PATA CONTENIDOS   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#pata-contenidos {width: 708px; height: 35px; margin: 0px; display: block; position: relative; float: left; background-image: url(../imagenes/fondo-patacontenidos.jpg); background-repeat: no-repeat; background-position: bottom;}
#pata-contenidos a {width: 380px; height: 35px; margin: 0px 0px 0px 300px; display: block; position: relative; float: left; background-image: url(../imagenes/pestana-cont-pata-compania.jpg); background-repeat: no-repeat;  font: normal 11px/35px Verdana; text-align: center; text-decoration: none; color: #FFF;}
#pata-contenidos p {width: 380px; height: 35px; margin: 0px 0px 0px 300px; display: block; position: relative; float: left; background-image: url(../imagenes/pestana-cont-pata-compania.jpg); background-repeat: no-repeat;  font: normal 11px/35px Verdana; text-align: center; color: #FFF;}
#pata-contenidos a.pestanacompania {width: 380px; height: 35px; margin: 0px 0px 0px 300px; display: block; position: relative; float: left; background-image: url(../imagenes/pestana-cont-pata-compania.jpg); background-repeat: no-repeat;  font: normal 11px/35px Verdana; text-align: center; text-decoration: none; color: #FFF;}
#pata-contenidos a.pestanacompania:hover {width: 380px; height: 35px; display: block; background-image: url(../imagenes/pestana-cont-pata-compania-on.jpg); background-repeat: no-repeat; text-decoration: underline;}
#pata-contenidos a.pestanalineas {width: 185px; height: 35px; margin: 0px 0px 0px 300px; display: block; position: relative; float: left; background-image: url(../imagenes/pestana-cont-pata-lineas.jpg); background-repeat: no-repeat; font: normal 11px/35px Verdana; text-align: center; text-decoration: none; color: #FFF;}
#pata-contenidos a.pestanalineas:hover {width: 185px; height: 35px; display: block; background-image: url(../imagenes/pestana-cont-pata-lineas-on.jpg); background-repeat: no-repeat; text-decoration: underline;}
#pata-contenidos a.pestanalineas2 {width: 185px; height: 35px; margin: 0px 0px 0px 10px; display: block; position: relative; float: left; background-image: url(../imagenes/pestana-cont-pata-lineas.jpg); background-repeat: no-repeat; font: normal 11px/35px Verdana; text-align: center; text-decoration: none; color: #FFF;}
#pata-contenidos a.pestanalineas2:hover {width: 185px; height: 35px; display: block; background-image: url(../imagenes/pestana-cont-pata-lineas-on.jpg); background-repeat: no-repeat; text-decoration: underline;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: CONTENIDOS /PAGINAS INTERNAS  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::  contenidos columna izquierda   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#contenidos-colizq {width: 300px; height: auto; min-height: 400px; margin: 0px; display: block; position: relative; float: left; padding: 10px 10px 10px 25px;}
#contenidos-colizq h1 {font: normal 16px/25px "Impact"; text-align: left; padding: 5px 0px 5px 20px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73;}
#contenidos-colizq h2 {font: bold 12px/25px Verdana; text-align: left; padding: 5px 0px 5px 20px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h2.jpg); background-position: left; background-repeat: no-repeat; display: block; color: #ed7900;}
#contenidos-colizq p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 0px 0px 0px;}
#contenidos-colizq p.lineadivision {height: 5px; display: block; border-bottom: 1px solid #889cbe; margin-bottom: 5px;}
#contenidos-colizq p.titulonegrita {font-weight: bold; text-align: justify; font-size: 12px; margin-top: 10px;}
#contenidos-colizq ul {list-style: none; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}
#contenidos-colizq ul li {text-decoration: none; background-image: url(../imagenes/icono-contenidos-ul.jpg); background-position: left 3px; background-repeat: no-repeat; display: block; padding: 0px 0px 0px 20px; font: normal 11px/18px Verdana; text-align: justify;}
#contenidos-colizq img {padding: 5px; display: block;}
#contenidos-colizq img.noti {border: none; display: block; padding: 0px 10px 10px 0px; float: left; width: 180px; height: 211px; } 

/* ::::::::::::::::::::::::::::::::::::::::::::::::  contenidos columna derecha   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#contenidos-colder {width: 330px; height: auto; min-height: 400px; margin: 0px; display: block; position: relative; float: left; padding: 10px;}
#contenidos-colder h1 {font: normal 16px/25px "Impact"; text-align: left; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73;}
#contenidos-colder h2 {font: bold 12px/25px Verdana; text-align: left; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 25px; background-image: url(../imagenes/icono-contenidos-h2.jpg); background-position: left; background-repeat: no-repeat; display: block; color: #ed7900;}
#contenidos-colder p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 0px 0px 0px;}
#contenidos-colder p.lineadivision {height: 5px; display: block; border-bottom: 1px solid #889cbe; margin-bottom: 5px;}
#contenidos-colder p.titulonegrita {font-weight: bold; text-align: justify; font-size: 12px; margin-top: 10px;}
#contenidos-colder ul {list-style: none; padding: 0px 0px 0px 20px; margin: 10px 0px 0px 0px;}
#contenidos-colder ul li {text-decoration: none; background-image: url(../imagenes/icono-contenidos-ul.jpg); background-position: left 3px; background-repeat: no-repeat; display: block; padding: 0px 0px 0px 20px; font: normal 11px/18px Verdana; text-align: justify;}
#contenidos-colder img {padding: 5px; display: block;}

#cont-notianterior {width: 330px; height: auto; min-height: 20px; margin: 0px; display: block;  padding: 0px !important; }
#fecha-notianterior {width: 80px; height: 20px; margin: 10px 0px 0px 0px !important;}
#fecha-notianterior p {color: #ed7900; padding: 0px !important; line-height: 20px;}
#notianterior {width: 230px; height: auto; position: relative; margin: -18px 0px 0px 90px !important;}
#notianterior p a {color: #000; padding: 0px !important; text-decoration: none;}
#notianterior p a:hover {text-decoration: underline;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::  contenidos ancho   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#contenidos-ancho {width: 680px; height: auto; margin: 0px; display: block; position: relative; float: left; padding: 10px;}
#contenidos-ancho h1 {font: normal 16px/25px "Impact"; text-align: left; padding: 5px 0px 5px 20px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73;} 

/* ::::::::::::::::::::::::::::::::::::::::::::::::  PORTAFOLIO   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#portafolio {width: 340px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding-bottom: 20px; border-bottom: 1px solid #889cbe;}
#portafolio-cliente {width: 86px; height: 140px; float: left; position: relative; display: block; margin: 10px 0px 0px 25px; padding: 0px;}
#portafolio-cliente a {width: 86px; height: 93px; float: left; position: relative; display: block; background-image: url(../imagenes/fondo-clientes.jpg); background-repeat: no-repeat; text-decoration: none;}
#portafolio-cliente a:hover {background-image: url(../imagenes/fondo-clientes-on.jpg);}
#portafolio-cliente a img {width: 84px; height: 68px; float: left; position: relative; display: block; margin: 15px 0px 0px 1px; padding: 0px;}
#portafolio-cliente a p {width: 80px; height: auto; font: bold 10px/14px Verdana; color: #000; text-align: center; margin: 95px 0px 0px 0px; padding: 0px; text-decoration: none;}
#portafolio-img {width: 301px; height: 290px; float: left; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 19px 19px 0px 19px; background-image: url(../imagenes/bkg-portafolioimg.jpg); background-repeat: no-repeat; background-position: top center;}
#portafolio-img img {margin-left: 1px; display: block;}
#portafolio-txt {width: 660px; height: auto; float: left; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 10px;}
#portafolio-txt p {font: normal 11px Verdana; color: #666; line-height: 18px;}
#portafolio-txt p a {font-weight: bold; color: #E68502; text-decoration: none; }
#portafolio-txt p a:hover {text-decoration: underline; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::  PORTAFOLIO 2 NIVEL > col izquierda   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#portafolio-colizq {width: 330px; float: left; height: auto; position: relative; display: block; margin: 10px 10px 0px 0px; padding-bottom: 20px; border-bottom: 1px solid #889cbe;}
#portafolio-colizq h1 {font: normal 16px/25px "Impact"; text-align: left; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73;}
#portafolio-colizq h2 {font: bold 12px/25px Verdana; text-align: left; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 25px; background-image: url(../imagenes/icono-contenidos-h2.jpg); background-position: left; background-repeat: no-repeat; display: block; color: #ed7900;}
#portafolio-colizq p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 0px 0px 0px;}
#portafolio-colizq ul {list-style: none; padding: 0px 0px 0px 20px; margin: 10px 0px 0px 0px;}
#portafolio-colizq ul li {text-decoration: none; background-image: url(../imagenes/icono-contenidos-ul.jpg); background-position: left 3px; background-repeat: no-repeat; display: block; padding: 0px 0px 0px 20px; font: normal 11px/18px Verdana; text-align: justify;}
#portafolio-cliente2n {width: 97px; height: 140px; float: left; position: relative; display: block; margin: 10px 0px 0px 10px; padding: 0px;}
#portafolio-cliente2n a {width: 97px; height: 140px; float: left; position: relative; display: block; background-image: url(../imagenes/fondo-clientes2n.jpg); background-repeat: no-repeat; background-position: top; text-decoration: none;}
#portafolio-cliente2n a:hover {width: 97px; height: 140px; background-image: url(../imagenes/fondo-clientes2n-on.jpg); background-repeat: no-repeat; display: block;}
#portafolio-cliente2n a img {width: 95px; height: 66px; float: left; position: relative; display: block; margin: 15px 0px 0px 1px; padding: 0px;}
#portafolio-cliente2n a p {width: 97px; height: 40px; font: bold 9px/14px Verdana; color: #000; text-align: center; margin: 100px 0px 0px 0px; padding: 0px; text-decoration: none;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::  PORTAFOLIO 2 NIVEL > col derecha   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#portafolio-colder {width: 325px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 14px; padding-bottom: 20px; border-bottom: 1px solid #889cbe; border-left: 1px dashed #999999;}
#portafolio-colder h1 {font: normal 16px/25px "Impact"; text-align: left; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73;}
#portafolio-colder h2 {font: bold 12px/25px Verdana; text-align: left; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 25px; background-image: url(../imagenes/icono-contenidos-h2.jpg); background-position: left; background-repeat: no-repeat; display: block; color: #ed7900;}
#portafolio-colder p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 0px 0px 0px;}
#portafolio-colder ul {list-style: none; padding: 0px 0px 0px 20px; margin: 10px 0px 0px 0px;}
#portafolio-colder ul li {text-decoration: none; background-image: url(../imagenes/icono-contenidos-ul.jpg); background-position: left 3px; background-repeat: no-repeat; display: block; padding: 0px 0px 0px 20px; font: normal 11px/18px Verdana; text-align: justify;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::  PORTAFOLIO 2 NIVEL > col detalle   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#portafolio-colderdetalle {width: 302px; float: left; height: auto; min-height: 300px; position: relative; display: block; margin: 0px 0px 0px 5px; padding: 0px; background-color: #efeff0;}
#portafolio-colderdetalle h3 {width: 285px; height: 25px; float: left; background-image: url(../imagenes/fondo_clientes2n_colderh1.jpg); background-repeat: no-repeat; display: block; font: bold 10px/25px Verdana; text-align: left; color: #048; padding-left: 20px;}
#portafolio-colderdetalle img {width: 286px; height: 219px; display: block; float: left; position: relative; padding: 6px;}
#portafolio-colderdetalle p {width: 286px; height: auto; display: block; float: left; position: relative; padding: 6px; font: normal 10px/16px Verdana; color: #000; text-align: justify;}
#portafolio-colderdetalle p a {width: 286px; height: 25px; display: block; float: left; position: relative; padding: 6px 0px 6px 0px; font: bold 10px/16px Verdana; color: #666; text-align: center; text-decoration: none; background-image: url(../imagenes/fondo-btondetalles.jpg); background-repeat: no-repeat; background-position: center;}
#portafolio-colderdetalle p a:hover {background-image: url(../imagenes/fondo-btondetalles-on.jpg); background-repeat: no-repeat; background-position: center; display: block;} 

/* ::::::::::::::::::::::::::::::::::::::::::::::::  PORTAFOLIO 2 NIVEL > col ancha   ::::::::::::::::::::::::::::::::::::::::::::::::: */
#portafolio-colancho {width: 620px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px 30px 0px 30px; padding-bottom: 20px; border-bottom: 1px solid #889cbe; background-color: #efeff0;}
#portafolio-colancho h3 {width: 610px; height: 25px; float: left; background-image: url(../imagenes/fondo_clientes2n_colancho.jpg); background-repeat: no-repeat; display: block; font: bold 10px/25px Verdana; text-align: left; color: #048; padding-left: 20px; margin-top: 10px;}
#portafolio-colancho img {width: 614px; height: 218px; float: left; position: relative; display: block; padding: 10px 2px 6px 2px;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: MAPA DEL SITIO  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mapadelsitio {width: 680px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px; border-top: 1px solid #889cbe;}
#mapadelsitio p {font: normal 12px/18px Verdana; padding: 4px 3px 4px 25px; text-align: left; text-transform: uppercase; background-image: url(../imagenes/icono-contenidos-ul.jpg); background-repeat: no-repeat; background-position: left; border-bottom: 1px dotted #9a9a9b;}
#mapadelsitio p.activo {background-image: url(../imagenes/icono-contenidos-ulnar.jpg); background-repeat: no-repeat; background-position: left;}
#mapadelsitio p a {font: normal 11px/18px Verdana; text-decoration: none; color: #000;}
#mapadelsitio p a:hover {text-decoration: underline;}
#mapadelsitio ul {list-style: none;}
#mapadelsitio ul li {padding: 4px 3px 4px 25px;}
#mapadelsitio ul li a {font: normal 11px/18px Verdana; padding: 4px 3px 4px 25px; text-align: left; color: #000; text-decoration: none;}
#mapadelsitio ul li a:hover {text-decoration: underline;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: FORMULARIO DE CONTACTO  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#formulariocontacto {width: 680px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px;}
#formulariocontacto h1 {font: normal 16px/25px "Impact"; text-align: left; text-indent: 10px; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73; width: 650px !important; height: 25px;}
#formulariocontacto #lineadivision2 {height: 5px; width: 680px; display: block; border-bottom: 1px solid #889cbe; margin-bottom: 5px;}
#formulariocontacto p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 3px 0px 25px;}

#formulariocontacto table {width: 100%; height: auto; margin-top: 10px;}
#formulariocontacto table td {height: 25px; font: normal 11px/18px Verdana;}
#formulariocontacto table td.datos {text-align: right; background-image: url(../imagenes/icono-contenidos-tabla.jpg); background-repeat: no-repeat; background-position: left 3px; display: block;}
#formulariocontacto table td input {text-align: left; font: normal 11px Verdana; color: #666; width: 300px; height: 18px; margin-left: 10px; padding: 3px 5px 0px 5px !important; border: 1px solid #999;}
#formulariocontacto table td input:hover {background-color: #E5E5E5;}
#formulariocontacto table td select {margin-left: 10px;}
#formulariocontacto table td select:hover {background-color: #E5E5E5;}
#formulariocontacto table td textarea {text-align: justify; font: normal 11px/18px Verdana; color: #666; width: auto; height: auto; padding: 3px 5px 0px 5px !important; margin-left: 10px; border: 1px solid #999;}
#formulariocontacto table td textarea:hover {background-color: #E5E5E5;}
#formulariocontacto table td a.btonenviar {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 10px 0px 0px 10px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#formulariocontacto table td a.btonenviar:hover {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general-on.jpg); background-repeat: no-repeat; text-decoration: underline;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: FORMULARIO LOGIN  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#login {width: 680px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px;}
#login h1 {font: normal 16px/25px "Impact"; text-align: left; text-indent: 10px; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73; width: 660px; height: 25px;}
#login #lineadivision4 {height: 5px; width: 680px; display: block; border-bottom: 1px solid #889cbe; margin-bottom: 5px;}
#login p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 3px 0px 25px;}
#login p.verificacion {font: bold 12px/18px Verdana; text-align: center; padding: 10px; border: 1px solid #889cbe; background-color: #F1FAFE; color: #002a73; margin: 10px;}

#login table {width: 100%; height: auto; margin-top: 10px;}
#login table td {height: 25px; font: normal 12px/18px Verdana;}
#login table td.datos {text-align: right !important; background-image: url(../imagenes/icono-contenidos-tabla.jpg); background-repeat: no-repeat; background-position: left 3px; display: block;}
#login table td input {text-align: left; font: normal 12px Verdana; color: #666; width: 150px; height: 18px; margin-left: 10px; padding: 3px 5px 0px 5px !important; border: 1px solid #999;}
#login table td input:hover {background-color: #E5E5E5;}
#login table td a.btoningresar {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 10px 0px 0px 10px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#login table td a.btoningresar:hover {background-image: url(../imagenes/bton-general-on.jpg);}
#login table td a.btoncancelar {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 10px 0px 0px 20px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#login table td a.btoncancelar:hover {background-image: url(../imagenes/bton-general-on.jpg);}
#login table td img {padding: 2px; display: block; border: none; width: 104px; height: 34px; margin-left: 10px;}
#login table td a.regenerar-login {display: block; text-decoration: none; width: 33px; height: 30px; float: right; position: relative; background-image: url(../imagenes/bton-actualizarcaptcha.jpg); background-repeat: no-repeat; margin: 2px;}
#login table td a.regenerar-login:hover {background-image: url(../imagenes/bton-actualizarcaptcha-on.jpg);} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: FORMULARIO LOGIN INTERNO  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#login-interno {width: 680px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px;}
#login-interno h1 {font: normal 16px/25px "Impact"; text-align: left; text-indent: 10px; padding: 5px 0px 5px 25px; margin: 10px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; text-transform: uppercase; color: #002a73; width: 660px; height: 25px;}
#login-interno p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 3px 0px 25px;}
#login-interno table {width: 670px; height: auto; margin-top: 10px;}
#login-interno table.ppal-logininterno {border: 1px solid #889cbe !important; display: block;}
#login-interno table td {height: 25px; font: normal 11px/18px Verdana;}
.lineadivision5 {border-bottom: 1px dashed #889cbe !important;}
#login-interno table td.datos2 {text-align: right; background-image: url(../imagenes/icono-contenidos-tabla2.jpg); background-repeat: no-repeat; background-position: 5px 3px; display: block; padding: 0px 5px 0px 25px; font-weight: bold; background-color: #EFF3F8;}
#login-interno table td.datos3 {font-weight: bold; padding-left: 10px; color: #889cbe;}
#login-interno table td.barrasalir {background-color: #889cbe; font-size: 12px; font-weight: bold; padding: 2px 2px 2px 10px;}
#login-interno table td.barrasalir span {font-weight: normal;}
#login-interno table td input {text-align: left; font: normal 11px Verdana; color: #666; width: 150px; height: 18px; margin-left: 10px; padding: 3px 5px 0px 5px !important; border: 1px solid #999;}
#login-interno table td input:hover {background-color: #E5E5E5;}
#login-interno table td select:hover {background-color: #E5E5E5;}
#login-interno table td textarea:hover {background-color: #E5E5E5;}
#login-interno table td input.largo {width: 300px;}
#login-interno table td select {text-align: left; font: normal 11px Verdana; color: #666; width: 160px; height: 22px; margin: 2px 0px 2px 10px; padding: 3px 5px 0px 5px !important; border: 1px solid #999;}
#login-interno table td textarea {text-align: left; font: normal 11px Verdana; color: #666; margin-left: 10px; padding: 3px 5px 0px 5px !important; border: 1px solid #999;}
#login-interno table td a.btonsalir {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general2.jpg); background-repeat: no-repeat; position: relative; float: right; margin: 10px 20px 0px 0px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#login-interno table td a.btonsalir:hover {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general2-on.jpg); background-repeat: no-repeat; text-decoration: underline;}
#login-interno table td a.btonadjunto {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 10px 0px 0px 10px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#login-interno table td a.btonadjunto:hover {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general-on.jpg); background-repeat: no-repeat; text-decoration: underline;}
#login-interno table td a.btonenviar {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 10px 0px 0px 20px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#login-interno table td a.btonenviar:hover {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general-on.jpg); background-repeat: no-repeat; text-decoration: underline;}
#login-interno table td a.btonguardar {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general.jpg); background-repeat: no-repeat; position: relative; float: left; margin: 10px 0px 0px 20px; font: bold 11px/18px Verdana; text-align: center; text-decoration: none; color: #666;}
#login-interno table td a.btonguardar:hover {width: 78px; height: 26px; display: block; background-image: url(../imagenes/bton-general-on.jpg); background-repeat: no-repeat; text-decoration: underline;}
#login-interno table td img {padding: 2px; display: block; border: none; width: 172px; height: 52px;}
#login-interno table td a.regenerar-login {margin-right: 5px !important; margin-top: 3px; display: block; text-decoration: none; width: 33px; height: 30px; float: right; position: relative; background-image: url(../imagenes/bton-actualizarcaptcha.jpg); background-repeat: no-repeat;}
#login-interno table td a.regenerar-login:hover {background-image: url(../imagenes/bton-actualizarcaptcha-on.jpg); background-repeat: no-repeat; display: block;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: GLOSARIO  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#glosario {width: 680px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px;}
#glosario h2 a {font: bold 12px/20px Verdana; text-align: left; padding: 0px 0px 0px 25px; margin: 3px 0px 0px 25px; background-image: url(../imagenes/icono-contenidos-h2.jpg); background-position: left; background-repeat: no-repeat; display: block; color: #000; text-decoration: none;}
#glosario h2 a:hover {text-decoration: underline;}
#glosario #letras {margin: 10px 0px 0px 0px; padding-left: 25px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; width: 660px; height: 25px;}
#glosario #letras a {font: normal 16px/25px "Impact"; text-align: left; padding: 3px; text-transform: uppercase; color: #002a73; text-decoration: none;}
#glosario #letras a:hover {text-decoration: underline;}
#glosario #letras a.letractiva {font-size: 18px; color: #ed7900; text-decoration: none;}
#glosario #letras a.letractiva:hover {text-decoration: underline;}
#glosario p.lineadivision3 {height: 3px; display: block; border-bottom: 1px dashed #889cbe;}
#glosario p {font: normal 11px/18px Verdana; text-align: justify; padding: 5px 3px 0px 50px;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: PREGUNTAS FRECUENTES  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#preguntasfrecuentes {width: 680px; float: left; height: auto; position: relative; display: block; margin: 10px 0px 0px 0px; padding: 0px;} 
#preguntasfrecuentes h1 {margin: 10px 0px 0px 0px; padding-left: 25px; background-image: url(../imagenes/icono-contenidos-h1.jpg); background-position: left; background-repeat: no-repeat; display: block; border-bottom: 2px solid #889cbe; width: 660px; height: 25px; font: normal 16px/25px "Impact"; text-align: left; padding: 3px; text-transform: uppercase; color: #002a73; text-decoration: none;}
#preguntasfrecuentes h2 a {font: bold 12px/20px Verdana; text-align: left; padding: 0px 0px 0px 25px; margin: 3px 0px 0px 0px; background-image: url(../imagenes/icono-contenidos-h2.jpg); background-position: left; background-repeat: no-repeat; display: block; color: #000; text-decoration: none;}
#preguntasfrecuentes h2 a:hover {text-decoration: underline;}
#preguntasfrecuentes p.lineadivision3 {height: 3px; display: block; border-bottom: 1px dashed #889cbe;}
#preguntasfrecuentes p {font: normal 11px/18px Verdana; padding: 5px 3px 0px 25px; text-align: justify;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: PATA  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#pata {width: 974px; height: 130px; margin: 0px auto; display: block; background-color: #FFF; border-bottom: 20px solid #EDEDED; border-top: 1px dotted #666666;}
#pata p.direccion {font: normal 10px/18px Verdana; text-align: center; padding: 20px 10px 10px 10px; border-top: 1px dotted #999999; background-image: url(../imagenes/icono-pdireccion.jpg); background-position: 25% 20px; background-repeat: no-repeat;}
#menuinferior {width: 900px; height: 40px; margin: 0px auto; padding-top: 30px; text-align: center;}
#menuinferior table {width: auto; height: 20px; list-style: none; margin: 0px auto; text-align: center;}
#menuinferior table td a {width: auto; height: 20px; text-decoration: none; font: 12px/22px "Impact"; text-align: center; color: #00408a; padding: 2px 15px 2px 15px; border-left: 2px solid #00408A; float: left; position: relative;}
#menuinferior table td a.primeroizq {border-left: none;}
#menuinferior table td a:hover {text-decoration: underline;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: PAGINA ERROR  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#error {width: 904px; height: auto; margin: 0px; display: block; position: relative; float: left; background-color: #FFF; padding: 30px;}
#error h1 {font: bold 30px/40px Verdana; text-align: left;}
#error h2 {font: bold 24px/30px Verdana; text-align: left;}
#error p {font: normal 14px/20px Verdana; text-align: left;}
#error p a {font-weight: bold; color: #002a73; text-decoration: none; padding-left: 10px;}
#error p a:hover {text-decoration: underline;}
#error ul {padding: 20px 0px 0px 20px;}
#error ul li {list-style: disc !important; font: bold 16px Verdana;}
#error address {font: 12px Verdana;} 

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::: menu desplegable  ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ul#navmenu {width: auto; list-style: none; height: 21px; z-index: 1000; position: relative;}
ul#navmenu li {margin: 0; padding: 0; float: left;/*For Gecko*/ display: inline; list-style: none;  z-index: 1000; font: normal 14px/21px "Impact"; vertical-align: middle; border-left: 2px solid #FF8516;}
ul#navmenu li.primero {border-left: none !important;}
ul#navmenu li.hover, ul#navmenu li:hover {position: relative; cursor: default;}
ul#navmenu li a {display: block; padding: 3px 20px; color: #FFF; text-decoration: none;}
ul#navmenu li a:hover {text-decoration: none;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::: SEGUNDO NIVEL ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ul#navmenu ul {width: 170px; height: auto; margin: 0; border: 0 none; padding: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0px;}
ul#navmenu ul li {float: left;/*For IE 7 lack of compliance*/ display: block !important; background-color: #FFA221; list-style: none; width: 170px; cursor: default; font: bold 12px Arial; text-decoration: none; border-style: solid; border-width: 1px; border-color: #fff;}
ul#navmenu ul li a {text-decoration: none !important; padding: 5px 3px;}
ul#navmenu ul li a:hover {background-color: #FF8516; width: 170px;}
ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left: 170px;}
ul#navmenu ul a {width: 170px; text-decoration: none !important;}
ul#navmenu ul a:hover {width: 164px !important;} /* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display: none;}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display: block;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  END CSS */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */