﻿/* Fuente tipografica*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

form[name="forma_pago"]   {
  padding-top: 20px;
}

tr.fila_titulo_mr, tr.fila_info_mr  {
    text-align-last: center;
}

.todo-nav{
	background: #EDEFF4;
	height:130px;
	width:100%;
	font-size: 13px;
	font-family:'Roboto', sans-serif;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10%;
	border-style: solid;
    border-width: 0px 0px 10px 0px;
    border-color: #15a48d;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
}

#btn-menu{
	display:none;
}

.ico_btn{
	display:none;

}

ul,ol{
	list-style: none;
	}

.nav ul{
	display: flex;
	float: right;
}

.nav li a:hover{
	border-bottom: 3px solid #15a48d;
	padding-bottom:5px;

}

.active{
	border-bottom: 3px solid #15a48d;
	padding-bottom:5px;

}

.nav > li {
	float: left;
}

.nav li {
padding:10px 30px;
display: block;
color: #535D60;
}


/* menu secundario empresa*/
.nav li ul {
	margin-top:10px;
	background-color:  rgba(255, 255, 255, .5);
	border-radius:15px;
	padding:10px 30px;
	flex-direction: column;
	display:none;
	position:absolute ;
	}


a{
	color:#535D60;
	text-decoration: none;
}


.nav li:hover > ul {
display: block;
padding:20px 0px;
}



.certifacion{
	margin:30px 0px 0px 20px;
}
.certifacion h2{
	color:#535D60;
	font-family:'Roboto', sans-serif;

}
.certifacion img{
	margin-right:60px;
}

.fondo_login{ 
	background-color:fff;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height:auto;
	padding: 30px 0px;

}

.contenedor{
	padding: 40px 20px;
	background-color: #fff;
	border-radius: 20px;
	width:60%;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	-moz-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
}


.contenedor_pago{
	padding:40px;
	background-color: #fff;
	border-radius: 20px;
	width:60%;
	margin:20px auto;
	-webkit-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	-moz-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
}

.contenedor_finpago{
	padding:20px;
	background-color: #fff;
	border-radius: 20px;
	width:80%;
	margin:0px auto;
	-webkit-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	-moz-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
}


/*campos dy formulario de informacion*/

.form_informacion{
	margin: auto;
	padding: 10px;
	width: 100%;
	}
.saldo{
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
}
.tit_tabla {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
	background-color: #777777;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	text-align: center;
}
.campos_tabla {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background-color: #F8F8F8;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*fin formulario*/
/*Inicio tabla de contenio en modalidad de MVC*/

.thead {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
	background-color: #718097;
	text-align: center;
}

.tbody {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background-color: #F8F8F8;
}


table.table {
	background-color: #F0F1ED;
	margin: 0px;
    }

.td{
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F2F2F2;
	border-bottom-color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.th_encabeza{
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F2F2F2;
	border-bottom-color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #777777;
}


.table {
	border-collapse: collapse;
	width: 90%;
	margin: auto;
}



/*nuevos estilos para taquillas moviles*/

.tabla_logeo_pago {
	margin: auto;
	width: 430px;
	padding: 30px;
}

.taquilla_mov_body
{
	width: 100%;
	font-family:'Roboto', sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
}

.taquilla_mov_body > main {
	min-height: 65vh;
}
.taquilla_mov_raya_superior
{
	font-size: 5px;
	color: #eeeeee;
	background-color: #EEEEEE;
	text-decoration: none;
	height: 9px;
}
.taquilla_mov_logo_cliente
{
	background-color: #FFFFFF;
	text-decoration: none;
	height: 70px;
	font-family:'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}
.taquilla_mov_logo_zona
{
	background-color: #EEE;
	text-decoration: none;
	height: 48px;
}
.taquilla_mov_esp_up1
{
	height: 22px;
}
.taquilla_mov_esp_up3
{
	height: 4px;
	font-family:'Roboto', sans-serif;
	font-size: 2px;
}
.taquilla_mov_inicio
{
	height: 22px;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	text-align: center;
	width: 65px;
}

.taquilla_mov_faq
{
	height: 22px;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left;
}
.taquilla_mov_vinculo_menu
{
	font-family:'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
}
a:hover.taquilla_mov_vinculo_menu
{
	color: #FFF;
}
.taquilla_mov_espacio_respaldo
{
	text-decoration: none;
	background-color: #FFF;
	height: 37px;
}
.taquilla_mov_borde_up
{
	background-color: #FFF;
	height: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-right-color: #eee;
	border-left-color: #eee;
	width: 93%;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}

.taquilla_mov_borde_center
{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #eee;
	border-left-color: #eee;
	width: 93%;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
	font-family:'Roboto', sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	padding: 5px;
	margin: auto;
}
.taquilla_mov_borde_dw
{
	background-color: #FFF;
	height: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #eee;
	border-left-color: #eee;
	width: 93%;
	border-bottom-width: 1px;
	border-bottom-color: #eee;
}

.taquilla_mov_texto_primpag {
	font-family:'Roboto', sans-serif;
	font-size: 12px;
	color: #006;
	text-align: center;
	line-height: 18px;
	}

.boton {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #15a48d;
	background-color: #15a48d;
	text-align: center;
	padding-top: 7px;
	padding:10px 20px;
	outline: none;
	-webkit-border-radius: 5px;
	margin:0px 10px;
	cursor: hand;
}

.boton:hover{
	border: 1px solid #1BE6C8;
	background-color: #1BE6C8;
	outline: none;
	cursor: hand;
}


.texto_normal 
{
	font-size: 12px;
	font-family:'Roboto', sans-serif;
	text-decoration: none;
	color:#535D60;
	margin-right: 5px;
	min-width: 9rem;
}

.taquilla_mov_texto_ppal
{
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #09F;
	line-height: 18px;
}

.taquilla_mov_tabla_formulario
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.taquilla_mov_campos_captura
{
	font-family:'Roboto', sans-serif;
	font-size: 10px;
	color: #09F;
	text-decoration: none;
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #BFEFFF;
}
.taquilla_mov_campo_obligatorio
{
	font-family:'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C00;
	text-decoration: none;
}

.taquilla_mov_tabla_mediospag
{
	background-color: #EFF3F5;
	border: 1px solid #DAE3E7;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

.taquilla_mov_trampilla
{
	font-family: 'Roboto', sans-serif;
	font-size: 5px;
	color: #FFF;
	text-decoration: none;
}

/*FIN - nuevos estilos para taquillas moviles*/

/*campos logeo*/

.cuadro_login {
	/*background-color: #E6E6E6;*/
	margin: auto;
	padding: 20px;
	width: 500px;

}
.label {
	font-family:'Roboto', sans-serif;
	font-size: 12px;
	color: #006;
	text-decoration: none;
	text-align: right;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 3px;
}
.labelbold {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-align: right;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 3px;
	font-weight: bold;
}
.labelbold_Total {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #063;
	text-decoration: none;
	text-align: right;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 3px;
	font-weight: bold;
}
.boton_pagar {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #71798E;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #515766;
}

.labelbold_Total_izq {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #063;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 3px;
	font-weight: bold;
}
.labelIzquierda {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 3px;
}
.labelIzquierdabold {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 3px;
	font-weight: bold;
}
.campos_captura {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding-left: 2px;
	border: 1px solid #CCDCE1;
}

/*campos dy formulario de informacion*/

.form_informacion{
	margin: auto;
	padding: 10px;
	width: 100%;
	}
.tit_tabla {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
	background-color: #718097;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	text-align: center;
}
.campos_tabla {
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background-color: #F8F8F8;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*nuevos estilos para plantilla base agosto 7 2011*/
.texto {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
	text-align: right;
}
.textoCopia {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #007D7D;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
}
.chulo{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/chulo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.creditos_superio{
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #999;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}

.fondo_encabezado_sup
{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/fondo_encabezado.png);
	background-repeat: repeat-x;
}
.btn_inicio
{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/bton_inicio.png);
	background-repeat: no-repeat;
}
.link{
	font-family:'Roboto', sans-serif;
	font-size: 11px;
	color: #505443;
	text-decoration: none;
	font-weight: bold;
	}
a:hover.link
{
	color: #C0C0C0;
}
.bton_recomendaciones
{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/carpeta_recomendaciones.png);
	background-repeat: no-repeat;
}
.fondo_encabezado_logo
{
	background-color: #FFF;
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/fondo_encabezado_logo.png);
	background-repeat: repeat-x;
}
.fondo_contenido_taquilla
{
	background-color: #F0F1ED;
}
.fond_seguri{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/Fondo_seguro.png);
	background-repeat: no-repeat;
}
.trampitas
{
	font-family:'Roboto', sans-serif;
	font-size: 2px;
}
.textoup {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
	text-align: right;
}

/*campos de captura del formulario*/
.campo_text {
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	margin:10px 0px;
}

.ico_usuario .campo_text {
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 46px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

.ico_clave .campo_text {
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color:#535D60;
	text-decoration: none;
	padding:10px 5px 10px 46px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}


/*[type="PASSWORD"]::before{
    content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icousuario.png);
    
	 }*/

/*estilos iconos del login*/

.ico_usuario::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icousuario.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px #15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
}
	 
.ico_clave::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icoclave.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px #15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
} 
/* termina estilos iconos del login*/		 

/*estilos iconos de forma de pago*/
.ico_precio::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icoprecio.png);
	background-color: #15a48d;
	border:solid 8px #15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;;
} 
.ico_concepto::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icoconcepto.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
}
	
.ico_empresa::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icoempresa.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
} 
.ico_correo::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icocorreo.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
} 
.ico_telefono::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icotelefono.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
}
	
.ico_campo::before{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/icocampo.png);
	background-color: #15a48d;
	border:solid 8px#15a48d;
	border-bottom:solid 9px#15a48d;
	border-top: solid 5px#15a48d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	margin: 10px auto;
} 
	 

/*termina estilos iconos de forma de pago*/

/*fondo de celdas de los campos del formulario*/
.fila_forma_pago {
	height:35px;
	width: 50%;
}
.tabla_forma_pago {
	width: 850px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin: auto;
	border-right-width: 1pt;
	border-left-width: 1pt;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
}
/*.celda_forma_pago {
  no uso: 1;
}*/
.fondo_logo_pse
{
	background-color: #E2E4DC;
}
.fondo_pie_pagina
{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/fondo_pie_pagina.png);
	background-repeat: repeat-x;
	height: 55px;
}
/*tamaño de letra del texto al lado del logo de PSE*/
.texto_pequeno {
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	text-decoration: none;
}
.creditos_taquilla{
	font-size: 12px;
	font-family:'Roboto', sans-serif;
	color: #333;
	text-decoration: none;
	text-align: center;
}
.pie_pagina2
{
	background-image: url(/tiendas_c/plantillas/taquilla_mov/graficas/pie_pagina2.png);
	background-repeat: repeat-x;
	height: 38px;
}
/*campo radio bottons*/
.campo_radio_medio_pago{
	padding: 15px;	
	background-color: #15a48d;
    border: 1px solid #15a48d;
}
/*texto segundo paso del nombre de la tarjeta de crédito*/
.texto_opcion_medio_pago{
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #09F;
	padding-top: 15px;
	padding-bottom: 15px;
}

#opcion0{
	padding-top: 30px;
}

#opcion1{
	padding-top: 30px;
}

/*Campos de las listas desplegables de tarjetas de crédito entre otros*/
.campo_lista_despl {
	font-family:'Roboto', sans-serif;
	font-size: 12px;
	color: #535D60;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #15a48d;
	border-radius: 5px;
	outline: none;
	Margin-top:10px;
	margin-bottom:20px;	
	margin-right: 20px;
}

.campo_lista_despl_general {
	font-family:'Roboto', sans-serif;
	font-size: 12px;
	width: 55%;
	height: 35px;
	color:#535D60;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #15a48d;
	border-radius: 5px;
	outline: none;
	Margin-top:10px;
	margin-bottom:20px;
	
}

/*formularios de taquillas especiales*/
.fila_logeo_pago {
	/* width: 560px; */
	/* text-align: center; */
	/* vertical-align: middle; */
}
.tabla_formas_pregunta_encabezado{
	width: 550px;
	margin: 5px;
	padding: 5px;
}
.texto_campo{
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	text-decoration: none;
	text-align: right;
	height: 30px;
}
.fila_tabla_formas_pregunta_encabezado{	
}

.fila_tabla_medio_pago {
	
}


/*estilos del formato 413*/
.formt_trampita {
	font-family: 'Roboto', sans-serif;
	font-size: 5px;
	color: #FFF;
	text-decoration: none;
}

.formt_texto_contenio_bold {
	font-weight: bold;
	color: #006;
	text-align: center;
	vertical-align: middle;
	text-transform: none;
}
.resaltado {
	color: #FDF4B9;
	font-weight: bold;
	font-size: 12px;
}

.tabla_encabezado_forma_cr{
	margin: auto;
	width: 70%;
	padding-top: 20px;
}

.tabla_forma_cr{
	margin: auto;
	width: 70%;
}

.celda_forma_cr{
	height: 35px;
}

.formt_tabla_ppal{
	padding: 5px;
	background-color: #EFEFEF;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	}
.formato413_dw {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CECDB9;
}
.trampita_formt413 {
	font-size: 4px;
}
.texto_peque_413 {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #039;
	text-decoration: none;
	padding-top: 8px;
}
.texto_normal_413 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color:#535D60;
	text-decoration: none;
	line-height: 23px;
}
.gris_formt413 {
	color: #666;
}
.bold_formt413 {
	font-weight: bold;
}
.total_recuadro_formt413 {
	padding: 3px;
	border: 1px solid #999;
	background-color: #E3DAC4;
}

/*Estilos modificados para forma de pago*/

.tabla_medios_pago {
	width: 100%;
	align: center;
	margin: auto;
}

.tabla_encabezado_medios_pago{
	width: 100%;
	align: center;
	margin: auto;
}
	
.celda_tabla_pie_medios_pago{
	text-align: center;		
		}

/*.................ESTOS SON LOS CSS QUE SE MODIFICARON PARA CAMBIO DE COLOR DEL PASO2 DEL PROCESO DE PAGO DE LA TAQUILLA NOVIEMBRE 2012.............*/

/*texto segundo paso en el pago donde dice la lista de los medios de pagos a escoger*/

.celda_tabla_encabezado_medios_pago{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color:#535D60;
	background-color: #FFF;
	padding-top: 10px;
}

.tabla_medio_pago{
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	width: 100%;
	align: center;
	margin: auto;
	border: 1px solid #D8CFBE;
	background-color: /*#DFD8CA #EAE9E6 #DFDEDB */#EAE9E6;
}

.celda_tabla_medio_pago{
	background-color: #fff;
	padding-top: 30px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


.tableRollOverEffect1{
	background-color:/*E3DFDF*/#DCD9D9;
	color:#FFF;
	border: 1px solid #F00;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin: auto;
	}

.tableRowClickEffect1{
	background-color:/*#E3E3E3 #D3CDC9 #D6D4D4*/#E3E2E2;
	color:#FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size: 15px;
	background-repeat: repeat-x;
	margin: auto;
	}

.boton_forma_pago {
	font-family:'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	height: 30px;
	text-decoration: none;
	border: 1px solid #15a48d;
	margin-left: 30px;
	background-color: #15a48d; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor: hand;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 25px;
	padding-left: 25px;
	outline: none;
}

.boton_forma_pago:hover{
	border: 1px solid #1BE6C8;
	background-color: #1BE6C8;
	outline: none;
	cursor: hand;
}

.tituloprincipal{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #535D60;
	line-height: 18px;
}


/*.........................ACA TERMINAN.................*/

/*Nuevos Estilos forma de Pago*/


.texto_forma_pago 
{
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color:#535D60;
}
/*icono de tarjeta de credito y PSE */

.ico_pse::after{
	content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/ico_pse.png);
	position: absolute;
	margin:0px 15px;
	 }

	 .ico_tc::after{
		content:url(/tiendas_c/plantillas/taquilla_nuevazv/graficas/ico_tc.png);
		position: absolute;
		margin:0px 15px;
		 }

.vinculo_terminos 
{
	font-size: 12px;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	color: #15a48d;
}

.celda_tarjeta_credito{
	height: 30px;
}
/*estilos campos datos tarjeta de credito, se selecciona por medio de atributo ya que comaprten la misma clase todos los input  */

[name|="txt_numerotarjeta"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

[name|="txt_nombre_en_tarjeta"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

[name|="codigo_seguridad"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 35%;
	margin:10px 0px;
}
[name|="txt_identificacion_tarjetahabiente_tc_cr"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}
[name|="txt_fecha_emision_cedula_cr"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color:#535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

[name|="txt_telefono_movil_tc_cr"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}
[name|="txt_telefono_diurno_tc_cr"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

[name|="txt_telefono_nocturno_tc_cr"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color: #535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

[name|="txt_direccion_tc_cr"]{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	color:#535D60;
	text-decoration: none;
	padding:10px 5px 10px 10px;
	border: 1px solid #15a48d;
	border-radius:5px;
	outline: none;
	height: 35px;
	width: 80%;
	margin:10px 0px;
}

/*Fin de estilos campos datos tarjeta de credito */



.celda_tabla_pie_tarjeta_credito{

}

.celda_logeo_pago {
 vertical-align: middle;
}

/*estilos para tablet*/

@media (min-width: 768px) and (max-width:1024px) {
    .tabla_forma_pago {
		width: 550px;
		padding-top: 50px;
		padding-bottom: 30px;
		margin: auto;
		border-right-width: 1pt;
		border-left-width: 1pt;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #FFF;
		border-left-color: #FFF;
		padding-right: 15px;
		padding-left: 15px;
	}

	.contenedor{
		padding-top:40px;
		background-color: #fff;
		border-radius: 20px;
		width:80%;
		margin:0 auto;
		-webkit-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
		-moz-box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
		box-shadow: 0px 0px 16px 2px rgba(186,186,186,1);
	}

	.todo-nav{
		background: #EDEFF4;
		height:130px;
		width:100%;
		font-size: 13px;
		font-family:'Roboto', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20px;
		border-style: solid;
		border-width: 0px 0px 10px 0px;
		border-color: #15a48d;

	}
}


.content-input > input {
    height: 30px !important;
    width: 18em !important;
    font-family: Verdana, sans-serif !important;
    font-size: 16px !important;
    color: #535d60 !important;
    border-top: 1pt #CCCCCC solid !important;
    border-right: 1pt #CCCCCC solid !important;
    border-bottom: 1pt #CCCCCC solid !important;
    border-left: 1pt #CCCCCC solid !important;
    border-radius: 4px !important;
    margin: 5px !important;
    padding: 0 10px !important;
}
.tabla_tarjeta_credito{
	width: 70%;
	margin: auto;
}
.fila_tabla_tarjeta_credito{
	no uso: 1;
}

.tabla_pie_tarjeta_credito{
  no uso: 1;
	width: 100px;
}
