/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Definicion de Fuente, titulos, subtitulos, cuerpo en formularios, 
   botones y enlaces */
@font-face {
	font-family: 'Fuente Ruat';
	src: url('../fonts/VERDANA.TTF'), src: url('../fonts/verdana.eot');
}

body {
	font-family: "Fuente Ruat", verdana;
	font-size: 15px;
}

.fuenteRuat {
	font-family: "Fuente Ruat", verdana;
	color: #09485b;
}

.areaTitulo {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
}

.titulo {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}

.subtitulo {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.titulo-contenidoSlider {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	overflow-wrap: break-word;
}

.cuerpo-contenidoSlider {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	text-align: left;
	overflow-wrap: break-word;
}

.ui-widget {
	font-size: 15px;
	font-weight: inherit;
	clear: both;
}

/*barra de menu*/
.nav>li>a {
	padding-left: 8px;
	padding-right: 8px;
	letter-spacing: -0.3px;
}

/*espacio entre etiqueta y componente checkBox*/
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	padding-left: 10px;
	color: #09485b;
	font-weight: inherit;
}

/*titulos de los menus de cada rubro*/
.tituloMenu {
	color: #09485b;
	font-size: 25px;
	text-align: center;
	padding: 15px;
}

/*fin Definicion de Fuente*/

/*estilos para la planilla*/
.fondo {
	background-image: url("../img/fondo.jpg");
	background-size: auto;
	/*background-repeat: no-repeat;*/
	background-attachment: fixed;
}

.posicionescudo {
	position: absolute;
	width: 100px;
	margin-left: -110px;
	margin-top: -26px;
}

.puntero {
	cursor: pointer;
}

.bordes_curvas {
	border-radius: 49px 49px 49px 49px;
}

.bordes_curvas_busqueda_texto {
	border-radius: 14px 0px 0px 14px;
	/*border-radius: 49px 49px 49px 49px;*/
}

.bordes_curvas_busqueda_boton {
	border-radius: 0px 14px 14px 0px;
	/*border-radius: 49px 49px 49px 49px;*/
}

/*orientacion para dispositivos movile en posicion veritical*/
@media screen and (max-device-width : 1920px) and (max-device-width :
	1080px) and (orientation : landscape) {
	.item {
		width: 60%;
		margin: auto;
	}
}

/*estilos para los formularios*/
.form-control:focus {
	border-color: #09485b;
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px
		rgba(102, 233, 0.6);
}

.textoNegrita {
	font-weight: bold;
}

.textoObservado {
	color: #008a8c;
}

.textoImportante {
	color: #eba200;
	font-weight: bold;
}

.textoSubrayado {
	text-decoration: underline;
}

.centrado {
	text-align: center;
}

.alineacionNumerica {
	text-align: right;
}

.alineacionAlfanumerica {
	text-align: left;
}

.alineacionFecha {
	text-align: center;
}

.alineacionGestion {
	text-align: right;
}

.alineacionMixta {
	text-align: left;
}

.anchoNumero {
	width: 80px;
}

.anchoGestion {
	width: 120px;
}

.anchoFecha {
	width: 130px;
}

.navbar-default {
	background-color: #1d5874;
	background-image: none;
	border-radius: 0px;
	border: none;
	margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
	color: #FFFFFF;
}

/*color de texto en el foco del menu activado*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
	color: #de9f00;
	background-color: red;
}

.sub_footer {
	position: fixed;
	bottom: 25px;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.7);
}

.sub_footer_frm {
	bottom: 25px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.55);
	/*background-color: #09485B;*/
}

.fondo-contenidoPaginaPrincipal {
	bottom: 25px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.55);
	padding: 15px;
	border-radius: 15px;
}

footer {
	text-align: right;
	position: fixed;
	color: #ffffff;
	left: 0;
	bottom: 0;
	height: 25px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 9999;
}

.navbar-toggle {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 2%;
	margin-bottom: 8px;
	background-color: #e7e7e8;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

/* unvisited link */
a {
	cursor: pointer;
}

a:link, a.enlace {
	color: #008B89;
}

/* visited link */
a:visited {
	color: #008B89;
}

/* mouse over link */
a:hover {
	color: #DE9F00;
}

/* selected link */
a:active {
	color: #DE9F00;
}

/*.agencia:focus { color: #00FF00; } /* CSS link hover (green) */

/*etilos de formularios*/
.panel-warning {
	color: #006b78;
	background-color: #e6eded;
	border-color: #de9f00;
	border-radius: 10px 10px 10px 10px;
}

.panel-warning>.panel-heading {
	color: #FFF;
	background-color: #de9f00;
	border-color: #de9f00;
	height: 30px;
	padding-top: 7px;
	border-radius: 10px 10px 0px 0px;
}

.panel-warning>.panel-heading {
	background-image: none;
}

.panel-primary {
	background-color: #E6E7E8;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border: 1px solid #09485B;
}

.panel-primary>.panel-heading {
	position: relative;
	width: 100%;
	height: 100% px;
	padding: 7px;
	background: #09485b;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: #fffff solid 1px;
}

.panel-primary>.panel-heading:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 13px 20px 0;
	border-color: #09485b transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -13px;
	left: 0px;
}

.panel-primary>.panel-heading {
	background-image: none;
}

.panel-heading {
	padding: 0px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.borde {
	border: #89b4c1 3px solid;
	margin: 10px;
	border-radius: 25px;
}

.contenido {
	height: auto;
}

.clearfix {
	overflow: auto;
	zoom: 1;
}

.espacioVertical {
	margin-top: 10px;
}

.espacioHorizontalIzq {
	margin-left: 2px;
}

.textoJustificado {
	text-align: justify;
}

.textoIzquierda {
	text-align: left;
}

.textoDerecha {
	text-align: right;
}

.textoCentrado {
	text-align: center;
}

.negrita {
	font-weight: bold;
}

/*contenedor centrara imagenes de formavertical*/
#contenedor_vertical {
	display: table;
	height: 150px;
}

#centrar_img {
	display: table-cell;
	vertical-align: middle;
}

.tamanio_img {
	width: 150px;
}

.centrar {
	display: block;
	text-align: center;
}

.tamanioBuscador {
	width: 50px;
}

.form-group {
	margin-bottom: 2px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
	{
	color: #DE9F00;
	background-color: transparent;
}

.breadcrumb {
	background-color: rgba(255, 255, 255, 0.30);
}

.btn-suscripcion {
	background: #ed8800;
	color: #fff;
}

.btn-consultas {
	background: #008a8c;
	color: #fff;
}

/**/
.fondo-PagoCajero {
	background-image: url("../img/slider/PagoCajero.jpg");
	background-repeat: repeat;
}

.fondo-slide {
	background-image: url("../img/fondo_slide_1.jpg");
	background-repeat: repeat;
}

.fondo-slide-inmueble {
	background-image: url("../img/fondo_slide_2.jpg");
	background-repeat: repeat;
}

.fondo-slide-pagos {
	background-image: url("../img/fondo_slide_3.jpg");
	position: relative;
	background-color: #fff;
}

.block-icon {
	width: 134px;
	height: 134px;
	text-align: center;
	color: #fff;
	line-height: 134px;
	margin: 0 auto;
}

.block-body {
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}

/*estilos modificados de primefaces*/

/*combobox: alinieacion de los items*/
.ui-selectonemenu .ui-selectonemenu-label {
	display: block;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	width: 100%;
	text-align: left;
	margin: -5px;
	height: 26px;
}

/*combobox: tama�o de boton desplegar*/
.ui-selectonemenu .ui-selectonemenu-trigger {
	border-right: none;
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	width: auto;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 13px;
}

/*combobox: elimina bordes del contenido (fondo blanco)*/
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
	{
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 2px 2px #FFF inset;
	color: #313131;
}

/*combobox: elimina background del combo (fondo blanco)*/
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	/*border: 1px solid #A8A8A8;*/
	background: #FFF
		-moz-linear-gradient(center top, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0)) repeat scroll 0% 0%;
	/*font-weight: bold;*/
	color: #4F4F4F;
	/*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);*/
}

/*combobox: elimina background del combo (fondo blanco) en el efecto hover*/
.ui-selectonemenu.ui-state-hover, .ui-selectonemenu.ui-state-focus{
	background: #FFFFFF !important;
}

/*elimina el fondo rojo del mensaje de error*/
label.ui-state-error, .ui-widget-content label.ui-state-error,
	.ui-widget-header label.ui-state-error {
	border: 1px solid #CD0A0A;
	background: none;
}

.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, 
.ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, 
.ui-message-error-detail, .ui-message-fatal-detail {
    margin-left: 0px;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image:
		url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.jsf?ln=primefaces-aristo");
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
	{
	border: 1px solid #A8A8A8;
}

/*quita sombra al combo*/
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: #FFFFFF
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
		0.8)), to(rgba(255, 255, 255, 0)));
}

.ui-inputfield{
	background: #FFFFFF !important;
}

/*
.ui-widget-header .ui-state-error {
    border: 1px solid #CD0A0A;
    background: none;
    color: none;
}*/
.ui-widget-content .ui-state-error {
	border: 1px solid #CD0A0A;
	background: none;
	color: #CD0A0A;
}

/*mensaje error: alineacion del icono*/
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
	.ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon,
	.ui-message-error-icon, .ui-message-fatal-icon {
	/*background: transparent url("/Portal-web/javax.faces.resource/messages/messages.png.jsf?ln=primefaces&v=5.2") no-repeat scroll 0% 0%;*/
	background: none;
	display: block;
	float: left;
	margin: -2px -8px 0px;
	padding: 0px;
	position: relative;
}

/*mensaje error: centra el mensaje de error*/
.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal
	{
	border: 0px solid;
	margin-top: 4px;
	padding: 2px 5px;
}

/*boton primary: color del boton*/
.btn-primary {
	background: #008a8c;
	background-repeat: repeat-x;
	color: #fff;
}

/*hover ini*/
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: linear-gradient(to bottom, #09485b 0px, #09485b 100%);
	background-repeat: repeat-x;
	border-color: #09485b;
	color: #fff;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #09485b;
	background-position: 0 -15px
}
/*hover fin*/
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary
	{
	background-image: none;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active
	{
	background-color: #3276b1;
	border-color: #3276b1;
}

.btn-primary .badge {
	color: #428bca;
	background-color: #fff;
}

/**/
.areabotones {
	margin: 20px;
	text-align: center;
}

.link a:hover {
	color: #fff;
}

.arealink {
	border-radius: 5px;
	margin: 10px 0px 2px;
	padding: 10px 0px 0px;
	text-align: center;
	background: #74797E none repeat scroll 0% 0%;
	height: 40px;
}

.mensaje-explicativo {
	color: gray;
	font-weight: bold;
	margin-top: 5px;
}

/* Tooltip */
.tooltip {
	display: none;
	width: 120px;
	height: 30px;
	color: #FFFFFF;
	background: #000000;
	line-height: 20px;
	text-align: center;
	border-radius: 6px;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 0px;
	border-top: 8px solid #000000;
	opacity: 1;
}

.test+.tooltip>.tooltip-inner {
	/*background-color: #ed8800;*/
	background-image: linear-gradient(to bottom, #008a8c 0px, #008a8c 100%);
	color: #FFFFFF;
	border: 1px solid #008a8c;
	padding: 5px;
	font-size: 12px;
	font-family: 'Verdana';
	/*font-size: 20px;*/
}

/* Tooltip on top */
.test+.tooltip.top>.tooltip-arrow {
	border-top: 5px solid #008a8c;
}

/* Celda resaltada, utilizado en pizarra tributaria */
td.resaltado {
	background-color: #e6eded;
	font-weight: bold;
	color: #006b78;
}

#diaCalendario {
	width: 26px;
	padding-top: 4px;
	background: url(../img/icono_cal_vencimiento.gif);
	background-repeat: no-repeat;
	text-align: center;
	display: inline-block
}

.alert-dismissable .close, .alert-dismissible .close {
	right: -10px !important;
}

/*organigrama*/
/*organigrama*/
/*organigrama*/
.bordeCajaOrganigrama {
	border: 4px solid #1D5874;
	background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,
		0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
}

.contenedorOrganigrama ul, .contenedorOrganigrama li,
	.contenedorOrganigrama a, .contenedorOrganigrama span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: default;
}

.cf:before, .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/
.cf {
	*zoom: 1;
}
/* Generic styling */

/*remarca la seleccion*/
a:focus {
	outline: none;
}

@media all and (max-width: 767px) {
	.content {
		padding: 0 20px;
	}
}

figure ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

figure ul a {
	display: block;
	/*background: #ccc;*/
	/*border: 4px solid red; /*erc todos los bordes linea*/
	text-align: center;
	overflow: hidden;
	font-size: .75em;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	height: 70px;
	margin-bottom: -26px;
	/*box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);*/
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;
}

@media all and (max-width: 767px) {
	ul a {
		font-size: 1em;
	}
}

figure ul a span {
	top: 20%;
	margin-top: -0.7em;
	display: block;
}

.administration>li>a {
	margin-bottom: 25px;
}

.director>li>a {
	width: 40%;
	margin: 0 auto 0px auto;
	background: #fff;
	background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0,
		0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0) 100%) !important;
	cursor: default;
}

.subdirector:after {
	content: "";
	display: block;
	width: 0;
	height: 125px;/*74*/
	background: red;
	border-left: 4px solid #1D5874; /*linea*/
	left: 50%; /*erc linea principal*/
	position: relative;
	margin-bottom: -74px;
}

.subdirector, .departments {
	position: absolute;
	width: 100%;
	/*height: 0px;*/
}

.subdirector>li:first-child, .departments>li:first-child {
	width: 0%;
	height: 0px;
	margin: 0 auto 92px auto;
	padding-top: 0px;
	/*border-bottom: 4px solid white;*/
	z-index: 1;
}

.subdirector>li:first-child {
	float: right;
	right: 22.74%;/*27.2*/
	/*border-left: 4px solid #1D5874;/*white*/  
	border-bottom: 4px solid #1D5874;
	width: 27.2%;/*18.59*/
	height: 64px;
	padding-top: 25px;
	z-index: 1;
}
/*10M579 ini*/
.subdirector>li:first-child a,.subdirector>li:nth-child(2) a {
	background: #ffffff;
}
.subdirector>li:nth-child(2){
    float: left;
    right: -23.2%;
    /* border-right: 4px solid #1D5874; */
    border-bottom: 4px solid #1D5874;
    width: 27.2%;
    height: 64px;
    padding-top: 25px;
    z-index: 1;
    padding-right: 26px;
}
/*10M579 fin*/
.subdirector>li:first-child a, .departments>li:first-child a {
	width: 100%;
}

.subdirector>li:first-child a {
	left: 25px;
}
@media all and (max-width: 767px) {
	.subdirector>li:first-child, .departments>li:first-child {
		width: 40%;
	}
	.subdirector>li:first-child {
		right: 10%;
		margin-right: 2px;
	}
	.subdirector:after {
		left: 49.8%;
	}
	.departments>li:first-child {
		left: 10%;
		margin-left: 2px;
	}
	/*10M579 ini*/
	.director>li>a {
    	width: 65%;
}
	.subdirector>li:nth-child(2){
	    float: left;
	    right: -4.9%;
	    /* border-right: 4px solid #1D5874; */
	    border-bottom: 4px solid #1D5874;
	    width: 45.2%;
	    height: 64px;
	    padding-top: 25px;
	    z-index: 1;
	    padding-right: 21px;
	}/*10M579 fin*/
}

.departments>li:first-child a {
	right: 25px;
}

.department:first-child, .departments li:nth-child(2) {
	margin-left: 0;
	clear: left;
}

/*linea principal*/
.departments:after {
	content: "";
	display: block;
	position: absolute;
	width: 73%; /*81.1%; 77.1*/
	height: 27px;
	border-top: 4px solid #1D5874; /*linea*/
	border-right: 4px solid #1D5874; /*linea*/
	border-left: 4px solid #1D5874; /*linea*/
	margin: 0 auto;
	top: 70px;
	left: 9.0%
}
@media all and (max-width: 767px) {
	.departments:after {
		border-right: none;
		left: 0;
		width: 49.8%;
	}
}

@media all and (min-width: 768px) {
	.department:first-child:before, .department:last-child:before {
		border: none;
	}
}

.department:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 22px;
	border-left: 4px solid #1D5874; /*linea*/
	z-index: 1;
	top: -22px;
	left: 168%;/*160*/
	margin-left: -4px;
}

.department {
	border-left: 4px solid #1D5874; /*linea*/
	width: 30%;/*23*/
	float: left;
	margin-left: 1.751313485113835%;
	margin-bottom: 60px;
}

.lt-ie8 .department {
	width: 18.25%;
}

@media all and (max-width: 767px) {
	.department {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.department:before {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 60px;
		border-left: 4px solid #1D5874; /*linea*/
		z-index: 1;
		top: -60px;
		left: 0%;
		margin-left: -4px;
	}
	.department:nth-child(2):before {
		display: none;
	}
}

.department>a {
	margin: 0 0 -26px -4px;
	z-index: 1;
}

.department>a:hover {
	height: 90px;
}

.department>ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.department li {
	padding-left: 25px;
	border-bottom: 4px solid #1D5874; /*linea*/
	height: 100px;
}

.department li a {
	background: #fff;
	top: 48px;
	position: absolute;
	z-index: 1;
	width: 90%;
	height: 70px;
	vertical-align: middle;
	right: -1px;
}

.department li a:hover {
	box-shadow: 8px 8px 9px -4px rgba(0, 0, 0, 0.1);
	height: 110px;
	width: 95%;
	top: 25px;
	background-image: none !important;
}

/* Department/ section colors */
.department.dep-a a {
	background: #fff;
}

.department.dep-b a {
	background: #fff;
}

.department.dep-c a {
	background: #fff;
}

.department.dep-d a {
	background: #fff;
}

.department.dep-e a {
	background: #fff;
}

/*Animacion capas con descripcion*/
.clsCajaOrganigrama {
	background: #000;
	box-shadow: 0px 0px 10px #222;
	border-radius: 5px;
	height: 75px;
	overflow: hidden;
}

.clsCajaOrganigrama img {
	border-radius: 5px;
}

.clsCajaOrganigrama .clsDescripcion {
	padding-top: 0px;
	background: #000;
	position: absolute;
	width: 101%;
	height: 100%;
	/* colocamos la capa abajo del contenedor (para que no se vea) */
	top: 250px;
	/* inicialmente la descripcion va a estar rotada 90 grados*/
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	/* definimos las transiciones */
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	/* la opacidad inicial sera cero */
	opacity: 0;
}

.clsCajaOrganigrama .clsDescripcion * {
	padding: 2px;
}

.clsCajaOrganigrama:hover .clsDescripcion {
	/* rotamos la descripcion a cero grados */
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	/* colocamos su opacidad en 80% */
	opacity: .8;
	/* subimos la capa completamente */
	top: 0;
	height: auto;
}

/* salto de linea */
.clear {
	clear: both;
}

/*formularios*/

/* ini BOTONES */
/*boton primario*/
.boton-primario {
	margin-top: 12px;
	background-color: #7C746C;
	color: #FFF !important;
	position: relative;
	padding: 10px 20px;
	border-jeft: 1px solid #00A1A4;
	margin-left: 15px;
	background-image: -moz-linear-gradient(center bottom, #008A8C 0%, #00ADB0 100%) !important;
	background-image: -webkit-linear-gradient(top, #008A8C 0%, #00ADB0 100%) !important;
	background-image: linear-gradient(to bottom, #008A8C, #00ADB0) !important;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0px 1px 0px #008B89 inset, 0px 5px 0px 0px #006B69, 0px 10px
		5px #8C8C8C;
	font-weight: normal !important;
}

.boton-primario:hover {
	box-shadow: 0px 1px 0px #008B89 inset, 0px 5px 0px 0px #eba200, 0px 10px
		5px #8C8C8C;
}

.boton-primario:active {
	top: 3px;
	background-image: -moz-linear-gradient(center bottom, #006B69 0%, #008B89 100%);
	box-shadow: 0px 1px 0px #008B89 inset, 0px 2px 0px 0px #008B89, 0px 5px
		3px #999;
}

.boton-primario::before {
	background-color: #2561b4; content ="1";
	width: 35px;
	height: 100%;
	position: absolute;
	display: block;
	padding-top: 8px;
	top: 0px;
	left: -36px;
	font-size: 16px;
	font-weight: bold;
	color: #8fd1ea;
	text-shadow: 1px 1px 0px #07526e;
	border-right: solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10, 94, 125) 0%,
		rgb(14, 139, 184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10, 94, 125) 0%,
		rgb(14, 139, 184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10, 94, 125) 0%,
		rgb(14, 139, 184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10, 94, 125) 0%,
		rgb(14, 139, 184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10, 94, 125) 0%,
		rgb(14, 139, 184) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(10, 94
		, 125)), color-stop(1, rgb(14, 139, 184)));
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a,
		0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px
		10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px
		10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px
		5px #999;
}

.boton-primario:active::before {
	top: -3px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a,
		1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px
		#044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px
		1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64,
		6px 4px 2px #0b698b, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px
		1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64,
		6px 4px 2px #0b698b, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px
		0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px
		4px 2px #0b698b, 0px 10px 5px #999;
}

/*btn-desactivado*/
.boton-primario.disabled, .boton-primario[disabled], fieldset[disabled] .boton-primario,
	.boton-primario.disabled:hover, .boton-primario[disabled]:hover,
	fieldset[disabled] .boton-primario:hover, .boton-primario.disabled:focus,
	.boton-primario[disabled]:focus, fieldset[disabled] .boton-primario:focus,
	.boton-primario.disabled:active, .boton-primario[disabled]:active,
	fieldset[disabled] .boton-primario:active, .boton-primario.disabled.active,
	.boton-primario.active[disabled], fieldset[disabled] .boton-primario.active
	{
	top: 0px;
	background-image: linear-gradient(to bottom, #CFCFCF, #8A8A8A);
	box-shadow: 0px 1px 0px #E4E4E4 inset, 0px 5px 0px 0px #7A7A7A, 0px 10px
		5px #ADADAD;
	opacity: 1;
}

/*boton secundario*/
.boton-secundario {
	margin-top: 12px;
	background-color: #7C746C;
	color: #FFF !important;
	position: relative;
	padding: 10px 20px;
	border-left: 1px solid #09485B;
	margin-left: 15px;
	background-image: -moz-linear-gradient(center bottom, #09485B 0%, #09485B 100%) !important;
	background-image: -webkit-linear-gradient(top, #09485B 0%, #09485B 100%) !important;
	background-image: linear-gradient(to bottom, #09485B, #09485B) !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0px 1px 0px #7c746c inset, 0px 5px 0px 0px #7c746c, 0px 10px
		5px #C3C3C3;
	font-weight: normal !important;
}

.boton-secundario:hover {
	box-shadow: 0px 1px 0px #008B89 inset, 0px 5px 0px 0px #eba200, 0px 10px
		5px #8C8C8C;
}

.boton-secundario:active {
	top: 3px;
	background-image: -moz-linear-gradient(center bottom, #09485b 0%, #09485b 100%);
	box-shadow: 0px 1px 0px #09485b inset, 0px 2px 0px 0px #09485b, 0px 5px
		3px #999;
}

/*btn-desactivado*/
.boton-secundario.disabled, .boton-secundario[disabled], fieldset[disabled] .boton-secundario,
	.boton-secundario.disabled:hover, .boton-secundario[disabled]:hover,
	fieldset[disabled] .boton-secundario:hover, .boton-secundario.disabled:focus,
	.boton-secundario[disabled]:focus, fieldset[disabled] .boton-secundario:focus,
	.boton-secundario.disabled:active, .boton-secundario[disabled]:active,
	fieldset[disabled] .boton-secundario:active, .boton-secundario.disabled.active,
	.boton-secundario.active[disabled], fieldset[disabled] .boton-secundario.active
	{
	top: 0px;
	background-image: linear-gradient(to bottom, #CFCFCF, #8A8A8A);
	box-shadow: 0px 1px 0px #E4E4E4 inset, 0px 5px 0px 0px #7A7A7A, 0px 10px
		5px #ADADAD;
	opacity: 1;
}

/* fin BOTONES */

/*ini iconos botones*/
.ui-icon.btn-aceptar {
	background-image: url(../img/iconos/ico_aceptar_blanco.png);
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 32px 31px;
	border-radius: 0px;
	top: 13px;
	width: 35px;
	height: 35px;
}

.ui-icon.btn-limpiar {
	background-image: url(../img/iconos/ico_limpiar_blanco.png);
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 32px 31px;
	border-radius: 0px;
	top: 13px;
	width: 35px;
	height: 35px;
}

.ui-icon.btn-buscar {
	background-image: url(../img/iconos/ico_buscar_blanco.png);
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 32px 31px;
	border-radius: 0px;
	top: 13px;
	width: 35px;
	height: 35px;
}

.ui-icon.btn-imprimir {
	background-image: url(../img/iconos/ico_impresora_blanco.png);
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 32px 31px;
	border-radius: 0px;
	top: 13px;
	width: 35px;
	height: 35px;
}

.ui-icon.btn-calcular {
	background-image: url(../img/iconos/ico_calculadora_blanco.png);
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	background-size: 25px 27px;
	border-radius: 0px;
	top: 18px;
	width: 35px;
	height: 35px;
}
.ui-icon.btn-qr {
    background-image: url(../img/iconos/ico_qr_blanco.png);
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 25px 25px;
    border-radius: 0px;
    top: 19px;
    width: 35px;
    height: 35px;
}

/*fin iconos botones*/

/* These create the flashes */
@
-webkit-keyframes hover { 0% {
	background: #bdedfa
}

100%
{
background




:


 


#063d4c


 


}
}
@
-moz-keyframes hover { 0% {
	background: #bdedfa
}

100%
{
background




:


 


#063d4c


 


}
}
@
-ms-keyframes hover { 0% {
	background: #bdedfa
}

100%
{
background




:


 


#063d4c


 


}
}
@
-o-keyframes hover { 0% {
	background: #bdedfa
}

100%
{
background




:


 


#063d4c


 


}
}
@
keyframes hover { 0% {
	background: #bdedfa
}

100%
{
background




:


 


#063d4c


 


}
}
.spinner {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.spinner>div {
	background-color: #333;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@
-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% {
	-webkit-transform: scaleY(0.4)
}

20%
{
-webkit-transform




:


 


scaleY




(1
.0




)
}
}
@
keyframes sk-stretchdelay { 0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
}

20%
{
transform




:


 


scaleY




(1
.0




);
-webkit-transform




:


 


scaleY




(1
.0




);
}
}

/*links*/
.lnk-seleccionar {
	background-image: url(../img/iconos/ico_aceptar_verde.png);
	padding: 6px 0px 0px 24px;
	background-repeat: no-repeat;
	/*margin-left: -10px;*/
}

.lnk-imprimir {
	background-image: url(../img/iconos/ico_impresora_verde.png);
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-word {
	background-image: url(../img/iconos/ico_word.png);
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-acrobat {
	background-image: url(../img/iconos/ico_acrobat.png);
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-zip {
	background-image: url(../img/iconos/ico_zip.png);
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-limpiar {
	background-image: url(../img/iconos/ico_limpiar_verde.png);
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-porDefecto {
	color: #09485b;
	font-family: "Fuente Ruat", verdana;
}

.lnk-ayuda {
	background-image: url(../img/iconos/ico_ayuda_verde.png);
	padding: 10px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-pagoInternet {
	background-image: url("../img/iconos/ico_pagosInternet_verde.png");
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-agenciasCobros {
	background-image: url("../img/iconos/ico_agenciasCobros.png");
	padding: 6px 0px 0px 28px;
	background-repeat: no-repeat;
}

.lnk-detallePago {
	background-image: url(../img/iconos/ico_detallePago_verde.png);
	padding: 6px 0px 0px 24px;
	background-repeat: no-repeat;
	/*margin-left: -10px;*/
	height: 25px;
	margin-left: 35%;	
}


.lnk-comprobantePago {
	background-image: url(../img/iconos/ico_comprobantePago_verde.png);
	padding: 6px 0px 0px 24px;
	background-repeat: no-repeat;
	/*margin-left: -10px;*/
	height: 25px;
	margin-left: 30%;
}

.lnk-markerAgenciaFinanciera {
	padding-right: 38px;
	padding-top: 27px;
	background-image: url('/resources/img/ico_ubi_banco.png');
	background-repeat: no-repeat;
	left: 48px;
	position: absolute;
}


/*link navegacion*/
.lnk-anterior {
	margin-left: 20px;
	padding-bottom: 10px;
	background-image: url(../img/iconos/ico_anterior_blanco.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.lnk-anterior:link {
	color: #fff;
}

.lnk-nuevaBusqueda {
	margin-left: 20px;
	padding-bottom: 10px;
	background-image: url(../img/iconos/ico_nueva_busqueda_blanco.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.lnk-ayuda-blanco {
	margin-left: 20px;
	padding-bottom: 10px;
	background-image: url(../img/iconos/ico_ayuda_blanco.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.lnk-nueva-solicitud {
	margin-left: 20px;
	padding-bottom: 10px;
	background-image: url(../img/iconos/ico_nueva_solicitud.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.lnk-nuevaBusqueda:link {
	color: #fff;
}

.lnk-nuevaCalculo {
	margin-left: 20px;
	padding-bottom: 10px;
	background-image: url(../img/iconos/ico_calculadora_blanco.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.lnk-nuevaCalculo:link {
	color: #fff;
}

.lnk-limpiarnav {
	margin-left: 20px;
	padding-bottom: 10px;
	background-image: url(../img/iconos/ico_limpiar_blanco.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.lnk-limpiarnav:link {
	color: #fff;
}

/*pagina principal*/
.titulo-paginaPrincipal {
	color: #09485b;
	font-size: 25px;
	padding: 15px;
}

.descripcion-paginaPrincipal {
	font-size: 15px;
	color: #7c746c;
	padding: 15px;
}

.enlaces-paginaPrincipal {
	font-size: 15px;
	font-family: "Fuente Ruat", verdana;
}

.enlaces-paginaPrincipal:link {
	color: #09485b;
}

.enlaces-paginaPrincipal:visited {
	color: #09485b;
}

.contenedor-indicadorSlider {
	border-width: 11px 0px;
	border-style: solid none;
	border-color: #09485b -moz-use-text-color #09485b;
	/*border-color: #eba200 -moz-use-text-color #eba200; naranja*/
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	height: 0px;
	margin-top: 0px;
}

/*link del sub footer*/
hr {
	border: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #09485b;
	height: 0;
	margin-top: 0px;
}

.lnk-sub-footer_publicidad {
	height: 100%;
	width: 100%;
	font-size: 25px;
}

.lnk-sub-footer {
	font-size: 20px;
	padding: 21px 0px 0px 50px;
	color: #09485b;
	margin-top: 0px;
}

.lnk-linea {
	margin: 0;
}

.lnk-sub-footer:link {
	color: #09485b;
}

.ico-suscribase {
	background-image: url(../img/subfooter/ico_suscripcion_azul.png);
	background-repeat: no-repeat;
}

.ico-actualizarCaptcha {
	background-image: url(../img/actualizar.png);
	background-repeat: no-repeat;
}

.ui-datatable thead th, .ui-datatable tfoot td {
	color: #fff !important;
	background: #09485b !important;
	border-radius: 0px !important;
}

.ui-radiobutton-icon {
	margin-left: 0px;
	margin-top: -1px;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
	.ui-datatable tfoot th {
	/*padding-left: 4px;*/
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/*alto de la filas de ui:repeat*/
.ui-panelgrid .ui-panelgrid-cell {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	padding: 11px 13px;
}

.alert-info {
	background-image: linear-gradient(to bottom, #FFF, #FFF 100%);
	background-repeat: repeat-x;
	border-color: #09485b;
}

.exito {
	background-image: linear-gradient(to bottom, rgba(0, 138, 140, 0.58),
		rgba(0, 138, 140, 0.46) 100%);
	background-repeat: repeat-x;
	border-color: #09485b;
	color: #fff;
}

.advertencia {
	background-image: linear-gradient(to bottom, rgba(235, 162, 0, 0.55),
		rgba(235, 162, 0, 0.52) 100%);
	background-repeat: repeat-x;
	border-color: #09485b;
	color: #fff;
}

.panel-total {
	background: #09485b !important;
	background-repeat: repeat-x;
	color: #FFF !important;
	height: 100%;
}

.panel-total label {
	background-image: linear-gradient(to bottom, #09485B, #09485B 100%);
	background-repeat: repeat-x;
	color: #FFF !important;
	height: 100%;
}

/*estilo de tablas*/
/*cabecera*/
.cabeceraTabla {
	text-align: center;
	font-weight: bold;
	color: Snow;
	background: #09485b;
}

.ui-column-title {
	/*color:#09485b;*/
	font-weight: bold;
	text-shadow: none !important;
}

/*posicion banner*/
div#banner {
	/*border: 1px solid #e6e7e8;*/
	/*background-color: #e6e7e8;*/
	background-color: #fff;
	/*padding: .5em;*/
}

.derecha {
	float: right;
	margin: -8px -8px -8px 8px;
}
@media (max-width: 1330px){
	.derecha-grande{
		display: none !important;
	}
	.derecha{
		position: absolute;
	    right: 0;
	    top: 10px;
	}
}
@media (min-width: 1330px){
	.derecha-grande{
		display: block !important;
	}
	.derecha{
		display: none !important;
	}
}
.derecha-grande{
	position: absolute;
	right: 0;
	top: 0;
}

#menu-cabecera{
	border-bottom: 1px solid #43768e;
}
.leyenda_logo {
	margin-left: -240px;
	position: relative;
	top: 95px;
	font-size: 12px;
}

.izquierda {
	float: left;
	margin: -8px;
}

div.clear {
	clear: both;
}

/*ayuda*/
.ayuda {
	margin-top: -5px;
	margin-bottom: 10px;
	color: #008a8c;
}

/*slider*/
.contenido-bienvenida {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	position: absolute;
	left: 50px;
	width: 350px;
	top: 15px;
	border-radius: 15px;
	padding: 10px;
}

.contenido-slider {
	max-width: 500px;
	background-color: rgba(255, 255, 255, 0.85);
	position: absolute;
	right: 50px;
	margin-left: -200px;
	bottom: 15px;
	border-radius: 15px;
	padding: 10px;
}
.contenido-slider__small-contenido {
	max-width: 400px;
}
.contenido-slider__long-contenido {
	max-width: 600px;
}
@media (max-width: 1330px){
	.contenido-slider__long-contenido .cuerpo-contenidoSlider {
		font-size: 12px;
	}
	.card__btn {
		font-size: 11px;
	}
	.card__btn > .ui-button-icon-left {
		display: none;
	}
	.card__btn > .ui-button-text {
		padding: 0;
	}
}
@media (max-width: 768px){
	.contenido-slider {
		display: none !important;
	}
}

.contenedor-descripcion {
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 15px;
}

/*efecto para panel de bienvenida*/
.efecto-desvanecer {
	animation: fadein 1.5s;
	-moz-animation: fadein 1.5s; /* Firefox */
	-webkit-animation: fadein 1.5s; /* Safari and Chrome */
	-o-animation: fadein 1.5s; /* Opera */
}

@
keyframes fadein {from { opacity:0;
	
}

to {
	opacity: 1;
}

}
@
-moz-keyframes fadein { /* Firefox */ from { opacity:0;
	
}

to {
	opacity: 1;
}

}
@
-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0;
	
}

to {
	opacity: 1;
}

}
@
-o-keyframes fadein { /* Opera */ from { opacity:0;
	
}

to {
	opacity: 1;
}

}
.panel-PagEstaticas {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 15px;
	border: 2px solid #09485b;
	padding: 10px;
}

/*panel de informacion pag estaticas*/
.panel-infPagEstaticas {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 5px;
	border: 2px solid #09485B;
	padding: 15px;
	margin-top: -7px;
}

.panel-infPagEstaticasImg_izq {
	margin-left: 20px;
	margin-bottom: -30px;
}

.panel-infPagEstaticasImg_der {
	margin-left: 90%;
	margin-bottom: -30px;
}

.panel-dataGrid {
	margin: auto;
	margin-bottom: 20px;
}

/**/
.efecto-parpadeo {
	animation: blink 1s steps(5, start) infinite;
	-webkit-animation: blink 1s steps(5, start) infinite;
	-moz-animation: blink 1s steps(5, start) infinite;
	-o-transform: blink 1s steps(5, start) infinite;
	color: #eba200;
	font-weight: bold;
}

@
keyframes blink {to { visibility:hidden;
	
}

}
@
-webkit-keyframes blink {to { visibility:hidden;
	
}

}

/*------------ ICONOS MENUS ------------*/
/***** PAGINA PRINCIPAL *****/
.tamanio-imgMenuPrincipal {
	width: 100px;
	height: 100px;
	min-width: 75px;
	min-height: 75px;
}

.tamanio-imgMenu {
	width: 137px;
	height: 134px;
}

#mnu-pagpri-vehiculo {
	background-image: url("../img/menu/paginaprincipal/vehiculo.png");
	margin: auto;
}

#mnu-pagpri-vehiculo:hover {
	background-image: url("../img/menu/paginaprincipal/vehiculo_hover.png");
	margin: auto;
}

.mnu-pagpri-ingresonotrib {
    background-image: url("../img/menu/otrosingresos/ico_otrosingresos.png");
    margin: auto;
}

.mnu-pagpri-ingresonotrib:hover {
    background-image: url("../img/menu/otrosingresos/ico_otrosingresos_hover.png");
    margin: auto;
}

#mnu-pagpri-inmueble {
	background-image: url("../img/menu/paginaprincipal/inmueble.png");
	margin: auto;
}

#mnu-pagpri-inmueble:hover {
	background-image: url("../img/menu/paginaprincipal/inmueble_hover.png");
	margin: auto;
}

#mnu-pagpri-actEconomica {
	background-image:
		url("../img/menu/paginaprincipal/actividad_economica.png");
	margin: auto;
}

#mnu-pagpri-actEconomica:hover {
	background-image:
		url("../img/menu/paginaprincipal/actividad_economica_hover.png");
	margin: auto;
}

.mnu-pagpri-tasas {
    background-image: url("../img/menu/tasasotrosingresos/tasas.png");
    margin: auto;
}

.mnu-pagpri-tasas:hover {
    background-image: url("../img/menu/tasasotrosingresos/tasas_hover.png");
    margin: auto;
}

#mnu-pagpri-vencimiento {
	background-image: url("../img/menu/paginaprincipal/vencimiento.png");
	margin: auto;
}

.imgVencimientos {
	width: 134;
	height: 137;
	z-index: -1;
}

.imgVencimientos:hover {
	background-image: url("../img/menu/vencimiento_hover.png");
	width: 134;
	height: 137;
	z-index: 1;
}

#mnu-pagpri-vencimiento:hover {
	background-image:
		url("../img/menu/paginaprincipal/vencimiento_hover.png");
	margin: auto;
}

#mnu-pagpri-convocatoria {
	background-image: url("../img/menu/paginaprincipal/convocatoria.png");
	margin: auto;
}

#mnu-pagpri-convocatoria:hover {
	background-image:
		url("../img/menu/paginaprincipal/convocatoria_hover.png");
	margin: auto;
}

#mnu-pagpri-enlace {
	background-image: url("../img/menu/paginaprincipal/enlace.png");
	margin: auto;
}

#mnu-pagpri-pagoQR {
	background-image: url("../img/menu/paginaprincipal/pagoelectronico.png");
	margin: auto;
}

#mnu-pagpri-pagoQR:hover {
	background-image:
		url("../img/menu/paginaprincipal/pagoelectronico_hover.png");
	margin: auto;
}

/*
#mnu-pagpri-enlace:hover {
       background-image: url("../img/menu/paginaprincipal/enlace_hover.png");
       margin: auto;
}*/

/***** COMUNES *****/
#mnu-consultaPago {
	background-image: url("../img/menu/consulta_pago.png");
	margin: auto;
}

#mnu-consultaPago:hover {
	background-image: url("../img/menu/consulta_pago_hover.png");
	margin: auto;
}

#mnu-proformaDetallada {
	background-image: url("../img/menu/proforma_detallada.png");
	margin: auto;
}

#mnu-proformaDetallada:hover {
	background-image: url("../img/menu/proforma_detallada_hover.png");
	margin: auto;
}

#mnu-simuladorPlanPago {
	background-image: url("../img/menu/simulador_plan_pago.png");
	margin: auto;
}

#mnu-simuladorPlanPago:hover {
	background-image: url("../img/menu/simulador_plan_pago_hover.png");
	margin: auto;
}

#mnu-pizarraTributaria {
	background-image: url("../img/menu/pizarra_tributaria_default.svg");
	margin: auto;
	background-size: 137px 134px;
}

#mnu-pizarraTributaria:hover {
	background-image: url("../img/menu/pizarra_tributaria_hover.svg");
	margin: auto;
}

#mnu-consultadiprove, .mnu-pagpri-consultadiprove {
	background-image: url("../img/menu/vehiculos/consulta_diprove.png");
	margin: auto;
}

#mnu-consultadiprove:hover, .mnu-pagpri-consultadiprove:hover  {
	background-image: url("../img/menu/vehiculos/consulta_diprove_hover.png");
	margin: auto;
}

#mnu-vencimiento {
	background-image: url("../img/menu/vencimiento.png");
	margin: auto;
}

#mnu-vencimiento:hover {
	background-image: url("../img/menu/vencimiento_hover.png");
	margin: auto;
}

/***** VEHICULOS *****/
#mnu-veh-consultaDeuda {
	background-image: url("../img/menu/vehiculos/consulta_deuda.png");
	margin: auto;
}

#mnu-veh-consultaDeuda:hover {
	background-image: url("../img/menu/vehiculos/consulta_deuda_hover.png");
	margin: auto;
}

#mnu-veh-consultaInfrac {
	background-image: url("../img/menu/vehiculos/consulta_infraccion.png");
	margin: auto;
}

#mnu-veh-consultaInfrac:hover {
	background-image:
		url("../img/menu/vehiculos/consulta_infraccion_hover.png");
	margin: auto;
}

#mnu-veh-consultaDatTec {
	background-image: url("../img/menu/vehiculos/consulta_dato_tecnico.png");
	margin: auto;
}

#mnu-veh-consultaDatTec:hover {
	background-image:
		url("../img/menu/vehiculos/consulta_dato_tecnico_hover.png");
	margin: auto;
}

#mnu-veh-consultaPagFol {
	background-image: url("../img/menu/vehiculos/consulta_pago_folio.png");
	margin: auto;
}

#mnu-veh-consultaPagFol:hover {
	background-image:
		url("../img/menu/vehiculos/consulta_pago_folio_hover.png");
	margin: auto;
}
#mnu-reportedeuda{
	background-image: url("../img/menu/vehiculos/ico_reporte_deuda.png");
	margin: auto;
}
#mnu-reportedeuda:hover{
	background-image: url("../img/menu/vehiculos/ico_reporte_deuda_hover.png");
	margin: auto;
}


/***** INMUEBLES *****/
#mnu-inm-consultaDeuda {
	background-image: url("../img/menu/inmuebles/consulta_deuda.png");
	margin: auto;
}

#mnu-inm-consultaDeuda:hover {
	background-image: url("../img/menu/inmuebles/consulta_deuda_hover.png");
	margin: auto;
}

#mnu-inm-consultaDatTec {
	background-image: url("../img/menu/inmuebles/consulta_dato_tecnico.png");
	margin: auto;
}

#mnu-inm-consultaDatTec:hover {
	background-image:
		url("../img/menu/inmuebles/consulta_dato_tecnico_hover.png");
	margin: auto;
}

#mnu-inm-consultaPagFol {
	background-image: url("../img/menu/inmuebles/consulta_pago_folio.png");
	margin: auto;
}

#mnu-inm-consultaPagFol:hover {
	background-image:
		url("../img/menu/inmuebles/consulta_pago_folio_hover.png");
	margin: auto;
}
/*10M622*/
#mnu-verifvalcert{
	background-image: url("../img/menu/inmuebles/verifica_val_cert.png");
	margin: auto;
}
#mnu-verifvalcert:hover{
	background-image: url("../img/menu/inmuebles/verifica_val_cert_hover.png");
	margin: auto;
}



/***** ACTIVIDADES ECONOMICAS *****/
#mnu-acteco-consultaDeu {
	background-image:
		url("../img/menu/actividadeseconomicas/consulta_deuda.png");
	margin: auto;
}

#mnu-acteco-consultaDeu:hover {
	background-image:
		url("../img/menu/actividadeseconomicas/consulta_deuda_hover.png");
	margin: auto;
}

#mnu-acteco-consultaDat {
	background-image:
		url("../img/menu/actividadeseconomicas/consulta_dato_tecnico.png");
	margin: auto;
}

#mnu-acteco-consultaDat:hover {
	background-image:
		url("../img/menu/actividadeseconomicas/consulta_dato_tecnico_hover.png");
	margin: auto;
}

#mnu-acteco-consultaPag {
	background-image:
		url("../img/menu/actividadeseconomicas/consulta_pago_folio.png");
	margin: auto;
}

#mnu-acteco-consultaPag:hover {
	background-image:
		url("../img/menu/actividadeseconomicas/consulta_pago_folio_hover.png");
	margin: auto;
}
/***** SERVICIOS CIUDADANOS *****/

#mnu-sevc-certificaciones {
        background-image: url("../img/menu/serviciosciudadano/certificaciones.png");
        margin: auto;
}

#mnu-sevc-certificaciones:hover {
        background-image: url("../img/menu/serviciosciudadano/certificaciones_hover.png");
        margin: auto;
}

/***** INFORMACION INSTITUCIONAL *****/
#mnu-infins-pubins {
	background-image:
		url("../img/menu/informacioninstitucional/noti_intitucional.png");
	margin: auto;
}

#mnu-infins-pubins:hover {
	background-image:
		url("../img/menu/informacioninstitucional/noti_intitucional_hover.png");
	margin: auto;
}

#mnu-infins-quienesSomos {
	background-image:
		url("../img/menu/informacioninstitucional/quienes_somos.png");
	margin: auto;
}

#mnu-infins-quienesSomos:hover {
	background-image:
		url("../img/menu/informacioninstitucional/quienes_somos_hover.png");
	margin: auto;
}

#mnu-infins-datoGeneral {
	background-image:
		url("../img/menu/informacioninstitucional/dato_general.png");
	margin: auto;
}

#mnu-infins-datoGeneral:hover {
	background-image:
		url("../img/menu/informacioninstitucional/dato_general_hover.png");
	margin: auto;
}

#mnu-infins-estOrg {
	background-image:
		url("../img/menu/informacioninstitucional/estructura_organica.png");
	margin: auto;
}

#mnu-infins-estOrg:hover {
	background-image:
		url("../img/menu/informacioninstitucional/estructura_organica_hover.png");
	margin: auto;
}

#mnu-infins-historia {
	background-image:
		url("../img/menu/informacioninstitucional/historia.png");
	margin: auto;
}

#mnu-infins-historia:hover {
	background-image:
		url("../img/menu/informacioninstitucional/historia_hover.png");
	margin: auto;
}

#mnu-infins-entidadPar {
	background-image:
		url("../img/menu/informacioninstitucional/entidad_participante.png");
	margin: auto;
}

#mnu-infins-entidadPar:hover {
	background-image:
		url("../img/menu/informacioninstitucional/entidad_participante_hover.png");
	margin: auto;
}

#mnu-infins-marcoNor {
	background-image:
		url("../img/menu/informacioninstitucional/marco_normativo.png");
	margin: auto;
}

#mnu-infins-marcoNor:hover {
	background-image:
		url("../img/menu/informacioninstitucional/marco_normativo_hover.png");
	margin: auto;
}

#mnu-infins-recursoHum {
	background-image:
		url("../img/menu/informacioninstitucional/recurso_humano.png");
	margin: auto;
}

#mnu-infins-recursoHum:hover {
	background-image:
		url("../img/menu/informacioninstitucional/recurso_humano_hover.png");
	margin: auto;
}
/***** TRANSPARENCIA *****/

#mnu-tra-rendicionPublica {
	background-image:
		url("../img/menu/trasparencia/rendicion_publica.png");
	margin: auto;
}
#mnu-tra-rendicionPublica:hover {
	background-image:
		url("../img/menu/trasparencia/rendicion_publica_hover.png");
	margin: auto;
}

#mnu-tra-luchaCorrupcion{
	background-image: url("../img/menu/trasparencia/lucha_corrupcion.png");
	margin: auto;
}
#mnu-tra-luchaCorrupcion:hover {
	background-image:
		url("../img/menu/trasparencia/lucha_corrupcion_hover.png");
	margin: auto;
}

#mnu-tra-eticaPublica{
	background-image: url("../img/menu/trasparencia/etica_publica.png");
	margin: auto;
}
#mnu-tra-eticaPublica:hover {
	background-image:
		url("../img/menu/trasparencia/etica_publica_hover.png");
	margin: auto;
}

#mnu-tra-accesoInformacion{
	background-image: url("../img/menu/trasparencia/acceso_informacion.png");
	margin: auto;
}
#mnu-tra-accesoInformacion:hover {
	background-image:
		url("../img/menu/trasparencia/acceso_informacion_hover.png");
	margin: auto;
}

/******* INFORMES DE GESTION *****/
#mnu-infges-informeAuditoria {
	background-image: url("../img/menu/informesgestion/informe_auditoria.png");
	margin: auto;
}

#mnu-infges-informeAuditoria:hover {
	background-image:
		url("../img/menu/informesgestion/informe_auditoria_hover.png");
	margin: auto;
}

#mnu-infges-planEstPoa {
	background-image:
		url("../img/menu/informesgestion/plan_estrategico_poa.png");
	margin: auto;
}

#mnu-infges-planEstPoa:hover {
	background-image:
		url("../img/menu/informesgestion/plan_estrategico_poa_hover.png");
	margin: auto;
}

#mnu-infges-informacionFin {
	background-image:
		url("../img/menu/informesgestion/informacion_financiera.png");
	margin: auto;
}

#mnu-infges-informacionFin:hover {
	background-image:
		url("../img/menu/informesgestion/informacion_financiera_hover.png");
	margin: auto;
}
#mnu-infges-programaAnuCon {
	background-image:
		url("../img/menu/informesgestion/programa_contratacion.png");
	margin: auto;
}

#mnu-infges-programaAnuCon:hover {
	background-image:
		url("../img/menu/informesgestion/programa_contratacion_hover.png");
	margin: auto;
}

#mnu-infges-reqPersonal {
	background-image:
		url("../img/menu/informesgestion/requerimiento_personal.png");
	margin: auto;
}

#mnu-infges-reqPersonal:hover {
	background-image:
		url("../img/menu/informesgestion/requerimiento_personal_hover.png");
	margin: auto;
}

#mnu-infges-reqBieSerAnpe {
	background-image: url("../img/menu/informesgestion/requerimiento_anpe.png");
	margin: auto;
}

#mnu-infges-reqBieSerAnpe:hover {
	background-image:
		url("../img/menu/informesgestion/requerimiento_anpe_hover.png");
	margin: auto;
}

#mnu-infges-reqBieSerLic {
	background-image:
		url("../img/menu/informesgestion/requerimiento_licitacion.png");
	margin: auto;
}

#mnu-infges-reqBieSerLic:hover {
	background-image:
		url("../img/menu/informesgestion/requerimiento_licitacion_hover.png");
	margin: auto;
}
#mnu-infges-informesGestion {
	background-image: url("../img/menu/informesgestion/informes_gestion.png");
	margin: auto;
}

#mnu-infges-informesGestion:hover {
	background-image:
		url("../img/menu/informesgestion/informes_gestion_hover.png");
	margin: auto;
}

#mnu-infges-terRefCons {
	background-image:
		url("../img/menu/informesgestion/ico_terminos_ref_cons.png");
	margin: auto;
}

#mnu-infges-terRefCons:hover {
	background-image:
		url("../img/menu/informesgestion/ico_terminos_ref_cons_hover.png");
	margin: auto;
}

#mnu-infins-manualOrgFun {
	background-image:
		url("../img/menu/informacioninstitucional/ico_manual_org_funciones.png");
	margin: auto;
}

#mnu-infins-manualOrgFun:hover {
	background-image:
		url("../img/menu/informacioninstitucional/ico_manual_org_funciones_hover.png");
	margin: auto;
}
/***** INFORMACION GENERAL *****/
#mnu-infgen-agenciaCobro {
	background-image:
		url("../img/menu/informaciongeneral/agencia_cobro.png");
	margin: auto;
}

#mnu-infgen-agenciaCobro:hover {
	background-image:
		url("../img/menu/informaciongeneral/agencia_cobro_hover.png");
	margin: auto;
}

#mnu-infgen-gobiernoMun {
	background-image:
		url("../img/menu/informaciongeneral/gobierno_municipal.png");
	margin: auto;
}

#mnu-infgen-gobiernoMun:hover {
	background-image:
		url("../img/menu/informaciongeneral/gobierno_municipal_hover.png");
	margin: auto;
}

#mnu-infgen-guiaTramite {
	background-image: url("../img/menu/informaciongeneral/guia_tramite.png");
	margin: auto;
}

#mnu-infgen-guiaTramite:hover {
	background-image:
		url("../img/menu/informaciongeneral/guia_tramite_hover.png");
	margin: auto;
}

#mnu-infgen-mapaSitio {
	background-image: url("../img/menu/informaciongeneral/mapa_sitio.png");
	margin: auto;
}

#mnu-infgen-mapaSitio:hover {
	background-image:
		url("../img/menu/informaciongeneral/mapa_sitio_hover.png");
	margin: auto;
}

#mnu-infgen-preguntaFre {
	background-image:
		url("../img/menu/informaciongeneral/pregunta_frecuente.png");
	margin: auto;
}

#mnu-infgen-preguntaFre:hover {
	background-image:
		url("../img/menu/informaciongeneral/pregunta_frecuente_hover.png");
	margin: auto;
}

/***** SERVICIOS *****/
#mnu-ser-consultaSms {
	background-image: url("../img/menu/servicios/consulta_sms.png");
	margin: auto;
}

#mnu-ser-consultaSms:hover {
	background-image: url("../img/menu/servicios/consulta_sms_hover.png");
	margin: auto;
}

#mnu-ser-consultaTel {
	background-image: url("../img/menu/servicios/consulta_telefonica.png");
	margin: auto;
}

#mnu-ser-consultaTel:hover {
	background-image:
		url("../img/menu/servicios/consulta_telefonica_hover.png");
	margin: auto;
}

#mnu-ser-webMovilVeh {
	background-image: url("../img/menu/servicios/web_movil_vehiculo.png");
	margin: auto;
}

#mnu-ser-webMovilVeh:hover {
	background-image:
		url("../img/menu/servicios/web_movil_vehiculo_hover.png");
	margin: auto;
}

#mnu-ser-pagoInternet {
	background-image: url("../img/menu/servicios/pago_internet.png");
	margin: auto;
}

#mnu-ser-pagoInternet:hover {
	background-image: url("../img/menu/servicios/pago_internet_hover.png");
	margin: auto;
}

#mnu-ser-pagoCajeroAut {
	background-image:
		url("../img/menu/servicios/pago_cajero_automatico.png");
	margin: auto;
}

#mnu-ser-pagoCajeroAut:hover {
	background-image:
		url("../img/menu/servicios/pago_cajero_automatico_hover.png");
	margin: auto;
}

#mnu-ser-ruatMovil {
	background-image: url("../img/menu/servicios/ruat_movil.png");
	margin: auto;
}

#mnu-ser-ruatMovil:hover {
	background-image: url("../img/menu/servicios/ruat_movil_hover.png");
	margin: auto;
}

#mnu-ser-nuevoComprobante {
	background-image: url("../img/menu/servicios/nuevo_comprobante.png");
	margin: auto;
}

#mnu-ser-nuevoComprobante:hover {
	background-image: url("../img/menu/servicios/nuevo_comprobante_hover.png");
	margin: auto;
}
/*10M758*/
#mnu-ser-HabilitacionRUATNET {
	background-image: url("../img/menu/servicios/ico_ruatnet.png");
	margin: auto;
}

#mnu-ser-HabilitacionRUATNET:hover {
	background-image: url("../img/menu/servicios/ico_ruatnet_hover.png");
	margin: auto;
}
/*10M634*/
#mnu-ser-PagoQR {
	background-image: url("../img/menu/servicios/ico_pago_qr.png");
	margin: auto;
}

#mnu-ser-PagoQR:hover {
	background-image: url("../img/menu/servicios/ico_pago_qr_hover.png");
	margin: auto;
}
/*Autenticacion RUAT*/
#mnu-ser-AutenticacionRUAT {
	background-image: url("../img/menu/servicios/autenticacion.png");
	margin: auto;
}

#mnu-ser-AutenticacionRUAT:hover {
	background-image: url("../img/menu/servicios/autenticacion_hover.png");
	margin: auto;
}
/*ATM Movil (Gu�a)*/
#mnu-ser-guia-atm {
	background-image: url("../img/menu/servicios/guiaatm.png");
	margin: auto;
}

#mnu-ser-guia-atm:hover {
	background-image: url("../img/menu/servicios/guiaatm_hover.png");
	margin: auto;
}
/***** TASAS Y OTROS INGRESOS *****/
#mnu-tasing-qr {
	background-image: url("../img/menu/tasasotrosingresos/tasas.png");
	margin: auto;
}

#mnu-tasing-qr:hover {
	background-image: url("../img/menu/tasasotrosingresos/tasas_hover.png");
	margin: auto;
}
#mnu-tasing-tasa {
	background-image: url("../img/menu/tasasotrosingresos/tasas.png");
	margin: auto;
}

#mnu-tasing-tasa:hover {
	background-image: url("../img/menu/tasasotrosingresos/tasas_hover.png");
	margin: auto;
}

#mnu-tasing-consultaDetallada {
	background-image: url("../img/menu/tasasotrosingresos/tasas_datos_tecnicos.png");
	margin: auto;
}
#mnu-tasing-consultaDetallada:hover {
	background-image: url("../img/menu/tasasotrosingresos/tasas_datos_tecnicos_hover.png");
	margin: auto;
}

#mnu-tasing-consultaPago {
	background-image: url("../img/menu/tasasotrosingresos/tasas_pagos_folio.png");
	margin: auto;
}
#mnu-tasing-consultaPago:hover {
	background-image: url("../img/menu/tasasotrosingresos/tasas_pagos_folio_hover.png");
	margin: auto;
}

/***** Mapa del Sitio *****/
.tamanio-imgMapSitio {
	width: 65px;
	height: 64px;
}

#mnu-ms-vehiculos {
	background-image: url("../img/mapadelsitio/ico_mp_v.png");
	margin: auto;
}

#mnu-ms-vehiculos:hover {
	background-image: url("../img/mapadelsitio/ico_mp_v.png");
	margin: auto;
}

#mnu-ms-inmuebles {
	background-image: url("../img/mapadelsitio/ico_mp_i.png");
	margin: auto;
}

#mnu-ms-inmuebles:hover {
	background-image: url("../img/mapadelsitio/ico_mp_i.png");
	margin: auto;
}

#mnu-ms-actEco {
	background-image: url("../img/mapadelsitio/ico_mp_ae.png");
	margin: auto;
}

#mnu-ms-actEco:hover {
	background-image: url("../img/mapadelsitio/ico_mp_ae.png");
	margin: auto;
}

#mnu-ms-tasas {
	background-image: url("../img/mapadelsitio/ico_mp_toi.png");
	margin: auto;
}

#mnu-ms-tasas:hover {
	background-image: url("../img/mapadelsitio/ico_mp_toi.png");
	margin: auto;
}

#mnu-ms-otrosingresos {
	background-image: url("../img/mapadelsitio/ico_mp_oi.png");
	margin: auto;
}

#mnu-ms-otrosingresos:hover {
	background-image: url("../img/mapadelsitio/ico_mp_oi.png");
	margin: auto;
}

#mnu-ms-infInst {
	background-image: url("../img/mapadelsitio/ico_mp_ii.png");
	margin: auto;
}

#mnu-ms-infInst:hover {
	background-image: url("../img/mapadelsitio/ico_mp_ii.png");
	margin: auto;
}

#mnu-ms-transparencias {
	background-image: url("../img/mapadelsitio/ico_mp_t.png");
	margin: auto;
}

#mnu-ms-transparencias:hover {
	background-image: url("../img/mapadelsitio/ico_mp_t.png");
	margin: auto;
}
/*informes gestion*/
#mnu-ms-infGestion {
	background-image: url("../img/mapadelsitio/ico_mp_infges.png");
	margin: auto;
}

#mnu-ms-infGestion:hover {
	background-image: url("../img/mapadelsitio/ico_mp_infges.png");
	margin: auto;
}
/****/

#mnu-ms-ifnGral {
	background-image: url("../img/mapadelsitio/ico_mp_inf.png");
	margin: auto;
}

#mnu-ms-ifnGral:hover {
	background-image: url("../img/mapadelsitio/ico_mp_inf.png");
	margin: auto;
}

#mnu-ms-servCli {
	background-image: url("../img/mapadelsitio/ico_mp_sc.png");
	margin: auto;
}

#mnu-ms-servCli:hover {
	background-image: url("../img/mapadelsitio/ico_mp_sc.png");
	margin: auto;
}

#mnu-ms-servicios {
	background-image: url("../img/mapadelsitio/ico_mp_s.png");
	margin: auto;
}

#mnu-ms-servicios:hover {
	background-image: url("../img/mapadelsitio/ico_mp_s.png");
	margin: auto;
}

#mnu-ms-pagPrin {
	background-image: url("../img/mapadelsitio/ico_mp_pp.png");
	margin: auto;
}

#mnu-ms-pagPrin:hover {
	background-image: url("../img/mapadelsitio/ico_mp_pp.png");
	margin: auto;
}

/*----------------------------------------*/
.banner_movil {
	display: none;
}

.sub_footer_azul {
	/*background-color: rgba(255, 255, 255, 0.55);*/
	background-color: #09485B;
	color: #fff;
	padding: 20px;
	margin: 20px;
	border-radius: 15px;
}

/**/
.ui-accordion .ui-accordion-header {
	color: #FFF;
	background: #09485b;
	border-color: #09485b;
	padding-top: 7px;
	border-radius: 10px 10px 0px 0px;
	text-shadow: inherit !important;
}

#tamanioSlider {
	width: 100%;
	height: 400px;
}

.container_img {
	position: relative;
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

#centrarContenedor {
	margin: 0 auto 0 auto;
	max-width: 390px;
}

/*controles slider*/
.btn-Slider {
	top: 30%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #09485B;
	border: 2px solid #09485B;
	margin: 10px;
	opacity: 0.5;
}

.btn-Slider:link {
	color: #fff;
}

.btn-Slider:hover {
	opacity: 0.9;
}

.btn-Slider:active {
	width: 75px;
	height: 75px;
}

@media ( max-width : 728px) {
	.tituloMenu {
		color: #09485b;
		font-size: 15px;
		text-align: center;
		padding: 15px;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next,
		.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right
		{
		position: absolute;
		top: 32%;
		z-index: 5;
		display: inline-block;
	}
	.btn-Slider {
		top: 30%;
		width: 55px;
		height: 55px;
		border-radius: 50%;
		background-color: #09485B;
		border: 2px solid #09485B;
		margin: 5px;
		opacity: 0.5;
	}
	.btn-Slider:hover {
		top: 30%;
		width: 55px;
		height: 55px;
		border-radius: 50%;
		background-color: #09485B;
		border: 2px solid #09485B;
		margin: 5px;
		opacity: 0.5;
	}
	.btn-Slider:active {
		width: 60px;
		height: 60px;
		color: #fff;
		opacity: 0.9;
	}
}

/*corta las palabras*/
.cortaPalabras {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

tr.ui-widget-content {
	border: 1px solid #a8a8a8;
}

.ui-widget-content {
	border: none;
	color: #09485b;
}

.ui-datalist-data {
	background-color: #e6e7e8;
	background: #e6e7e8;
}

.captcha-Actualizar {
	margin-left: 30px;
	color: #008a8c;
}

.captcha-Actualizar:hover {
	color: #eba200;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	background-color: #fff;
	opacity: 0.35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

.ocultar {
	display: none;
}

.tipoPassword {
	-webkit-text-security: disc;
}

.separadorPaginasEstaticas {
	border: 1px solid #09485b;
	border-radius: 300px;
	height: 0px;
	text-align: center;
}

h3 {
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, sans-serif;
}

.carga-gif {
	background-image: url("../img/ai.gif");
	background-size: auto;
	width: 15px;
	height: 15px;
	/*background-repeat: no-repeat;*/
	background-attachment: fixed;
}
/* estilos del componente UIPanel */
.panel {
	padding: 0 !important;
	border: none;
	margin-bottom: 20px;
	background-color: #e6e7e8;
	position: relative;
}

.panel .ui-panel-titlebar {
	background: none;
	background-color: #09485b;
	border: none;
	border-radius: 0;
	color: #fff;
	text-shadow: none;
	font-size: 17px;
	font-weight: bold;
	padding: 0.3em 0.5em 0.3em;
	text-transform: uppercase;
}

.panel .ui-panel-content {
	border: 1px solid #09485b;
	border-radius: 0 0 10px 10px;
}

.panel .ui-panel-titlebar .ui-panel-titlebar-icon {
	margin-top: 3px;
}

.panel .ui-panel-content:before {
	content: '';
	position: relative;
	border-style: solid;
	border-width: 13px 20px 0;
	border-color: #09485b transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -8px;
	left: -15px;
	visibility: visible;
}

.ui-outputlabel{
	border: none !important;
}

.ui-tabs .ui-tabs-nav{
	background: #558290 -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 !important;
}
.tabview .ui-state-default {
	background: #09485b
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
		0.8)), to(rgba(255, 255, 255, 0)));
}
.tabview .ui-state-default a{
	color: #fff;
	text-shadow: none;
}

.tabview .ui-tabs-selected a{
	color: #09485b;
}

.textoIconosTabla {
	font-size: 12px;
}

.anchoColumnaVizualizar {
	width: 220px;
}

.btnBuscarFolio {
	margin-top: -10px;
	margin-bottom: 10px;
}

/*** Otros Ingresos ***/

#mnu-oising-otroingreso {
	background-image: url("../img/menu/otrosingresos/ico_otrosingresos.png");
	margin: auto;
}
#mnu-oising-otroingreso:hover {
	background-image: url("../img/menu/otrosingresos/ico_otrosingresos_hover.png");
	margin: auto;
}

a.menu{
	background-color: #1d5874 !important; 
	color: #ffffff !important;
}
a.menu a:visited{
	background-color: #1d5874 !important; 
	color: #ffffff !important;
}
a.menu a:hover{
	background-color: #009A8F !important; 
	color: #ffffff !important;
}
.dropdown-menu>li>a:hover{
	background-color: #009A8F !important; 
	background-image: linear-gradient(to bottom,#009A8F 0,#009A8F 100%);
	color: #ffffff !important;
}

/*** modal comunicado ****/
div#cabecera{
    width: 80%;
    float: left;
    display: block;
    margin: 0 10%;
}
div#cabecera p.titulo{
	text-align: center;
	color: #00404E;
	font-size:25px;
	margin: 15px 0;	
}
div#cuerpo{
	color: #746e72;
    width: auto;
    float: left;
    display: block;
    margin:3% 5% 1%; /*10M582 3% 10% 1%;*/
}
div#cuerpo p.parrafo, .modal-body p.parrafo{
	font-size: 14px;
    margin-bottom: 15px;
    text-align: justify;
}
div#pie{
    width: 80%;
    float: left;
    display: block;
    margin: 0 10% 3%;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: none;
    height: 35px; /*10M583*/
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none;
}


.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (#{$modal-dialog-margin} * 2));

  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
  &::before {
    display: block; // IE10
    height: calc(100vh - (#{$modal-dialog-margin} * 2));
    content: "";
  }
}


@include media-breakpoint-up(sm) {
  // Automatically set modal's width for larger viewports
  .modal-dialog {
    max-width: $modal-md;
    margin: $modal-dialog-margin-y-sm-up auto;
  }

  .modal-dialog-centered {
    min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));

    &::before {
      height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2));
    }
  }

  .modal-content {
    @include box-shadow($modal-content-box-shadow-sm-up);
  }

  .modal-sm { max-width: $modal-sm; }
}

.modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (.5rem * 2));
    content: "";
}

/**/

.mensaje-modal {
	padding: 20px;
	border: 1px solid;
	border-radius: 5px;
}
.modal-peligro{
	background-color: #f0dddb;
	color: #a13632;
	border-color: #a13632;
}
.modal-exito{
	background-color: #d5f1ef;
	color: #007f76;
	border-color: #007f76;
}
.modal-advertencia{
	color: #856404;
	background-color: #fff3cd;
	border-color: #856404;
}
.mensaje-modal .icono{
	background-repeat: no-repeat;
	background-position: center;
	height: 75px;
	float: left;
	width: 75px;
	margin-right: 15px;
}

.modal-peligro .icono {
	background-image: url("../img/icon_peligro.png"); 
}
.modal-exito .icono {
	background-image: url("../img/icon_exito.png");	
}

.modal-advertencia .icono {
	background-image: url("../img/icon_advertencia.png");	
}

.mensaje-modal .contenido{
	text-align: left;
	margin-top: 15px;
}

/***instalar app***/
.fixed{
    background-color: #EBEBEB;
    height: 80px;
    padding: 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
    margin: 0;
}
div.fixed .CloseButton {
 position:absolute;
 right:6px;
 text-decoration:none;
 top:5px;
 cursor:pointer;
 
}
div.fixed .CloseButton:after {
 font:21px/100% arial,sans-serif;
 line-height:0;
 content:'x';
 z-index:1;
}

.colGral{
	float: left;
	display: inline-block;
}
.colLogo{
	width: 20%;	
}
.colDesc{
	width: 80%;	
}
.logo{
	border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, .3)     
}
.titulo-app{
	font-size: 14px;
	font-weight: bold;
	color: #00404E;
}
.descripcion-app{
	font-size: 12px;
	color: #333;
	margin: 0;
}
.disponible-app{
	font-size: 11px;
	color: #777;	
	margin: 0;
}

/*panel importante*/

div.wsMsgWnd {
 line-height:normal;
 color:#505050;
 position:fixed;
 right:10px;
 bottom:10px;
 left:10px;
 z-index:16;
 border:1px solid rgba(0,0,0,.1);
 border-radius:2px;
 background-color:#fff;
 -webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.15);
 box-shadow:0 8px 16px 0 rgba(0,0,0,.15);
 overflow:hidden;
 
 background-color: #141414;
 background-image: url('pattern.png');
 background-image: url('pattern.png'), -webkit-gradient(linear, 50% 50%, 0, 50% 50%, 500, from(#f00), to(#300));
 background-image: url('pattern.png'), -webkit-linear-gradient(#f00, #300);
 background-image: url('pattern.png'),    -moz-linear-gradient(#f00, #300);
 background-image: url('pattern.png'),    -ms-linear-gradient(r#f00, #300);
 background-image: url('pattern.png'),      -o-linear-gradient(#f00, #300);
 background-image: url('pattern.png'),         linear-gradient(#f00, #300);

 background-image: url('pattern.png'), linear-gradient(#018b8b, #1d5874);

 overflow-x: auto;
}

div.wsMsgWnd *,div.wsMsgWnd *:before,div.wsMsgWnd *:after {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}

div.wsMsgWnd img {
 width:auto;
 height:auto!important;
 max-width:100%;
 display:inline-block;
 font-size:0;
 line-height:0;
 vertical-align:middle
}

div.wsMsgWnd svg {
 max-width:100%;
 display:inline-block;
 font-size:0;
 line-height:0;
 vertical-align:middle
}
div.wsMsgWnd.Hidden {
 display:none
}

div.wsMsgWnd .CloseButton {
 position:absolute;
 right:6px;
 text-decoration:none;
 top:5px;
 cursor:pointer;
}

div.wsMsgWnd .CloseButton:after {
 font:21px/100% arial,sans-serif;
 line-height:0;
 content:'x';
 z-index:1;
}

div.wsMsgWnd .r-container {
 margin:0 auto;
 padding-left:15px;
 padding-right:15px;
 width:auto;
 padding-top:7px;
}

div.wsMsgWnd .r-container:before,div.wsMsgWnd .r-container:after {
 content:"";
 display:table;
 width:0
}

div.wsMsgWnd .r-container:after {
 clear:both
}

@media(min-width:600px) {
 div.wsMsgWnd .r-container .Content {
  vertical-align:middle;
  width:100%
 }
 
 div.wsMsgWnd .r-container .Content>* {
  max-width:100%
 }
}

div.wsMsgWnd .r-container .Content .Title {
 opacity:1;
 -webkit-transition:opacity 100ms linear;
 transition:opacity 100ms linear;
 font-family:'open-sans-condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
 font-size:21px;
 margin-bottom:2px;
}

.wf-active div.wsMsgWnd .r-container .Content .Title {
 opacity:1;
 font-stretch:normal;
}

.wf-inactive div.wsMsgWnd .r-container .Content .Title {
 opacity:1;
 font-stretch:condensed;
 font-weight:normal;
}

div.wsMsgWnd.Important {
 background-color: #ed8800; 
 border: 2px solid #1d5874;
 color:#fff
}
div.wsMsgWnd.Important .r-container a {
 color:#fff
}

/****** otros ingresos CBBA *****/
/*** Otros Ingresos ***/
#mnu-oising-otroingresoCbba {
	background-image: url("../img/menu/otrosingresos/ico_otrosingresosCbba.png");		
	margin: auto;
}
#mnu-oising-otroingresoCbba:hover {
	background-image: url("../img/menu/otrosingresos/ico_otrosingresosCbba_hover.png");
	margin: auto;
}
/*** Otros Ingresos ***/
#mnu-oising-otroingresoLp {
	background-image: url("../img/menu/otrosingresos/ico_otrosingresosLp.png");
	margin: auto;
}
#mnu-oising-otroingresoLp:hover {
	background-image: url("../img/menu/otrosingresos/ico_otrosingresosLp_hover.png");
	margin: auto;
}

.img-LupaMapa {
	background-image: url("../img/iconos/ico_lupa_mapa.png");
	background-repeat: repeat;
}
.ui-messages-info, .ui-message-info{
	border-color: #85b5bf;
}
.msgVehConsultaDetallada {
    font-weight: bolder;
}
.panelinfo {
	font-family: "Fuente Ruat", verdana;
	padding: 0.5rem 1.5rem 1rem;
	border-radius: 10px;
	font-size: 13px !important;
}
.panelinfo--verde {
	background-color: #008b89;
	color: #fff;
	border: 1px solid #008b89;
}
.panelinfo--blanco {
	background-color: #fff;
	color: #1d5874;
	border: 1px solid #a8a8a8;	
}
.panelinfo--verde-oscuro {
	background-color: #09485b;
	color: #fff;
	border: 1px solid #09485b;
}

/* COMUNICADO */
.comunicado {
	margin: 0 5% 1%;
}

.comunicado__titulo {
	text-align: center;
	color: #00404E;
	font-size: 25px;
	margin: 2rem 0 3rem;
    font-weight: bold;
}

.comunicado__cabecera__logo {
	width: 25%;
	margin-left: 5%;
}

.comunicado__cuerpo--tipo-imagen .comunicado__cuerpo__imagen {
	width: 100%;
}

.comunicado__cuerpo--tipo-texto-enriquecido {
	color: #746e72;
	text-align: justify;
}
.comunicado__cuerpo--tipo-texto-enriquecido p {
	font-size: 14px;
	margin-bottom: 15px;
}
.comunicado__adjuntos {
	margin-top: 1rem;
}
.comunicado__boton-adjunto {
	margin: 0 1rem 0 0;
}

.comunicado__pie__logo {
	width: 15%;
	margin-left: 5%;
}
.lnk-proformaDetallada {
	background-image: url(../img/iconos/ico_impresora_verde.png);	
	padding: 6px 0px 0px 24px;
	background-repeat: no-repeat;
	background-position: center;	
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	display:block;
}

.slide-imagen{
	width: 100%;
	max-height: 500px;
}
.slide-imagen--con-funcionalidad {
	cursor: pointer;
}
@media screen and (min-device-width : 1280px) {
	img.imgResponsive {
		width: 40%;
	}	
	img.imgResponsiveQR {
		width: 30%;
	}
}
@media screen and (max-device-width : 1279px) {
	img.imgResponsive {
		width: 100%;
	}	
	img.imgResponsiveQR {
		width: 70%;
	}
}
/* loader css slide */
.loader-slide {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
  margin: 225px auto;
}
@keyframes l3 {to{transform: rotate(1turn)}}