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

.cuerpo-top {
	width: 100%;
	height: auto;
	background: #13218c;
}

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

.cuerpo-direccion {
	width: 100%;
	height: auto;
	margin-top: 1px;
	padding: 3px 0px 3px 0px;
	background: #f7c417;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
}

.cuerpo-slide {
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 1px;
}

.slide-pc {display: hidden; display:block;}
.slide-movil {display: none; display:none;}



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

.cuerpo-completo-foto-1 {
	width: 50%;
	height: 307px;
	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: 307px;
	background-image: url("../img/foto-entera-02.jpg");	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	float: left;
}


.foto-etiqueta {
	width: 300px;
	height: 50px;
	background-color: rgb(247,196,23); opacity: 0.9;	
	position: absolute;
	margin: 250px 0px 0px 0px;	
}

.foto-etiqueta-txt {
	width: 310px;
	height: auto;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #13218c;
	font-size: 23px;
	margin: 10px 0px 0px 10px;
}


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


.cuerpo-slogan {
	width: 100%;
	height: auto;
	padding: 15px 0px 15px 0px;
	background: #13218c;
}

.slogan-icn {
	width: 50px;
	height: 50px;
	margin: auto;
	background: url(../img/slogan-icn.png) no-repeat;
}

.slogan-titulo {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 800;	
	color: #FFFFFF;
	text-align:center;		
}


.slogan-txt {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	text-align:center;
	font-size: 18px;	
}


.cuerpo-base {
	width: 100%;
	height: auto;
	padding: 15px 0px 15px 0px;
	background: #13218c;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


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

.base-box p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	margin: 0px;

}


.base-icn {
	width: 80px;
	height: 25px;
	margin: auto;
	margin-top: 10px;
}


.btn-facebook {display:block; float:left; text-indent:-9000%;  margin:0px 0px 0px 0px; }
.btn-facebook {width:35px; height:35px; background:url(../img/icn-facebook.png); background-position:0px;}
.btn-facebook:hover {background-position:-35px;}

.btn-instagram {display:block; float:left; text-indent:-9000%;  margin:0px 0px 0px 10px; }
.btn-instagram {width:35px; height:35px; background:url(../img/icn-instagram.png); background-position:0px;}
.btn-instagram:hover {background-position:-35px;}


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

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

h1 {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 800;	
	color: #13218c;
	text-align:center;	
}

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


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


.h-linea {
	width: 220px;
	height: 1px;
	background: #f7c417;
	margin: auto;		
}


.h3-linea {
	width: 100px;
	height: 1px;
	background: #f7c417;
	margin: auto;		
}

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

.br-15 {
	width: 100%;
	height: 15px;
}

p {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #454545;
	text-align:justify;
	font-size: 18px;
	margin: 0px 0px 15px 0px;
}



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




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

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

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


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





/* ------------------------ INICIO - FORMULARIO INCIAL --------------- */
.form {width:300px; margin: auto;}

.form > span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:#FFFFFF;
	font-size:14px;
	margin:0px;
}

input, textarea {
	width:300px;
	height:30px;
	border:0;
	outline: 0;
	padding:5px;
	background:#424da3;
	color:#222222;
	font-size:13px;
	border-radius:5px;	
	}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background:#fcedbc;
	color:#000;	
}

input:focus, textarea:focus {
	background:#fcedbc;
	color:#000;	
}

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

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


.btn-contacto {
	width: 100px;
	height: 40px;
	padding: 5px 30px;
	margin: 10px 0px 0px 200px;
	background-color: #f7c417; 
	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;
    border-radius:8px;
    z-index: 2;	
	  	
}

.btn-contacto:hover{
	background:#000000;
	color:#ffffff;
    text-decoration: none;
    
}


/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 20px;
}
.msg{
    min-width: 100px;
	right: 0px;
	height: 30px;
	padding: 10px 15px 0px 15px;
	color:#ffffff;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align: left;
	font-size:14px;
	text-align:center;
    position: absolute;
    margin-top:-40px;
    right: 150px;
    border-radius:8px;
	
}
.msg_ok{
    background: #589D05;
}
.msg_error{
    background: red;
}

/* ------------------------ FIN - FORMULARIO ------------------------ */
/* ------------------------------------------------------------------ */





/* ------------------------ MOVIL - CUERPO ------------------------- */

@media screen and (max-width: 800px) {

	.cuerpo-direccion {
		font-size: 13px;		
	}
	
	
	.slide-pc {display: none; 	display:none;}
	.slide-movil {display: hidden; display:block; }


	.cuerpo-completo-foto-1 {width: 100%;float: none;}
	.cuerpo-completo-foto-2 {width: 100%;float: none;}
	.cuerpo-completo-foto-3 {width: 100%;float: none;}
	.cuerpo-completo-foto-4 {width: 100%;float: none;}

	p {
		width: 95%;
		margin: auto;	
	}

}


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