@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,800,700);

* { 
 box-sizing: border-box;
 font-family: Dosis; sans-serif
}

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

#logo {
    float: right;
    max-width: 100%;
}

div ul {
    margin: 3em 0; padding: 2em 0 0;
}

div ul li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0 2em;
    
}

#seleccion a {
    color: aquamarine;
    border-bottom: solid 0.2em aquamarine;
    padding-bottom: 0.3em;
}

div ul li a {
    text-decoration: none;
    color: black;
    font-weight: 800;
    }

div ul li a:hover {
    color: aquamarine;
    border-bottom: solid 0.2em aquamarine;
    padding-bottom: 0.3em;
}

#contenido {
    padding: 1em 0;
}

main img {
    float: left;
    width: 25%;

}
/*
#A1 img:hover {
    position: relative;
    z-index: 2;
    max-width: 30%;
	max-height: 30%;
    overflow: hidden;
}
*/


aside {
    margin: 3em 0; padding: 0;
    display: inline;
    float: left;
}

#rotulo {
    width: 20em;
    color: black;
    border-right: solid 0.3em aquamarine;
    padding-right: 1em;
    margin: 0;
    float: left;
    height: 17em;
}

#rotulo1 {
    float: left;
    width: 20em;
    color: black;
    border-right: solid 0.3em aquamarine;
    padding-right: 1em;
    padding-left: 2em;
    height: 17em;
    
}

h3 {
   font-family: 'Dosis', sans-serif;
   font-weight: 800;
   font-size: 1.5em;
   text-align: left;
   }

#rotulo2 {
    float: left;
    width: 20em;
    color: black;
    padding-left: 2em;
    height: 17em
}

h5 a {
    background-color: aquamarine;
    color: black;
    padding: 0.5em 1em;
    font-size: 1.2em;
}
    
#FADU img {
    width: 5%;
    height: 5%;
    float: left;
    margin: 0 2em 0 0; 
}

#PARESTV img {
    width: 4%;
    float: left;
    margin: 0 2em 0 0; 
}

footer {
    float: left;
    background-color: rgba(127,255,212,0.1);
    font-size: 0.8em;
    padding: 1em;
}


@media screen and (max-width: 48em) {
    
    main img {
        width: 48%;
        float: none;
    }
    
#rotulo {
    width: 14em;
    color: black;
    border-right: solid 0.1em aquamarine;
    padding-right: 0.8em;
    margin: 0;
    float: left;
    height: 20em;
    font-size: 0.9em;
}

#rotulo1 {
    float: left;
    width: 14em;
    color: black;
    border-right: solid 0.1em aquamarine;
    padding-right: 0.8em;
    padding-left: 0.8em;
    height: 20em;
    font-size: 0.9em;
    
}

h3 {
   font-family: 'Dosis', sans-serif;
   font-weight: 800;
   font-size: 1.5em;
   text-align: left;
   }

#rotulo2 {
    float: left;
    width: 14em;
    color: black;
    padding-left: 0.8em;
    height: 20em;
    font-size: 0.9em;
}

h5 a {
    background-color: white;
    color: aquamarine;
    font-size: 1.3em;
    padding: 0;
}

 h5 {
     margin-left: 4em;
     border-right: solid 0.2em black;
     padding-right: 0.2em;
 }

aside {
    margin: 3em 0; padding: 0;
    display: inline;
    float: left;
}
    
#FADU img {
    width: 8%;
    height: 8%;
    float: left;
    margin: 0 2em 0 0; 
}

#PARESTV img {
    width: 6%;
    float: left;
    margin: 0 2em 0 0; 
}

footer {
    float: left;
    background-color: rgba(127,255,212,0.1);
    font-size: 0.65em;
    padding: 1em;
}  
    
}


@media screen and (max-width: 30em) {
    
#logo {
    float: right;
    width: 50%;
}

div ul li a{
    list-style: none;
    display: block;
    margin: 0; padding: 0;
    width: 13%;
    
}    
    
div ul li {
    margin: 0;
}
    
#seleccion a {
    color: aquamarine;
    border-bottom: solid 0.2em aquamarine;
    padding-bottom: 0.3em;
    width: 10%;
}
    
main img {
    float: none;
    width: 85%;

}
    
#rotulo {
    width: 28em;
    color: black;
    border-right: none;
    border-bottom: solid 0.2em aquamarine;
    padding-right: 0.8em;
    margin: 0;
    float: left;
    height: 17em;
    font-size: 0.9em;
    margin: 0; padding: 0;
}

#rotulo1 {
    float: left;
    width: 28em;
    color: black;
    border-right: none;
    border-bottom: solid 0.2em aquamarine;
    padding-right: 0.8em;
    padding-left: 0.8em;
    height: 17em;
    font-size: 0.9em;
    margin: 0; padding: 0;
    
}

h3 {
   font-family: 'Dosis', sans-serif;
   font-weight: 800;
   font-size: 1.5em;
   text-align: left;
   }

#rotulo2 {
    float: left;
    width: 28em;
    color: black;
    padding-left: 0.8em;
    height: 17em;
    font-size: 0.9em;
    margin: 0; padding: 0;
}

h5 a {
    background-color: white;
    color: aquamarine;
    font-size: 1.3em;
    padding: 0;
}

 h5 {
     margin-left: 4em;
     border-right: solid 0.2em black;
     padding-right: 0.2em;
 }

#FADU img {
    width: 12%;
    height: 12%;
    float: left;
    margin: 0 2em 0 0; padding-top: 1em 
}

#PARESTV img {
    width: 10%;
    float: left;
    margin: 0 2em 0 0; padding-top: 1em 
}

footer {
    float: left;
    background-color: rgba(127,255,212,0.1);
    font-size: 0.65em;
    padding: 0.7em;
}  

}