@charset "utf-8";


@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Vollkorn);
@import url(https://fonts.googleapis.com/css?family=Francois+One);


* {
    box-sizing: border-box;
    
}

body{
 font-family:"Vollkorn",sans-serif;
    background-image: url(Imagenes/1395833315-67802800.jpg);
    
}

figure {
    width: 100%; margin: 0; padding: 0;
}

img {
    width: 40%;
    height: auto;
    padding-bottom:1em;
    padding-left:1em;
    padding-top: 1em;
    
}

#sobre{
	float:left;
    margin-top: -1em;
    margin-left: 1em;
      
}

#datos{
	 float:right;
     width:60%;
     padding:2em;
     padding: 2em 1em 2em;
     
}

#pagina {
    max-width: 80em;   
    margin: 0 auto;
   
}


#secundarios1{
    width: 49%;
    height: auto;
    
}

#secundarios2{
    width: 49%;
    height: auto;
    
}



header, main, aside, footer {
    padding:1em;
}


	
#foto{
	float:left;
}
	
#logo {
    width:18%;
    height: auto;    
}


main, aside {
    float: left;
}

header {
    background-color: darkturquoise;
    position:relative;
}



header nav ul {
    list-style:none;
    margin: 0; padding: 0;
}

header nav ul li {
    display:block;
    margin-right: 0em;
    box-shadow: 0.1rem 0.1rem 0.4rem;
   
}

h1 {
    font-family: "Vollkorn",sans-serif;
    font-weight: 700;
    color:coral;
    margin-top: auto;
    
}

h3 {
    color:darkslategray;
}


h2 {
    font-family: "Vollkorn",sans-serif;
    font-weight: 700;
    color:darksalmon;
    margin-bottom:-1em;
}

span{
    color:chocolate;
}

    


header nav ul li a {
    display:block;
    background-color:coral;
    color:aliceblue;
    padding: 0 2em;
    text-decoration: none;
    line-height: 2em;
    
}

header nav ul li a:hover {
    background-color: black;
    color:aqua;
}

main {
    background-color:beige;
    margin-bottom: 1em;
}

aside {
    background-color:cadetblue;
    color: white;
   
}

footer {
    background-color:coral;   
    clear: both;
    overflow: auto;
    margin:1;
    padding: 2em;
    color:aliceblue;
    text-align: center;
    font-family:"PT+Sans+Narrow:700";
 
}

#contenido {
    padding: 1em 0; 
    overflow: auto;
}

@media screen and (min-width: 40em) {
    main, figure {
    width: 100%; margin: 0; padding: 0;
  }

img {
    width: 40%;
    height: auto;
    padding-bottom: 1em;
}


    main {
        width: calc(70% - 1em);   
        margin-right: 1em;
        height:600px;
        height: inherit;
    }
    
    aside {
        width: 30%;
        height:600px;
        height: inherit;
    
    }
   header {
    background-color: darkturquoise;
    position:relative;
}



header nav ul {
    list-style:none;
    margin: 0; padding: 0;
}

header nav ul li {
    display:inline-block;
    margin-right: 0em;
    box-shadow: 0.1rem 0.1rem 0.4rem;
   
}
 header nav ul li a {
    display:inline-block;
    background-color:coral;
    color:aliceblue;
    padding: 0 2em;
    text-decoration: none;
    line-height: 2em;
    
}

header nav ul li a:hover {
    background-color: black;
    color:aqua;
}

    
    
}