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



  @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

/*
font-family: 'Lato', sans-serif;
font-family: 'Yeseva One', cursive;*/


html,body{overflow-x:hidden;font-family: 'Lato', sans-serif; font-size:1.1rem; color:#192054; background-image:url(../images/fondo.jpg); background-size:100%; background-repeat:no-repeat; background-position:bottom ; background-color:#1c1f56; background-position:!important }
#mycontainer {
    max-width: 1600px !important;
}
.img-responsive{ width:100%; height:auto !important}
.fone{color:#fff}
.logo{  max-width:150px;}
.borde-logo{cursor:pointer; position:absolute; left:25px; top:-24px; border:#181f53 15px solid;  max-width:230px;  background-color:#fff ; width:100%}
.alto_cabecero{min-height:500px}
.alto_cabecero_con{min-height:700px}
.alto_titular{ margin-top:15%}
.cd-header{
	position: fixed;
	width:100%;
	top:0px;
	/*top:-26px;*/
	left:0;
	z-index:10000;
	transition: all .2s ease-in-out; 
} 
.cd-header.active {
    background: rgba(0,0,0,.8);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.8);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.8);
box-shadow: 0 1px 5px rgba(0,0,0,.8);


}


a{ color:#1c1f56 }
a:hover{ color:#192054;}


.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.peque{border:#fff 2px solid; width:20%;display: inline-block;}

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



h1{ font-size:6vw;  font-weight:900;color:#fff;  }
h1.titular{font-size:54px; font-weight:400;  margin-top:10px; margin-bottom:10px;color:#fff}
h2.h2_tit{ font-size:5.8vw;  font-weight:900;color:#fff !important;  line-height: 53%; }
h2.h2_index{ font-size:6vw; color:#fff; font-weight:300; }
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:4.5vw;  font-weight:800;  }
/*h2.h2_p{font-size:1.8vw;  font-weight:400;color:#fff; }*/
h2.h2_p_pie{font-size:1vw;  font-weight:600; color:#1a2155  }
h2.h2_g{ font-size:3vw;  font-weight:600;color:#fff;    }
/*h2.h2_g{ font-size:2vw;  font-weight:400;color:#3a3543;    }*/
h3.h3_tit{   font-size:40px;color:#3a3543;  }
h3{  font-size:4vw;color:#d0cfd7; font-weight:300;  }
h4{font-size:1.5vw; font-weight:600; 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;}


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

.ico_redes{ font-size:20px; color:#fff; }
.ico_redes_g{ font-size:54px; color:#fff ; }
.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; }
.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;}




.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: #a7a7a7;
    background-color: transparent;
    background-clip: padding-box;
    border-bottom:2px solid  #192054 ;
	 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;*/

}
nav > div a.nav-item.nav-link_tab{    padding: 15px 10px;
    color:#014b26;
	font-size:24px;
	font-weight:400; }
nav > div a.nav-item.nav-link_tab.active{
  color:#c2c337;
 
 background-color:#fff;
 
    /*border-radius:30px 30px 0px  0px;*/

}

nav > div a.nav-item.nav-link_tab.active:after
 {}

.tab-content{

    line-height: 25px;
  
  
  /*  padding:30px 25px;*/
}

nav > div a.nav-item.nav-link_tab:hover,
nav > div a.nav-item.nav-link_tab:focus
{

    background: #fff;
    color:#c2c337;
     /*border-radius:30px 30px 0px  0px;*/
    transition:background 0.20s linear; text-decoration:none
}

.tab {
  height:auto;
  padding:10px;

}
.tab a {
  display:inline-block;
/* width:150px;*/
  padding:6px 10px;
  text-align:center;
  border-radius:20px;
  background-color:#ebebeb;
  margin:0 5px;

  text-decoration:none;
  color:#000;
}
.tab a:hover {
 background-color:#ffcc00;
 
}



/*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; }


.alto_caja{max-width:355px; max-height:355px;  min-width:355px; min-height:355px;}
.alto_circulo{max-width:330px; max-height:330px;  min-width:330px; min-height:330px;}


.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;
color:#192054 !important;
height:100% !important;

font-size:20px; 
text-align: center;
border-radius:0px !important;
padding: 10px !important; font-weight:700;border-bottom:2px solid #fff;
}

.nav-link:hover {
height:100% !important;

border-bottom:2px solid #707089;
}



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


/*BOTON fondo azul*/
	.btn_fb {
		color: #fff !important;
		padding:20px 40px; 
		background-color:#192054;
		text-align: center;
		width:100%;
	}
	.btn_fb:hover {
		color: #fff !important;
		background-color: #7f3c7f ; text-decoration:none; 	
	}


/*BOTON fondo azul oscuro*/
.btn_fb_dark{
font-size:12px; 
	color: #fff !important;
		padding:5px 50px; 
		background-color:#192054;
		text-align: center;
}
.btn_fb_dark:hover {
	color: #fff !important;
	background-color: #7f3c7f ; 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:#7f3c7f;
		text-align: center;
	}
	.btn_fv:hover {
		color: #fff !important;
		background-color: #192054  ; text-decoration:none; 	
	}

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

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


.nav-pills .nav-link {
    border-radius: 40px; color: #fff !important; margin-right:30px; font-weight:300; border:none; text-transform:uppercase
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: transparent !important;font-weight:600;
}



/*

.nav-pills .nav-link.active{	position: relative;
	width: 150px;
	height: 50px;

font-size:16px; 
background-color: #1d1d1c; color: #FFFFFF !important; 
	text-align: center;
border-radius:0px !important;
    padding: 15px; text-transform:uppercase;
	
	}

.nav-pills .nav-link.active:before {
    content:"";
    position: absolute;
    right: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:25px solid transparent;
    border-right:20px solid #1d1d1c;
    border-bottom:25px solid transparent;
}

.nav-pills .nav-link.active:after {
    content:"";
    position: absolute;
    left: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:25px solid transparent;
    border-left:20px solid #1d1d1c;
    border-bottom:25px solid transparent;
}



*/




#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(0,0,0,0.6), rgba(0,0,0,0.6)),url(../images/fondo.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: 28px;
    color: #fff;
    display: block;
    transition: 0.9s;


}

.overlay a:hover, .overlay a:focus {
    color:  #7f3c7f;
}

.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 #192054; 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 #192054; 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;}

.overlay2 {
position: absolute;
bottom: 0;
left: 0;
right: 0;

/*background-image:url(fotos/banners/a1-1.jpg);*/
background-color:rgb(25, 32,84,0.7);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease; z-index:2000; cursor:pointer; 

}
.container2:hover .overlay2 {
height: 100%;
}
.text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
	
@media only screen and (max-width:835px) {
/* Aquí van los estilos para iPad vertical */

.nomovil{display: none}
#nomovil{display: none}
.alto_cabecero{min-height:300px}
}


@media only screen and (min-width:835px) {
	.solomovil{display: none}
		#solomovil{display: none}
	}	
	
	
	
@media only screen and (max-width: 1500px) {	
/* Aquí van los estilos para iPad horizontal */
html,body{font-size:16px; }
.alto_titular{ margin-top:25%}
h2.h2_p_pie{font-size:2vw;  }
	}
	
	/* Aquí van los estilos para iPhone plus */
@media only screen and (max-width: 480px) {
html,body{font-size:16px; }


.logo{ width:100%; max-width:100px;top:-4px}
.borde-logo{ border:#181f53 10px solid;  max-width:120px; top:-4px; }
h1{ font-size:6vw !important;}
h2.h2_index{ font-size:8vw !important;}
h2.h2_g{ font-size:10vw; }
h2.h2_p{ font-size:8vw; }
h2.h2_p_pie{font-size:5vw;  }
h3{font-size:6vw; }
h4{font-size:4vw; }
h2.h2_tit{ font-size:10vw;   }
.alto_cabecero{min-height:200px}
.alto_titular{ margin-top:35%}
.alto_xoanina{ bottom:-20px; }
.centradol {text-align:center;}
.centrador {text-align:center;}
.fotos{	min-height:200px; max-height:200px;width:100%;object-fit: cover; object-position: 50% 50%;}
.ico_redes_g{ font-size:34px;  }
}

@media only screen and (max-width: 375px) {
		.alto_titular{ margin-top:25%}
}
.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) */
}