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



@import url('https://fonts.googleapis.com/css2?family=Leckerli+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
font-family: "Poppins", serif;
font-family: 'Yeseva One', cursive;*/


html,body{overflow-x:hidden;font-family: "Poppins", serif; font-size:1em; color:#6c6c6c;  }
.mycontainer {
    max-width: 1400px !important;
}
.img-responsive{ width:100%; height:auto !important}
.fone{color:#fff}

.logo{max-width:250px}

.cd-header{
	position: fixed;
	width:100%;
	/*top:0px;*/
	top:-26px;
	left:0;
	z-index:10000;
	transition: all .2s ease-in-out; 
} 

.cd-header.active { 
border-bottom:2px #fff solid;
    background: rgba(29,144,141,.8);
-webkit-box-shadow: 0 1px 5px rgba(255,255,255,.8);
-moz-box-shadow: 0 1px 5px rgba(255,255,255,.8);
box-shadow: 0 1px 5px rgba(255,255,255,.8);


}

a{ color:#6c6c6c}
a:hover{ color:#e7c101;}


.altura{ margin-top:-250px}
.card-body{
    
    padding:1.25rem; 
}
.card-body_not {
    
    padding: 3.25rem;
}

.card{  border:none; background-color: transparent !important; border-radius:0px}
.fecha{  text-transform:uppercase}

hr{border:#e7c101 3px solid; width:15%;display: inline-block;}

hr.peque{border:#fff 2px solid; width:20%;display: inline-block;}

hr.hr_green{border-top:#e7c101 5px solid; width:10%; }
hr.hr_blue_left{border-top:#00427b 2px solid; width:10%; text-align:left;display: inline-block;}


/*titulares*/
h1{ font-size:2.2em;  ;color:#e7c101;    }
h1.titular{font-size:32px; font-weight:300;  color:#fff;text-transform:uppercase; background-color: #e8c102; width: auto ; padding: 15px 30px; border-radius: 50px }
h2.h2_tit{ font-size:3vw;  font-weight:200;color:#fff !important; text-transform:uppercase; letter-spacing:2px }
h2.h2_index{ font-size:4.5vw;  font-weight:700;color:#fff;   font-family: "Leckerli One", serif;}
h2.h2_sombra{font-size:2.8vw;  font-weight:600; text-shadow: 12px 6px 2px rgba(0, 0, 0, 0.2);}
h2.h2_p{font-size:1.4vw;  font-weight:500;color:#f7ac09; }
/*h2.h2_p{font-size:1.8vw;  font-weight:400;color:#fff; }*/
h2.h2_p_pie{font-size:2em;  font-weight:400;color:#72b0d5; font-family: "Leckerli One", serif;  }
h2.h2_g{ font-size:1.7vw;  font-weight:500;color:#f7ac09;    }
/*h2.h2_g{ font-size:2vw;  font-weight:400;color:#3a3543;    }*/
h3.h3_tit{   font-size:40px;color:#3a3543;  }
h3{   font-size:24px;color:#72b0d5; font-weight:400; text-transform:uppercase; }
h4{font-size:18px;color:#72b0d5; font-weight:400; text-transform:uppercase; }
h5{ font-size:24px; color:#fff;  }
h6{ font-size:30px; font-weight:400;  }
h6.faq{ font-size:30px; font-weight:500;  color:#000;}

.centradol {text-align:left;}
.centrador {text-align:right;}


.ico_redes{ font-size:20px; color:#e7c101; }
.ico_redes_g{ font-size:30px; color:#a6a6a6 ; }


.link-azul,.link-azul:hover,.link-azul:visited,.link-azul:visited:hover{color:#000; font-size:14px; text-decoration:none}
.link-blanco,.link-blanco:hover,.link-blanco:visited,.link-blanco:visited:hover{color:#fff; text-transform:uppercase;font-weight:300;font-size:16px; }
.link-gris,.link-gris:hover,.link-gris:visited,.link-gris:visited:hover{color:#d1d4d6; font-weight:bold}
.link-negro,.link-negro:hover,.link-negro:visited,.link-negro:visited:hover{color:#333333;}
.bordepie{border:1px solid #eee}
.padpie{padding: 40px 80px; }
.pie1{color:#00427b; padding-top:40px}
.linea-pie{background-color:#d1d4d6; width:16px; height:2px}

.prodesin{padding-bottom:20px}
/*
    font-family: 'Poppins', sans-serif;
    
*/
.tpresenta{ text-align:center}

.accesos{margin-top:-250px; padding-bottom:90px;}
.home-equipo{position:absolute;z-index:5; background-color:#ffffff; height:auto; width:300px; right: 0px; top: 50%;    transform: translate(0, -50%); -webkit-transform: translate(0, -50%); padding:23px;}
.home-areas{position:absolute;z-index:5; background-color:#ffffff; height:auto; width:300px; left: 0px; top: 50%;    transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background-color:#00427b;color:#fff;padding:23px;}
.subtit{ font-size:18px; color:#00427b}
.subtit2{ font-size:18px; color:#ffffff}
.tpresentas{ text-align:center; margin-top:100px}
.areat{padding-bottom:15px}
.situa{margin-top:-200px}
.areasico-1{background-color:#00427b; padding:15px}
.areasico-2{background-color:#0099cc; padding:10px}
.ico{font-size:40px; color:#3a3543; }
.ico_big{font-size:60px; color:#3a3543; margin-bottom:10px }
.area-1{background-color:#f9f9f9; padding-top:20px; text-align:left;}
.area-2{background-color:#f1f1f1; padding-top:20px}

.card.ficha1{border:none; background-color:#f7f7f7; margin-left:8px; margin-right:7px}

.card.ficha2{border:none; }

.sticky-top{position:sticky;}


 ::placeholder {
            color: white !important;
	  font-size: 1rem;
            opacity: 1; /* Para navegadores que reducen la opacidad por defecto */
        }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white !important;
    background-color: transparent !important;
    background-clip: padding-box;
    border-bottom:2px solid  #e7c101 ;
	 border-right:none;
	  border-left:none;
	   border-top:none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form_select {
display: block;
width: 100%;
height: calc(1em + 0.25rem + 2px);
padding: 1px;
font-size: 16px;

line-height: 1.5;
color: #3a3543;
background-color:#fff !important;
border-bottom: 2px solid #eeeff1  ; border-top:none; border-left:none; border-right:none;
border-radius: 0px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
 background: url(../imagenes/flecha_busca.png) ;
 background-position:right !important;
 background-repeat:no-repeat;
-webkit-appearance: none;
padding-left:20px; margin-top:10px !important
}
/*TABS*/

nav > .nav.nav-tabs{

  border: none;
 
   /* background:#272e38;
    border-radius:10px 0px;*/

}




/*MODAL*/


  .modal{ background-color: rgba(255,255,255,1)!important;z-index:2000 ;}
 
 
.modal-body {

    padding:20px!important;
	border-radius:0px  !important; 

}



.modal-content {border:none !important ;	border-radius:0px  !important; }




.logoinf{ width:268px}



.galeria{ height:400px}
.fotos_galeria{min-height:400px; max-height:400px;width:100%;object-fit: cover; object-position: 50% 50%;}

/*menu*/
.nav-item {
height:100%;
}
.nav-link {
position: relative;
margin-left:0px;
text-align: center;
padding: 10px 15px!important; 
text-transform:uppercase;
font-weight: 500;
	font-size: 14px
}
.nav-link:hover {
border:none;color:#72b0d5 !important
}
.activem {
border:none;color:#72b0d5 !important
}


/*BOTONES*/
.btn { border-radius:0px; 
transition: none !important;	color: #fff !important; }


/*BOTON fondo azul*/
	.btn_fb {
		color: #fff !important;
		padding:10px ; background-color: #e7c101 ; width: 100%;
		border-radius:10px !important;
		text-align: center;
	}
	.btn_fb:hover {
		color: #fff !important;
		 text-decoration:none; 	background-color:#e7c101;
	}


/*BOTON fondo azul oscuro*/
.btn_fb_dark{
font-size:12px; 
	color: #fff !important;
		padding:5px 50px; 
		background-color:#e7c101;
		text-align: center;
}
.btn_fb_dark:hover {
	color: #fff !important;
	background-color: #f1de9b ; text-decoration:none; 	 ; 
}


/*BOTON borde blanco*/
.btn_brw {
		color: #fff !important;
padding:10px 80px; 
background-color: transparent;
text-align: center; 
border:2px solid #fff !important;
}
.btn_brw:hover {
	color: #7d2fdd !important;
	background-color: #fff  ; text-decoration:none; 	 ; 
}


/*BOTON fondo violetal*/

	.btn_fv {
		color: #fff !important;
		padding: 5px 60px; 
		background-color:#f1de9b;
		text-align: center;
	}
	.btn_fv:hover {
		color: #fff !important;
		background-color: #e7c101  ; text-decoration:none; 	
	}

/*BOTON fondo violeta borde redondo*/
	.btn_fvo {
		color: #fff !important;
		padding: 5px 60px; 
		background-color:#f1de9b;
		text-align: center; border-radius:10px ; 
	}
	.btn_fvo:hover {
		color: #fff !important;
		background-color: #f1de9b ; text-decoration:none; 	
	}

/*BOTON borde azul*/
.btn_bb {
color: #fff !important;
padding: 10px 70px; font-size:1.3rem;
background-color: #e7c101;
text-align: center; 
border:2px solid #e7c101 !important; border-radius:30px;
}
.btn_bb:hover {
background-color: transparent;
 
border:2px solid #f1de9b !important; text-decoration:none; 	 ; 
}





#searchform{
  display:inline;
  font-size:1em;
 /*  border-radius: 8em;
 border:0.1em solid rgba(218,208,190,1);
  box-shadow:0 0 0.3em rgba(60,60,60,0.4);*/
  padding:0.3em;
 /* background:white;*/ 
}
#s{
  transition:all 0.2s ease-out;
  width:1px;
  border-radius:0;
  box-shadow:none;
  outline: none;
  padding:0;
  margin:0;
  border:0;
  background-color: transparent;
  opacity:0;color:#fff;
}
#s:focus{
  width:8em;
  opacity:1;
}
label{
  padding-left: 1px;
  display:inline-block;
  margin-top:0.3em;
 /* color:rgba(218,208,190,1);
  text-shadow:0 0 0.1em rgba(60,60,60,0.3);*/
  position: relative;
  left:0.1em; cursor:pointer;
}


/*menu movil*/

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    /*background-color: rgb(255,255,255);*/
  /*  background-color: rgba(255,255,255, 1);*/
   background-image:linear-gradient( rgba(255,255,255,0.8), rgba(255,255,255,0.8)),url(../images/menu.jpg) ;
   background-size:cover;
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
  /* top: 40%;*/
    width: 100%;
    text-align: center;
    margin-top: 100px;
	

}

.overlay ul {
	list-style:none; margin: 0px;
	padding: 0px;
}


.overlay ul  li{
 transition: 0.9s;margin: 0px;
	padding: 0px;
}
.overlay a {
    padding: 10px;
    text-decoration: none;
    font-size: 18px;
    color:#6c6c6c ;
    display: block;
    transition: 0.9s;
	text-transform:uppercase;

}

.overlay a:hover, .overlay a:focus {
    color: #72b0d5 ;
}

.overlay .closebtn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 50px; font-weight:200
	  
}
.pagination{list-style: none outside none; margin:0 auto; padding: 0; }
.pagination>li{float:left;padding:1px }
.pagination>li>a,.pagination>li>span{float:left;padding:7px 20px; margin:6px;line-height:1.428571429;text-decoration:none;background-color: transparent;border:3px solid #ebebeb;; color:#00427b}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{border:3px solid #e7c101; padding:7px 20px; color:#000}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#000;cursor:default;border:3px solid #e7c101; padding:7px 20px; }
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#ebebeb;cursor:not-allowed;background-color: transparent;border-color:#ebebeb; padding:7px 20px;}
@media only screen and (max-width:835px) {
/* Aquí van los estilos para iPad vertical */
.logo{ width:120px; }
.nomovil{display: none}
#nomovil{display: none}


}


	
	
@media only screen and (min-width:992px) {.solomovil{display: none}.alto_cabecero{min-height:350px;}}
@media only screen and (max-width:992px) {.alto_cabecero{min-height:200px;}}
	
@media only screen and (max-width: 1500px) {	
/* Aquí van los estilos para iPad horizontal */



	}
	
	/* Aquí van los estilos para iPhone plus */
@media only screen and (max-width: 480px) {
html,body{font-size:16px; }
h1{ font-size:6vw !important;}
h2.h2_index{ font-size:8vw !important;}
h2.h2_g{ font-size:5vw; }
h2.h2_p{ font-size:8vw; }
h2.h2_p_pie{font-size:5vw;  }
h4{font-size:4vw; }
h2.h2_tit{ font-size:6.6vw;   }


.alto_xoanina{ bottom:-20px; }
.centradol {text-align:center;}
.centrador {text-align:center;}
	
}

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

.zoom {
  

  transition: transform .2s; /* Animation */

}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	
	
}

}
	#cookies{position:fixed; bottom:5px; left:5px;  z-index:500; width:36px; height:36px; display:none;}
#cookies > button {
	background-color: rgba(59,59,59,.9);
	color: #FFFFFF !important;
	-webkit-box-shadow: 0 1px 5px 0 #707070;
	-moz-box-shadow: 0 1px 5px 0 #707070;
	box-shadow: 0 1px 5px 0 #707070;
}