@charset "utf-8"
    /* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


html {
font-family: 'Roboto';'sans-serif';
width: 960px;
margin: 0 auto;
    background-color:#edf3d9;

}

body { 
    background-color:#edf3d9;
    width:960px;
    height:1300px;
    margin: 0 auto;  
}

.otoño1{
    border-bottom: 5px solid #bf574e;
    float: left
}

#dgpc{
    position: absolute;
    font-size: 40px;
    color:  #bf574e;
    margin-top: -30px;
    padding-left: 10px;
}


.perfil img {
   float: left;
    border: 5px solid #bf574e;
    margin-left: 10px;
    margin-top: -50px;
}

.menu{
    float: left;
    width: 685px;
    height: 50px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    
    
}

.menu ul{
    float: left;
}

.menu  li{
    display: block;
    float: left;

    
}

.menu a{
    width: 132px;
  height: 15px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: snow;
    text-decoration: none;
    font-style: normal;
  text-align: center;
    background-color: #bb9e83;
}

.menu a:hover{
    background-color: #bf574e;
}


.pres1 {
   float: left;
    width: 240px;
    background-color: #bf574e;
    margin-top: 130px;
    margin-left: -234px;
    
}

.pres1 h3{
    color: snow;
    padding-left: 10px;
    margin-top: -2px
    
}

.pres1 p{
    color:snow;
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    margin-top: -1px;
}

.materias {
    float: left;
    background-color: #bf574e;
    width: 600px;
    height: 40px;
    margin-left: 45px;
    margin-right: 50px;
}

.materias h3{
    color: snow;
    font-size: 14px;
    padding-left: 10px;
    
}

.materias2 {
    float: left;
    background-color:#bb9e83;
    width: 285px;
    margin-right: 6px;
    margin-top: 12px;
    margin-left: 45px;
    color: snow;
    padding-left: 10px;
}

.materias2 p{
    font-size: 12px;
    font-style: italic;
}
.materias3 {
    float: left;
    background-color:#bb9e83;
    width: 285px;
    margin-right:50px;
    margin-top: 12px;
    margin-left: 5px;
    color: snow;
    padding-left: 10px;
    
}
.materias3 p{
    font-size: 12px;
    font-style: italic;

}

.galeriayo {
    float: left;
    background-color: #bf574e;
    width: 925px;
    height: 40px;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 12px;
}

.galeriayo h3{
    color: snow;
    font-size: 14px;
    padding-left: 14px;
    padding-bottom: 4px;
}

.imyo1{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    width: 300px;
    height: 150px;
}

.imyo2{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
}

.imyo3{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    margin-right: 15px;
}

.imyo4{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    width: 300px;
    height: 150px;
}

.imyo5{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    width: 300px;
    height: 150px;
}
.imyo6{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    width: 300px;
    height: 150px;
    margin-right: 15px;
}

.informe {
    float: left;
    background-color: #bf574e;
    width: 925px;
    height: 40px;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 12px;
}

.informe h3{
    color: snow;
    font-size: 14px;
    padding-left: 14px;
    padding-bottom: 4px;
}

.vilo {
  float: left;
  width: 145px;
  height: 110px;
  background-color:#bf574e ;
  margin-left: 10px;
  margin-top: 12px;

}

.vilo img{
    padding-left: 20px;
    padding-top: 20px;
    
}

.infovilo {
    float: left;
    background-color: #bf574e;
    width: 770px;
    height: 110px;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 13px;
    margin-bottom: 24px;
}

.infovilo p{
    color:  snow;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 10px;
}

footer{
    float: left;
    background-color: #edf3d9;
    width: 955px;
    padding-left: 4px;
 
}  



----------------/*mapa*/-----------------

.sepp {
    float: left;
  
}

.sepri{
      float: left;
    width:600px;
    height: 50px;
    background-color: #bf574e;
    margin-top: 12px;
    margin-left: 50px;
}
.sepri h3{
    color: snow;
    font-size: 14px;
    padding-left: 10px;
    
}

.sepro {
    float: left;
    background-color:#bb9e83;
    width: 585px;
    margin-right: 10px;
    margin-top: 12px;
    margin-left: 50px;
    color: snow;
    padding-left: 10px;
}

.sepro p{
    font-size: 12px;
    font-style: italic;
    
}

.sepra{
      float: left;
    width:600px;
    height: 50px;
    background-color: #bf574e;
    margin-top: 12px;
    margin-left: 300px;
}
.sepra h3{
    color: snow;
    font-size: 14px;
    padding-left: 10px;
    
}

.sepru {
    float: left;
    background-color:#bb9e83;
    width: 585px;
    margin-right: 10px;
    margin-top: 12px;
    margin-left: 300px;
    color: snow;
    padding-left: 10px;
}

.sepru p{
    font-size: 12px;
    font-style: italic;
    
}

/* carta */

.parti{
float: left;
    width:600px;
    height: 50px;
    background-color: #bf574e;
    margin-top: -120px;
    margin-left: 300px;
}
.parti h3{
    color: snow;
    font-size: 14px;
    padding-left: 10px;
    
}

.parto {
    float: left;
    background-color:#bb9e83;
    width: 586px;
    margin-right: 10px;
    margin-top: -60px;
    margin-left: 300px;
    color: snow;
    padding-left: 10px;
}

.parto p{
    font-size: 12px;
    font-style: italic;
    
}

.refes {
    float: left;
    background-color: #bf574e;
    width: 925px;
    height: 40px;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 12px;
}

.refes h3{
    color: snow;
    font-size: 14px;
    padding-left: 14px;
    padding-bottom: 4px;
}

.refe1{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    width: 300px;
    height: 150px;
}

.refe2{
    float: left;
    margin-left: 30px;
    margin-top: 12px;
}