@import url('body.css');
@import url('content.css');

/**/
#container{ max-width: 100%;; width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{float:left; width:100%; padding:20px 0; }
#nav{float:left; width:100%;}
#slide{float:left; width:100%;}
#footer{float:left; width:100%;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

/**/
.center{ max-width: 1100px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 950px; width:100%; margin-right: auto; margin-left: auto; }
.center_pad { max-width: 800px; width:100%; margin-right: auto; margin-left: auto; }

@media only screen and (max-width: 1234px) {
.center{ width:96%; padding:0% 2%; box-sizing:border-box;  }
.center2{ width:96%; padding:0% 2%; box-sizing:border-box;  }
.center_pad{ width:96%; padding:0% 2%; box-sizing:border-box;  }
	
}


/*SLIDE*/
.slide_slogan{float:left; width:100%; color:#fff;   position:absolute; top:35%; left:0px; text-align:center;}
.owl-theme .item { background-color:#666; height:600px; position: relative; }
.carousel_cliente.owl-theme .item { background-color:#666; height:200px !important; position: relative; }


.slide_subtitle{float:left; width:100%;font-size:22px;  }
.slide_title{float:left; width:100%;  font-size:45px; font-weight:600;}
.slide_text{float:left; width:100%; font-size:15px; }

.ico_slide {
    width: 50px ! Important;
    height: auto;
    margin: auto;
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 20px;
}

  
@media screen and (max-width: 1270px) {
	.slide_slogan{  width:50%; }
	.owl-theme .item {  }
}

@media screen and (max-width: 980px) {
	.slide_slogan{ font-size:45px; top:30%; width:80%; }
	.owl-theme .item { height:500px; }
}



/**/
.back_blue {background-color: #6EAADD; color: #000; border-bottom: 3px solid #961B30;}
.back_blue a {color: #000;}
.back_grey{ background-color: #F2f2f2;}
.back_white {background-color: #FFF;}
.tex_white {color: #FFF; }
.title_center{ text-align:center;}

/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

.but_round{ border-radius:20px; display:block; margin-right:10px; padding:10px 20px; text-align:center; text-decoration:none; border:solid 2px #fff; width:auto;  float: left; color:#FFF; }
.but_round.white { color:#ccc; border:solid 1px #ccc; }
.but_evento{   border-radius:20px; display:block;  padding:6px 16px; text-align:center; text-decoration:none; border:solid 2px #fff; width:auto; font-size:12px;  float: right; background-color: #6EAADD; color:#FFF;}
.but_more {}
.but_asociarse{ border-radius:20px; display:block; padding:13px 10px; text-align:center; text-decoration:none; border:solid 2px #fff; width:auto; color:#FFF !important; background-color: #856D4B; margin:auto; width:200px ! important; cursor: pointer; }
.text_small{ font-size:14px; }
.blue {color: #6EAADD;}

/**/
.evento_box { background-color: #FFF; border-radius:20px; padding: 3%; width: 94%; float: left;}
.evento_box strong { color:#6EAADD; }
.ico_small{ width:10px !important; margin-right:10px; }
.evento_box_title { color: #6EAADD; font-size:20px;   line-height: 40px; font-weight:600; }
.foto_small{ width:100% !important; }


/**/
.carousel_publicaciones {  border-radius:20px; overflow:hidden; display: block;}
.publicaciones_box {float:left; width:80%;  color:#fff; padding-left:50px;  font-weight:100; position:absolute; bottom:10%; left:0px;  border-radius:20px; margin:30px auto; }
.publi_box_cat{float:left; width:100%;font-size:15px; margin-bottom: 10px;}
.publi_box_title{float:left; width:100%; font-size:22px; margin-bottom: 10px; font-weight: 600;}
.publi_boxtext{float:left; width:100%; }

.carousel_publicaciones .owl-stage-outer {
    border-radius: 20px;
}


/**/
.box_home_novedades{float:left; width:96%; border-radius:20px; overflow:hidden; background-color:#f2f2f2; padding: 2%;}
.box_home_novedades_1{float:left; width:40%;}
.box_home_novedades_2{float:right; width:40%; padding:7% 10%;}
.box_home_novedades_title { font-size:26px; font-weight:600; }
.img_novedades_home {width:100%; border-radius: 20px;}

/**/
.box_info {float:left; width:94%; padding:30px; box-sizing:border-box; margin:3%; border-radius:20px; background-color:#fff; min-height:220px; position: relative; 
-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 }
 
 .box_info  h2 {  font-size: 25px; padding-top: 55px;}
 .box_info  .but_more {  text-decoration: none;    color: #4793cc; position: absolute;  bottom: 20px;}
 
 .separado { margin-top:40px; }
 
 
 /**/
 .sponsor{ float:left; width: 200px; margin:10px;}
 .separador_200{ margin-top:200px;}

/*TOP*/
.logo{height:60px; margin:auto;  display: block; }
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left; width:100px;}
.top_box2{float:left; width:100px;}

/*CONTENT*/
.module1{float:left; width:100%; padding:20px 0; }
.module2{float:left; width:100%; padding:50px 0; }
.module3{float:left; width:100%; }
.module4{float:left; width:100%; padding:50px 0; padding-bottom:200px; }
.module5{float:left; width:100%; margin-top:-100px; margin-bottom:100px; }
.module6{float:left; width:100%; padding:50px 0; max-height:300px; }
.module7{float:left; width:100%; padding:10px 0;}



/*FOOTER*/
.footer_box{float:left; width:100%;}
.footer_box1{float:left; width:100%; padding:30px 0; }
.footer_box2{float:left; width:100%;  padding:30px 0;     font-size: 14px; }
.footer_box3{float:left; width:100px;}
.footer_box4{float:left; width:100px;}


/**/
.sociales{ width:130px; margin:0; padding:15px 0; list-style:none; display: flex; justify-content: space-around; margin: auto;}
.sociales li { margin:0; padding:0; list-style:none; display:block;  overflow:hidden; }
.sociales li a {width: 30px;  margin: 5px; color: #fff;}
.sociales li span {text-indent:-200px;}

/**/
.sociales_pie{ width:150px; margin:0; padding:20px 0; list-style:none; display: flex; justify-content: space-around; margin: auto;}
.sociales_pie li { margin:0; padding:0; list-style:none; display:block;  overflow:hidden; }
.sociales_pie li a {width: 40px !important;  margin: 5px; color: #fff;}
.sociales_pie li span {text-indent:-200px;}
	

/* /////////   GRALS  //////// */

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.tex_center{ text-align:center;}

/*CENTER DIVS*/
.center_divs {
	float:left;
	width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	justify-content: space-evenly;
		
}



/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
#menuh { }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover { background: #DBEBF6; }


/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }



/*CONTACTO*/
#contact-area input, #contact-area textarea, #contact-area select { padding: 2%; width: 100%; font-family: Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc; color: #000; float: left; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { width: 80px; float: right; color: #FFF; text-decoration: none; background-color: #003470; padding: 5px; margin-bottom: 12px;}
#contact-area label { float: left; text-align: left; padding: 2% 0%; width: 96%;  }

.grupo {
    background-color: #f1f1f1;
    padding: 2% 2%;
    width: 96%;
    float: left;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

/**/
.listado_fundacion{float:left; width:100%; margin: 0; padding: 0;  }
.listado_fundacion li { list-style-type: none;  float: left; margin: 0; padding: 0; float:left; width:100%; padding:20px 0; font-size:22px; background-image: url(../img/ico_003.png); background-position:center left; background-repeat:no-repeat; background-size:10px; padding-left:40px; }
.listado_fundacion li a { text-decoration: none; color: #fff; display: block; font-weight:600;  }



.listado_footer { float:left; width:100%; margin:0; padding:0;  }
.listado_footer li { float:left; width:100%; margin: 0; padding:0;  }
.listado_footer li a { text-decoration: none; display: block; font-size:14px; color:#ccc;  }
.listado_footer a:hover {  }

.logo_footer {width:200px; float:right; }

/*LISTADO*/
.list { list-style-type: none; margin: 0; padding: 0;  }
.list li { margin: 0; padding: 0;  list-style-type: none; padding-bottom:5px; padding-left:30px;  width: 100%; float: left; }

.list li:nth-child(1) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(2) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(3) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(4) { background-image: url(../img/icos/04.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(5) { background-image: url(../img/icos/05.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}

/**/
.ico_medium {}



/**/
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content:center;
  align-items: normal;
  align-content: normal;
}


/**/
.box_ingresos{ float:left; width:20%; margin:2%; }
.round { border-radius:10px; }
.box_ingresos p { font-weight:600; }
.box_ingresos a { text-decoration:none; color:#000; font-weight:600; }


/**/
.slide_inside{float:left; width:100%; padding:50px; box-sizing:border-box; height:450px; background-color:#000; text-align:center; position: relative; }
.slide_inside_1{float:left; width:40%; padding:40px 30%;  color:#fff; padding-bottom:0px; z-index:2; position: relative; }
.slide_inside_2{float:left; width:100%;  box-sizing:border-box; z-index:2; position: relative; }
.slide_inside_3{float:left; width:40%; padding:0 30%; z-index:2; position: relative; color: #fff; }
.slide_inside_4{float:left; width:20%; padding:0 40%; z-index:2; position: relative; }

.slide_inside::after {position:absolute; display:block; content:""; top:0px; left:0px; width:100%; height:100%; background-color:rgb(0 0 0 / 34%); z-index:1;  }

.top_buscar {
    border-radius: 100px;
    line-height: 40px;
    background-color: #fff;
    border: none;
    width: 300px;
    text-indent: 20px;
    font-size: 15px;
}
.top_but_buscar {
    line-height: 40px;
    height: 40px;
    border-radius: 100px;
    width: 40px;
    background-color: #ffffff;
    color: #fff;
    border: none;
    background-image: url(../img/ico_004.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px;
    text-indent: -200px;
}
.buscar_box_top {
    background-color: #fff;
    border-radius: 30px;
    padding: 3px;
    width: auto;
    display: inline-flex
;
}

.articulo_back {
    border-radius: 100px;
    padding: 5px 0px;
    color: #777;
    box-sizing: border-box;
    width: auto;
    float: left;
}
.articulo_back a {
    color: #777;
}


/**/

.box_quienes_01{
    float: left;
    width: 96%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
	margin-bottom:20px;
}

.box_quienes_02{
    float: left;
    width: 96%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
	margin-bottom:20px;
	margin-left: 50px;
}



.but_nota_ver {
    width: 160px;
    float: right;
    border-radius: 100px;
    background-color: #003470;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
	margin-right: 30px;
}
.nota_box_3 h2 { font-size:22px;color: #003470;}


/**/
.ico_lateral_quienes {
    border-right: solid 1px #a09f9f;
    width: 70%;
    padding-right: 30px;
}