* {   padding:0; margin:0;}
a:active {color:inherit; font-style:normal; text-decoration:none;}
a:visited {color:inherit; font-style:normal; text-decoration:none;}
a:hover {color:inherit; font-style:normal; text-decoration:none;}
a {color:inherit; font-style:normal; text-decoration:none;}
body {   width:100%; 
        background-color: #333333;
     }
@font-face {
    font-family: 'quicksandlight';
    src: url('../fonts/quicksand-light-webfont.eot');
    src: url('../fonts/quicksand-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-light-webfont.woff2') format('woff2'),
         url('../fonts/quicksand-light-webfont.woff') format('woff'),
         url('../fonts/quicksand-light-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


.fondo { width: 100%; text-align: center; margin: auto; top: 0; left: auto; right: auto; position: fixed; z-index: -999; }
.fondo img { width: 100%; text-align: center; margin: auto; }

.top { width: 100%;  background-color: #FFF; margin: 0 auto 0 auto; padding: 0 0 0 0;   font-family:'quicksandlight'; color: #212121; position: fixed; top: 0;
opacity: 75%;}
.top ur li { display: inline;  background-color: #fff; }
.titulo { width: 60%; margin-left: 5%;  }
.titulo img { width: 17%; }
.redes { width:5%; margin-left: 45%; vertical-align:top;    }
.redes img { width:2.5%; margin-top: 2.5%; margin-left: 0.5%;   }
.whatsapp { width:25%; margin-left: 2%; vertical-align:top; }
.whatsapp img { width:17%;margin-top: 2.5%;  }


.cuerpo { width: 100%; padding-bottom: 2%; margin-top: 20%; background-color: #fff;}

.menu { width: 100%; padding: 1% 0; background-color: #5F6C96; text-align: center; margin: 0% auto 5% auto; font-size:150%; font-family:'quicksandlight'; font-weight: 900;  color: #656564;  }
.menu ur li { display: inline; padding-left: 2%; padding-right: 2%; padding-top: 1%;  padding-bottom: 1%; background-color: #fff; }
.menu ur li img { width: 15%; }
.menu ur li:hover { background-color: #C9C8C8; }
.contenido { width: 90%; margin: auto; background-color: #D1D0D0; padding: 5%; }
.contenido ur li { display: inline; padding-left: 2%; padding-right: 2%; padding-top: 1%;  padding-bottom: 1%;text-align: center;}
.contenido ur li img { width: 25%; }
.contenido ur li img:hover{ width: 27%; }


.galeria { width: 100%; text-align: center; margin: 15% auto; font-size:180%; font-family:'quicksandlight'; font-weight: 900;  color: #656564;  }
.galeria ur li { display: inline; padding:2%; margin: auto; }
.galeria ur li img { width: 20%; }


.news { width: 80%; margin: auto; padding: 1% 0; text-align: justify;  font-size:150%; font-family:'quicksandlight'; font-weight: 900;  color: #656564;  }
.news h1 { padding-bottom: 4%; color: #5F6C96; text-align: center;}
.news img { width: 30%; padding-bottom: 4%; text-align: center; margin: auto;}
.logo-central{ width: 100%; margin: auto; text-align: center; background-image: url("../images/fondo1.png"); background-position: center; background-size: cover;  }
.logo-central img{ width: 30%; margin: auto; padding: 5%; }


.fotos-circulares{width: 80%; margin: auto; padding: 2% 0%;}
.fotos-circulares ur li img { width: 29%; }
.fotos-circulares ur li img:hover{ width: 27%; }

.texto { width: 100%; margin: auto;  }
.texto { width: 70%; margin: auto; margin: 10% auto; font-size:200%; font-family:'quicksandlight'; font-weight: 900;  color: #656564; text-align: justify;   }

.final {width: 100%; padding: 2%; background-color: #5F6C96; }
.final h1 { padding-bottom: 4%; color: #D1D1D1; text-align: center; font-family:'quicksandlight';}