/hoja de estilos dl tp de DGPC-Catedra Cosgaya*/
/*equipo vm16*/
@charset "utf-8";


body{

    
    background-color: rgb(137, 212, 186);
    margin:0;
    padding: 0;
    border: 0;
    font-family: Rosario, Helvetica, Arial, sans-serif;
    font-size: 14pt;
    line-height: 1.3rem;
    color: rgb(137, 212, 186);
   
}
div#pagina{
    width: 990px;
    height: 100%;
    margin: auto;
    margin-top: 1rem;
    }

header {
    height: 6.6rem;
    background-color: rgb(210, 237, 216);
    border-radius: 8.6px;
  
}


header #logo{
    width: 13%;
    float: left;
    margin-top: 0.5rem;
    margin-left: 0.9rem;
    
    }

header #logo img {
    width: 100%;
}

header #botonera nav {
    width: 80%;
    margin: auto;
    float: right;
    margin-top: 0rem;
    
    background-color: transparent;
    height: 45px;
    
    margin-left: 0.1rem;
}
header #botonera nav ul {
    margin: 0;
    padding: 0;
    height: 0rem;
    list-style: none;
}

header #botonera nav ul li a {
    width: 16%;
    float: left;
    margin: auto;
    margin-right: 1.5rem;
    margin-top: 0.8rem;
    background-color: rgb(183, 222, 203);
    height: 28px;
    border-radius: 8.6px;
   
}

header #botonera nav ul li a h4{
    width:100%;
    float: left;
    font-family: 'Rosario', sans-serif;
    color: rgb(18, 70, 70);
    font-weight:bold;
    text-align: center;
    font-size: 9pt;
    margin-right: 0.8rem;
    margin-top: 0.3rem;
}

header #redes{
    width: 73.5%;
    float: right;
    margin-top:0.8rem;
    margin-left: 0rem;
    margin-right: 4rem;
    background: rgb(100, 244, 173);
}

header #redes img {
    width: 3.4%;
    float: right;
   margin-left: 1%;
   }


article{
    width:82%;
    background-color: rgb(0, 0, 0);
    height: 58rem;
    position: relative;
    float: left;
    margin-left: 0px;
    margin-top: 0.1%;
    margin-right: 0px;
   list-style: none;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    
    
}
article h1{
    width: 97%;
    text-align: center;
    font-family: 'Rosario', sans-serif;
    background:rgb(183, 222, 203); 
    border-top-right-radius: 47px;
    border-bottom-right-radius: 47px;
    margin-left: 0%;
    margin-right: 5%;
    font-size: 20pt;
    color: rgb(66, 75, 68); 
    font-weight: bold;
    
    
    
    
}
article h2{
    width: 40%;
    text-align: center;
    height: 5rem;
    font-family: 'Rosario', sans-serif;
    background:rgb(183, 222, 203); 
    border-bottom-style:double;
    border-style: double;
    margin-left: 0%;
    margin-right: 5%;
    font-size: 23pt;
    margin-left: 27%;
    color: rgb(66, 75, 68); 
    font-weight: 400;

}
article h3{
    width: 90%;
    text-align: left;
    font-family: 'Rosario', sans-serif;
    margin-left: 5%;
    border-style: double;
    float: left;
    margin-right: 5%;
    margin-top: 0rem;
    font-size: 13pt;
    color: rgb(137, 212, 186); 
    font-weight: 400;
}

article section  img{
    width: 30%;
    position: relative;
    clear: both;
    margin-left: 2%;
    margin-top: 0,7rem;
    
}

/*
width: 30%;    
border-bottom-left-radius: 15rem;
border-bottom-right-radius: 15rem;
border-top-left-radius: 15rem;
border-top-right-radius: 15rem;
*/


aside{
    width:18%;
    height: 58.1rem;
    position:relative;
    float: right;
    padding top:0rem;
    font-family: 'Rosario', sans-serif;
    margin-top: 0rem;
    background:rgb(135, 235, 190);
    margin-right: 0rem;
    margin-left: 0rem;
    list-style: none;
    border-radius: 10px;
}
aside h2{
    width:100%;
    text-align: center;
    position: relative;
    float: left;
    font-size: 11pt;
    font-weight: 400;
    font-family: 'Rosario', sans-serif;
    margin-top: 0rem;
    color: rgb(223, 242, 242);
    margin-right: 0px;
    list-style: none;
     border-bottom-left-radius: 10px;
    background:  rgb(84, 145, 145);
    
      
    
}

aside ul li {
    width:100%;
    position: relative;
    padding-top: 0rem;
    float: left;
    font-family: 'Rosario', sans-serif;
    margin-left: 0rem;
    list-style: none;
    

}

 aside ul li h3 {
    width:100%;
    position: relative;
    float: right;
    font-size: 10pt;
    background: rgb(200, 252, 229);
    color: rgb(107, 152, 152);
    font-family: 'Open Sans Condensed', sans-serif;
    padding-left: 0px;
    font-weight:500;
    text-transform: uppercase;
    list-style-type: none;
    text-align: center;
    margin-top: 0rem;
    margin-left: 1%;
    margin-right: 14%;
    list-style: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
     border-top-right-radius: 12 px;
 }
aside a img{
    width:80%;
    position:relative;
    margin-left: 1rem;
    margin-top: 0.3rem;
}

footer{
  width: 100%;
     position: relative;
    font-size: 8pt;
    height: 28pt;
    background: rgb(217, 253, 237);
    color: rgb(107, 152, 152);
    font-family: 'Open Sans Condensed', sans-serif;
    padding-left: 0px;
    text-transform: uppercase;
    list-style-type: none;
    text-align: center;
    margin-top: 58.2rem;
    font-weight: lighter;
    margin-left: 0%;
    margin-right: 0%;
    list-style: none;
     border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
     border-top-right-radius: 12 px;
}
   @media all and (min-width:1px)and(max-width:640px){