*{
  padding: 0;
  margin: 0;
  font-family: sans-serif;
 
  }

#contenedor-general{
  max-width: 960px;
    margin: 0 auto;
    
}

#fondo{
	
	 }


body{
  background-color:#bcdbe6;
  
}

header{
background-color:#93c3d4;
 
}


figure img{
	width: 100%;
     height: auto;
	 }
     

 #centrado{

      width: 100%;
    background-image: url(../fondo-rotulo.jpg;);
    background-repeat: no-repeat;
    background-size: contain;
     
     
   
 }

.active {
    font-size: 50px;
	background-color: white;
   
}

nav{
  margin: 0px auto;
  width: 60%;
  
     }



    

h1{
  border-top: 1px solid white;
  border-bottom: 4px solid white;
  font-size: 25px;
  padding: 20px 20px 20px 0px;
  color: white
  
}


h2{
  font-size: 18px;
  padding: 25px 20px 0px 20px;
}


.perfil{
 font-size:16px;
 padding: 20px 20px 20px 0px;
 margin: 0px 50px 50px 0px;
 color: white
}

strong, b {
    font-weight: bold;
}



p{
  font-size: 12px;
   padding: 0px 20px 0px 20px;
  
}



h4{
  
  font-size: 19px;
  padding: 10px 10px 10px 0px; 
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  color: white
  
  
 
}

main{
background-color:#014258;
padding: 30px 30px 30px 30px;
}

aside{
  background-color:#ffffff;
  padding-bottom: 20px;
  
}

.imagenes{
  padding: 30px 20px 00px 0px;
  display: inline-block;

}


footer{
  background-color:#93c3d4;
  display: inline-block;
  padding: 20px 30px 20px 30px;
  }

.imagenes-logo{
  padding: 0px 2px 2px 0px;
  display: inline-block;

}

.legal{
padding: 2px 2px 2px 0px;
}

.active{
font-size: 30px;

}

nav ul li{
text-transform:uppercase;
color: white;
display: inline-block;
margin: 3px 3px 10px 3px;
padding: 12px 12px 12px 12px;
font-size:16px;
background-color: #002734;
list-style: none;
text-align: center;
}

a{
text-decoration: none
}


#no{
  border: none;
}

nav > ul > li > a{
  margin: 0px auto;
  
}

li{
list-style: none;
padding: 0px 20px 0px 20px;
  
}

@media screen and (min-width: 480px) {
    header{
        
    }
    main{
        
     
    }
    aside{
       
    }
     nav ul li{
        display: inline-block;
         
}
    
    
}

@media screen and (min-width: 768px) {

       header{
        
    }
    main{
   
        width: calc(65% - 1em);
        float: left;
    }
    aside{
       
        width: calc(32% - 1em);
        float: left;
    }
    

    
    nav ul li{
    
    }

}





h2{
  padding: 20px 20px 20px 20px;

  
}

article{
  
    
}



A:LINK{color: #bcdbe6}