* {margin: 0; padding: 0;}

body {width: 100%; 
; overflow-x: hidden; background: #19659C; font-family: roboto}

h1 {float: right; top: 250px}


nav {height: 20px}


.sociales { position: inherit; float: right;}



.proyectuales {
    position: inherit; float: right;
    padding: 9px;
  }



.barra {height: 65px; 
    background: #1e7ab9; 
    width: 100%; 
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 15px;
    z-index: 15}
    

.logo {position: fixed; top: -11px; left: 7%; z-index: 16}


a {text-decoration: none; color: black}

.imagen1 {width: 100%}

.barrabaja {width: 100%; height: 10px; background: #19659C; padding-top: 15px; padding-bottom: 15px;}


.Button1 {color: aqua; font-size: 5px}


.botoncuenca {position: relative; left:5%; top: 1px}


.botonproyecto {position: relative; left: 25%; top: -59px}


.botonproducciones {position: relative; left: 55%; top: -118px}


.botoncontactanos {position: relative; left: 83%; top: -178px;}


.articulo {background: #19659C; width: 100%; height: 950px}




.titulo2 {color: white; position: relative; left: 35%; top: 25px}



.barravideos {position: absolute; background: #19659C; width: 100%; height: 100px; top: 950px}


#container {
width: 100%;
    height: 400px;
    margin-left: 0; 
    margin-right: auto;
    margin-top: 150px;
    background:  #19659C;

}


    .galleria{width: 100%; height: 400px; background: blue }


h3 {color: aqua; position: relative; left: 50%; top: 22220}



.imgStyle {
    height: 100px; 
    width: 100px;
    border: 3px solid grey; 

    
    

}



#mainimage {width: 100%; border: 3px
        solid grey;
 

    
}

#divId {
position: relative; left: 30%; top: -15px; 

}


.imagengaleria {position: relative; left: 18%; top: -15px
}


.titulo3 {color: white; position: relative; left: 40%; top: -15px}



img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


.titulomaterial {position: relative; color: white; top: 85px; left: 40%}


.aver {position: relative; background: #11466C; height: 110px; top: 50px; z-index: -1 }


.aver2 {background: #11466C; height: 110px }


.titulo3  {position: relative; top: 50px}


.imagenfooter {
position: relative; left: 18%; max-width: 100%; top: 75px


}