body {
	    font-family: 'Roboto', sans-serif;
      font-size: large;
    }

#logo-asa
{
    margin-top:250px;
}
#video { /*El video de Home principal*/
  position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
  height: 100%;
  z-index: -1;
}

#lema{
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.sect {
  width: 100%;
  min-height:1000px;
}

#sect1 {
  position: relative;
  overflow: hidden;
}

#sect2{
  background: #dddddd url(../img/cielo.png) repeat;
  color: #333;
  min-height:200px;
  margin-top:-275px;
  border-top: 1px  #00b0ce solid;
  display:block;
}
#sectSky{
  background: #dddddd url(../img/cielo.png) repeat;
  color: #333;
  min-height:200px;
  border-top: 1px  #00b0ce solid;
  display:block;
}

#sectTextura {
  background: url(../img/bg_textura.png) repeat navy;
  border-top: 1px  #00b0ce solid;
   min-height:200px;
    display:block;
  
}
#sectTextura a{
	text-decoration:none !important;
	color:navy;
}

.Titulo {
	text-align: start;
	font: normal normal bold 45px/55px Roboto;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 1;
	padding-bottom: 3rem;
}

#seccion2{
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color:#18314F ;
    margin-top: 400px;
    padding-left: 200px;

}

#descripcion-bienvenido
{
    padding-left: 200px;
    padding-right: 400px;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin-top:30px;
    margin-bottom: 200px;

}

/*efectos divs*/
.content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px; 
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1s;
}

.content > div {

  grid-area: 2 / 2 / 5 / 5;
}

.gray {
  background-color: #333;
}

.blue {
  background-color: #0e1424;
}

.darkgray {
  background-color: #333f44;
}

.fadeTop {
  opacity: 0; 
  transform: translate(0, 20vh);
  transition: all 3s;
}

.fadeRight {
  opacity: 0;
  transform: translate(20vh, 0vh);
  transition: all 3s;
}

.fadeLeft {
  opacity: 0;
  transform: translate(-20vh, 0vh);
  transition: all 3s;
}

.visible {
  opacity: 1;
  transform: translate(0, 0);
}






.btn-whatsapp {
  display: block !important;
  position: fixed;
  z-index: 9999999;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  border-radius:100px !important;
  }
  
  img .btn-whatsapp:hover{
  border-radius:100px !important;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1); 
  -moz-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
  box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
  transition-duration: 1s;
  } 

.detalle_estudio
{
  text-align: justify;
  font-family: 'Roboto', sans-serif;
  
}


.titulo_estudio{
  font: normal normal bold 45px/55px Roboto;
	letter-spacing: 0px;
}

.servicio_frase{
  font: normal normal bold 30px/40px Roboto;
	letter-spacing: 0px;
}

.bg_pag_detalle{
  background: rgb(200,226,245);
  background: linear-gradient(180deg, rgba(200,226,245,1) 0%, rgba(255,255,255,1) 100%);

}

.turbinaL{
  background: transparent url(../img/turbinaL.png) no-repeat;
}

.turbinaR{
  background: transparent url(../img/turbinaR.png) no-repeat;
}


.footer{
  background: url(../img/footer_sky.png) no-repeat;
  border-top: 1px  #00b0ce solid;
  
}


#movil{display:none;}
@media screen and (max-width:768px){
#sect1 img{
	width:80%;
}
.flota img{
	width:10%;
	}
	
	#pc{display:none;}
	#movil{display:block}
}

a:link :hover { color: white;  }

.materia
{
    text-align: center;
    background-color: #dddddd;
    padding-top:10px;
    padding-bottom: 10px;
    margin-left:18px;
    margin-top:20px;
    margin-bottom: 20px;
    vertical-align: middle;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}