html,body{
  background-color: #77706E;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0;
  margin: 0;
}
.header{
  width: 100%;
  height: auto;
}
.title{
  margin-top:100px;
  font-size: 900%;
  opacity: .8;
  color:white;
  text-align: right;
  position: absolute;
  right: 20px;
  left: auto;
  font-family: myriad-pro, sans-serif;
  font-weight: 900;
}
.uno{
  position: relative;
}
.m20{
  top: 0px;
}
.m40{
  top: 130px;
}
.m60{
  top: 250px;

}
.hombre{
  width:40%;
  margin-left: 30%;
  margin-right: 30%;
}
.unoymedio{
  background-color: #CFB285;
  position: relative;
}
.negro{
  background-color: rgb(0,0,0,.8);
  padding:20px;
  width:40%;
  margin-left: 25%;
  margin-right:35%;
  color:white;
  font-weight: bold;
  font-size: 150%;
  margin-top: -50px;
  position: absolute;
}
.verticaltext{
    width:5%;
    display:inline-block;
}
.maestria{
  display: inline-block;
  color:#000;
  width: 55%;
  padding-right:20px;
  font-size: 220%;
  vertical-align:top;
  font-weight: bolder;
  font-style: italic;
}
.sep{
  display: inline-block;
  color:#000;
  font-size: 200%;
  vertical-align: top;
  margin-top: 50px;
  width:34%;
}
.margin{
  padding-top:200px;
}
.imagen{
  width: 100%;
}
.margin2{
  width:40%;
}
.imagen2{
  width:100%;
}
.dos{
  background-color: #64625F;
}
.imagen3{
  width:40%;
  margin-left: 30%;
  margin-right: 30%;
}
.titulo2{
  width:80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  color:white;
  font-size: 150%;

}
.titulo3{
  margin-top: 50px;
  margin-bottom: 50px;
  width:80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  color:white;
  font-size: 200%;
  text-transform: uppercase;
  font-family: myriad-pro, sans-serif;
}
.texto{
  width:80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  color:white;
  text-transform: uppercase;
  font-size: 120%;
}
.tres{
  background-color: #64625F;
  position: relative;
}
.titulo4{
  font-size: 1100%;
  opacity: .8;
  color:white;
  text-align: left;
  position: absolute;
  right: auto;
  margin-top: 50px;
  left: 50px;
  font-weight: 800;
  font-family: myriad-pro, sans-serif;
}
.como{
  width:80%;
  display: inline-block;
}
.logo2{
  width:20%;
  display: inline-block;
}
.imagen5{
  position: absolute;
  width:20%;
  right:20px;
  left:auto;
}
.tw{
  width:30%;
  display: inline-block;
}
.texto2{
  display: inline-block;
  width: 100%;
  text-align: justify;
  font-style: italic;
  font-size: 150%;
  color:white;
  vertical-align: top;
  margin-top: 600px;
}
.texto3{
  width:65%;
  display: inline-block;
  vertical-align: top;
}
.spacer{
  height:100px;
}
.titulo5{
  font-size: 150%;
  font-weight: bolder;
  font-family: myriad-pro, sans-serif;
}
.cuatro{
  background: #867B6A;
}

.cinco{

background: rgba(255,254,252,1);
background: -moz-linear-gradient(-45deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 13%, rgba(247,246,244,1) 26%, rgba(247,246,244,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,254,252,1)), color-stop(13%, rgba(255,254,252,1)), color-stop(26%, rgba(247,246,244,1)), color-stop(100%, rgba(247,246,244,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 13%, rgba(247,246,244,1) 26%, rgba(247,246,244,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 13%, rgba(247,246,244,1) 26%, rgba(247,246,244,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 13%, rgba(247,246,244,1) 26%, rgba(247,246,244,1) 100%);
background: linear-gradient(135deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 13%, rgba(247,246,244,1) 26%, rgba(247,246,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefc', endColorstr='#f7f6f4', GradientType=1 );

}
.t20{
  width:20%;
  display: inline-block;
}
.title5{
  font-size: 600%;
  color:#52514C;
  width:79%;
  display: inline-block;
  font-weight: bolder;
    line-height: 1;
    font-family: myriad-pro, sans-serif;
}
.texto6{
  width:40%;
  margin-left: 53%;
  font-size: 140%;
  margin-top: -200px;
  color:#52514D;

}
.title6{
  font-size: 500%;
  color:#52514C;
  width:55%;
  margin-left: 5%;
  display: inline-block;
  font-weight: bolder;
    line-height: 1;
    font-family: myriad-pro, sans-serif;
}
.w30{
  width:29%;
  display:inline-block;
}
.texto7{
  width:50%;
  margin-left: 43%;
  font-size: 140%;
  margin-top: -100px;
  color:#52514D;
}
.texto8{
  display: inline-block;
  width:40%;
  margin-left: 5%;
  border-right: solid #B8B8B3 2px;
  padding-right:20px;
  vertical-align: top;
}
.revoe{
  font-size: 30%;
  font-weight: normal;
}
.texto10{
  font-size: 140%;
  text-align: justify;
}
.texto9{
  display: inline-block;
  width:45%;
  padding-left: 20px;
  vertical-align: top;
}
.title7{
  font-size: 250%;
  color:#52514C;
  font-weight: bolder;
  font-family: myriad-pro, sans-serif;
}
.title8{
  font-size: 500%;
  color:#52514C;
  width:90%;
  margin-left: 5%;
  display: inline-block;
  font-weight: bolder;
  font-family: myriad-pro, sans-serif;
  line-height: 1;
}
.texto11{
  width:75%;
  margin-left:20%;
}
.seis{
  background-color: #7B7C79;
  padding:20px;
}
.title9{
  font-size: 300%;
  margin-left: 10%;
  color:white;
  width:90%;
  font-family: myriad-pro, sans-serif;
}
.texto12{
    margin-left: 10%;
    font-size: 150%;
    color:white;
    width:90%;
}
.t50{
  font-size: 150%;
  color:white;
  width:49%;
  display: inline-block;
}
.textoi{
  height:30px;
  width:100%;
  background: white;
  border:solid #7B7C79 2px;
}
.mitad{
  width:80%;
  margin-left: 10%;
}
.t100{
  font-size: 150%;
  color:white;
  width:90%;
  display: inline-block;
}
.texto13{
  font-size: 150%;
}
.boton{
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  color:#52514C;
  background-color:#F7F6F4;
  text-align: center;
  border:solid #52514C 2px;
  border-radius: 5px;
  display: inline-block;
  margin-top:40px;
  text-decoration: none;
}
.boton:hover{
  color:#F7F6F4;
  background-color:#52514C;
  border:solid #F7F6F4 2px;
  cursor: pointer;
}