@charset "utf-8";
/* CSS Document */
html,
html *{padding: 0;
       margin: 0;
       box-sizing: border-box;
       font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

header {padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 32px;
        padding-right: 32px;
        text-shadow: 0px 0px;
       }

body{margin-left: auto;
     margin-right: auto;}

.LengEsp{width: 25px;           
        float: right;
        }

.Est-MiNombre {margin-left: auto;
               margin-right: auto;
               display: block;
               width: 130px;
               padding-bottom: 10px;
               padding-left: 30px;
              }

.Est-Nav ul {list-style-type: none;}

.Est-Nav ul li a {text-decoration: none;
                  color: #2F322A;
                  text-align: center;
                  display: block;
                  padding: 4px;
                  }

.Est-Nav li ul{display:none;
               padding-left: 100px;
               min-width: 140px;              
               }

.Est-Nav ul li:hover > ul {display: block;
                           }
.Est-Nav li a:hover{background-color:#c4c3ca;}


footer {padding-left: 20px;
        padding-right: 20px;
        }
hr {background-color: #a5ba75}


.Manzanas{margin-left: auto;
          margin-right: auto;
          display: block;
          padding-top: 20px;
          padding-bottom:10px;
          width: 70%;}
    


/* estilos Menu */

.Opcion{
    text-decoration: none;
    color: #000000;
    font-size: large;
    display: block;
    text-align: center;
    border: 4px #a5ba75 solid;
    padding: 8px 30px;
    border-radius: 30px;
    font-weight: bold;
         }


.col{padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 10px;
     padding-right: 10px;
     width: 70%;
     margin-left: auto;
     margin-right: auto;
     }


/* Vista Movil Landscape */

@media (min-width:600px){
    
    header {padding-top: 15px;
            
           }
       
    
    .Est-Nav > li {float: left;}
    
    
    .Est-Nav ul li {display: inline-block;
                    padding-top: 8px;
                    padding-left: 0px;
                    padding-right: 8px;
                    padding-bottom: 8px;
                    }
    
    .Est-Nav ul {text-align: center;
                 }
    
    .Est-Nav li ul {position: absolute;
                    padding-left: 0px;
                    padding-top: 0px;
                    }
    .col{width: 55%;
         padding-top: 20px;
         padding-bottom: 20px;}
    
    .Manzanas{padding-top: 10px;
              width: 50%}
    
}
    



/* Vista Tablet */

@media (min-width:768px){
    
      body{max-width: 778px;}
    
    
    
    .LengEsp{width: 40px;}
              
    
    .Est-MiNombre{padding-bottom: 20px;
                  width: 200px;
                  }
    header {padding: 32px;
           }
  
    footer {padding-left: 50px;
        padding-right: 50px;} 
    
    .col{width: 35%}
    
    .Manzanas{padding-top: 30px;
              padding-bottom: 20px;
              width: 60%}

    }
     

/* Vista Desktop */

@media (min-width:1024px){
    
    body{max-width: 1200px;}
    
    .Est-MiNombre {float: left;
                  width: 200px;
                  padding-top: 5px;}
    
   .Est-Nav {font-size: large;
            }
    
    .LengEsp{padding-top: 10px;
             padding-left: 10px;
             padding-right: 0px;
             width: 50px;}
    
   .Est-Nav ul {text-align: right;
   }
    
    .Manzanas{width: 40%;
              padding-top: 50px;
              padding-bottom: 50px;} 
    
   
    header{
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
           }
    
    footer {
    padding-left: 70px;
    padding-right: 70px;
    
}   
}