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

/******colores****
Azul #003781
Azul claro #25a9e0
****************/

html, body {margin: 0; height: 100%;}
body {
	/*overflow:auto;*/
	padding:0;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #292929;
}
@media (max-width:768px) {body {font-size: 0.9rem;}}

strong {font-weight: 700;}

/*ventana mensajes*/
#message p {margin-bottom: 0.3em; font-size: 0.9em;}

/*fondos*****************************/
.bg-azul {background-color: #013781;}
.bg-azul-claro {background-color: #29AAE1;}
.bg-naranja {background-color: #FF8747;}
.bg-light {background-color: #f1f1f1!important;}
.bg-rojo {background-color: #F62459;}


/*textos*****************************/
.text-azul {color: #013781;}
.text-azul-claro {color: #29AAE1;}
.text-danger {counter: red;}

.display-5 {font-size: 2rem;}
.display-6 {font-size: 1.5rem;}

/*dotted borders*/
.dotted-border-blue {border: dotted 2px #25a9e0;}
.dotted-border-grey {border: dotted 2px #C6C6C6;}

/*navegación*/
#main-menu .nav-link {color: #FFF; transition: all 0.2s linear 0.05s; padding: 1rem 1.2rem;}
#main-menu .nav-link:hover {color: #FFF; background-color: #29AAE1; padding-top: 1.4rem; padding-bottom: 0.6rem;}
.navbar-dark .navbar-toggler {color: #29AAE1!important; border: 0;}

.bg-banner {
    background: #F8F8F8;
    background: radial-gradient(circle, rgba(255,255,255,1) 6%, rgba(199,199,199,1) 64%);
}

/*botones*/
.btn-azul {background-color: #003781; border: solid 1px #003781; color: #FFF;}
.btn-azul:hover {background-color: #25a9e0; border: solid 1px #25a9e0; color: #FFF;}

[class*="small-hr-"] {border: 0; max-width: 80px; margin: 1em 0;}
.small-hr-rosa {border-bottom: solid 5px #FF7F74;}
.small-hr-azul {border-bottom: solid 5px #25a9e0;}
.small-hr-white {border-bottom: solid 5px #FFF;}
.hr-center {margin: 1em auto;}


.container {padding-left: 20px; padding-right: 20px;}
.container-1200 {max-width: 1200px; margin: auto;}
.container-1000 {max-width: 1000px; margin: auto;}
.container-900 {max-width: 900px; margin: auto;}
.container-800 {max-width: 800px; margin: auto;}
.container-600 {max-width: 600px; margin: auto;}

/*HEADER****/
header {
	background-image: url("../img/vigilado.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}


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

@page {
    margin-top: 7cm;
    margin-left: 2cm;
    margin-right: 2cm;
    margin-bottom: 2cm;
}

@media print {
	body * {visibility: hidden;}
	body {width: 100%; background: #FFF; color: #333; margin: 5px;}
	#printable .print-hide {display: none;}
	#printable .print-show {display: block;}

	#printable, #printable * {visibility: visible; background: #FFF;}
	#printable {
		display: block;
		position: absolute;
        margin: auto;
		max-height: 100%;
		top: 0;
		left: 0;
		padding: 20px 15% 20px 15%;
	}
}


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


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

.form-control, .custom-select {border: 1px solid #C6C6C6; border-left: 5px solid #C6C6C6; border-radius: 0; box-shadow: 1px 1px 8px #F2F2F2;}
.form-control:focus, .custom-select:focus {border: 2px solid #999;}
.form-control[readonly] {background-color: #FFF; border: none;}

label {font-size: 0.9rem; margin: 0;}

/*FOOTER*****************/
footer a, footer a:hover {color: #FFF;}
footer i {color: #FFF; margin-right: 3px;}
footer img {max-width: 50%;}

img.jk-credit {width: 30%; max-width: 120px;}

@media (max-width:760px) {footer .footer_data span {display: block;}}