
@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../../fuente/bebasneue-webfont.eot');
    src: url('../../fuente/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuente/bebasneue-webfont.woff') format('woff'),
         url('../../fuente/bebasneue-webfont.ttf') format('truetype'),
         url('../../fuente/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,  ul, h1, h2, h3, h4, h5, h6, img, a {
	list-style: none;
	border: 0;
	text-decoration: none;
	color: #838938;
	margin: 0;
}
html, body {
    font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #3E6101;
}

.centrado{
    margin:0 auto 0 auto;
}

.centradoFondo{
    margin:0 auto 0 auto;
    min-height: 520px;
    background-image:url(../../img/LOGIN-1000X520.jpg);
    background-repeat:no-repeat;
    background-position: center center;
    width: 100%;
}

.fondologin {
    background-color:rgba(0,0,0,0.4);
    min-height: 520px;
    width: 440px;
    margin-left: auto;
    margin-right: auto;
}

.titulo {
    --font-weight: bold;
    --text-align: center;
    color: #CE5A3A;
    font-size: 17px;
    padding-bottom: 20px;
}

.titulo-blanco {
    font-weight: bold;
    --text-align: center;
    color: #fff;
    font-size: 17px;
    padding-bottom: 20px;
}
.subTitulo {    
    font-weight: bold;
    color: #CE5A3A;
    padding-bottom: 5px;
}
.cabeceraTitulo {
    color: #C2C3C9;
    font-size: 18px;
    text-decoration: underline;
    font-family: 'bebas_neueregular';
    line-height: 26px;
}
.cabeceraTexto {
    color: #C2C3C9;
    font-size: 14px;
    padding-bottom: 20px;
    font-family: 'bebas_neueregular';
}
#cabeceraMenu {
    height:20px;
	width:auto;
	line-height:20px;
	margin-top:0px;
	font-size:11px;
	text-align:right;
	float:right;
}
#cabeceraMenu ul li {
	display: inline;
	margin-left:7px;
	float:right;
}
#menu {
    border-top: 3px solid #B92E1E;
}
.menuItemActivo{
    background-color: #747B32;
}
#menuItem {
    color: #FFFFFF;
	line-height: 26px;
	text-align:center;
	float: left;
	padding:0 15px;
}
#menuItem:hover{
	--background-color: #CED2C4;	
}
#menuItem:hover #menuV{
	display: block;
	text-indent:10px;
}
#menuItem:hover a{
	--color: #838938;
	font-style:underline;
}
#menuItem a {
    color:#FFFFFF;
}
#menuV{
    display: none;
    position: absolute;
    background-color: #CED2C4;
    text-align: left;
	z-index:999;
}
#menuV div{
	color:#FFFFFF;
    padding: 0 3px;
	z-index: 999;
	padding-right: 10px;
}
#menuV div:hover{
	background-color: #747B32;
	z-index: 999;
}
#menuV div:hover a{
	color:#FFFFFF;
	z-index: 999;
}
.menuLateral li{
    display: block;
    background-image:url(../../img/vineta.png);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:15px;
    line-height:24px;
}
#contenedor {
    width: 1000px;
	height: auto;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
#cabecera {
    height: 90px;
    padding-top: 10px;
    border-bottom: 3px solid #000000;
}
#cabeceraLogo {
	float:left;
}
#contenido {
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #C2C3C9;
}

.contenidob {
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #fff;
}

#contenidoLayout {
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #fff;
}

#pie {
	clear: both;
	/*border-top: solid 1px #CE5B3B;*/
    background-color: #000000;
    color: #ffffff;
    width: 1000px;
    line-height: 27px;
    text-align: center;
    font-size: 11px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;  
}

#pie ul li{
    display: inline;
	margin:0 3px;	
}
#borrarPie {
	display: block;
	height: 40px;
}
.calendario {
    position: absolute;
    display: none;
    background-color: #FFFFFF;
    z-index: 10000;
}
.imgCalendario {
    position: absolute;    
    border: solid 0px;
    float:right;
    margin-left: -16px;
    margin-top: 0px;
    cursor:pointer;
}
select {
    background-color: #FFFFFF;
    border: 1px solid #CFD69A;
    color: #3E6101;
    font-size: 11px;
}
textarea {
    background-color: #FFFFFF;
    border: 1px solid #CFD69A;
    color: #3E6101;
    font-size: 11px;
}
input {
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
    border-color: #CFD69A;
	color: #3E6101;
	font-size: 11px;
}
input[type=text], [type=password] {
    width: 130px;
}
input[type=radio], input[type=checkbox], input[type=image] {
    border-color: transparent;
    background-color: transparent;
}
input[type=image] {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
input[type=submit] {
    background-image:url(../../img/boton_fondo.png);
	background-repeat:no-repeat;
	background-position:right;
	height:25px;
	width:130px;
	font-weight: bold;
	border: transparent;
	color: #FFFFFF;
	float: right;
	cursor:pointer;
}
#button, input[type=button]{
	font-size: 11px;
    width: 70px;
    color: #FFFFFF;
    border: solid 1px #747B32;
    background-color: #747B32;
    font-weight: bold;
    height: 18px;
    line-height:10px;
}
#button {
    background-image:url();
}
.zend_form_login dt {
    float: left;
    width: 100px;    
    padding : 3px;
}
.zend_form_login dd {
    padding : 3px;
}
.zend_form_login input[type=text], input[type=password] {
    margin-top: 0px;
    width: 160px;
}
.zend_form dt {
    float: left;
    width: 195px;    
    padding : 3px;
}
.zend_form dd {
    padding : 3px;
}
.zend_form select {
    margin-top: 0px;
    width: 165px;
}
.zend_form input[type=text], input[type=password] {
    margin-top: 0px;
    width: 130px;
}
.zend_form1 input[type=text] {
    width: 100%;
}
.zend_form1 select {
    width: 100%;
}
.zend_form1 div {
    padding-bottom: 10px;
}
.zend_form1 input, select {
    margin-top: 5px;
}
.grilla {
    width:100%;
    background-color: #FFFFFF;
    border-left: 1px solid #D3D89E;
    border-right: 1px solid #D3D89E;
    border-top: 1px solid #D3D89E;   
    border-spacing: inherit;
    margin-top: 5px;         
}
.grilla tr:hover {
    --background-color: #F3F5E6;
}
.grilla thead td {
    background-color:#747B32;
    color: #FFFFFF;
	height: 20px;
	font-weight: bold;
    font-size: 11px;
}
.grilla thead th {
    background-color:#B92E1E;
    background-image: url(../../img/menu_barra.png);
    border-left: 1px dotted #D3D89E;
    color: #FFFFFF;
	height: 20px;
	font-size: 11px;
	text-align:center;
}
.grilla td {
    border-bottom: 1px solid #D3D89E;
    border-left: 1px dotted #D3D89E;
    font-size: 10px;
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
}
.grilla th[scope=col], td[scope=col] {
    border-left: transparent;
}
.grilla input[type=text] {
    text-transform: uppercase;
    background-color: #FFFFFF;
    width: 108px;    
}
.grilla select {
    background-color: #FFFFFF;
    width: 120px;
    margin-top: 3px;
    margin-bottom: 3px;       
}
div.errorMensaje {
    position: absolute;
    background: url(/js/jquery/img/tooltipConnectorLeft.png) no-repeat scroll left center; 
    padding-left: 14px;
    display: none;
} 
div.error {
    background: transparent;
    background: #fff;
    border: 1px solid #7eabcd;
    padding: 2px 5px;    
}
.error {
    border: solid 1px red;
    background: #FAFAD2;
}
.grilla2 {
    padding: 10px;
    border: solid 1px;
    width: 100%;
    border: 1px solid #FECA9E;
    background-color: #FEE2CB;
}
.grilla2 th {
    text-align: left;
    --width: 19%;
}
.grilla2 td {    
    --width: 31%;
}
.negrita {
    font-weight: bold;
}
.mensajeError {
    color: #CE5A3A;
}
.mensajeErrorLogin {
    color: #fff;
}
#alingDerecha {
    text-align: right;
}
#alingIzquierda {
    text-align: left;
}
.subMenu {
    width:150px;
    float:left;
    border: 1px solid #CE5B3B;
    padding: 20px;
    background-color:#FFFBF2;
}

.subMenu input, select{
    width:98%;
}
.izquierda {
    float:left;
    width: 175px;
    /*background-color: #542816;*/
}
.derecha {
    float:right;
    width:805px;
    min-height: 610px;
    padding-top: 20px;
    padding-left: 20px;
    background-color: #fff;
    /*border-left: 1px solid #b0a998;*/
}

.derechaAlternativo {
    float:right;
    width:805px;
    /*min-height: 400px;*/
    min-height: 540px;
    padding-top: 20px;
    padding-left: 20px;
    background-color: #fff;
    /*border-left: 1px solid #b0a998;*/
}

.contenedorBanner {
    float:left;
    width:825px;
    background-color: #fff;
}

.derechaFondo {
    background-image: url('../../img/Banner_desk_first-class_extranet_2.jpg?v=1');
    background-repeat: no-repeat;
    background-position: center -100px;
    background-position: center center;
}

.bannerFondoPromocion {
    background-image: url('../../img/navidad-extranet-01.jpg');
}
.banner_snacks_extra {
    background-image: url('../../img/banner_snacks_extra.jpg');
}
.banner_b_ollantay {
    background-image: url('../../img/b_ollantay.jpg');
}
.banner_tarifas_2023 {
    background-image: url('../../img/Banner_extranet.jpg');
}
.bannerFondoFiestasPatrias {
    background-image: url('../../img/extranet-28-julio.jpg');
}

.bannerDiaTrabajador{
    background-image: url('../../img/extranet-dia-del-trabajo.jpg');
}

.bannerDiaMadre{
    background-image: url('../../img/dia_madre_052020.jpg');
}

.derechaFondoAgente {
    background-image: url('../../img/banner_agente.png');
    background-repeat: no-repeat;
    background-position: center center; 
}

.derechaFondoNavidad {
    background-image: url('../../img/banner_extranet_navidad.jpg');
    background-repeat: no-repeat;
    background-position: center center; 
}

.derechaNoticias {
    background-image: url('../../img/fondoNoticias.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

.derechaConcursos {
    background-image: url('../../img/fondoConcursos.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaSugerencias {
    background-image: url('../../img/fondoSugerencias.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaMenus {
    background-image: url('../../img/fondo_menu_052020.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaPoliticas {
    background-image: url('../../img/fondoPoliticasComerciales.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaTarifas {
    background-image: url('../../img/fondoTarifasConfidencialesB.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaComunicados {
    background-image: url('../../img/fondo_comunicado_052020.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaServicios {
    background-image: url('../../img/fondoServiciosIR.jpg');
    background-repeat: no-repeat;
    background-position: center top; 
}

.derechaIntiRaymi {
    background-image: url('../../img/banners_extranet_intiraymi.png');
    background-repeat: no-repeat;
    background-position: center top; 
}

.bannerFondoTrenes {
    background-image: url('../../img/Banner-trenes.jpg');
}

.bannerFondoEncuesta {
    background-image: url('../../img/Banner-encuesta.jpg');
}

#alingCentro {
    text-align: center;
}
.recuadro {
    border: 1px solid #CE5B3B;
    padding: 10px;
    background-color:#FFFBF2;
    width:100%;
    text-align:justify;  
}
.recuadro th{
    text-align: left;
}
.recuadro select{
    width:150px;
    margin-top: 0px;
}
.recuadro input[type=text]{
    width:50px;
}
.recuadroTitulo {
    font-size: 15px;
    border-bottom: 3px solid #747B32;
    height: 34px;
    color: #ffffff;
    line-height: 34px;
    text-indent: 10px;
    background-image: url(../../img/menu_barra.png);    
}
#paginado{
    float:right;
}
#paginado ul li{
    display: inline;
    margin:0 3px;
}
.form-errors {
    float: left;
    border:solid 1px transparent;    
}
.form-errors li{
    color: #CE5A3A;
}
.link{
    --text-decoration: underline;
	color: #CE5A3A;
	cursor: pointer;
}
#capaEmergente {
    --background-color:#F3F5E6;
    cursor:default;
    border: 1px solid #747B32;
}
.emergenteTitulo {
    text-align: left;
    background-color:#747B32;
    height: 22px;
    line-height: 22px;
    color:#FFFFFF;
    font-weight: bold;
    font-size: 11px;
    padding-left:10px;
}
.emergenteTexto {
    text-align: left;
    padding: 20px;
    line-height: 20px;    
}
.emergenteTexto li {
    display: block;
}
.inputInactivo{
    background-color:#C0C0C0;
}
#contenido a{
    color: #CE5A3A; 
}
#contenido a:hover{
    text-decoration: underline;
}
.cerrar {
    float:right;
    cursor:pointer
}
.mayuscula{
    text-transform: uppercase;
}
.minuscula{
    text-transform: lowercase;
}
.filaAnulado{
    background-color:#EF6060;
    color:#ffffff;
}
.filaAnulado span{
    color:#ffffff;
}
.fila{
    background-color:#F3F5E6;
}
.filaActivo {
    background-color:#FFFBD9;
}
.filaEmitido {
    background-color:#D4E8F7;
}
.puntero{
    cursor: pointer;
}
.impTotal {
    font-size: 15px;
    text-align: right;
    font-weight: bold;
}
.cuadroMensaje {
    margin-top:5px;
    padding:10px;
    border:1px solid #BFC675;
    overflow-y:auto;
    text-align: justify;
}
.lista dt {
    float: left;
    width: 1;
    padding:3px;
}
.lista dd {
	margin-left:20px;
    padding:3px;
    text-align:justify;
}
.listaNegrita dt {
    font-weight: bold;
}

.box{
    height: 45px;
    width: 150px;
    color: #ffffff;
    padding: 10px 10px 10px 15px;
    background-image: url('../../img/flecha_copia.png');
    background-repeat: no-repeat;
    background-position: 160px 30px;
}

.opcionA{
    background-color: #042d1c;
}

.opcionA:hover{
    background-color: #C2C3C9;
}

.opcionB{
    background-color: #053220;
}
.opcionB:hover{
    background-color: #C2C3C9;
}

.opcionC{
    background-color: #1d4636;
}
.opcionC:hover{
    background-color: #C2C3C9;
}

.opcionC-1{
    background-color: #365a4c;
}
.opcionC-1:hover{
    background-color: #C2C3C9;
}

.opcionD{
    background-color: #506f62;
}
.opcionD:hover{
    background-color: #C2C3C9;
}

.opcionE{
    background-color: #698479;
}
.opcionE:hover{
    background-color: #C2C3C9;
}

.opcionF{
    background-color: #82988f;
}
.opcionF:hover{
    background-color: #C2C3C9;
}

.opcionG{
    background-color: #9bada5;
}
.opcionG:hover{
    background-color: #C2C3C9;
}

.opcionH{
    background-color: #b4c1bc;
}
.opcionH:hover{
    background-color: #C2C3C9;
}

.opcionI{
    background-color: #cdd6d2;
}
.opcionI:hover{
    background-color: #C2C3C9;
}

.opcionJ{
    background-color: #e4ebe9;
}
.opcionJ:hover{
    background-color: #C2C3C9;
}

.tituloInicio{
    font-family: 'bebas_neueregular';
    font-size: 23px;
}

.blanco{
    color: #fff;
}

.naranja{
    color: #CC5E1E;
}

.inicioParrafo{
    font-size: 14px;
    color: #fff;
}

.bloqueNovedades{
    min-height: 250px;
    height: auto;    
    width: 270px;
    /*background-color: #f9eed9;
    border: 1px solid #f0e5d2;*/
    border: 1px solid #d32615;
    /*background-color: #fde9de;*/
    padding: 20px 20px 20px 20px;  
}

.bloqTexto{
    height: auto;
    width: auto;
    text-align: justify;
    color: #784d1c;
    font-size: 14px;
    line-height: 20px;
}

.novedades{
    height: 36px;
    width: auto;
    border-bottom: 1px dashed #b9afa2;
    margin: 0px 0px 20px 0px;  
}

.txtNovedades {
    color: #cc5e1e;
    font-size: 26px;
    font-family: 'bebas_neueregular';
    line-height: 26px;
    text-decoration: none;
}

.tituloNovedades {
    font-size: 22px;
    font-family: 'bebas_neueregular';
    line-height: 32px;
    text-decoration: none;
    color: #784d1c;    
}

.ver {
    text-decoration: none;
    color: #fd4221 !important;
    /*float: right;*/
    font-size: 14px;
}

.linktxt {
    text-decoration: none;
    color: #fd4221 !important;
    font-size: 14px;
}

.verMas {
    text-decoration: none;
    color: #fd4221;
    float: right;
    font-size: 14px;
    cursor: pointer;
    background-image:url(../../img/icoFlecha_down.jpg);
    background-repeat:no-repeat;
    background-position: center right;
    width: 60px;
    height: 18px;
}

.verMenos {
    text-decoration: none;
    color: #fd4221;
    float: right;
    font-size: 14px;
    cursor: pointer;
    background-image:url(../../img/icoFlecha_up.jpg);
    background-repeat:no-repeat;
    background-position: center right;
    width: 76px;
    height: 20px;
}

.vinculoMenuLateral {
    text-decoration: none !important;
}
.vinculoMenuLateral:hover {
    text-decoration: none !important;
}

.textoLogin {
    /*font-family: 'bebas_neueregular';
    font-weight: bold;*/
    color: #fff;
    font-size: 14px;
}

.bloqueLogin{
    height: 40px;
    width: 280;
    border-bottom: 3px solid #fff;
    margin: 60px 0px 15px 0px;
}

.botonEnvio {
    background: #FF3C1D;
    border: 0px solid #FF3C1D;
    color: #FFFFFF;
    font-size: 14px;
    height: 24px;
    width: 134px;
    margin-top: 4px;
    cursor: pointer;
    padding: 0 10px;
    /*border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;*/
}
.botonEnvio:hover {
    background: #d6610e;
    border: 0px solid #a04a0f;
    color: #FFFFFF;
    font-size: 14px;
    height: 24px;
    width: 134px;
    margin-top: 4px;
    cursor: pointer;
    padding: 0 10px;
    /*border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;*/
}

.camposTexto{
    width:220px ! important; 
    border-color: #cccccc; 
    height: 20px; 
    color: #3f3f3f;
}

.bloqueNoticias{
    width: auto;
    /*border: 1px solid #F18101;*/
    border: 1px solid #D32615;
    float: left;
    height: auto;
    padding: 10px 10px 6px 10px;
    margin-bottom: 15px;
    /*background-color: #fde9de;*/
}

.bloqueNoticiasIzq{
    width: 150px;
}

.tituloNoticia {
	margin-bottom: 10px;
	font-size:22px;
	color: #3e6101;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'bebas_neueregular';
}

.subtituloNoticia {
	font-size:14px;
	color: #3e6101;
}

.txtParrafo{
    font-size: 14px;
    color: #3f3f3f;
    line-height: 20px;
    text-align: justify;
}

.tablaTarifas{
	border-collapse:collapse;
	text-align:center;
	line-height: 18px;
}
	
td.cabeceraTarifas{
	background-color:#c02425;
	border: 1px solid #adadad;
	color:#fff;
    font-size: 11px !important;    
	}
	
td.columnaIzq{
	border: 1px solid #adadad;
	background-color:#c0ba96;
	color:#3f3f3f;
    font-size: 11px !important;
	}
	
td.columnaCentro{
	border: 1px solid #adadad;
	background-color:#dbd7c1;
	color:#3f3f3f;
    font-size: 11px !important;
	}
	
td.columnaContenido{
	border: 1px solid #adadad;
	color:#3f3f3f;
    text-align: right !important;
	padding-right: 10px;
    font-size: 11px !important;
	}

td.columnaContenidoCentro{
	border: 1px solid #adadad;
	color:#3f3f3f;
    text-align: center !important;
    font-size: 11px !important;  
	}

td.columnaContenidoIzq{
	text-align: left !important;
	padding-left: 10px;
    font-size: 11px !important;  
	}

td.columnaContenidoDer{
	text-align: right !important;
	padding-right: 10px;
    font-size: 11px !important;  
	}  
 
.espacioBloques{
    height: 350px;
    width: 100%;
}  

.fondoColumnaIzquierda{
    background-color:#542816;
}

.fg-gris{
    color: #3f3f3f;
}

#frmItinerario{
    display:inline-block;
}
form .container.recuadro{
    border: 1px solid #CE5B3B;
    padding: 10px;
    background-color: #FFFBF2;
    width: 97%;
    text-align: justify;
    display:inline-block;
}
form .recuadro .form-grupo{ 
    float:left;
    position: relative;
    min-height: 1px;
    width: 100%;
    margin-bottom: 10px;
}
form .recuadro .form-grupo .columna{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

}


form .recuadro .form-grupo .columna-3{
    width: 33.33%;
    

}
form .recuadro .form-grupo .columna-2{
    width: 50%;

}
.columna-2{width:45.1% !important; padding-left:2px; padding-right:2px;  float:left;}
.columna-3{width:32.5% !important; padding-left:1px; padding-right:1px;  float:left;}
.columna-4{width:25% !important; float:left;}
.columna-5{width:20% !important; float:left;}
.columna-6{width:16.666% !important; float:left;}


.form-control {
    display: block;
    width: 100% !important;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CFD69A !important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 0px;
    
}
.pull-right {
    float: right !important;
}

#numSerieBoleto{}
#numBoleto{}

#frmBoletoBuscar .columna-2{}
#frmBoletoBuscar .columna-2.numSerieBoleto{width: 19% !important;}
#frmBoletoBuscar .columna-2.numBoleto{width: 75% !important;}

#frmBoletoBuscar{
    .form-control {
        padding: 5px !important;
        width: 95% !important;
        padding: 5px !important;
        height: 20px;
    }
    #idDocumentoIdentidad{
        height: 32px;
    }
}

/*JORGE TRUJILLO */

.centrar-imagen {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.borde-gris-sinpadding {
    border: 1px solid #e5e5e5;
}

.capa-carga {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    min-height: 350px;
}

.frame-gc {
    padding: 25px;
    width: 95%;
    height: 500px;
}

.contenedor-gc {
    height: 435px;
}

.espacio-carga {
    padding-top: 150px !important;
}

.radio-img {
    display: inline-block;
    padding: 2px 20px 2px 0px;
}

.pagoError {
    background-color: #f2dede;
    border: 1px solid #a94442;
    padding: 10px;
}

table.pagoError th {
    text-align: left;
}

/*FIN JORGE TRUJILLO*/

/*
    Modal
 */

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000045;
    z-index: 999;
    top: 0;
}

.modal {
    position: fixed;
    width: 300px;
    height: 80px;
    background: #fff;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -150px;
    padding: 25px 20px;
    border: 2px solid #d32a2a;
    font-size: 130%;
    z-index: 1000;
}

.modal p {
    margin-top: 0;
}

.modal .close {
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 15px;
}

button.start-js-btn {
    float: right;
}

input.sololectura {
    background-color: #cecece !important;
}

table.tabla_modal {
    border-collapse: separate;
    border-spacing:  3px;
    margin:1em 0;
}

table.tabla_modal th, table.tabla_modal td{
    text-align:left;
    padding:.2em;
    border:1px solid #007976;
}

table.tabla_modal th {
    color:#007976;
}

table.tabla_modal td{
    background:#e5f1f4;
}

.listaModal{
    color: #000000!important;
    display: revert!important;
}

.td-comunicado{
    border: 1px solid black;
    text-align: center;
}