/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,23): run-time error CSS1039: Token not allowed after unary operator: '-tipografia-principal'
(28,17): run-time error CSS1039: Token not allowed after unary operator: '-celeste'
(43,22): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(45,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco'
(49,22): run-time error CSS1039: Token not allowed after unary operator: '-transicion'
(53,22): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(57,28): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(62,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco'
(63,22): run-time error CSS1039: Token not allowed after unary operator: '-transicion'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-celeste'
(84,17): run-time error CSS1039: Token not allowed after unary operator: '-azulGris'
(107,15): run-time error CSS1039: Token not allowed after unary operator: '-azulGris'
(203,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
 */

:root {
    /*colores*/
    --azul: #204186;
    --blanco: #ffffff;
    --celeste: #65ceff;
    --azulGris: #6b799c;
    --cyan: #0095da;
    --negro: #231f20;
    /*tipografias*/
    --tipografia-principal: 'Oswald', sans-serif;
    /*transition*/
    --transicion: all 0.5s ease 0s;
}
body {
    font-family: var(--tipografia-principal);
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

h1 {
    color: var(--celeste);
    text-align: center;
}

h1.internaH1 {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 40px;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 45px;
    text-align: left;
}

.btn-movile {
    background: var(--azul);
    border-radius: 5px;
    color: var(--blanco);
    font-size: 15px;
    padding: 10px;
    text-align: center;
    transition: var(--transicion);
}

.btn-movile:hover {
    background: var(--cyan);
}

header nav.navbar-inverse {
    background-color: var(--azul)
}

header nav.navbar-inverse a.navbar-brand,
header nav.navbar-inverse ul.nav a {
    color: var(--blanco);
    transition: var(--transicion);
}

header nav.navbar-inverse a.navbar-brand:hover,
header nav.navbar-inverse ul.nav a:hover {
    color: var(--celeste);
}

.contentContainer {
    margin-top: 50px;
}
.image-responsive{
		max-width:100%;
}

/* .botonesContenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} */
.botonesTitulo {
    color: var(--azulGris);
    font-size: 25px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}

/*.botonesContenedor a {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    color: var(--azulGris);
    font-size: 15px;
    margin: 0 20px 35px;
    max-width: 105px;
    padding-top: 115px;
    text-align: center;
    width: calc(33vw - 10px);
}*/
.botonesContenedor a:not(.pagoLinea) {
        background-position: top center;
		background-repeat: no-repeat;
		background-size: 60px;
		color: var(--azulGris);
		display: flex;
		font-size: 20px;
		margin: 10px 30px;
		max-width: 100px;
		padding-top: 70px;
		padding-left: 0px;
		width: 100px;
		text-align: center;
		justify-content: center;
    }

.botonesContenedor a.pagoLinea {
    background-image: url(/pagoenlinea/images/btn_pago_linea.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	/*margin-top: 90px !important;*/
    max-width: 250px;
    padding-top: 86px;
    width: 100% !important;
}

.pagoLineaTitulo {
    background-image: url(/pagoenlinea/images/btn_pago_linea_interna.png);
}

.botonesContenedor a.montoDeuda,
.montoDeudaTitulo {
    background-image: url(/pagoenlinea/images/btn_monto_deuda.png);
}

.botonesContenedor a.estadoCuenta,
.estadoCuentaTitulo {
    background-image: url(/pagoenlinea/images/btn_estado_cuenta.png);
}

.botonesContenedor a.mediosPago {
    background-image: url(/pagoenlinea/images/btn_medios_pago.png);
}

.botonesContenedor a.numeroPatronal,
.numeroPatronalTitulo {
    background-image: url(/pagoenlinea/images/btn_numero_patronal.png);
}

.botonesContenedor a.certificadoPatrono {
    background-image: url(/pagoenlinea/images/btn_certificado_patrono_dia.png);
}

.botonesContenedor a.reportarPagoDeposito,
.reportarPagoDepositoTitulo {
    background-image: url(/pagoenlinea/images/btn_reportar_pago.png);
}

.botonesContenedor a.requisitosTramites {
    background-image: url(/pagoenlinea/images/btn_requisitos_tramites.png);
}

.botonesContenedor a.arregloPago {
    background-image: url(/pagoenlinea/images/btn_arreglo_pago.png);
}

.botonesContenedor a.beneficiarios {
    background-image: url(/pagoenlinea/images/btn_beneficiarios.png);
}

.botonesContenedor a.programaSociales {
    background-image: url(/pagoenlinea/images/btn_programas_sociales.png);
}

.botonesContenedor a.cedulaFodesaf {
    background-image: url(/pagoenlinea/images/btn_cedula_fodesaf.png);
}

.botonesContenedor a.patronosMorosos {
    background-image: url(/pagoenlinea/images/btn_patronos_morosos.png);
}

.botonesContenedor a.transparencia {
    background-image: url(/pagoenlinea/images/btn_transparencia.png);
}

.botonesContenedor a.preguntasFrecuentes {
    background-image: url(/pagoenlinea/images/btn_preguntas_frecuentes.png);
}

#entidadContainer .pull-left {
    margin-right: 10px;
}

#entidadContainer .entidadLabel {
    margin-top: 10px;
}

.colorCyan {
    color: var(--cyan);
}

.contenidoInterno ul {
    text-align: left;
}

.contenidoInterno ul li {
    display: block;
    list-style: none;
    padding: 5px 20px;
}

footer {
    background: #204186;
 /*   background-color: #efefef;*/
    color: #999;
    /*height: 100px;*/
    margin-top: 40px;
    padding-top: 20px;
}

.form-control-inline {
    display: inline !important;
}

.editArea {
    border-bottom: 1px dashed #CCCCCC;
    text-decoration: none;
}

.editArea form textarea {
    min-width: 200px;
    min-height: 50px;
}

.textControl {
    font-weight: normal !important;
}

.DTE_Form_Content .datepicker-inline {
    display: none;
}

#divTerminosBody {
    height: 300px;
    overflow: auto;
}

.d-flex {
    display: flex !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}


/*desktop*/

@media screen and (min-width: 768px) {
    .botonesContenedor a:not(.pagoLinea) {
        background-position: top center;
		background-size: 60px;
		display: flex;
		font-size: 20px;
		margin: 10px 30px;
		max-width: 100px;
		padding-top: 70px;
		padding-left: 0px;
		width: 100px;
		text-align: center;
		justify-content: center;
    }
    .left-block-desk {
        text-align: left;
        padding-top: 25px;
    }
    /*.justify-content-start-desk {
        flex-direction: column;
        justify-content: flex-start !important;
    }*/
}


/*mobile*/

@media screen and (max-width: 767px) {
    header nav.navbar-inverse .navbar-toggle {
        float: left;
    }
    .btn-movile {
        width: 100%;
    }
}
@media screen and (max-width: 410px) {
	.botonesContenedor a:not(.pagoLinea){
		max-width:100%;
		width: 100%;
	}
}




#tituloH1,
#ctl00_MainContentPlaceHolder_TituloH1 {
    padding-left: 50px !important;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
}