body{background: rgba(255, 255, 255, 0.92); font-family: Arial;}
.contenedor { max-width: 960px; margin: 0 auto 0 auto;}
header{font-size: 26px; text-align: center; border: 4px solid rgba(198, 94, 190, 0.53) ;padding: 0; width: 100%; box-sizing: border-box; }
.tituloheader {text-decoration: none; padding:0 ; margin: 15px 0 15px 0 ;}


h2 {margin-left: 0px; }
footer{text-align: center; background: rgba(198, 94, 190, 0.53); width: 99%; padding: 1px 1px 1px 3px;margin-top: 30px; box-sizing: border-box}
.textofooter {font-size: 13px; width: 98%; position: relative; margin-left:  10px}
.destacado{ font-weight: bold;}
nav { width: 100%; text-align: right; background: rgba(198, 94, 190, 0.53); min-height: 35px; padding: 7px 0 0 0; box-sizing: border-box;}
.navgrande  { width: 100%; text-align: right; background: rgba(198, 94, 190, 0.53); min-height: 27px; padding: 4px 0 2px 0; box-sizing: border-box;}
.navgrande2  { width: 100%; text-align: right; background: rgba(145, 84, 141, 0.61); min-height: 27px; padding: 4px 0 2px 0; box-sizing: border-box;}
.aprincipal { text-decoration: none; color: #000; margin: 1.2% 1% 1% 1%; font-size: 15px;}
a { text-decoration: none; color: #000; margin: 8px; text-align: center;}
.nav-entero { text-decoration: none; color: #000; margin-top: 1%; font-size: 16px;}
.linkfotos {margin: 0; text-align: center}
.nombres { margin: 0 0 0 25px; text-align: center; width: 150px;}

.fotoindividual {max-height: 270px; position: relative; float: left; margin-left: 20px;}
.fotos {max-height: 180px; margin: 10px 5px 5px 5px ; filter: grayscale(100%); -webkit-filter: grayscale(100%); transition:filter 0.2s; -webkit-transition:-webkit-filter 0.5s; border: 5px solid rgba(198, 94, 190, 0.53) }
.fotos:hover { filter: grayscale(0); -webkit-filter: grayscale(0); transition:filter 0.3s; -webkit-transition:-webkit-filter 0.5s;}
main { min-height: 350px;}
.mainindividual { min-height: 390px;}


.integrantes { max-height: 180px; box-sizing: border-box; background: #fff;} 
.sectionprincipal{ width: 100%; min-height: 220px; margin: 0; text-align: center; padding: 25% 0% 0% 0% ; }
nav ul {list-style-type: none; text-decoration: none;}

.gaby {  max-width: 200px; height: 180px; text-align: center; position: relative; float: left; margin: 0 70px 0 70px;}
.mer { max-width: 150px; height: 180px; text-align: center; position: relative; float: left; margin: 0 70px 0 70px; }
.mica { max-width: 150px; height: 180px; text-align: center; position: relative; float: left; margin: 0 70px 0 70px;}
.mapa { max-height: 550px; margin: -20px 0 10px -26px; padding: 0; width: 105%}
.sectionpropuesta { max-height: 5000px; max-width: 960px }
.sectionpropuesta h2 { margin-left: 35px; margin-top: 35px}
.fotopropuesta {max-width: 100%; max-height: 1350px; position: relative; float: left; margin: 10px 0 10px 30px;}
.pantallas {max-height: 1400px; width: 97%;margin: 0 0 35px 0;}
.fotopropuestados {width: 100%; max-height: 960px; position: relative; float: left;}
.pantallasdos {max-height: 1000px; width: 97%;margin: 0 0 15px 0; }
.fotoguia {width: 97%; max-height: 1200px; position: relative; float: left; margin-left: 35px}

.primeraño { max-width: 200px; position: relative; float: left; margin: 0 20px 0 20px;}
.segundoaño { max-width: 200px; position: relative; float: left;margin: 0 20px 0 20px;}
.terceraño { max-width: 200px; position: relative; float: left;margin: 0 20px 0 20px;}
.primerañomer { max-width: 200px; position: relative; float: left; margin: 0 30px 0 20px;}
.iniciogaby { width 80%; margin: 0; padding: 0; position: relative; float: left;}
.iniciogaby h2 {margin-left: 48px;}
.materias { width: 60%; padding: 0; min-height: 335px; float: right; margin: 50px 35px 20px 0; border: 3px solid rgba(37, 45, 255, 0.53);}
.materiasmer { width: 35%; padding: 20px 40px 0 40px; min-height: 310px; float: right; margin: 50px 95px 20px 0; border: 3px solid rgba(37, 45, 255, 0.53);} 



img { max-height: 130px; margin: 0 0 0 10px;}
.materiasaprobadas {margin-left: 20px;}
.materiasaprobadasmer  {margin-left: 20px; font-size: 22px;}
.añomer {font-size: 18px;}
.linkpropgaby { text-decoration: none;text-decoration-style: none; margin-left: 70px; position: absolute; top: 347px;  border: 2px solid rgba(81, 144, 159, 0.66); padding: 2%;}
.carta { margin: 20px; border: 5px solid #000000; padding: 5% ; with: 100% }
.sectionmapa { margin: 20px; border: 5px solid #000000; padding: 2% 2% 0 5% ; with: 100% }