/**{outline: 1px solid red;}*/
body{font-family:'Roboto', sans-serif;}
.imagen-hero{
  /*background-image: url("../img/personal-nosotros.jpg");*/
	background-image: url("../img/nosotros/portada-nosotros.jpg");
	background-size: cover;
  background-position: top center;
	width: 100%;
	height: 450px;
	position: relative; margin-top: 80px;
}
.imagen-hero .block{color:white; margin: 14% 24% 0 24%; text-align: center; border-top: 1px solid #fff; border-bottom:1px solid #fff;
padding: 0 10px;}
.imagen-hero h3 {font-size: 27px; text-transform:uppercase; margin:10px 0 20px; text-shadow:1px 1px 5px #2D3129;font-weight: bold;}
.imagen-hero h4{font-size:17px; font-weight: 400; text-align: center; padding: 0 10px; text-shadow:0px 1px 1px #2D3129;}
.imagen-hero h3 i{font-size: 20px;}
/*.imagen-hero .hoverAll{background: rgba(6,28,38,.2); width:100%; height:100%;}*/

.section-content .contenedor{padding: 30px;}
.section-content h3{background-color: rgb(50,57,70); padding: 12px 1em; color: white; 
    font-family:'Roboto', sans-serif; font-size: 30px; font-weight: 500; text-shadow: 0 1px 1px #000; margin: 0px 0px 15px 0px;}
.section-content .mision{padding: 20px;}
.section-content .lista{padding: 1em 3em;}
.section-content{background-image: url(../img/fondo-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;}


.nosotros .nav-tabs { border-bottom: 2px solid #DDD; }
.nosotros .nav>li>a {padding: 10px 5px; }
.nosotros.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nosotros .nav-tabs > li > a { border: none; color: #ffffff;background: rgb(67,86,99); }
.nosotros .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color:rgb(67,86,99) !important; background: #fff; }
.nosotros .nav-tabs > li > a::after { content: ""; background:rgb(67,86,99); height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nosotros .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.nosotros .tab-nav > li > a::after { background: rgb(67,86,99) none repeat scroll 0% 0%; color: #fff; }
.nosotros .tab-content{padding:20px 5px;}
.nosotros .nav-tabs > li  {width:25%; text-align:center;}
.nosotros .tab-content .tab-pane .gallery img {width:100%;}
.nosotros .tab-content .tab-pane .gallery .imagen {background-size: cover; width: 100%; height: 150px; border: 4px solid white; border-radius: 4px;}
.nosotros .tab-content .tab-pane .gallery .img-1{background-image: url('../img/nosotros/03-comunidad.jpg'); }
.nosotros .tab-content .tab-pane .somos-img .somos-img-10{background-image: url('../img/nosotros/10-somos.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-3{background-image: url('../img/nosotros/02-salud.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-4{background-image: url('../img/nosotros/01-trabajo.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-5{background-image: url('../img/nosotros/09-mision.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-6{background-image: url('../img/nosotros/06-apoyo.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-7{background-image: url('../img/nosotros/05-valores.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-8{background-image: url('../img/nosotros/07-proyectos.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-9{background-image: url('../img/nosotros/10-organizacion.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-10{background-image: url('../img/nosotros/09-calidad.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-11{background-image: url('../img/nosotros/11-profesional.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-12{background-image: url('../img/nosotros/12-generacion.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-13{background-image: url('../img/nosotros/13-compromiso.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-14{background-image: url('../img/nosotros/14-equidad.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-15{background-image: url('../img/nosotros/16-solidaridad.jpg');}
.nosotros .tab-content .tab-pane .gallery .img-16{background-image: url('../img/nosotros/15-etica.jpg');}
.nosotros .tab-content .tab-pane .gallery .imagen h5{color: white; margin:0px; padding:22% 10% 0% 10%;text-shadow: 0 1px 1px #000; }
.nosotros .tab-content .tab-pane .gallery .imagen h5 a{color: rgba(251,65,65,.9); text-decoration: none; text-transform:uppercase; }
.nosotros .tab-content .tab-pane .gallery .hover {background: rgba(6,28,38,.4); width:100%; height:100%;}
.nosotros .nav-tabs .somos .icon{font-size: 60px; color: rgb(67,86,99); padding: 30px;}

@media only screen and (min-width: 1921px ) and (max-width: 2560px){
  .imagen-hero{height: 550px;}
  .imagen-hero .block{ margin: 17.5% 24% 0 24%;}
}
@media (max-width: 1093px){.imagen-hero .block{ margin: 16.5% 24% 0 24%;}}
@media (max-width: 768px){.imagen-hero .block{ margin: 21% 24% 0 24%;}.imagen-hero .block h4{font-size:16px;} }
@media (max-width: 500px){.imagen-hero .block{ margin: 28% 20% 0 20%;}}
@media (max-width: 375px){.imagen-hero .block{margin: 25% 20% 0 20%;}}
@media (max-width: 320px){.imagen-hero .block{margin: 30% 20% 0 20%; padding: 0px;} .imagen-hero .block h3{font-size:1.6em;} }

@media all and (max-width:991px){
.nosotros .tab-content .tab-pane .gallery .col-md-3 {margin-bottom: 8px;}
}
@media all and (max-width:724px){
.nosotros .nav-tabs > li > a > span {font-size: 13px;} 
.nosotros .nav-tabs > li > a {padding: 5px 1px;}
}
@media all and (max-width:500px){
  .section-content h3{font-size: 25px; text-align: center;}
  .nosotros .tab-content .tab-pane .gallery .col-xs-6{width:100%;}
}
@media all and (max-width:385px){
  .nosotros .nav-tabs > li > a > span {font-size: 12px;}
}
@media all and (max-width:325px){
  .nosotros .nav-tabs > li > a > span {display: none;}
  .nosotros .nav-tabs > li > a { padding:0px;}
  .nosotros .nav-tabs > li i{font-size: 25px; padding-top: 15px;}
}