*{
	margin:0;
	padding: 0;
	
}

body {
    background-image: url(imagenes/fondo3.jpg);
    font-family: 'Lato', sans-serif;
   
    
}


header {
   background-image: url(imagenes/fondo2.jpeg);
       
    height: 70px;
     
} 


nav {
  width: 100%;
	height: 40px;
	background-color: #e4ebe4;
	position: relative; 
   
}

li {
    list-style-type: none;
     height: 20px;
    
}

nav ul li {
    display: inline-block;
    margin:0 15px 0 0;
    float:right
  
    }

a {
    color: black;
    text-decoration: none; 
}

footer {
    font-size: 10px; 
    text-align: center;
    margin-top: 400px;
}

h1 {float: left;
    margin: 9px 0px 0px 30px;
    color:white;
        margin-top: 50px;
}

section{
    margin: 30px;
    padding-top: 250px 
}

.contenedor{
	width: 100%;
	margin: 0 auto 0 auto;
    }

header .perfil{
	background-image: url(imagenes/perfil.jpg);
	background-size: 100%;
	background-position: center;
	margin: 9px 0px 0px 30px;
	z-index: 2;
	position: absolute;
	width: 250px;
	overflow: hidden;
	height: 250px;
	margin-top: 107px;
	padding: 5px 0 10px 15px;
    }

.logo {
    float: left;
    padding-right: 10px;
    margin: 20px 0px 10px 10px;
    position: relative;
  
}


.contenedor{
	width: 100%;
	margin: 0 auto 0 auto;
    }


.col-1{ background: #a3e9fa; 
    width: 27.3%; 
    height: 285px; 
    position: relative;
    float: left;
    padding: 10px;
    bottom: -52px;
   
    }
    
    
    
    .col-2{ background: #a3eac8;
    position: relative;
    float: right;
    width: 25%;
    margin-top: -280px;
    font-size: 13px; 
    padding: 10px;
}

.separador{ clear: both;}

.pagina{ 
    width: 960px;
    margin: 0 auto 0 auto;
}


.destacado{ 
    font-size: 15px; 
    color: #107140; 
    background: #a3eac8;
    margin: 25px;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    
}


.destacado2{ 
    font-size: 18px; 
    color: #000; 
    background: #a3eac8;
    margin: 25px;
    padding: 10px;
    margin: 25px;
    font-family: 'Lato', sans-serif;
    
}