@charset "utf-8";
/* imports */
@import url('/resources/css/sus_servicios.css');
/* CSS Document */

.cont_secondario .h_interior{
	height:150px;
	background-color:#CCC;
	}
.cont_secondario .ruta{
	padding-top:0px !important;
	font-family: "Arial Narrow", Arial, Helvetica;
	}
#cont_general .head .principal .clientes{
	width:487px;
	height:32px;
	float:left;
	background-image: url(../images/m_clientes/clientes.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:115px;
	padding-top:19px;
	}
#cont_general .head .principal .clientes p.nombre{
	background-image: url(../images/m_clientes/nombre.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:22px !important;
	font-size:14px;
	color:#FFF;
	float:left;
	margin-right:20px;
	
	}
#cont_general .head .principal .clientes p.rut{
	
	font-size:12px;
	color:#FFF;
	float:left;
	text-transform: uppercase;
	
	}
	
	
	
	
#cont_general .head .principal .cerrar_sesion{
	width:104px;
	height:23px;
	float:left;
	margin-top:12px;
	}
#cont_general .head .principal .cerrar_sesion a{
	width:104px;
	height:23px;
	background-image: url(../images/m_clientes/cerrar_sesion.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	}
#cont_general .head .principal .cerrar_sesion a:hover{
	background-position: left bottom;
	}
	
.cont_secondario{
	background-image: url("../images/fnd_secundario.jpg");
    background-position: left top;
    background-repeat: repeat-x;
	position:relative;
	
	}
	
.cont_secondario .m_sec_clientes{
	width:954px;
	position:relative;
	margin-left:-14px;
	}
	
.m_sec_clientes .cont_menu{
	background-color:#2d5997;
	width:954px;
	
	}
	
.m_sec_clientes .izquina{
	float:left;
	background-image: url(../images/m_clientes/secundarios.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:14px;
	height:18px;
	
	
	}
.cont_secondario .esq_secundario{
	height: 25px;
	width: 19px;
	position: absolute;
	top: 0px;
	right: -19px;
	background-image: url(../images/esq_secundario.png);
	background-repeat: no-repeat;
	background-position: left top;	
	
	}
.cont_secondario .m_sec_clientes .izq_menu{
	width:14px;
	height:112px;
	background-image: url(../images/m_clientes/secundario.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top:0px;
	left:-14px;
	}
	
	
	
.cont_secondario .m_sec_clientes ul{
	width:309px;
	float:left;
	display:block;
	}
.cont_secondario .m_sec_clientes ul li{
	display:block;

	}
.cont_secondario .m_sec_clientes ul li.linea{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #597cad;
	}
.cont_secondario .m_sec_clientes ul li a{
	display:block;
	background-image: url(../images/m_clientes/bullet_secundario.png);
	background-repeat: no-repeat;
	background-position: left 13px;
	padding-left:18px;
	color:#c0cddf;
	padding-top:10px;
	padding-bottom:6px;
	font-size:11px;
	font-family: 'Abel', sans-serif !important;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}

.cont_secondario .m_sec_clientes ul li:hover ul{
	display: block;
}

.cont_secondario .m_sec_clientes ul li ul{
	display: none;
	background-color: #fff;
  left: 10px;
  position: absolute;
  top: 32px;
  width: 330px;
  z-index: 1;
  box-shadow: 2px 2px 0px #c0cddf;
}	

.cont_secondario .m_sec_clientes ul li ul li a{
	background-image: none;
    border-bottom: 1px solid #c0cddf;
    color: #2d5997;
    margin: 0 10px;
    padding: 10px;
}

.cont_secondario .m_sec_clientes ul li ul li a:hover{
	color: #000;
}

.cont_secondario .m_sec_clientes ul li ul li:last-child a{
	border-bottom: none;
}

	.cont_secondario .m_sec_clientes ul li a.inactivo{
	color:#5476b0;
	}
	.cont_secondario .m_sec_clientes ul li a.inactivo:hover{
	color:#5476b0 !important;
	}
	
.cont_secondario .m_sec_clientes ul li a:hover{

	background-position: left -39px;
	color:#FFF;

	}
.cont_secondario .m_sec_clientes ul li a.selec{

	display:block;
	background-image: url(../images/m_clientes/bullet_secundario.png);
	background-repeat: no-repeat;
	background-position: left -39px;
	padding-left:18px;
	color:#FFF;
	padding-top:10px;
	padding-bottom:6px;
	font-size:11px;
	font-family: 'Abel', sans-serif !important;
	text-transform: uppercase;
	font-weight: bold;

	}
.header{
	position:relative;
	
	}
.header_home{
	height:236px !important;
	
	}
.header .carrucel_alertas{
	position:absolute;
	width:475px;
	height:50px;
	top:57px;
	left:215px;
	}



.header .alertas{
	position:absolute;
	width:650px;
	top:126px;
	left:214px;
	}
.header .alertas div{
	width:18%;
	float:left;
	margin-right:3px;
	margin-bottom:10px;

	}

.header .alertas div img{
	width:35px;
	height:35px;
	float:left;
	margin-right:3px;
	}
.header .alertas div p {

	float:left;
	width:78px;

	}
.header .alertas div p a{
	color:#636f78;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 13px;
	font-family: 'Abel', sans-serif !important;
	
	}
.header .pago{
	width:687px;
	height:80px;
	position:absolute;
	top:145px;
	left:0px;
	background-image: url(../images/m_clientes/fnd_pago.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	
	
	
	}
.header .pago .zona_pago{
		height:72px;
		background-color:#9bacb9;
		margin-left:43px;
		-moz-border-radius: 0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
	border-radius: 0px 20px 20px 0px;

	}
	
	
	
	
.header .pago .monto{

	height:71px;
	float:left;
	}
.header .pago .monto p.valor{
	font-size: 35px;
	font-weight: bold;
	color: #FFF;
	padding-top:12px;
	margin-left:20px;
	letter-spacing: 0px;
	font-family: 'Abel', sans-serif !important;
	text-shadow: 0px 0px #e7ecef,-1px -1px #6f8597;
	line-height: 30px;
	}	
.header .pago .monto p.fecha{
	font-size: 14px;
	color: #FFF;
	padding-top:1px;
	margin-left:20px;
	font-family: 'Abel', sans-serif !important;
	}
.header .pago .monto p.mensaje{
	font-size: 14px;
	color: #FFF;
	padding-top:1px;
	margin-left:20px;
	font-family: 'Abel', sans-serif !important;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFF;
	margin-top:5px;
	}
	

.header .pago .pagar{
	width:125px;
	height:40px;
	float:left;
	margin-top:17px;
	}
.header .pago .pagar a{
	width:125px;
	height:40px;
	background-image: url(../images/m_clientes/pagar.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	
	}
.header .pago .pagar a:hover{
	background-position: left bottom;
	}

	
	
	
h1.faturas{
	background-image: url(../images/m_clientes/mis_facturas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:4px;
	color:#9ca9b4 !important;
	}	
	
h1.historico{
	background-image: url(../images/m_clientes/historico.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:4px;
	color:#9ca9b4 !important;
	}		
	
	
.contenidos .login_cl{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	}
.contenidos .login_iz{
	float:left;
	margin-left:0px !important;
	margin-right:0px !important;
	}
.contenidos .login_cl label{
	width:300px;
	display:block;
	margin-bottom:10px;
	text-align: center;
	
	}
.contenidos .borde_iz{
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #dde5e9;	
	}
.contenidos .login_cl label.campo input{
	border: 1px solid #bfcdd7;
	width:290px;
	height:20px;
	padding:5px;
	color:#999;
	}
	
.contenidos .login_cl label.sesion{
	width:135px;
	height:40px;
	display:block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}
.contenidos .login_cl label.sesion input{
	width:135px;
	height:40px;
	background-image: url(../images/m_clientes/iniciar_sesion.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	}
	
.contenidos .login_cl label.sesion input:hover{
	background-position: left bottom;

	}
	
.contenidos .login_cl .op_login{
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #d2d2d2;
	margin-top:30px;
	}
.contenidos .login_cl .op_login p a{
	color:#b5b4b4;
	background-image: url(../images/m_clientes/bullet_menu.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left:15px;
	display:block;
	}
.contenidos .login_cl .op_login p a:hover{
	color:#495762;
	background-position: left -48px;
	}
	
	
	
	
	
	
.cont_secondario .menu_ter_clientes{
	min-width:400px;
	float:right;
	padding-top:14px;
	margin-right:20px;
	padding-bottom:20px;
	}
.cont_secondario .menu_ter_clientes ul{
	display:block;
	}
.cont_secondario .menu_ter_clientes ul li{
	display:block;
	margin-top:10px;
	float:left !important;
	padding-left:10px;
	padding-right:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d5d7da;
	}
.cont_secondario .menu_ter_clientes ul li:last-child{
	border-right-width: 0px !important;
	border-right-style: none !important;	
	}
.cont_secondario .menu_ter_clientes ul li a{
	display:block;
	font-family: 'Abel', sans-serif !important;
	font-size:13px;
	color:#8093a8 !important;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -0.2px;
	}
.cont_secondario .menu_ter_clientes ul li a:hover{
	color:#516b8a !important;
	}
.cont_secondario .menu_ter_clientes ul li a.selec{
	display:block;
	font-family: 'Abel', sans-serif !important;
	font-size:13px;
	color:#202e3c !important;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -0.2px;
	}
	
	
	
	
	

.cont_derecho .busqueda_nof{
	width:405px !important;
	}
.cont_derecho .busqueda p.titulo {
	font-family: 'Abel', sans-serif !important;
	text-align: center;
	text-shadow: 0px 0px #e7ecef,-1px -1px #6f8597;
	color: #e9f0f5;
	font-weight: bold;
	font-size:16px;
	padding-bottom:10px;
}

.cont_derecho .busqueda label{
	float:left;
	display:block;
	padding-right:7px;
	}
.cont_derecho .busqueda label span{
	font-size:11px;
	color:#4e5d68 !important;
	display:block;
	clear:both;
	padding-bottom:2px !important;

	}
.cont_derecho .busqueda label input{
	border: 1px solid #768c9e;
	height:20px;
	background-color:#d2d7db;
	color:#4b555d;
	clear:both;
	display:block;
	margin: 0px;
	padding: 0px;
	}
.cont_derecho .busqueda label input.factura{
	width:110px;
	}
.cont_derecho .busqueda label input.placa_p{
	width:110px;
	}
.cont_derecho .busqueda label input.fecha{
	width:60px;
	float:left;
	}
.cont_derecho .busqueda label img.calendar{
	margin-left:5px;
	margin-top:3px;
	float:left;
	}
.cont_derecho .busqueda label img.calendar:hover {
		cursor: pointer;
	}
.cont_derecho .busqueda label input.cuenta{
	width:150px;
	}
.cont_derecho .busqueda label select{
	border: 1px solid #768c9e;
	height:22px;
	background-color:#d2d7db;
	color:#4b555d;
	display:block;
	margin: 0px;
	padding: 0px;
	}
.cont_derecho .busqueda .cont_btn{
	width:90px;
	margin-left:auto;
	margin-right:auto;
	}
.cont_derecho .busqueda label.btn{
	margin-top:20px;
	width:90px;
	height:26px
	
	}
.cont_derecho .busqueda label.btn input{
	width:90px;
	height:26px;
	display:block;
	background-image: url(../images/m_clientes/buscar.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:transparent;
	cursor: pointer;
	}
.cont_derecho .busqueda label.btn input:hover{
	background-position: left bottom;
	}

.cont_derecho .descargar {
	width:135px;
	height:40px;
	}
.cont_derecho .descargar a {
	width:135px;
	height:40px;
	display:block;
	background-image: url(../images/m_clientes/descargar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
.cont_derecho .descargar a:hover {
	background-position: left bottom;
	}

	
body .ui-widget .ui-dialog-content form {
	padding: 5px 10px;
}
.ui-dialog-content .linea_form {
	display: block;
	width: 100%;
	float: left;	
}
.ui-dialog-content .linea_form label.titulo {
	float: left;
	width: 80px;	
	height: 20px;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
}
.ui-dialog-content .linea_form input{
	float: left;
	border: 1px solid #768c9e;
	height:20px;
	background-color:#d2d7db;
	color:#4b555d;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
}
.ui-dialog-content .linea_form label.error {
	clear: both;
    color: #A00000;
    float: left;
    font-size: 11px;
    margin-left: 80px;
	font-family: Arial,Helvetica,sans-serif;
}
	
	
	
	
	
	
	
	
	
/*--------------------PESTAÑAS-------------------*/
	
.cont_derecho .degrade_p{
	background-image: url(../images/m_clientes/degrade.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	}


.cont_derecho .btn_navegacion {

	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #abbac5;
	margin-top:30px;
	}

	
	



/*-------------------------------PASOS----------------------------------*/



.cont_derecho .pasos{
	position:relative;
	width:100%;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
	padding-top:5px;
	}



.cont_derecho .trespasos{

	width:700px !important;

	}
.cont_derecho .dospasos{

	width:450px !important;

	}
.cont_derecho .pasos .n_activo,
.cont_derecho .pasos .n_inactivo{
	width:200px;
	height:25px;
	float:left;
	margin-left:25px;
	}
.cont_derecho .trespasos_tag .n_activo,
.cont_derecho .trespasos_tag .n_inactivo
{
	width:30% !important;
	margin-left:15px !important;
	
	}
	
.cont_derecho .cuatropasos_tag .n_activo,
.cont_derecho .cuatropasos_tag .n_inactivo
{
	width:23% !important;
	margin-left:10px !important;
	
	}
.cont_derecho .cuatropasos_tag .n_inactivo .numero
{
	margin-left:63px !important;
	
	}
	
	

.cont_derecho .pasos .n_activo:last-child,
.cont_derecho .pasos .n_inactivo:last-child{

	margin-left:0px !important;
	}
	
/*--------------------------------------*/


.contenidos .comprobante{
	width:700px !important;

	
	}




/*----------------------RESUMEN DE DATOS--------------------------*/



.contenidos .mensaje2{
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	width:80%;
	border: 3px solid #c2ccd5;
	background-color:#fff;
	}
	
	.contenidos .mensaje2 h2{
		font-size:25px;
		font-weight:lighter;
		text-align:center;
	
	}


.contenidos .mensaje{
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	width:80%;
	border: 3px solid #c2ccd5;
	background-color:#ecf1f4;
	}
.contenidos .mensaje_30{
	width:30% !important;
	}

.contenidos .mensaje h2{
	text-align: center;	
	}
.contenidos .mensaje p.tit_alert{
	font-size:20px;
	color:#697885;
	font-weight: bold;
	font-family: 'Abel', sans-serif !important;
	letter-spacing: -1px;
	margin-bottom: 5px;

	
	
	}
.contenidos .mensaje  .cont_inter_alert{
	float:left;
	width:530px;
	margin-right:10px;
	}

.contenidos .m_bazul{
	border: 3px solid #77acf5 !important;

	}
.contenidos .m_bazul .titular{
	color:#77acf5 !important;

	}
	
	
	
.contenidos .mensaje_full{
	width:756px !important;
	
	}
.contenidos .formulario .mfull{
	width:765px !important;
	}

.contenidos .formulario .mensaje p{
	font-style: normal !important;
	text-align: left !important;
	}
	
.contenidos .formulario .mensaje .linea_form{
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	}
.contenidos .formulario .mensaje .linea_form input[type=text],
.formulario .linea_form input[type=file],
.formulario .linea_form select
{
	float:left;

}
.contenidos .formulario .mensaje .linea_form input,
.contenidos .formulario .mensaje .linea_form select
{
	border: 1px solid #c2ccd5 !important;
	background-color:#FFF;
	float:left;
	}


.contenidos .formulario .mensaje .nombre{
	width:115px;
	text-align: left;
	}
.contenidos .formulario .mensaje .nota{
	clear:both;
	padding-left:115px !important;
	
	}
	
.contenidos .mblanco{

	background-color:#fff !important;
	}
.contenidos .mensaje .nombre_sec{
	display:block;
	background-color:#c2ccd5;
	
	}
.contenidos .mensaje p.nombre_sec{
	color:#FFF !important;
	font-size:16px;
	font-weight: bold;
	padding-top:15px !important;
	padding-bottom: 15px !important;
	margin-bottom:20px;
		
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	}

.contenidos .mensaje .columna{
	width:43%;
	float:left;
	padding-right:15px;
	padding-left:15px;
	}

	
	

.contenidos .mensaje p.total{
	font-size:25px !important;
	font-weight: bold;
	}
	
	
.contenidos .mensaje .info{
	float:left;
	width:380px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cacfd5;
	padding-right:10px;
	}
.contenidos .mensaje .medios{
	float:left;
	width:305px;

	}
.contenidos .mensaje .medios label{
	width:200px;
	height:50px;
	padding:10px;
	border: 1px solid  #929ea9;
	background-color:#FFF;
	display:block;
	margin-bottom:10px;
	margin-left:50px;
	}
.contenidos .mensaje .medios label img{
	display:block;
	float:left;
	
	}
.contenidos .mensaje .medios label input{
	display:block;
	float:left;
	margin-left:20px;
	margin-top:15px;
	}
.contenidos .logos_info{
	width:200px;
	float:left;
	margin-right:20px;
	}

.contenidos .capcha_login{
	position:absolute;
	top:54px;
	left:614px;
	width:200px;
	height:150px;
	
	}
	
	.contenidos .capcha_login2{
	position:absolute;
	top:54px;
	left:459px;
	width:200px;
	height:150px;	
	}
		
	
.login_cl .capcha{
	padding-top:10px;
	padding-bottom:10px;
	}

.cont_plomo_cli{
	width:700px !important;
	margin-left:auto;
	margin-right:auto;
	}
	
.submenu_consumo{
	width:410px;
	margin-left:auto;
	margin-right:auto;
	height:37px;
	
	}

.submenu_consumo a{
	
	float:left;
	display:block;
	
	
	}
.submenu_consumo a span{
	
	
	font-family: 'Abel', sans-serif !important;
	text-align: center;
	text-shadow: 0px 0px #E7ECEF,-1px -1px #6F8597;
	color: #E9F0F5;
	font-weight: bold;
	font-size: 16px;
	color:#FFF;
	padding-top:8px;
	display:block;
	text-align: center;
	}



.submenu_consumo a.menu_1{
	width:204px;
	height:37px;
	background-image: url(../images/clientes/submenu.png);
	background-repeat: no-repeat;
	background-position: left top;



	}
	
.submenu_consumo a.menu_1_selec{
	width:204px;
	height:37px;
	background-image: url(../images/clientes/submenu.png);
	background-repeat: no-repeat;
	background-position: left bottom;


	}	
	
	
.submenu_consumo a.menu_2{
	width:206px;
	height:37px;
	background-image: url(../images/clientes/submenu.png);
	background-repeat: no-repeat;
	background-position: -204px top;	


	}
	
.submenu_consumo a.menu_2_selec{
	width:206px;
	height:37px;
	background-image: url(../images/clientes/submenu.png);
	background-repeat: no-repeat;
	background-position: -204px bottom;


	}	



/*
 * Paginador

.paginacion {
    text-align: center;
}
.paginacion span {
    line-height: 27px;
    margin-left: 5px;
    margin-right: 5px;
}
.paginacion .Banterior {
    border-right: 1px dotted #999999;
    display: inline;
    padding-right: 5px;
}
.paginacion .Banterior img {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    vertical-align: middle;
}
.paginacion .Bsiguiente {
    border-left: 1px dotted #999999;
    display: inline;
    padding-left: 5px;
}
.paginacion .Bsiguiente img {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
}
.paginacion span a {
    color: #999999;
    text-decoration: none;
}
.paginacion span a:hover {
    color: #000000;
    text-decoration: none;
}
.paginacion span a.selec {
    color: #F56727;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}


 * Paginador 2

.paginacion #contenido a {
	color: #999999;
    text-decoration: none;
}
.paginacion #contenido a:hover {
	color: #000000;
    text-decoration: none;
}
.paginacion  a.selec {
    color: #F56727;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
 */

.caja_destacado{
	border: 1px solid #969aa3;
	padding:15px;
	}
	
.logo_auto_pase{
	position:absolute;
	top:0px;
	right:0px;
	width:228px;
	height:61px;
	}
	
	
	
	.botones_inteligentes2{
	margin-left: 40px;
	margin-top:30px;
	margin-bottom:30px;
}


	.botones_susc_inteligentes{
	margin-bottom: 15px;
}


	.botones_susc_inteligentes img{
	width: 100%;	
}



/*tabla*/




.tabla_simbologia{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border:#DEE3E9 1px solid;
	margin-bottom: 30px;
	padding: 14px;
}
.tabla_simbologia .f_tabla{
	background-color: #ecebeb;
	font-weight: bold;
}
.tabla_simbologia caption{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #abb6bc;
	text-align: left;
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(/resources/images/images_admin/nivel1.gif);
	background-position: left;
	background-repeat: no-repeat;
		
}
.tabla_simbologia caption span.valor{
	font-weight: normal;
		
}
.tabla_simbologia .centro{
	text-align:center;
}
.tabla_simbologia .iz {
	text-align:left;
}
.tabla_simbologia .der {
	text-align: right;
}

.tabla_simbologia .color{
	
}
.tabla_simbologia th {
	background-color:#DEE2EB;
	font-size:20px !important;
	color:#4C4849;
	text-align:center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #BDC0C5;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
}
.tabla_simbologia th.noline {
	border-right-style: none;
}
.tabla_simbologia th.sub {
	background-color: #d0d8dd;
}
.tabla_simbologia td {
	font-size:16px !important;
	color:#4C4849;
	padding:3px;
	background-color:#fff;
}

#servicios_publico_m .tabla_simbologia {
	background-color: #fff;
}
#servicios_publico_m .tabla_mobile_1b {
	background-color: #fff;
}

#convenios .total {
	font-size: 15px !important;
	color: #008cd6 !important;
	font-weight: bold;
	text-align: right;
}

#convenios .totales {
	width: 100% !important
}

#convenios .totales th {
	text-align: right !important;
}

#convenios .caja_pago {
	overflow: hidden;
	background-color: #e1e4e7;
	border-radius: 10px;
}

#convenios .totales .titular,
#convenios .caja_pago .titular {
	color:#6c8ab6;
	padding: 10px 17px 16px 17px;
	font-family: 'Roboto', sans-serif;
  	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
}

#convenios .caja_pago .section {
	padding: 16px 20px;
    border-top: 1px solid #bdc9d4;
}

#convenios .caja_pago .section .payment-amount-wrapper {
	display: block;
}

#convenios .resumen_deuda {
	position: relative;
	width: 50%;
	margin: 0 auto;
}

.convenio-icon-doc {
	width: 48px;
	height: 40px;
	display: block;
	background-image: url(/resources/images/autopase/ico-doc.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.convenio-icon-doc2 {
	width: 48px;
	height: 40px;
	display: block;
	background-image: url(/resources/images/autopase/ico-doc2.png);
	background-size: contain;
	background-repeat: no-repeat;
}

a.botones {
  display: inline-block;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff !important;
  border-radius: 27px;
  background-color: #4684c3;
  font-family: 'Roboto', Arial;
font-weight: 400;
  font-size: 13px;
}

a.botones:hover {
  display: inline-block;
  color: #fff !important;
  background-color: #383737;
}