body {
    background-color: white;
}

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

div#contacto{
position: relative;
font-size: 10pt;
font-family: 'Open Sans', sans-serif;
background-color: #f57275;
width: 99.53%;
float: right;
height: 50px;
 margin-left: 0.5%;
}

div#contacto nav ul{
position: absolute;
width: 77%;
float: right;
}

div#contacto nav ul li {  
list-style: none;
}

div#contacto nav ul li a{
float: right;
margin:0% 2% 0% 2%;
}

div#iconos a{
margin:0.5%;
float: right;
}


div#titulo{
clear: both;
position: relative;
 margin-left: 0.5%;
}


div#titulo img{
width: 100%;
margin-top: 0.5%;
}


h1{
font-family: 'Oswald', sans-serif;
font-size: 60pt;
color: #ffcbcc;
position: absolute;
margin-left: 5%;
margin-top: 3%;
}

h2{
font-family: 'Oswald', sans-serif;
font-size: 16pt;
letter-spacing: 6pt;
margin: 14% 0% 0% 5%;
color: white;
position: absolute;
}

ul.menu {
    margin-top: 0%;
     margin-left: 0.5%;
   float: left;
background-color:#F5C926;
transition: all 1s ease;
padding: 2%;
width: 15.5%;
}

ul.menu:hover {
background-color: #f8ed84;
}

ul.menu li {
font-family: 'Oswald', sans-serif;
list-style: none;
text-align: center;
}

ul.menu li:hover {
color:#555;
}

ul.menu li a{
font-family: 'Open Sans', sans-serif;
}

ul.menu ul {
 display: none;
 position: absolute;
 }

ul.menu ul li{
font-family: 'Open Sans', sans-serif;
clear: both;
float:left;
background-color: #fdcc00;
padding: 1rem;
list-style:none;
width: 70%;
margin-top: 5%;
}


ul.menu ul li a{
   text-decoration:none;
     color: #555;
    font-size: 11pt;
padding: 5%;
}
   
ul.menu ul li a:hover{
color: #000;
}
  
ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul {
 display: block;
}


/*estoy aqui*/

ul.estoyaqui {
    float: left;
    margin-top: 0%;
     margin-left: 0.5%;
background-color:#f8ed84;
transition: all 1s ease;
padding: 2%;
width: 15.5%;
}

ul.estoyaqui  li {
font-family: 'Oswald', sans-serif;
list-style: none;
text-align: center;
}

ul.estoyaqui  li:hover {
color:#555;
}

ul.estoyaqui  li a{
font-family: 'Open Sans', sans-serif;
}

ul.estoyaqui  ul {
 display: none;
 position: absolute;
 }

ul.estoyaqui ul li{
font-family: 'Open Sans', sans-serif;
clear: both;
float:left;
background-color: #fdcc00;
padding: 1rem;
list-style:none;
width: 70%;
margin-top: 5%;
}

li.estoyaquisub{
font-family: 'Open Sans', sans-serif;
clear: both;
float:left;
background-color: #fdcc00;
padding: 1rem;
list-style:none;
width: 70%;
margin-top: 5%;
}

ul.estoyaqui  ul li a{
   text-decoration:none;
     color: #555;
    font-size: 11pt;
padding: 5%;
}
   
ul.estoyaqui  ul li a:hover{
color: #000;
}
  
ul.estoyaqui li:hover ul,
ul.estoyaqui  ul li:hover ul,
ul.estoyaqui  ul ul li:hover ul {
 display: block;
}



section{
    margin:-1.2% 0% 0.5% 0.5%;
    width: 45.5%;
    background-color: #42A145;
    float: left;
    padding: 2%;
    color:white;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    transition: all 1s ease;
}

section:hover{
       background-color: #62b765; 
}

section#otro{
    margin:0.1% 0% 0.5% 0.5%;
    width: 45.5%;
    background-color: #42A145;
    float: left;
    padding: 2%;
    color:white;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    transition: all 1s ease;
}

section#otro:hover{
       background-color: #62b765; 
}



p#aclaracion{
    margin-top: -0.67%;
    font-size: 8pt;
}

p.cita{
    text-align: right;
    font-family: 'Open Sans', sans-serif;
     font-size: 9pt;
}

div#mas{
text-align: right;
}

div#mas nav a{
color:#42A145;
  font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
background-color: white;
padding: 2%;
}

aside{
    margin: 0% 0% 0.5% 0.5%;
    width: 45.5%;
    height: 320.5px;
    background-color: #426aab;
    float: left;
    padding: 2%;
    color:white;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    transition: all 1s ease;
}

aside:hover{
    background-color: #709ce3;
}

footer {
    float: left;
    background-color: #f57275;
    color:white;
    margin-left: 0.5%;
    margin-top: 0.5%; 
    clear: both;
    width: 99.5%;
     font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
}


footer ul{
    float: left;  
    width: 15%;
    text-align: center;
     color:white;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    text-decoration: none;  
}

footer ul li {
    text-decoration: none;  
    list-style: none;
    width: 50%;
}

footer p{
    position: relative;
text-align: right;
    float: left;
    width: 91%;
}

button{
    margin-left: 75%;
}

img#fadu{
    position: relative;
    margin-top: -6%;
margin-left: 92%;
width: 6.5%;
    float: left;

}

input.form-control{
width: 100%;
}










@media all and (min-width:1px) and (max-width:480px) {
    #sidebar ul li a {
        padding-left: 21px;
    }
    

div#contacto nav ul{
width: 50%;
}

h1{
font-size: 26pt;
}

h2{
font-size: 12pt;
letter-spacing: 0pt;
}
    
 ul.menu {
     clear: both;
width: 95.5%;
}   
    
 ul.menu ul li{
width: 100%;
}
   

  
 section{
height: 325px;
}   
    
aside{
    clear: both;
    width: 95.5%;
}
 
 footer {
    float: left;
    background-color: #f57275;
    color:white;
    margin-left: 0.5%;
    margin-top: 0.5%; 
    clear: both;
    width: 99.5%;
     font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
}


footer ul{
    float: left;  
    width: 8%;
}


img#fadu{
    margin-top: -12%;
}
          
}








@media all and (min-width:481px) and (max-width:640px) {
    #sidebar ul li a {
        padding-left: 21px;
    }
   
 div#contacto nav ul{
width: 65%;
}

h1{
font-size: 36pt;
}

h2{
font-size: 16.5pt;
letter-spacing: 0pt;
}

    
 ul.menu ul li{
width: 100%;
}
   
  
    
ul.estoyaqui ul li{   
 width: 100%;
}   
       
}








@media all and (min-width:641px) and (max-width:840px) {
div#redes {
    width: 10rem;
    position: absolute;
    top:8rem;
    right: 0.2rem;
    }
    
 div#contacto nav ul{
width: 50%;
}

h1{
font-size: 46pt;
}

h2{
font-size: 16pt;
letter-spacing: 2pt;
}     
}






@media all and (min-width:841px) {
        {
  
     
}