body{
    @import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
    @import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,400italic,700,700italic);
    font-family: 'Fira Sans', sans-serif;
    /*font-family: 'Oswald', sans-serif;*/
    display: block;
    width: 75.5%; /* 940 / 1020 */
    margin: auto;
    font-size: 100%;
}


a{
    text-decoration: none;
}

/*--------------HEADER---------------*/

.placelogo{
    padding: 1rem;
}


.iconitos{
    float: right;
    display: block;
    margin-top: -8.5rem;
}

.stalkeanos{
    text-align: right;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
}

.cadauno{
    margin-left: 1rem;

}

#logotipo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 18.7%;
    height: auto;
    padding: 2rem;
}



#menu{
    display: block;
    list-style: none;
    background-color: #1C1C1C;
    width: auto;
}

.ulcentro{
    text-align: center;
    padding: 1rem;
    margin: 0;
}

.botones{
    display: inline;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 1.2rem; 
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.botoneralink{
    text-decoration: none;
    color: #F2E5D8;
    padding: 1rem;
}

.botoneralink:hover{
    background-color: #00E8D1;
    color: #1C1C1C;
}

.botoneralink:active{
    background-color: #EB0039;
}


/*-------------SECTION--------------*/

#noticiasprincipal{
}

.bienal{
}

.imagen{
    float: left;
    width: 57.44%;
    margin-right: 1rem;
    margin-left: 1rem;
    
    
}

#clima{
    float: left;
    background-color: #F2E5D8;
    width: 22%;
    height: 10.6rem;
    margin-top: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}

.acheclima{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #EB0039;
    margin-top: auto;
    margin-bottom: auto;
}

.climaicon{
    margin-top: 0.5rem;
}

.iconitolluvia{
    width: 21.81%;
    padding: 0.5rem;  
    margin: auto;
}

.temperatura{
    font-weight: 300;
    font-size: 2.18rem;
    margin-top: -4rem;
    text-align: right;
    padding-right: 3rem;
}

.pronostico{
    font-size: 0.62rem;
    width: 85.45%;
    text-align: left;
    padding: 0.5rem;
    margin-top: -1rem;
}

#comida{
    float: left;
    background-color: #1C1C1C;
    width: 22%;
    height: 10.6rem;
    margin-top: 0.1rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}

.achecomida{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #00E8D1;
    margin-top: auto;
    margin-bottom: auto;
}

.milanga{
    width: 100%;
    margin-top: 0.5rem;
}

.dosnotas{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gatofadu{
    float: left;
    margin-top: 1rem;
    border-top: solid;
    border-top-width: thin;
    padding-left: 2rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    
}

.gatoimagen{
    width: 100%;
    height: auto;
}

.arabefadu{
    float: left;
    margin-top: 1rem;
    border-top: solid;
    border-top-width: thin;
    padding-left: 2rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    
}

.arabeimagen{
    width: 100%;
    height: auto;
}


.tresnotas{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.perdidos{
    float: left;
    margin-top: auto;
    padding-left: 2rem;
    padding-right: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.perdidosimg{
    width: 100%;
    height: auto;
}

.quellevo{
    float: left;
    margin-top: auto;
    padding-left: 1rem;
    padding-right: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.quellevoimg{
    width: 100%;
    height: auto;
}

.ubicate{
    float: left;
    margin-top: auto;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 0.5rem;
    padding-bottom: 3rem;
}

.ubicateimg{
    width: 100%;
    height: auto;
}

/*-------------ASIDE-------------*/

#costado{
    float: left;
    width: 14.89%;
    height: 21.56rem;
    background-color: #F2E5D8;
    margin-top: 0.5rem;
    padding: 0.3rem;
}

.achetransito{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #EB0039;
    margin-top: auto;
    margin-bottom: auto;
}

.transitotext{
    font-size: 0.75rem;
    font-weight: 400;
    width: 85.45%;
    text-align: left;
    padding: 0.5rem;
}

.articuloizquierdo{
    margin: 0;
}

.transitoimg{
    width: 100%;
    margin-top: -0.6rem;
    
}


/*-------------FOOTER-------------*/

#pieses{
    display: block;
    clear: both;
}

.articulopie{
    clear: both;
    background-color: #1C1C1C;
    width: auto;
    height: 20rem;
    padding: 0.5rem;
    margin: auto;
}

.logouba{
    float: left;
    padding: 0.2rem;
    width: 6.38%;
    margin-top: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.oblige{
    float: left;
    font-size: 0.56rem;
    color: #F2E5D8;
    text-align: left;
    font-weight: 400;
    width: 27%;
    height: auto;
    border-right: solid;
    border-right-color: #EB0039;
    border-right-width: thin;
    padding: 0.5rem;
}

.pieseslinks{
    text-decoration: none;
    color: #F2E5D8;
}


/*---------------------------------NOTA PRINCIPAL---------------------------------*/

.bienalnotaimg{
    float: left;
    width: 74.46%;
    height: auto;
}

.achecinconoti{
    float: left;
    font-size: 0.87rem;
    color: #1C1C1C;
    width: 74%;
    margin-bottom: 0;
    margin-top: 2rem;
    background-color: #00E8D1;
    padding-left: 0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-right: 0rem;
}

.titulobi{
    float: left;
    width: 74.46%;
    font-family: 'Oswald', sans-serif;
    font-size: 3.12rem;
    font-weight: 200;
    color: #1C1C1C;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    
}

.articulotexto{
    float: left;
    width: 50%;
    margin-bottom: 3rem;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: #1C1C1C;
    padding: 0.5rem;
}

.textocorrido{
    float: left;
    font-size: 0.93rem;
    width: 100%;
}

.comentarios{
    float: left;
    width: 50%;
    height: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 8rem;
    border-style: solid;
    border-width: thin;
    border-color: #EB0039;
    margin-bottom: 3rem;
}

.achecincocomentarios{
    float: left;
    margin-top: -2rem;
}

.comentariocool{
    font-size: 0.75rem;
    color: dimgray;
    padding: 0.5rem;
    margin-top: 0.2rem; 
}


/*---------------------------------CARRERAS---------------------------------*/

#seccioncool{
    margin-top: 0rem;
    padding-left: 2rem;
    padding-right: 0.1rem;
}

#seisnotas{
    /*width: 100%;*/
}

.ache2carreras{
    font-weight: 200;
    font-size: 2.5rem;
    color: #1C1C1C;
    padding: 0.5rem;
    margin: 1rem;
}

.imagencarrera{
    float: left;
    width: 31.91%;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    
}

.imagentexto{
    width: 100%;
    height: auto;
}


/*---------------------------------CARRERAS - DG---------------------------------*/

.baner{
    width: 100%;
    height: auto;
}

.divorganizar{
}

.textobloque{
    float: left;
    font-size: 0.75rem;
    color: #1C1C1C;
    padding: 0.5rem;
    padding-top: 2rem;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #EB0039;
    margin-top: -1rem;
    margin-left: 15%;
}

.textobloquecbc{
    float: left;
    font-size: 0.75rem;
    color: #1C1C1C;
    padding: 0.5rem;
    padding-top: 2rem;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #EB0039;
    margin-top: 5%;
    margin-left: 15%;
}

.achecincocatedras{
    float: left;
    color: #EB0039;
    padding: 0.5rem;
    margin-top: -10%;
    margin-left: 4.6rem;
    margin-bottom: 3%;
}

.textobloquepink{
    float: left;
    width: 18.19%; /* 171 / 940 */
    font-size: 0.75rem;
    color: #EB0039;
    padding: 0.5rem;
    padding-top: 2rem;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #EB0039;
    padding-left: 5rem;
    margin-top: -1rem;
}

.achedoscbc{
    width: 10%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #EB0039;
    margin-top: 0.2rem;
    margin-left: 1rem;
}

.achedosanios{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #EB0039;
    width: 10%;
    margin-top: 0.2rem;
    padding-left: 1rem;
    padding-right: 0.5rem;
}

.cbc{
    float: left;
    width: 48.93%; /* 460 / 940 */
    height: 18.75rem;
    background-color: #F2E5D8;
    padding: 0.1rem;
    margin-right: 0.5rem;
}

.primeraño{
    float: left;
    width: 48.93%;
    height: 18.75rem;
    background-color: #B5D9D3;
    padding: 0.1rem;
    
}

.segundoanio{
    float: left;
    width: 48.93%;
    height: 18.75rem;
    background-color: #B5D9D3;
    padding: 0.1rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 3rem;
}

.terceranio{
    float: left;
    width: 48.93%;
    height: 18.75rem;
    background-color: #B5D9D3;
    padding: 0.1rem;
    margin-top: 0.5rem;
    margin-bottom: 3rem;
}

.catedraslinks{
    text-decoration: none;
    color:#EB0039;
}

.catedraslinksdos{
    text-decoration: none;
    color: #1C1C1C;
}

a:hover{
    font-weight: 700;
}