@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: 32px;
    text-shadow: 0px 0px;
}

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

img{width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;}


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

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

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


main {background-color:#E5E5E5;
      
     }


p {text-align: center;
   padding-bottom: 10px;
   padding-top: 15px;}

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



.row:before, .row:after {content: "";
                         display: table;
                        }
.row:after {clear: both;
           }

hr {background-color: #a5ba75;}

/* Movil Landscape View */

@media (min-width:600px){
    
    header {padding-top:15px;
            padding-bottom: 10px;
            padding-left: 32px;
            padding-right: 32px;}
    
    
    
    .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;
                     }
        
    p{padding-bottom: 20px;}
    
    .col {float:left;
          padding:0px 7px 14px;
         }
    
    
     .col-md-one-half {width: 50%;
                     }
    
}

/* Tablet View*/

@media (min-width:768px){
    
    body{max-width: 778px;}
    
    .LengEsp{width: 40px;}
              
        
    .Est-MiNombre{padding-bottom: 20px;
                  width: 200px;
                  }
    header {padding: 32px;}
          

   

}

/* Desktop View */

@media (min-width:1024px)
{
    body{max-width: 1200px;}
               
    
   .Est-MiNombre {float: left;
                  width: 200px; }
    
   .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;}
    
    .col-third{width:30%;
               padding-left: 120px;
               padding-bottom: 30px;
               }
}