@font-face {
    font-family: "newsgoth";
    src: url(../fonts/newsgoth-lt-bt-light.ttf) format("truetype");
}

h1 {
  font-family: newsgoth;
  color: #00505B;
  font-weight: bold;
  }

h2 {
  font-family: newsgoth;
  color: #00505B;
  font-weight: bold;
  }

h3 {
  font-family: newsgoth;
  color: #fff;
  font-weight: bold;
  }

#text_aip {
    color: #00505B;
    font-family: "newsgoth";
    font-weight: bold;
    font-size:18px;


}
#text2_aip {
    color: #00505B;
    font-family: "newsgoth";
    font-weight: bold;
    font-size:20px;
    
}

#redes a:active {
	position: relative;
	top: 1px;
}

#menu a {position: relative}
#menu img {
    position: relative;
    top: 0.6rem;
    -webkit-transition:top 0.3s, -webkit-transform 0.3s;
    transition:top 0.3s, transform 0.3s;
}

#menu img:hover {
    top: 0.2rem;
}

#menu li {
     padding-bottom: 0px;
     height: 30px;
     text-align: center;
}

#redes {
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
}

#medio {
    position: relative;
    background: #0F2F30 url('../img/blu_backg_newsz.jpg') center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#logo_portada {
    padding: 2.4rem 0 2.2rem;
}

#logo_portada img {
    width: 470px
}

#contenido {
    background-color: #fff;
    padding-top: 1.2rem;
}

#contenido .column {
    margin-bottom: 1.8rem;
}

#bottom_contenido {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
}

/*SLIDER*/
.container {

  position: relative;

  max-width: 500px;
  overflow: hidden;
  margin: 0 auto;
}



.big {
  position: absolute;
  left:100%;

  z-index:4;
  -webkit-transition: left 1s ease;
  -moz-transition: left 1s ease;
  -o-transition: left 1s ease;
  -ms-transition: left 1s ease;
  transition: left 1s ease;

}

.featured {
  position: absolute;
  left: 0%;
  z-index:3;
margin-top: auto;
margin-left: 10%;
width: 80%;

  }

a .thumb {
  width: 30%;
  float: left;
  margin: 1%;
  margin-top:75%;
}

a:hover .thumb {

  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

a:hover .big {

  left:0%;
}

.both {
 clear:both;
}

#container_vid {
      max-width: 854px;
      margin-left: auto;
      margin-right: auto;
    }

    video {
      max-width: 100%;
    }