/** * * http://www.rts.com * Imagen Web - SingleClick Solutions * Hoja de estilos */ /* Clear ************************************/ *{ margin: 0; padding: 0; } ul{ list-style-type: none} a{ text-decoration: none; color: #000000;} a:hover{ text-decoration: underline} em{ font-style: normal} table{border-collapse: collapse} .clear{ clear: both} fieldset { border:none} body {height:100%;} html{ min-height: 100%; height: 100%;} option { background-color: #FFFFFF; } img { border:none;} li { list-style:none; } .menu ul *{ .behavior: url("Javascript/PngPath/iepngfix.htc");} /* Estructura general ************************************/ body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#151515; margin-top:10px; } #contenedor-principal{ min-height:100%; width: 1010px; background-repeat: repeat-y; background-position: center; margin-right: auto; margin-left: auto; position: relative; } #contenido{ width: 990px; } #contenedor-blanco { opacity: .95;filter: alpha(opacity=95); background-color: #FFFFFF; } #contenedor { width: 1000px; background-color: #FFF; background-color:#FFFFFF; background-image: url(../Imagenes/Sistema/fondo-sombra.gif); background-repeat: repeat-y; background-position: center top; padding-left: 10px; } .contenedor-modelo { background-image: url(../Imagenes/Sistema/fondo-top.jpg); background-repeat: no-repeat; background-position: center top; min-height: 427px; background-color: #F6F7F9; } .contenedor-modelo-peru{ background-image: url(../Imagenes/Sistema/fondo-top-peru.jpg);} .contenedor-modelo-mexico{ background-image: url(../Imagenes/Sistema/fondo-top-mexico.jpg);} /* Encabezado ************************************/ #encabezado { min-height: 234px; width: 990px; } #encabezado .menu ul li { float: left; padding-left: 18px; padding-right: 10px; background-image: url(../Imagenes/Sistema/vineta-verde.png); background-repeat: no-repeat; background-position: left center; } #encabezado .menu ul { float: right; width: 500px; .width: 520px } #encabezado .menu ul li a { font-size: 15px; color: #FFF; } #encabezado .menu { padding-top: 10px; } #encabezado .c-banner1 { padding-top: 10px; padding-right: 20px; } #encabezado .c-banner1 .banner1 { float: right; color: #FFFF00; font-size: 15px; height: 31px; font-weight:bold; } #encabezado .c-banner1 .banner11 { float: right; color: #FFFF00; font-size: 15px; height: 71px; font-weight:bold; } #encabezado .c-banner1 .traductor { float: right; clear:both; margin-bottom:40px; height: 30px; } #encabezado .c-banner1 .traductor11 { float: right; clear:both; margin-bottom:0px; height: 30px; } #encabezado .c-sesion-buscador { padding-left: 10px; } #encabezado .c-sesion-buscador .c-sesion h1 { font-size: 16px; color: #FFF; font-weight: normal; } #encabezado .c-sesion-buscador .c-sesion h2 { font-weight: normal; padding-top: 25px; color: #FFF; float: left; display: block; font-size: 14px; } #encabezado .c-sesion-buscador .c-sesion .l-cerrar { color: #ffff00; font-size: 12px; font-weight: bold; display: block; float: right; padding-top: 40px; } #encabezado .c-sesion-buscador .c-sesion .botoninicio {cursor: hand; position: absolute; display: block; left: 320px ; background-image: url(../Imagenes/Sistema/inicio.png); background-repeat: no-repeat; width:25px; height:22px;} #encabezado .c-sesion-buscador .c-sesion { width: 320px; float: left; } #encabezado .c-sesion-buscador .c-buscador { float: left; padding-left: 30px; } #encabezado .c-sesion-buscador .c-buscador .contenedor-campo { float: left; width: 170px; padding-top: 5px; padding-right: 10px; } #encabezado .c-sesion-buscador .c-buscador .c-botones { float: right; padding-right: 20px; padding-top: 0px; } #encabezado .c-sesion-buscador .c-buscador .l-buscar { background-image: url(../Imagenes/Sistema/enviar-busqueda.gif); background-repeat: no-repeat; background-position: top; display: block; width: 62px; height: 47px; margin-top: 10px; } #encabezado .c-sesion-buscador .c-buscador .l-buscar:hover { background-image: url(../Imagenes/Sistema/enviar-busqueda.gif); background-repeat: no-repeat; background-position: bottom; display: block; width: 62px; height: 47px; } #encabezado .c-sesion-buscador .c-buscador .c1 { float: left; width: 600px; } #encabezado .c-titulogeneral { height: 33px; padding-left: 360px; color: #900; font-size: 24px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } /* Pie ************************************/ #pie { min-height: 78px; padding: 10px; padding-top: 12px; } #pie .powered-by { float: right; } #pie .derechos { float: left; font-size: 11px; padding-left: 8px; color: #333333; } /* Estilos generales ************************************/ .mensaje-confirmacion { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#336699; } .mensaje-error { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#da251c;} #mensaje {position: fixed;width: 100%;z-index: 10;top: 0;padding: 5px 10px; text-align: center; font-size: 13px; color: #fff;} #mensaje p { padding-top: 15px; text-align: center; font-weight: 700; font-size: 14px; } .seccion { padding: 20px; } .titulo-grande { font-family: Tahoma, Geneva, sans-serif; font-size: 30px; font-weight: bold; } .registros-encontrados { font-weight:bold; padding-top:20px; float:right;} .txt-whatsapp { margin: 10px 0px;} .txt-whatsapp .link-whatsapp { color: #01560e; font-weight: bold; cursor:pointer;} /* Paginador *************************************/ .contenedor-paginacion { height: 30px; padding-top: 15px; text-align: right; } .contenedor-paginacion .paginacion { float: right; height: 18px; } .contenedor-paginacion .paginacion li { color:#35969f; float: left; padding-left: 5px; padding-right: 5px; font-weight: bold; text-align: center; } .contenedor-paginacion .paginacion .activo { background-image: url(../Imagenes/Template/fondo-link-paginador.gif); background-repeat: no-repeat; background-position: center center; width: 18px; color: #FFFFFF; text-decoration: none; display: block; } .contenedor-paginacion .paginacion .palabra { color:#35969f; display: block; } .contenedor-paginacion .paginacion a { padding-top: 2px; height: 18px; } .contenedor-paginacion .paginacion .normal { display: block; } /* Apariencia general del formulario */ .contenedorformulario{ } .contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% } .contenedorformulario td { padding-right:30px;} .contenedorformulario .etiquetas { text-align:left; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 150px; padding-right: 15px;} .contenedorformulario .colboton { text-align:center;} .contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; } .contenedorformulario .titulo{ text-align:left; padding:5px 0 10px 5px; background-color: #666666; color:#FFFFFF; font-size: 16pt; font-style: bold; letter-spacing: 0.05em;} .contenedorformulario fieldset { padding:20px;} .contenedorformulario .contenedor-campo { padding-top:20px; padding-right:30px; float:left; display:inline;} .contenedorformulario .contenedor-error { padding-top:20px; padding-right:30px} .contenedorformulario .contenedor-botones { padding-top:10px; padding-right:0px; text-align:right; } .contenedorformulario .contenedor-botones input { float:right;} .contenedorformulario label { color:#474747; font-weight:normal; display:block; font-size: 12px; padding-bottom: 5px;} .contenedorformulario select{ } .contenedorformulario select option{} .contenedorformulario input[type="text"]{ padding-top:4px; display:block; border: 1px solid #a3a3a3; height: 19px; background: transparent url('../Imagenes/Template/input-fondo-text.gif') repeat-x top left; font-weight: bold; } .contenedorformulario input[type="password"]{ padding-top:4px; display:block; border: 1px solid #a3a3a3; height: 19px; background: transparent url('../Imagenes/Template/input-fondo-text.gif') repeat-x top left; font-weight: bold; } .contenedorformulario textarea { width:500px; height:120px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; } .contenedorformulario .contenedor-grid{ padding-top: 30px; padding-left:17px;} .contenedorformulario p {padding-top:0px;} .contenedorformulario .contenedor-botones { padding-right:0px; text-align:right; } .contenedorformulario .contenedor-botones input { float:right;} .contenedorformulario .imagen-captcha { float:left; } .contenedorformulario .input-captcha { float:left;} .contenedorformulario .fieldset { border: 1px solid #afe14c; margin: 10px 0; border-color: #CCC; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px; background-color:#E5E5E5; margin-top: 20px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px;} .contenedorformulario .legend { display:block; margin-top:-10px; font-size:14px; font-weight:bold; .margin-top:0px;} /* Campos globales */ .contenedorformulario input[type="submit"], input[type="button"]{ border:none; cursor:pointer; padding-bottom:3px; padding-top/*\**/:4px\9; font-size:11px; height:24px; width:100px; background-color:transparent; background-image: url(../Imagenes/Template/input-fondo-boton.gif); background-repeat: no-repeat; background-position: center top; color:#000; } .contenedorformulario input[type="submit"]:hover, input[type="button"]:hover{ border:none; cursor:pointer; padding-bottom:3px; padding-top/*\**/:4px\9; height:24px; width:100px; background-color:transparent; background-image: url(../Imagenes/Template/input-fondo-boton.gif); background-repeat: no-repeat; background-position: center bottom; color:#000; } /**************************/ /* inicio: Reportes */ div.listado-reporte{ clear: both; margin-top: 20px; float: left; width: 100%} .titulo-reporte{ font-size:16px; font-family:"Trebuchet MS"; margin-left:10px; margin-right:10px; text-align:left; border:1px solid; padding:5px 0 10px 5px; text-transform: uppercase; background-color: #004090; background-image: url(../Imagenes/Fondos/fondo-titulo.gif); background-repeat: repeat-x; background-position: bottom; color:#FFFFFF;} div.titulo-reporte h3{ color: #fff} div.contenido-reporte{ padding: 10px;} div.contenido-reporte .tabla-reporte{ width: 100%; margin: 0 auto; } div.contenido-reporte .tabla-reporte .fila-titulos{ background-color:#dddddd; height:27px;} div.contenido-reporte .tabla-reporte .fila-titulos td{ text-align:center; } div.contenido-reporte .tabla-reporte .fila-titulos td span{ display: block; padding:5px 0 5px 0;} div.contenido-reporte .tabla-reporte .fila-titulos td div{ float: right; margin:12px 20px 0 0} div.contenido-reporte .tabla-reporte .fila-titulos td a{ width: 9px; height: 5px; } div.contenido-reporte .tabla-reporte .fila-contenido{} div.contenido-reporte .tabla-reporte .fila-contenido { cursor:pointer; } div.contenido-reporte .tabla-reporte .fila-contenido .azul{ cursor:pointer; background-color:#f3fafd} div.contenido-reporte .tabla-reporte .fila-contenido td{ font-size:11px; text-align: center; border-bottom:2px dotted #dfdfdf;} div.contenido-reporte .tabla-reporte .fila-contenido td span{ display: block; padding:8px 0 8px 0} div.contenido-reporte .tabla-reporte .fila-contenido:hover { background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; } div.contenido-reporte .tabla-reporte .seleccionada { cursor:pointer; background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left;} div.contenido-reporte .tabla-reporte .seleccionada .azul{ cursor:pointer; background-color:#f3fafd} div.contenido-reporte .tabla-reporte .seleccionada td{ font-size:11px; text-align: center; border-bottom:2px dotted #dfdfdf;} div.contenido-reporte .tabla-reporte .seleccionada td span{ display: block; padding:8px 0 8px 0} div.contenido-reporte .tabla-reporte .seleccionada:hover { background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; } div.informacion{ margin:20px 0 0 10px} div.informacion div.nro-clientes{ float: left; } div.informacion div.nro-clientes p{ font-weight: bold} div.informacion div.nro-clientes em{ color:#35969f} div.informacion div.paginador-listado{ float: right; width: 240px; padding-right:10px; } div.informacion div.paginador-listado li{ margin-right: 0px; float: left} div.informacion div.paginador-listado li a{ display: block; text-decoration: underline; color:#35969f; font-weight: bold; min-width: 18px; text-align: center; margin-right: 3px} div.informacion div.paginador-listado li a.activo, div.informacion div.paginador-listado li a.numero:hover{ background: transparent url('../Imagenes/Template/fondo-link-paginador.gif') no-repeat top left; color: white; text-decoration: none;} div.informacion div.paginador-listado p{ float: left; font-weight: bold; margin-right: 10px} .flechas-ordenamiento { float:right; } #Menu-secundario{ clear: both; margin: 0 0 15px 0; padding-bottom:10px; float: right} #Menu-secundario ul{ } #Menu-secundario ul li{ color:#6a6a6a; float: left; color: transparent; padding: 0; } #Menu-secundario ul li a{ color:#333333; font-weight:bold; height: 20px; float: left; font-size:12px; padding: 0 0 0 6px} #Menu-secundario ul li a:hover{ color:#010101} #Menu-secundario ul li img{ padding-right: 5px; vertical-align:text-top; margin-top:-5px;} #Menu-opciones{ clear: both; float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 15px; margin-left: 10px; } #Menu-opciones ul{ } #Menu-opciones ul li{ color:#6a6a6a; float: left; color: transparent; padding: 0; } #Menu-opciones ul li a{ color:#333333; font-weight:bold; height: 20px; float: left; font-size:12px; padding: 5px 0 0 6px } #Menu-opciones ul li a:hover{ color:#010101} #Menu-opciones ul li img{ padding-right: 5px; vertical-align:text-top;} /* fin: Reportes */ /**************************/ /* inicio: Tablas */ /**************************/ #busqueda { width:650px;position: absolute; z-index: 0; left: 300px !important; top: 200px; visibility: hidden;display:none} .tabla-tipo1 .arriba-izquierda { width: 4px; background-image: url(../Imagenes/Marcos/tabla1-arriba-izquierda.gif); background-repeat: no-repeat; background-position: right top; height: 25px; } .tabla-tipo1 .celda-cerrar { width: 20px; text-align: right; } .tabla-tipo1 .arriba { background-image: url(../Imagenes/Marcos/tabla1-arriba.gif); background-position: top; height: 25px; } .tabla-tipo1 .arriba-derecha{ background-image: url(../Imagenes/Marcos/tabla1-arriba-derecha.gif); background-repeat: no-repeat; background-position: left top; width: 4px; height: 25px; } .tabla-tipo1 .celda-titulo { color:#FFFFFF;} .tabla-tipo1 .celda-cerrar { cursor: pointer;} .tabla-tipo1 .celda-cerrar img { } .tabla-tipo1 .izquierda { background-image: url(../Imagenes/Marcos/tabla1-izquierda.gif); background-repeat: repeat-y; width: 4px; } .tabla-tipo1 .derecha { background-image: url(../Imagenes/Marcos/tabla1-derecha.gif); background-repeat: repeat-y; } .tabla-tipo1 .abajo-izquierda { background-image: url(../Imagenes/Marcos/tabla1-abajo-izquierda.gif); background-repeat: no-repeat; background-position: right top; } .tabla-tipo1 .abajo { background-image: url(../Imagenes/Marcos/tabla1-abajo.gif); background-repeat: repeat-x; background-position: top; } .tabla-tipo1 .abajo-derecha { background-image: url(../Imagenes/Marcos/tabla1-abajo-derecha.gif); background-repeat: no-repeat; background-position: left top; } /**************************/ /* fin: tablas */ /* inicio: Autocompletar ***********************************/ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #EBF4E8; } .ac_over { background-color: #660; color: white; } /**************************/ /* fin: Autocompletar */ /* Contacto */ .contenedor-contacto { padding: 20px; } .contenedor-contacto .tabla-contacto td{ padding:5px; } .contenedor-contacto .informacion-contacto { font-size: 12px; font-weight: normal; float:right; } /* Loader */ .loading-claro { background-image: url(../Imagenes/Template/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; height:32px; width:32px;} /* inicio: Index ************************************/ .index { height: 600px; background-repeat: no-repeat; background-position: center top; z-index: 20; position: absolute; width: 990px; } .index .contenedor-menuindex { padding-top: 45px; float: right; height: 50px; width: 400px; } .index .menu-index { height: 35px; width: 400px; padding: 5px; } .index .menu-index ul li { float: left; padding-left: 8px; padding-right: 8px; color: #FFF; border-right-width: 1px; border-right-style: solid; border-right-color: #333; } .index .menu-index ul li a { color: #333; font-weight: bold; font-size: 14px; } .index .menu-index .demo { color: #ffcc00; font-family: "Arial Black", Gadget, sans-serif; font-size: 16px; display: block; float: left; padding-left: 8px; } .index .menu-index ul { float: left; padding-top: 5px; width: 400px; } .index .contenedor-login { float: right; width: 950px; padding: 15px; padding-top: 300px; } .index .contenedor-login .login-index form .contenedor-botones { float: right; width: 60px; padding-top: 10px; } .index .login-index .titulo-acceso { font-size: 24px; font-weight: normal; color: #FFF; display: block; padding-bottom: 10px; text-align: right; padding-right: 30px; } .index .login-index form .contenedor-campo label { color: #FFF; width: 75px; display: block; float: left; text-align: right; padding-right: 6px; } .index .login-index form .contenedor-campo { padding-top: 5px; } .index .contenedor-animacion { width: 600px; float: left; padding-top: 280px; } /* fin: Index ************************************/ /* Artículos ****************************************/ .contenedor-articulo .info-general { color:#C00; font-weight:bold; float:left; padding-bottom:30px;} .contenedor-articulo .info-general li { float:left; padding-right:10px; padding-left:10px; border-right-width: 1px; border-right-style: solid; border-right-color: #900; } .contenedor-articulo *{margin: auto; padding:auto} /* Archivos ****************************************/ .contenedor-imagen { float: right; } .contenedor-archivo { float: left; padding: 15px; padding-top:30px; width:900px; } .contenedor-archivo h1 { font-family: "Trebuchet MS"; font-size: 24px; display: block; float: left; width: 430px; } .contenedor-archivo .info-archivo { float: right; font-size: 11px; color: #666666; text-align: right; } .contenedor-archivo .link-descarga { font-size: 13px; font-weight: bold; float: right; } .categorias-items .izquierda { width: 280px; float: left; margin-right: 15px; } .categorias-items { padding-top: 20px; } .categorias { padding: 15px; background-image: url(../Imagenes/Sistema/fondo-encuesta.jpg); background-repeat: repeat-x; margin-left: 15px; } .categorias .titulo-categoria { font-family: "Trebuchet MS"; font-size: 16px; font-weight: normal; } .categorias-items .derecha { float: left; padding-left: 30px; width: 650px; } .categorias-items .item-archivo { width:570px;} .categorias-items .item-articulo { padding: 20px; width: 700px; } .item-archivo { background-image: url(../Imagenes/Sistema/fondo-item-archivo.jpg); background-repeat: repeat-x; padding: 10px; border: 1px dotted #CCCCCC; .width: 590px; } .item-archivo .titulo { color: #cc0000; font-size: 16px; font-weight: bold; display: block; float: left; } .item-archivo .fecha { color: #666666; display: block; float: right; } .item-archivo .contenedor-imagen { padding-top: 10px; float: left; } .item-archivo .texto-articulo { float: left; width: 520px; padding-left: 10px; padding-top: 10px; } .item-archivo .linkarchivo { font-weight: bold; display: block; float: right; padding-top: 15px; } /* Contacto ****************************************/ #tabla-contacto tr td .contenedorformulario form #tabla-formulario tr td { padding:5px; } #contenido .interna .c1 { width: 315px; float: left; padding-left: 5px; } .interna .c1 .tabla-mapa { background-image: url(../Imagenes/Sistema/fondo-tabla-izquierda.gif); background-repeat: repeat-y; width: 309px; min-height: 100px; padding-left: 2px; } .interna .cerrar-tabla-mapa { background-image: url(../Imagenes/Sistema/tabla-izquierda-bottom.gif); width: 311px; height: 14px; } .titulo-verde { min-height: 93px; background-image: url(../Imagenes/Sistema/fondo-titulo-verde.png); background-repeat: no-repeat; background-position: left top; padding-top: 10px; padding-left: 75px; padding-right: 10px; } .titulo-verde .c-titulo { font-family: Verdana, Geneva, sans-serif; font-size: 18px; } .titulo-verde .c-texto { } .titulo-verde2 { min-height: 75px; background-image: url(../Imagenes/Sistema/fondo-titulo-verde2.png); background-repeat: no-repeat; background-position: left top; padding-top: 10px; padding-left: 75px; margin-top: 20px; } .titulo-verde2 .c-titulo { font-family: Verdana, Geneva, sans-serif; font-size: 18px; } .titulo-verde2 .c-texto { } .interna .c2 { float: left; } .interna .c2.ancho1 { width:690px; } .interna .c2.ancho2 { width:990px; } .item-incidente { padding-top:10px; padding-bottom:10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; } .item-incidente h1 { font-size: 18px; font-family: Verdana, Geneva, sans-serif; float: left; } .item-incidente .fecha-incidente { float: right; color: #999900; padding-top:15px; font-weight:bold; } .item-incidente .item-opcion { float: right; color: #999900; padding-top:15px; font-weight:bold; display:block; margin-left:15px; } .item-incidente .item-opcion a { text-decoration:underline; color:#900; } .item-incidente .titular-incidente { display:block; text-align:justify; } .item-incidente img{ padding:5px; } .titulo-verde a { color: #C00; display: block; float: right; padding-top: 8px; } .interna .texto1 { } .interna .c-mapaincidente { padding: 0px; } .c-mapaincidente h1 { font-family: Verdana, Geneva, sans-serif; font-size: 24px; } .c-mapaincidente #mapaincidentes { text-align: center; } .interna .c3 { width: 610px; float: left; padding-left: 20px; } .interna .c4 { float: left; width: 360px; } .interna .tabla2 { width: 607px; height: 400px; background-image: url(../Imagenes/Sistema/fondo-tabla2.gif); background-repeat: no-repeat; background-position: center center; margin-left: 25px; } .interna .tabla2 .c-tabla2 { padding-top: 20px; } .interna .tabla2 .c-tabla22 { padding: 20px; height: 350px; overflow: auto; } .interna .tabla3 { background-repeat: no-repeat; background-position: center center; width: 314px; height: 161px; } .interna .tabla3 .c-tabla3 { text-align: center; } .interna .c4 .c-descargas { padding: 20px; padding-left: 30px; padding-top: 0px; margin-left: 30px; } .interna .c4 .c-descargas .descargas li { list-style-type: disc; padding: 2px; } #pie .compartir { float: right; padding-right: 50px; color: #999; } .addthis_button_compact { color: #999; } .index .contenedor-login .login-index .bienvenido { font-size: 24px; color: #FF9; } .index .contenedor-login .login-index .ir-panel { color: #FFF; } #contenido .interna .c1 .c-incidentes { padding: 10px; padding-top: 0px; } .c-incidentes .item-incidente h1 { color:#C00; font-weight:normal; } #mapa .c-formfiltros { width: 624px; height: 125px; background-image: url(../Imagenes/Sistema/fondo-filtros.png); background-repeat: no-repeat; margin: 8px; padding: 15px; } #mapa .c-formfiltros form label { } #mapa .c-formfiltros form label span { width: 120px; display: block; } #mapa .c-formfiltros form .enviar-filtro { float: right; } #mapa .filtros_nuevo{background-image: none; background-color: #FFF; } #mapa .filtros_nuevo form label span{font-family: arial; font-size: 12px; color: #000; font-weight: bold;} #mapa .filtros_nuevo form label select{width: 100%; height: 22px; border: 1px #666666 solid; font-family: arial; font-size: 13px; color: #000;} #mapa .filtros_nuevo form label input{height: 22px; border: 1px #666666 solid; font-family: arial; font-size: 13px; color: #000;} #contenido .animacion { position: absolute; width: 580px; } #contenido .espacio { height: 600px; } .index .contenedor-login .login-index { width: 350px; float: right; padding-top: 20px; } .index .contenedor-login .animacion { } .interna .c2 .c-incidentes-otros { padding: 15px; } .item-puntoapoyo { padding-top:10px; padding-bottom:10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; } .item-puntoapoyo h1 { font-size: 18px; font-family: Verdana, Geneva, sans-serif; float: left; } .item-puntoapoyo .fecha-incidente { float: right; color: #999900; padding-top:15px; font-weight:bold; } .item-puntoapoyo .titular-incidente { } .item-puntoapoyo img{ margin:5px; margin-right:10px; border:solid 1px #999; } .interna .c-titulo-rojo { font-size: 18px; color: #C00; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .contenedor-login .login-index .login-solo { padding-left: 70px; padding-right: 20px; } .addthis_button_compact { color: #666; } #pie .powered-by a { color: #FC0; } #pie .powered-by { color: #464646; } .c-mapaincidente .titulo { font-size: 18px; font-weight: bold; padding: 8px; } .ui-dialog{background-color: #fff; color: #000;} .ui-widget-content{color:#000 !important} #gmap_mapa{margin: auto; width: 98%; height: 500px;} .error {border:1px #CC0000 solid !important;} .tooltip-gps{} .tooltip-gps h3{ font-weight: bold;} .tooltip-gps p{ font-size: 11px; margin: 0; padding: 0; font-weight: normal;} .tooltip-gps p.tiempo{ font-weight: bold;} .opciones-salida { float:right; overflow:none; padding-bottom:20px; } .opciones-salida .imprimir{ display:block; height:25px; padding-left:25px; background-image: url(../Imagenes/Sistema/imprimir.png); background-repeat: no-repeat; background-position: left center; vertical-align:middle; float:left; margin-right:20px; } .opciones-salida .pdf{ display:block; height:25px; padding-left:25px; background-image: url(../Imagenes/Sistema/exportar-pdf.png); background-repeat: no-repeat; background-position: left center; vertical-align:middle; float:left; margin-right:20px; } .opciones-salida .alertas{ cursor:pointer; display:block; height:22px; padding-left:25px; background-image: url(../Imagenes/Sistema/icono-alertas.png); background-repeat: no-repeat; background-position: left center; vertical-align:middle; float:left; margin-right:20px; } .opciones-salida .cuadrantes{ cursor:pointer; display:block; height:22px; padding-left:36px; background-image: url(../Imagenes/Sistema/policia.png); background-repeat: no-repeat; background-position: left center; vertical-align:middle; float:left; margin-right:20px; } .opciones-salida .normales{ cursor:pointer; display:block; height:22px; padding-left:5px; background-repeat: no-repeat; background-position: left center; vertical-align:middle; float:left; margin-right:20px; font-weight:bold; } .vinculos { clear: both; padding: 6px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; background-color: #374B06; background-image: url(../Imagenes/Sistema/back_foot.jpg); background-repeat: repeat-x; } .vinculos p { font-size: 22px; color: #fecb00; margin-bottom: 8px; } .vinculos ul { padding: 3px; border: 1px dotted #abb495; overflow: hidden; } .vinculos ul li { float: left; width: 45%; margin: 10px; cursor:pointer; } .vinculos ul li:hover strong { color:#4a7904; } .vinculos ul li strong { font-size: 26px; color: #fecb00; display: block; float: left; margin-right: 10px; } .vinculos ul li span { font-size: 22px; color: #cccccc; } .c-formfiltros form .campo { float: left; height: 45px; margin-right: 5px; width:300px; } #mapa { } .menu-lateral ul li { margin-top: 2px; } .menu-lateral ul li a { background-image: url(../Imagenes/Sistema/fondo-menuverde.gif); background-repeat: repeat-x; height: 25px; display: block; color: #FFF; font-size: 15px; padding: 10px; border-left-width: 12px; border-left-style: solid; border-left-color: #999a00; padding-top: 14px; text-decoration: none; font-weight:bold; vertical-align:middle; } .menu-lateral ul li a.menos-pad { height:30px; padding-top:5px; } .menu-lateral ul li a:hover{ background-image: url(../Imagenes/Sistema/fondomenuverde.jpg); background-repeat: repeat-x; background-position: bottom; } .menu-lateral { margin-right: 10px; margin-top: 20px; margin-left: 5px; } .menu-lateral ul li .amarillo { color: #FC0; } .menu-lateral ul li .amarillo:hover{ color: #FFF; } .c-buscador #f-busqueda-rutas .c1 .contenedor-campo-peq { float: left; width: 30px; height: 20px; } #incidentes .c2 { width:600px; margin-left:15px; } .index .contenedor-menuindex .menu-index ul li .bot-demo { margin-top: -10px; display: block; } .c-banner1 .instrucciones { float: right; margin-top: 15px; } .seccion .c1 { width: 300px; float: left; margin-right: 15px; } .seccion .contenedor-seccion.flotante { float: left; width: 630px; } #rts { padding:10px; background-color:#d9e4b1; font-family:Verdana, Geneva, sans-serif; color:#323E19; text-align:justify; float: left; } .quienes-somos h3 { padding:5px; background-color:#4E5A1E; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:14px; text-align:left; } #contenido_div { padding:5px; background-color:#d9e4b1; font-family:Verdana, Geneva, sans-serif; color:#333; font-size:14px; text-align:left; } .quienes-somos .izquierda { width: 280px; float: left; margin-right: 10px; margin-top: 15px; margin-left:10px; } .quienes-somos .derecha { float: left; width: 650px; margin-left: 15px; margin-top: 15px; } .tabla-recomendaciones td{ padding:8px; } .tabla-recomendaciones tr.resaltada td { background-color:#c6d587 } .tabla-recomendaciones p{ padding:8px; } .tabla-recomendaciones ul{ list-style-type:disc; margin:auto; padding:auto; } .tabla-recomendaciones li{ list-style-type:disc; margin-left:20px; margin-top:8px; } .rutas-alternas { padding:20px; } .rutas-alternas a{ font-size:14px; font-weight:bold; } #incidentes-indicadores { overflow: hidden; padding-bottom: 20px; } #incidentes-indicadores .izquierda { width: 300px; margin-left: 10px; float: left; } #incidentes-indicadores .derecha { float: left; width: 650px; } #incidentes-indicadores .derecha .grafico { margin-left: 8px; margin-top: 30px; } #mapa2 { width: 990px; } #mapa2 .contenedor-mapaflash { float: left; width: 530px; height: 961px; background-image: url('../Imagenes/Sistema/mapa2-fondoresultados.jpg');} #mapa2 .contenedor-derecha { float: left; width: 460px;} #mapa2 .contenedor-derecha > div{ padding-left: 10px; padding-top: 15px; padding-right: 10px; padding-bottom: 5px;} #mapa2 .contenedor-derecha .cuadro{ width: 25px; height: 60px; position: absolute; margin-top: -10px; margin-left: -25px; background-color: #000;} #mapa2 .contenedor-derecha h1 { font-size: 18px; color: #fbdb3b; margin-left: 0px; } #mapa2 .contenedor-derecha .contenedor-filtros { height: 200px; background-image: url('../Imagenes/Sistema/mapa2-fondofiltros.jpg'); border-bottom : 1px #fbdb3b dashed ;} #mapa2 .contenedor-derecha .contenedor-grafico { background-image: url('../Imagenes/Sistema/mapa2-fondografico.jpg'); border-bottom : 1px #fbdb3b dashed; } #mapa2 .contenedor-derecha .contenedor-resultados { height: 400px; background-image: url('../Imagenes/Sistema/mapa2-fondoresultados.jpg'); padding-right: 5px;} #mapa2 .contenedor-derecha .contenedor-filtros .formulario { background-color: #fcfbfa; padding: 10px; margin-top: 10px; margin-left: 0px; border: solid 1px #dcdedc; -moz-border-radius : 5px; } #mapa2 .contenedor-derecha .contenedor-filtros .formulario .campo{ margin-bottom: 10px;} #mapa2 .contenedor-derecha .contenedor-filtros .formulario .campo label{ color: #333; width: 110px; display: block; float: left; margin-right: 10px; font-weight: bold; } #mapa2 .contenedor-derecha .contenedor-filtros .formulario .campo table{ width: 200px;} #mapa2 .contenedor-derecha .contenedor-grafico .grafico { background-color: #fff; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; -moz-border-radius : 5px; padding:4px;} #mapa2 .contenedor-derecha .contenedor-resultados .pdf{ float:right; color: #fff;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados { width: 195px; height: 320px; margin-top: 10px; float: left; margin-right: 20px; background-color: #fff; } #mapa2 .contenedor-derecha .contenedor-resultados .resultados .col1 { width: 140px; float:left; padding:10px 5px 0px 5px;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .col2 { float:left; width: 30px; text-align: center; padding:10px 5px 0px 5px;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .titulo { background-image: url('../Imagenes/Sistema/mapa2-resultados-fondotitulo.png'); background-position: top; background-repeat: no-repeat; width: 195px; height: 32px; border-bottom: 5px #f7931e solid; color: #8f392b; font-weight: bold; font-size: 12px;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .imagencargando { display: block; margin-left: auto; margin-right: auto;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .jScrollbar3 { padding: 0px; background-color: transparent; height: 285px;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .jScrollbar_mask { width: 200px; } #mapa2 .contenedor-derecha .contenedor-resultados .resultados .jScrollbar_draggable { max-height: 300px; margin-left: 0px; } #mapa2 .contenedor-derecha .contenedor-resultados .resultados .jScrollbar_draggable a.draggable{ background-color: #f7931e ; } #mapa2 .contenedor-derecha .contenedor-resultados .resultados .resultado {color: #909090; background-color: #fff; background-image: url('../Imagenes/Sistema/mapa2-resultados-fondofila.jpg'); background-position: bottom; background-repeat: repeat-x; width: 195px; height: 30px;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .resultado:hover {background-image: url('../Imagenes/Sistema/mapa2-resultados-fondofilaover.jpg');} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .resultado.sel {background-image: url('../Imagenes/Sistema/mapa2-resultados-fondofilaover.jpg');} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .ajax-resultadosdepto .resultado:hover { cursor:pointer;} #mapa2 .contenedor-derecha .contenedor-resultados .resultados .resultado .col1{ border: 1px #eaeaea solid; height: 18px; } #mapa2 .contenedor-derecha .contenedor-resultados .resultados .resultado .col2{ border: 1px #eaeaea solid; height: 18px; } #encabezado .c-sesion-buscador .c-buscador #f-busqueda-rutas .c1 .contenedor-campo label { display: block; margin-bottom: 10px; padding-top: 30px; } .opcionespf{ margin:10px 30px;} .opcionespf a{ display:block; float:left; padding:4px; background-color:#CCC; border-radius:5px; margin-right:10px; text-decoration:none; } .opcionespf a.selected{ background-color:#333333; color:#fff;}.opciones-herramientas thead tr td a { font-size: 18px; color: #C00; text-align: center; padding-bottom: 10px; display: block; } .opciones-herramientas thead tr td { text-align: center; } .opciones-herramientas { margin:auto; } .opciones-herramientas tbody tr td{ padding: 8px; padding-bottom:50px; } .opciones-herramientas thead tr td p { color: #333; margin-bottom: 10px; font-style: italic; } .center{width: 98%; margin: 0 auto;} .menu-appmovil{height: 59px; font-size: 14px; margin-bottom: 20px;} .menu-appmovil ul li{float: left} .menu-appmovil ul li a{background-color: #989900;color: #FFFFFF; font-family: "Trebuchet MS"; display: block; width: 148px; height: 59px; text-align: center; line-height: 7;} .menu-appmovil ul li a:hover{ background-color: #374B06;text-decoration: none;} .menu-appmovil ul li .opcion-usuarios{background-image: url('../Imagenes/Sistema/icono-usuarios.png'); background-repeat: no-repeat; background-position: center 13px;} .menu-appmovil ul li .opcion-monitoreo{background-image: url('../Imagenes/Sistema/icono-monitoreo.png'); background-repeat: no-repeat; background-position: center 5px;} .menu-appmovil ul li .opcion-plantilla{background-image: url('../Imagenes/Sistema/icono-plantillas.png'); background-repeat: no-repeat; background-position: center 5px;} .menu-appmovil ul li .opcion-apps{background-image: url('../Imagenes/Sistema/icono-app.png'); background-repeat: no-repeat; background-position: center 5px;} .menu-appmovil ul li .opcion-config{background-image: url('../Imagenes/Sistema/icono-config.png'); background-repeat: no-repeat; background-position: center 5px;} #usuarios-web{} #usuarios-web .contenedor-usuarios{width: 100%; overflow: hidden;} #usuarios-web .contenedor-usuarios .item-usuario{position: relative; background-color: #fff; float: left; width: 307px; height: 178px; border: 3px solid #A6A8AB; margin-right: 10px; margin-bottom: 20px;} #usuarios-web .contenedor-usuarios .item-usuario:nth-child(3n){margin-right: 0;} #usuarios-web .contenedor-usuarios .item-usuario .info-usuario{float: left; width: 147px; font-family: "Trebuchet MS"; padding: 15px 0px 0 7px;} #usuarios-web .contenedor-usuarios .item-usuario .info-usuario .nombre{min-height: 34px;font-weight: bold;font-size: 15px; color: #231F20; margin-bottom: 11px;} #usuarios-web .contenedor-usuarios .item-usuario .info-usuario .cargo{min-height: 34px;font-size: 12px; color: #424F1F; margin-bottom: 16px;} #usuarios-web .contenedor-usuarios .item-usuario .info-usuario .botones{font-size: 12px; color: #FFFFFF;} #usuarios-web .contenedor-usuarios .item-usuario .info-usuario .botones a{float: left; display: block; height: 17px; padding: 0 8px; background-color: #A6A8AB; color: #FFFFFF; border-radius: 5px; line-height: 16px; margin-right: 15px;} #usuarios-web .contenedor-usuarios .item-usuario .info-usuario .botones a:hover{text-decoration: none; background-color: #6D6E70;} #usuarios-web .contenedor-usuarios .item-usuario .imagen-usuario{float: right; width: 153px; height: 177px;} #usuarios-web .contenedor-usuarios .item-usuario .correo-usuario{position: absolute; width: 293px; bottom: 0; background-color: #989900; height: 28px; color: #FFFFFF; font-size: 14px; padding-left: 14px; line-height: 2;} #usuarios-web-forms{} .contenedor-form{width: 100%; overflow: hidden;} .contenedor-form .titulo-form{color: #989900; font-size: 20px; font-family: "Trebuchet MS"; float: left; display: block; width: 100%;margin-bottom: 25px;} .contenedor-form .contenedor-top{color: #FFFFFF; font-size: 17px; font-weight: bold; font-family: "Trebuchet MS"; background-color: #3F3F3F; height: 35px; display: block;float: left;width: 100%; line-height: 2;padding-left: 15px;} .titulo-empresa{font-size: 17px; margin-bottom: 10px;} .contenedor-superior{width: 100%; overflow: hidden; margin-bottom: 20px;} .contenedor-superior .titulo{float: left; color: #989900; font-size: 20px; font-family: "Trebuchet MS";} .contenedor-superior .boton-adicionar{cursor: pointer;opacity: 0.8;float: right; display: block; height: 19px; background-image: url('../Imagenes/Sistema/icono-user.png'); background-repeat: no-repeat; background-position: 7px 3px; background-color: #414E1E; color: #FFFFFF; font-size: 14px; font-family: "Trebuchet MS"; padding: 2px 13px 0 24px; margin-right: 10px;} .contenedor-superior .boton-adicionar:hover{opacity: 1; text-decoration: none;} .contenedor-stores{overflow: hidden; width: 100%; float: left; margin-top: 30px; margin-left: 89px; height: 500px;} .contenedor-stores .contenedor-googleplay{float: left; width: 400px; margin: 0px 90px 0 30px; text-align: center;} .contenedor-stores .contenedor-appstore{float: left; width: 200px; margin: 0 42px;} .contenedor-stores .contenedor-googleplay .google-play{display: block; float: left; width: 100%; height: 95px; background-image: url('../Imagenes/Sistema/google-play.png'); background-repeat: no-repeat; margin-bottom: 43px;} .contenedor-stores .contenedor-appstore .apps-store{display: block; float: left; width: 115px; height: 114px; background-image: url('../Imagenes/Sistema/app-store.png'); background-repeat: no-repeat; background-position: center 0; margin: 0 20px 26px;} .contenedor-stores .boton-descargar{height: 34px; background-image: url('../Imagenes/Sistema/icono-descargar.png'); background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 23px; color: #FFFFFF; bottom: 0; background-color: #414E1E;background-position: 14px 8px; line-height: 31px;padding: 0px 20px 3px 35px;} .contenedor-stores .boton-descargar:hover{text-decoration: none; opacity: 0.8;} #dialog-detalle{padding-top: 20px; font-family: "Trebuchet MS";} #dialog-detalle .info-basica{float: left; width: 100%; margin-bottom: 19px;} #dialog-detalle .info-basica .imagen-ejecutivo{float: left} #dialog-detalle .info-basica .imagen-ejecutivo img{width: 100px; height: 100px; border-radius: 55px;} #dialog-detalle .info-basica .nombre{font-size: 20px;} #dialog-detalle .info-basica span{font-weight: bold; color: #5A5A5A; font-size: 14px; margin-top: 3px; display: block;} #dialog-detalle .info-basica .descripcion{width: 200px; margin: 15px 0px 0 20px; float: left;} #dialog-detalle .info-adicional {float: left; width: 100%;} #dialog-detalle .info-adicional h3{margin-bottom: 2px; font-size: 16px; color:#9E9E9E;} #dialog-detalle .info-adicional span{color: #545353;} #dialog-detalle .info-adicional .observaciones{margin: 12px 0;} #dialog-detalle .archivo-descarga{border-radius: 7px; padding: 4px 11px 0 24px; display: block; float: right; height: 20px; background-color: #003C09; background-image: url('../Imagenes/Sistema/icono-descargar.png'); background-repeat: no-repeat; background-position: 6px 3px; opacity: 0.8; text-decoration: none; margin-top: 25px;} #dialog-detalle .archivo-descarga:hover{opacity: 1;} .ui-dialog.ui-widget-content .gmap_ventana .gmap_mapa { margin: 10px; height: 360px; } .ui-dialog.ui-widget-content .gmap_ventana .gmap_info div { float:left; margin: 10px; } #gmap_ventana_ida_tabs { border:0; } .ctn-nuevo-incidentes #form-cantidadmes{float: left; display: inline-block;} .ctn-nuevo-incidentes #form-cantidadmes select{height: 22px; border: 1px #666666 solid; font-family: arial; font-size: 13px; color: #000;} .ctn-nuevo-incidentes .opciones-salida{float: right; display: inline-block;} .ctn-nuevo-incidentes .opciones-salida a{background-image: none; padding: 0; float: left; height: auto; margin: 0; margin-right: 10px} .ctn-nuevo-incidentes .opciones-salida a:last-child{margin-right: 0px} .ctn-nuevo-incidentes .tabs-container{background-color: #FFF; border: none;} .ctn-nuevo-incidentes .tabs-nav a, .ctn-nuevo-incidentes .tabs-nav a span {background-color: transparent; background-image: none;} .ctn-nuevo-incidentes .tabs-nav, .ctn-nuevo-incidentes .tabs-nav li{background-color: #ececec; background-image: none;padding: 6px; min-height: 22px; margin-right: 5px;} .ctn-nuevo-incidentes .tabs-nav, .ctn-nuevo-incidentes .tabs-nav li:last-child{margin-right: 0;} .ctn-nuevo-incidentes .tabs-nav .tabs-selected a, .ctn-nuevo-incidentes .tabs-nav .tabs-selected a span {background-image: none; background-color: transparent;} .ctn-nuevo-incidentes .tabs-nav .tabs-selected, .ctn-nuevo-incidentes .tabs-nav .tabs-selected{background-color: #FFF;} .ctn-nuevo-incidentes .ctn-pestanas {background-color: transparent;padding-left: 0; padding-bottom: 0;} .ctn-nuevo-incidentes .ctn-pestanas li img{display: inline-block; height: 15px; width: auto; float: left;} .ctn-nuevo-incidentes .ctn-pestanas li span{display: inline-block; font-family: arial; font-size: 15px; color: #000; padding: 0 7px; float: left} .ctn-nuevo-incidentes .ctn-pestanas li .nombre_etiqueta{padding: 0 7px; float: left} .ctn-nuevo-incidentes .ctn-pestanas li .numero-eventos{line-height: 19px; float: left; padding: 0; font-family: arial; text-align: center; font-weight: bold; font-size: 12px; border-radius: 50%; height: 21px; min-width: 21px;display: inline-block;} .ctn-nuevo-incidentes .ctn-pestanas li .amarillo{background-color: #ffcc00 !important; color: #000;} .ctn-nuevo-incidentes .ctn-pestanas li .azul{background-color: #0258c1 !important; color: #FFF;} .ctn-nuevo-incidentes .item-normal-incidente { padding-top:10px; padding-bottom:10px; border-bottom: 1px #cccccc solid; margin-bottom: 15px;} .ctn-nuevo-incidentes .item-normal-incidente h1 { font-size: 14px; font-family: arial; font-weight: normal; color: #000; text-align: left; float: left; margin-bottom: 12px;} .ctn-nuevo-incidentes .item-normal-incidente .ctn-carateristicas{margin-bottom: 10px; float: left; display: inline-block;} .ctn-nuevo-incidentes .item-normal-incidente .ctn-carateristicas .item-caracteristica{float: left; display: inline-block; margin-right: 20px;} .ctn-nuevo-incidentes .item-normal-incidente .ctn-carateristicas .item-caracteristica:last-child{margin-right: 0;} .ctn-nuevo-incidentes .item-normal-incidente .ctn-carateristicas .item-caracteristica img{float: left; display: inline-block; margin-right: 5px;} .ctn-nuevo-incidentes .item-normal-incidente .ctn-carateristicas .item-caracteristica span{float: left; display: inline-block;font-family: arial; font-style: italic; font-size: 11px;padding-top: 5px;} .ctn-nuevo-incidentes .item-normal-incidente .ctn-carateristicas .item-caracteristica span a{font-family: arial; font-style: italic; font-size: 11px;} .ctn-nuevo-incidentes .item-normal-incidente .btn-verde{display: inline-block; float: right; background-color: #999a00; padding: 5px 10px;text-align: center; text-align: center; color: #FFF; font-size: 12px;} /* The Modal (background) */ .modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 575px; position: relative; z-index: 1;} .modal-content .info-punto-apoyo{float: left; width: 100%;} .modal-content .info-punto-apoyo h2{float: left; width: 100%; margin-bottom: 15px; font-size: 23px; color: #000; text-align: left; font-family: arial;} .modal-content .info-punto-apoyo .info-modal{float: left; margin-bottom: 20px;} .modal-content .info-punto-apoyo .info-modal .ctn-img{float: left; display: inline-block; padding-right: 15px; width: 96px;} .modal-content .info-punto-apoyo .info-modal .ctn-img img{display: block; margin: 0 auto;} .modal-content .info-punto-apoyo .info-modal .ctn-txt{display: inline-block; float: left; width: 464px;} .modal-content .info-punto-apoyo .info-modal .ctn-txt p{font-family: arial; font-size: 12px; color: #000;} .modal-content .info-punto-apoyo .btn-verde{float: right; padding: 5px 15px; font-family: arial; font-size: 18px; color: #FFF; background-color: #999a00; border: none;} .div-absoluto{width: 100%; height: 100%; top: 0; left: 0;position: absolute; z-index: 0;} .modal-content .info-punto-apoyo .item-normal-incidente {border-bottom: none;} .modal-content .info-punto-apoyo .item-normal-incidente h1{font-size: 23px; margin-bottom: 5px;} .modal-content .info-punto-apoyo .item-normal-incidente .label-fuente{font-size: 15px; margin-bottom: 20px; float: left;} .modal-content .info-punto-apoyo .item-normal-incidente .ctn-carateristicas{display: block; float: left; clear: both; margin-bottom: 15px;} .modal-content .info-punto-apoyo .item-normal-incidente .ctn-carateristicas .item-caracteristica{float: left; display: inline-block; margin-right: 5px;} .modal-content .info-punto-apoyo .item-normal-incidente .ctn-carateristicas .item-caracteristica span{font-size: 15px; font-style: italic; padding-top: 0; display: inline-block; float: left;} .modal-content .info-punto-apoyo .item-normal-incidente .ctn-carateristicas .item-caracteristica span a{font-size: 15px; font-style: italic;} .modal-content .info-punto-apoyo .item-normal-incidente .ctn-carateristicas .item-caracteristica img{padding-top: 0; display: inline-block; float: left;} .modal-content .info-punto-apoyo .ctn-descripcion{float: left; width: 100%; margin-bottom: 30px;} .modal-content .info-punto-apoyo .ctn-descripcion p{font-family: arial; color: #000; font-size: 12px;} /* The Close Button */ .close {color: #aaa; float: right; font-size: 28px; font-weight: bold;} .close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;} #paises{} #paises .imagen{width: 100%; padding: 30px 0 50px; float: left;} #paises .imagen img{display: block; margin: 0 auto;} #paises .titulo-paises{width: 100%; font-size: 20px; color: #000; text-align: center; font-family: arial; margin-bottom: 30px; float: left; font-weight: normal;} #paises .lista-paises{width: 100%; margin-bottom: 50px; float: left;} #paises .lista-paises .ctn-padd-lista{width: 100%; margin: 0 auto; display: block;} #paises .lista-paises .ctn-padd-lista ul{width: 100%; float: left; text-align: center;} #paises .lista-paises .ctn-padd-lista ul li{display: inline-block; padding: 0 20px;} #paises .lista-paises .ctn-padd-lista ul li .ctn-img{width: 100%; float: left; margin-bottom: 3px;} #paises .lista-paises .ctn-padd-lista ul li .ctn-img a{margin: 0 auto; display: block;} #paises .lista-paises .ctn-padd-lista ul li .ctn-img img{margin: 0 auto; display: block;} #paises .lista-paises .ctn-padd-lista ul li .enlace-pais{width: 100%; text-align: center; font-family: arial; font-size: 15px; color: #000; display: block; font-weight: bold;} #paises .lista-paises .ctn-padd-lista ul li .enlace-pais:hover{ color: #000; text-decoration: underline;} #contenido{position: relative; overflow: hidden;} .img-absoluta{position: absolute;top: 0; left: -66px; z-index: 1; height: 222px;} .img-absoluta img{width: 100%; height: 100%;} .mostrarmarcadores {display: flex; justify-content: left; align-items: center;} .mostrarmarcadores .btn-descargarpdf label{display: flex; align-items:center; justify-content:center; gap: 10px; cursor:pointer;} .mostrarmarcadores .btn-descargarpdf img{width: 28px;} .mostrarmarcadores .btn-descargarpdf{background-color: #950d0d; color: white; border: none; padding: 8px; text-align: center; font-size: 12px; display: inline-block; border-radius: 5px; cursor: pointer} .mostrarmarcadores .btn-descargarpdf:hover{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}