/**{outline: 1px solid red;}*/
.navbar-fixed-top{background-color: rgba(255,255,255,.9);}
.imagen-hero{
  /*background-image: url("../img/programas/programas-portada.jpg");*/
	background-image: url("../img/programas/PORTADA_PROGRAMAS.jpg");
	background-size: cover;
  background-position: center;
	width: 100%;
  height: 450px;
	position: relative;
}
.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:1px 1px 2px #2D3129;}
.imagen-hero h3 i{font-size: 20px;}
.section-content {
  background-image: url(../img/fondo-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  }
.section-content .container{padding: 10px 30px 30px 30px; font-family:'Roboto', sans-serif;}
.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;}
.proyectos .nav>li>a{padding:3px; }
.proyectos .nav-tabs{border-bottom: 0px; }
.proyectos .nav>li>a i{font-size: 18px; color: rgba(251,65,65,.8); }
.proyectos .nav>li>a i:hover{color: rgb(50,57,70); }

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;}
.ih-item,.ih-item{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.ih-item a {color: #333;}
.ih-item a:hover {text-decoration: none;}
.ih-item img {width: 100%; height: 100%;}
.ih-item.square {
  position: relative;
  margin: auto;
  border: 4px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  margin-bottom:5px;}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
.ih-item.square.effect6 {overflow: hidden;}
.ih-item.square.effect6.colored .info {background: #1a4a72; background: rgba(26, 74, 114, 0.6);}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;}
.proyectos h4 {
  font-family:'Roboto', sans-serif;
  text-transform: uppercase;
  color: #fff; font-size: 15px;
  text-align: center;
  padding: 10px;
  background: rgba(0,0,0,0.7);
  position: absolute;
  width: 100%;
  z-index: 5;
  top: 50px;
  margin: 80px 0 0 0;}
.ih-item.square.effect6 .info button {
  margin-top: 230px;
  padding: 5px 10px;width:90px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}
.ih-item.square.effect6 a:hover .info {visibility: visible; opacity: 1;}
.ih-item.square.effect6.from_top_and_bottom .info button {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);}
.ih-item.square.effect6.from_top_and_bottom a:hover .info /*h3*/,
.ih-item.square.effect6.from_top_and_bottom a:hover .info button {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);}
.ih-item.square.effect6.from_left_and_right .info button {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);}
.ih-item.square.effect6.from_left_and_right a:hover .info /*h3*/,
.ih-item.square.effect6.from_left_and_right a:hover .info button {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);}
.ih-item.square.effect6.top_to_bottom .info /*h3*/ {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);}
.ih-item.square.effect6.top_to_bottom .info button {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);}
.ih-item.square.effect6.top_to_bottom a:hover .info /*h3*/,
.ih-item.square.effect6.top_to_bottom a:hover .info button {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);}
.ih-item.square.effect6.bottom_to_top .info/* h3*/ {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);}
.ih-item.square.effect6.bottom_to_top .info button {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);}
.ih-item.square.effect6.bottom_to_top a:hover .info /*h3*/,
.ih-item.square.effect6.bottom_to_top a:hover .info button {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);}

@media only screen and (min-width: 1921px ) and (max-width: 2560px){
  .imagen-hero{height: 550px;}
  .imagen-hero .block{ margin: 18.5% 24% 0 24%;}
}
@media (max-width: 1093px){.imagen-hero .block{ margin: 17% 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: 32% 20% 0 20%;}}
@media (max-width: 320px){.imagen-hero .block{margin: 36% 20% 0 20%;} .imagen-hero .block h3{font-size:1.6em;} }

@media (max-width: 500px){
  .section-content h3{font-size: 25px; text-align: center;}
}
@media only screen and (min-width: 270px ) and (max-width: 490px){
  .ih-item.square.effect6 .info button {margin-top: 160px;}
  .proyectos h4{top: 0px;}
}
@media (max-width: 390px){
  .ih-item.square.effect6 .info button {margin-top: 130px;}
  .proyectos h4{top:-10px; font-size:14px; font-weight: 200; }
}
@media (max-width: 350px){
  .section-content .proyectos .col-xs-6{width: 100%;}
  .ih-item.square.effect6 .info button {margin-top: 210px;}
  .proyectos h4{top:11%; font-size:14px; font-weight: 200; }
  .ih-item.square.effect6 .info button { padding: 5px 5px; width:70px; font-size: 13px; font-weight:100;
}