@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300); @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body {background: #e3e3e3;}


header{max-width: 980px; 
       background:#7BAF76; 
       min-height: 55px; 
       padding-top: 1px;
       padding-bottom: 12px;
       margin: 0px 0px 10px 322px}

nav ul {list-style-type: none;}

nav ul li {position: relative; 
           float: left; 
           padding: 10px;
           margin: 0px 100px 20px 15px;}

nav ul li a{text-decoration: none;
            font-family:'Roboto Slab', serif;
            color: #ffffff; 
            padding: 6px;}

nav ul li a:hover{color: #000000;}


.link {max-width: 960px; 
       min-height: 40px;
       margin: 1rem; 
       padding: 0rem;} 

.contenedor {max-width: 960px;
             min-height: 100px;
             margin: 0px 0px 0px 322px; 
             padding: 10px;
             background:#ffffff; }


h1 {font-family:'Roboto Slab', serif;
    color: #ffffff;
    text-align: center;
    font-size:28pt;
    margin: 0px 134px 0px 134px;
    padding: 4px;
    background: #cc2700;}



p {font-family:'Roboto', sans-serif; 
   font-weight: 400;
   color: #000000;
   margin: 10px 128px 40px 130px;
   padding: 0px;
   text-align: center;}


h3 {font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size:18pt;
    margin: 4px 130px 15px 128px;
    padding: 0rem;
    color:#7BAF76;
    border-bottom: 2px solid #000000;
    background-image: url(Imagenes/line.png);
    background-size: contain;}


.completar {margin: 4rem 8rem 1rem 8rem;
            }




.dirc {font-family: 'Roboto Condensed', sans-serif;
       font-weight: 400;
       font-size:14pt;
       margin: 4rem 8rem 1rem 8rem;
       padding: 0rem;
       color:#7BAF76;
       border-bottom: 2px solid #000000;
       background-image: url(Imagenes/line.png);
       background-size: contain;}



.img {margin: 0rem 8rem 1rem 8rem;}


.redes a{list-style-type: none;
         text-decoration: none; 
         font-family: 'Roboto', sans-serif; 
         font-weight: 700;    
         color: #000000;
         margin: 0px -100px 0px 118px;
         padding: 1em;
         }

.redes a:hover{list-style-type: none;
               text-decoration: none; 
               font-family: 'Roboto', sans-serif;
               font-weight: 700;
               color: #33ffcc;  
               margin:0px -100px 0px 118px;
               padding: 1em;
               }



footer{max-width: 980px;
       min-height: 10px;
       font-family:'Roboto', sans-serif;
       font-weight: 400;
       font-size:8pt;
       color: #000000;
       margin: 0px 175px 0px 320px;
       padding: 2px;
       text-align: center; 
       background:#7BAF76;  
       padding-top: 20px;
       padding-bottom: 2px;}