@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);




*{  
    margin:0;
    padding:0;

}

html
{font-size:12px;}
body {
    background-color:rgb(211, 245, 237) ;;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    width: 100%;
    margen: auto;
   
}

header {
    background-color:rgb(52, 154, 142);
    
}

div#logo {
    padding: 2.5rem 0 2rem 6rem;

}
img {
width: 12rem;
 }

h1 {
    margin-top: 6.5rem;
    padding-right: 15rem;
    float: right;
    font-size: 1.5rem;
    color: #050505;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
     
}

h2 { 
    margin-top: auto;
    padding-top: 1rem;
    padding-left: 6rem;
    font-size: 1.5rem;
    de color negro;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    
}
h3 { 
    padding-top: 4rem;
    padding-bottom: 1rem;
   text-align: center;
    font-size: 1.8rem;
    de color: rgb (52, 154, 142);
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    
}
p{
 padding: 1rem 6rem 0 6rem;
     font-size: 1.3rem;
    text-align: justify;
}

      


main {
    background-image: url(imagenes/large.png);
     height:110rem;}

        
header nav{
    width:100%;
    background-color: rgb(255, 255, 255);
    text-align: center;
    height: 5rem;
    
}

header nav ul {
    list-style:none;
    
}


header nav ul li {
    display:inline;
   
       
}


header nav ul li a{
    font-size:1rem;
    padding-top:1.5rem;
    text-decoration:none;
    color:#080808;
    display:inline-block;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    padding-left: 1rem;
    padding-right:2rem;
   
    
}

 nav ul li a:hover{
    background-color:rgb(52, 154, 142);
     color: #020202;
}
div#video{
padding: 4rem 4rem 4rem 6rem;
}

    
}
footer{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  
    height: 8rem;
    

}
#textopie{
padding-left: 6.5rem;
padding-right: 6.5rem;
    padding-top: 2rem;
    font-size: 1rem;
    text-align: center;
        height: 5rem;
  background-color:rgb(52, 154, 142);   
 
}
#mapapng{
    background-image: url(imagenes/mapa.png);
    background-repeat: no-repeat;
    height: 60rem;
    
}
#mapapng img{
width: 100%}