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


body{

    
    height: 100%;
    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:81.9%;
    background-color: rgb(142, 255, 216);
    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 section h6{
    width:73%;
    margin-left: 2%;
    margin-right: 3%;
    margin-top: 2%;
    padding-top: 0rem;
    position: relative;
    float: right;
    font-family: 'Rosario', sans-serif;
    list-style: none;
    font-weight:normal;
    font-size: 10pt;
    font-weight:580;
    color: rgb(6, 46, 46);
    text-transform:none;
    list-style-type: none;
    text-align:left;
    
}
article section h4{
    width:72%;
    margin-left: 24%;
    margin-right: 2%;
    margin-top: 51.5%;
    padding-top: 0rem;
    position:absolute;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    list-style: none;
    font-weight:normal;
    font-size: 11.5pt;
    color: rgb(6, 44, 44);
    text-transform:none;
    list-style-type: none;
    text-align:left;
    list-style: none;
  
}
article section h1{
    width:36%;
    margin-left: 24%;
    margin-right: 2.5%;
    margin-top: 47%;
    color: rgb(87, 141, 141);
    padding-top: 0rem;
    position:absolute;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    list-style: none;
    font-weight:bold;
    font-size: 13pt;
    text-transform:none;
    list-style-type: none;
    text-align:left;
    list-style: none;
    border-bottom-right-radius: 30px;
    
    background: rgb(160, 201, 201);
}

article section img {
    width:74%;
    position: relative;
    float: right;
    font-family: 'Rosario', sans-serif;
    margin-top: 0%;
    margin-right: 2%;
    margin-left: 0%;
    border-radius: 10px;
   
}
article section ul li a img {
    width:77.9%;
    position: relative;
    font-family: 'Rosario', sans-serif;
    margin-top: 22.4%;
    margin-right: 2%;
    margin-left: 2%;
    border-bottom-right-radius: 39px;
    border-top-left-radius: 8px;
    
    
   
}
article section ul li h1 {
    margin-left: 25%;
    margin-right: 2.5%;
    margin-top: 48%;
    color: rgb(87, 141, 141);
    padding-top: 0rem;
    position:absolute;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    list-style: none;
    font-weight:bold;
    font-size: 10pt;
    text-transform:none;
    list-style-type: none;
    text-align:left;
    list-style: none;
   
    
   
}

article #ranking{
    width:22%;
    height: 19rem;
    padding-top: 0,5rem;
    position:absolute;
    float: left;
    padding top:0rem;
    font-family: 'Rosario', sans-serif;
    margin-top: 0rem;
    background:rgb(107, 152, 152);
    margin-left: 0rem;
    list-style: none;
    border-radius: 10px;
}
article #ranking h5{
    width:100%;
    margin-top: 0rem;
    height: 1.5rem;
    font-size: 11pt;
    position:absolute;
    color: rgb(18, 70, 70);
    float: left;
    padding top:0.5rem;
    text-align: center;
    font-family: 'Rosario', sans-serif;
    background:rgb(213, 245, 231);
    margin-left: 0rem;
    list-style: none;
    border-top-left-radius:  1rem;
    border-bottom-right-radius: 10rem;
}

article #ranking ul li{
    width:90%;
    position: relative;
    height: 1rem;
    padding-top: 0.5rem;
    float: left;
    list-style: none;
    margin-top: 0.5rem;
   
}
article #ranking ul li h3 {
        width:100%;
        position: relative;
        height: 1.2rem;
        float: left;
        font-size: 10pt;
        background: rgb(139, 185, 185);
        color: rgb(107, 152, 152);
        font-family: 'Open Sans Condensed', sans-serif;
        color: rgb(18, 70, 70); 
        padding-left: 0px;
        font-weight:500;
        text-transform:lowercase;
        list-style-type: none;
        text-align: center;
        margin-top: 0rem;
        margin-right: 0px;
        margin-left: 0%;
        list-style: none;
        border-bottom-left-radius: 10px;
 } 
article #ranking ul li h2 {
        width:7rem;
        position: relative;
        height: 3.2rem;
        float: left;
        font-size: 13pt;
        background: rgb(62, 116, 116);
        color: rgb(186, 244, 215);
        font-family: 'Open Sans Condensed', sans-serif;
        padding-left: 0px;
        font-weight:500;
        list-style-type: none;
        text-align: center;
        margin-top: 0.5rem;
        margin-right: 0px;
        margin-left: 0%;
        list-style: none;
        font-weight: bolder;
        border-radius: 10px;
 } 
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: auto;
    margin-right: 0px;
    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){