@charset "utf-8";
/* CSS Document */

/*PALETA DE COLORES
Azul #0000F4
Verde: #43EE95
*/

html, body {margin: 0; height: 100%;}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #333;
}

strong {font-weight: 700;}

.icon-lg {font-size: 1.2rem;}

h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; font-weight: 500;}

hr {border: 0; border-bottom: dashed 3px #e0e0e0;}
hr.solid-hr {border-bottom: solid 1px rgba(0,0,0,0.3);}

.text-danger {color: red!important;}
.text-verde {color: #6ef500;}
.text-azul {color: #140a7c;}

.bg-black {background-color: #000;}
.bg-verde {background-color: #6ef500;}
.bg-azul {background-color: #140a7c;}
.bg-gris {background-color: #e8e8e8;}

.btn {border-radius: 0; font-weight: 700;}


/*boton cierre*/
.close-button {position: absolute; z-index: 10000; top: 10px; right: 10px;}
.close-button .close {color: #FFF!important; text-shadow: none;}
.close {font-size: 1em;}

/*containers*/
.container {padding-left: 20px; padding-right: 20px;}
.container-1200 {max-width: 1200px; margin: auto;}
.container-1000 {max-width: 1000px; margin: auto;}
.container-800 {max-width: 800px; margin: auto;}
.container-600 {max-width: 600px; margin: auto;}
.container-500 {max-width: 500px; margin: auto;}
.container-400 {max-width: 400px; margin: auto;}

/*alerta de error*/
.alert-danger {background-color: red!important; border-color: red!important; }

/*CUADRO TÉRMINOS Y CONDICIONES*/
.terminos {
    display: block;
    padding: 2%;
    height: 200px;
    overflow: auto;
    font-size: 0.8rem;
    text-align: justify;
}

/**HEADER**/
header {border-bottom: solid 5px rgba(0,0,0,0.1);}
.logo-header {width: 60%; max-width: 300px; transition: all 0.3s ease-in;}
header.reduce .logo-header {width: 50%; max-width: 220px;}


/**FORM**/
fieldset {border: solid 2px #D6D6D6; border-radius: 0.5em; padding-bottom: 0.5em;}
legend {display: inline-block; width: auto; margin: auto; font-size: 1em; padding: 0.5em;}
fieldset h1 {font-weight: 700; font-size: 3em;}

.form-control {border-radius: 0; font-family: 'Roboto', sans-serif; background: #f7f7f7;}
.form-control, .custom-select {border: 2px solid #a1a5aa;}
.form-control:focus {border: 3px solid #555;}
.form-control[readonly] {background-color: #fff; border: none;}

label {font-weight: bold;}

.separador-discap {border-top: 0; border-left: solid 2px #D6D6D6;}
@media (max-width:768px) {
    .separador-discap {border-top: solid 2px #D6D6D6; border-left: 0;}
}


/*PRINTABLE**************/
#printable .print-hide {display: block;}
#printable .print-show {display: none;}

@page {
    margin-top: 4cm;
    margin-left: 5cm;
    margin-right: 5cm;
    margin-bottom: 4cm;
}

@media print {
	body * {visibility: hidden;}
	body {width: 100%; background: #FFF; color: #333; margin: 5px;}
	#printable .print-hide {display: none;}
	#printable .print-show {display: block;}
    footer {display: none!important;}
    header {display: none!important;}
	
	#printable, #printable * {visibility: visible; background: #FFF;}
	#printable {
		position: absolute;
		top: 0;
		left: 0;
	}
}

/*FOOTER*/
footer {border-top: solid 5px rgba(0,0,0,0.1);}
img.jk-credit {width: 30%; max-width: 120px;}