@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');

/* ------------------------ INICIO - CUERPO ------------------------ */
.cuerpo-top {
    width: 100%;
    height: autopx;
    background: #b2dfff;
    margin-bottom: 2px;
	padding: 0px 0px 10px 0px;
	
}

.cuerpo-logo {
    width: 320px;
    height: auto;
    margin: auto;	    
	
}

.cuerpo-datos {
    width: 320px;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    color: #3254a1;
    text-align: center;
}

.logo {display:block; float:left; text-indent:-9000%;  margin:0px 0px 0px 0px; }
.logo {width:320px; height:185px; background:url(../img/logo-carrera.png); background-position:0px;}
.logo:hover {background-position:-320px;}


.cuerpo-slide {
    width: 100%;
    height: auto;
}



.cuerpo-slide-linea {
    width: 100%;
    height: 15px;
    background: #f1c630;
}


.cuerpo {
	max-width: 1000px;
	height: auto;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    clear: both;
}


.pdn-cuerpo {padding: 20px 0px 25px 0px;}


.box-img {
	width: 320px;
	height: 77px;
	margin: auto;
	margin-bottom: 10px;
}


.cuerpo-completo {	
	width: 100%;
	height: auto;			
	margin: auto;
	
}

.grs {
	background: #333333;
}




.cuerpo-completo-foto-1 {
	width: 50%;
	height: 366px;
	background-image: url("../img/foto-entera-01.jpg");	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	float: left;
}

.cuerpo-completo-foto-2 {
	width: 50%;
	height: 366px;
	background-image: url("../img/foto-entera-02.jpg");	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	float: left;
}


.cuerpo-completo-foto-3 {
	width: 100%;
	height: 403px;
	background-image: url("../img/mapa.png");	
	
	
}






.imagenes { 
	width:240px;
	height:180px;
	float: left;
	margin: 0px 10px 10px 0px;
}

.imagenes figure {
	margin: 0;
	padding: 0;
}

.imagenes img {
	width: 100%;
    max-width:240px;
	height:180px;	
	height: auto;
	max-height:180px;
	position: relative;        	
	object-fit: cover;
	overflow: hidden;
	top: 0;     
	left: 0;
}


.aviso {
	width: 150px;
	height: 150px;
	margin: auto;
}



.auspicia-01 {display:block; float:left; text-indent:-9000%;  margin:10px 0px 0px 10px; }
.auspicia-01 {width:150px; height:150px; background:url(../img/logo-codigo.png); background-position:0px;}
.auspicia-01:hover {background-position:-150px;}



.cuerpo-base {
	width: 100%;
	height: auto;
	margin: 1px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	background: #f1c630;
}

.base-box {
	width: 320px;
	height: auto;
	margin: auto;
	margin-top: 0px;
}

.base-box p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #333333;	
	font-size: 20px;
	margin: 0px;

}

iframe {margin: auto;}


.info-pdf {
	width: 320px;
	height: 40px;
	margin: auto;
	margin-bottom: 10px;	
}


.info-pdf-titulo {
	width: 270px;
	height: 32px;
	padding: 8px 0px 0px 50px;
	background: url(../img/info-pdf-titulo-bg.png) no-repeat;	
	font-family: 'Open Sans', sans-serif;
    font-weight:800;
    font-size: 20px;
	color: #FFF;
}

/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */


/* ------------------------ INICIO - TEXTO ------------------------- */

.size-17 {font-size: 16px;}
.size-22 {font-size: 22px;}


h1 {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 35px;
	color: #333333;
	text-align: center;	
}

h2 {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 22px;
	color: #666666;
	text-align: center;
	
}

h3 {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	
}

p {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #666666;
	text-align:justify;
	font-size: 25px;
	line-height: 40px;
	margin: 0px;
}


.p-19 {	
	font-size: 19px;
	
}


.h-linea {
	width: 120px;
	height: 1px;
	background: #053b8b;
	margin: auto;	
	margin-top: 15px;
}

.h3-linea {
	width: 120px;
	height: 1px;
	background: #454545;
	margin: auto;	
	margin-top: 1px;
	margin-bottom: 10px;
}

.txt {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	text-align:justify;
	font-size: 25px;
	line-height: 40px;
	margin: 0px;
} {color:#fff;}


.br-30 {
	width: 100%;
	height: 30px;
}
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */



/* ------------------------ INICIO - FORMULARIO INCIAL --------------- */

	




/* ------------------------ INICIO - FORMULARIO CONSULTA ------------ */

.formulario-box {
	width: 320px;
	height: auto;
	margin: auto;
	margin-top: 0;
	margin-bottom: 20px;
}


.form {width:320px;}



.form > p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: left;
	color:#333333;
	font-size:16px;
	margin:0px;
	line-height: normal;
}

input, textarea {
	width:320px;
	height:40px;
	border:0;
	outline: 0;
	padding:5px;
	background:#e3e3e3;
	color:#222222;
	font-size:16px;
	border-radius:8px;	
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background:#bcbcbc;
	color:#3c3c3c;	
}

input:focus, textarea:focus {
	background:#c3ddf0;
	color:#666666;	
}

textarea {
	width:310px;
	max-width: 310px;
	height: 110px;
	max-height:110px;
	padding:5px;
	line-height: 130%;
}

.form select {
	width:320px;
	height:40px;
	border:0;
	outline: 0;	
	background:#e3e3e3;
	color:#3c3c3c;	
	border-radius:8px;	
	
}

form.form .ultimo{
    margin-bottom: 0;
    position: relative
}


.btn-registrar {
	width: 140px;
	height: 40px;
	padding: 5px 30px;
	margin: 10px 0px 0px 0px;
	background-color: #454545; 
	border: none;
  	color: white;  	
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
  	cursor: pointer;
    z-index: 2;	
	border-radius:8px;	
	  	
}

.btn-registrar:hover{
	background: #1b5680;
	color:#ffffff;
    text-decoration: none;
    
}


.hide{
    display: none;
}

.ajaxgif{
	position: absolute;
	left: 40px;    
    top: 5px;
}

.msg{
    min-width: 100px;
	right: 0px;
	height: 21px;
	padding: 9px 15px 5px 15px;
	color:#ffffff;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: left;
	font-size:14px;
	text-align:center;
    position: absolute;
	margin-top:5px;
	
}
.msg_ok{
    background: #589D05;
}
.msg_error{
    background: red;
}
/* ------------------------ FIN - FORMULARIO CONSULTA --------------- */
/* ------------------------------------------------------------------ */




/* ------------------------ INICIO - MOVIL ------------------------- */

@media screen and (max-width: 800px) {
    .cuerpo-slide-amr {width: 100%; height:325px; background: #ffb10e;}
    .cuerpo-slide-principal-a {width: 100%; height: auto;}  
    .cuerpo-slide-principal-a {width: 100%; }
    .cuerpo-slide-principal-b {width: 100%; }


    .slide-txt-01 {margin: -90px 0px 0px 20px;}
    .slide-txt-02 {margin: -15px 0px 0px 20px;}
    
    .slide-foto {margin:-33px 0px 0px 70px; }


    p {width: 90%; margin: auto; text-align: justify;}



	
	
    
        

    
}


/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */


/* ------------------------ MAPA - INICIO  -------------------------- */	

#marker {
	background-image: url('../img/icono-mapa.png');
	background-size: cover;
	width: 80px;
	height: 100px;
	cursor: pointer;
}

.mapboxgl-popup {
max-width: 400px;    
font-family: 'Open Sans', sans-serif;
font-weight:300;
color:#666666;
font-size: 14px;
}


/* ------------------------ MAPA - FIN  ----------------------------- */
/* ------------------------------------------------------------------ */


/* ------------------------ WHATSAPP - INICIO  ------------------ */
#whatsapp {
	position: fixed;
	width:106px;
	height:36px;
	bottom:15px;
	right: 0px;
	z-index:500;
}
/* ------------------------ WHATSAPP - FIN  --------------------- */
/* -------------------------------------------------------------- */