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

header {
    padding: 32px;
    text-shadow: 0px 0px;
}

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



.LengEsp{width: 25px;           
        float: right;
        padding-top: 10px;
        padding-left: 5px;
         }

.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;
                  }

main{padding-left: 5px;
     padding-right: 5px}

h1 {font-size: 20px;
    text-shadow: 0px 0px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 20px;
    }


hr {background-color: #a5ba75;
    }



p{  font-size: 20px;
	color: #2F322A;
    text-align: center;
    text-align: justify
    
}

body footer p {font-size: 15px;
              text-align: center;
                        }

.Greca{margin-left: auto;
       margin-right: auto;
       display: block;
       padding-top: 40px;
       padding-bottom:20px;
       width: 100%;}

.Opcion1{text-decoration: none;
        color: #000000;
        font-size: 15px;
        font-weight: bold;
        float: left;
        border: 2px #a5ba75 solid;
        padding: 2px 7px;
        border-radius: 30px;}

.Opcion2{
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    float: right;
    border: 2px #a5ba75 solid;
    padding: 2px 7px;
    border-radius: 30px;
        }



/* Vista Movil Landscape */

@media (min-width:600px){
    
    header {padding-top: 15px;
            padding-bottom: 0px;
            padding-left: 32px;
            padding-right: 32px;
           } 
    
    
    .Est-Nav ul li {display: inline-block;
                    padding: 8px;
                    }
    
    .Est-Nav ul {text-align: center;
                 }
	h1{margin-top: 0px;
       margin-bottom: 0px}  
    
      }


/* Vista Tablet */

@media (min-width:768px){
    
      body{max-width: 778px;}
    
              
    .LengEsp{width: 40px;}
    
    .Est-MiNombre{padding-bottom: 20px;
                  width: 200px;
                  }
     header {padding: 32px;
           }
	
    h1{margin-top: 30px;
       margin-bottom: 40px}
    
    .Opcion1{font-size: small;
            padding: 2px 10px}
    
    .Opcion2{font-size: small;
            padding: 2px 10px}
    
    .Greca{width: 100%;
           height: 40%;
           padding-top:100px;
	       padding-bottom: 40px}
    
    body footer p {padding-bottom: 30px}
  
    
    }

/* 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;
   }
    
    header{
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
           }
	
	 p{margin-left: 80px;
      margin-right: 80px;
      margin-bottom: 20px}
    
    .Greca{padding-top: 140px;
           padding-bottom: 70px;
           width: 85%;
           height: 50%}
    
    .Opcion1{font-size: large;
            font-weight: normal;
            border: 4px #a5ba75 solid;}
    
    .Opcion2{font-size: large;
            font-weight: normal;
            border: 4px #a5ba75 solid;
            }
	
	body footer p {padding-bottom: 10px}
    
    footer{padding-left: 20px;
	       padding-right: 20px}
    
}