@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Kalam|Merriweather|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Open+Sans+Condensed:300,300i,700';






/**************************************TAMAÑO L *****************************************/
@media all and (min-width:900px) and (max-width:2000px){

body{
    background-color: #0c2c5b;
    display: flex;
    flex-direction: column;
    
    
}

.hmain-aside{
    display:flex;
    flex-direction: row;
    margin: auto;
}

/*CABECERA
----------------------------------------------------------------*/

.hcabecera{
    width: 1280px;
    margin:auto;
}

.imagen-cabecera{
    width: 1280px;
    margin: auto;
    
}

/*MAIN
----------------------------------------------------------------*/

a:link, a:visited{  
    text-decoration:none;
    text-decoration-style: none;
    text-decoration-color: none;


}  

.hmain{
    background-color: #0c2c5b;
    display: flex;
    flex-direction: column;
    width: 848px;
    
}

/******************************************/

.hleer-mas{
    display: flex;
    margin-bottom: 0px;
    justify-content: flex-end;
}

.hleer-mas a{
    color: #0c2c5b;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 15px;      
}

.hleer-mas a:hover{
    color: #ff2c50;}


/******************************************/

.hnoticiasprimera{
    padding: 20px; 
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b; 
    
}
.htitulonoticiad{
    margin-top: -15px;
    margin-bottom: -15px;
}

.htitulonoticiad a{
    font-size: 50px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticiad a:hover{
    color: #ff2c50;}

/******************************************/

.hnoticiassegundo{
    display: flex;
    flex-direction: row;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b;
    margin-bottom: 10px;
    
}

.hnoticia1{
    padding: 20px; 
    border-right-style: solid;
    border-right-color: #0c2c5b;
    border-right-width: 5px;
}

.htitulonoticia1{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia1 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;  
}

.htitulonoticia1 a:hover{
    color: #ff2c50;}

.hnoticia2{
    padding: 20px; 
    border-left-style: solid;
    border-left-color: #0c2c5b;
    border-left-width: 5px;
} 
    
.htitulonoticia2{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia2 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticia2 a:hover{
    color: #ff2c50;}


/******************************************/

.hnoticiastercer{
    display: flex;
    flex-direction: row;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b;
    margin-bottom: 20px;
}

.hnoticia3{
    padding: 20px; 
    padding-right: 35px;
    border-right-style: solid;
    border-right-color: #0c2c5b;
    border-right-width: 5px;   
}

.htitulonoticia3{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia3 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticia3 a:hover{
    color: #ff2c50;}

.hnoticia4{
    padding: 20px; 
    border-left-style: solid;
    border-left-color: #0c2c5b;
    border-left-width: 5px;
    
}

.htitulonoticia4{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia4 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}
.htitulonoticia4 a:hover{
    color: #ff2c50;}


/****************** ARMÁ *******************/

.hbotonplanner{
    display: flex;
    border-radius: 15px;
    width: 848px;
    height: 244px;
    margin-bottom: 20px;
    background-image: url(./img/boton-arma.png)
}

.hbotonplanner a:hover{
    width: 848px;
    height: 244px;
    margin-bottom: 20px;
    background-image: url(./img/boton-arma-nega.png)
    
    
}


/****************** CATEDRAS *******************/

.himg-catedras-caja{
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
    
    
    
}
.htitulo-catedras-caja{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 70px;
    
    display: flex;
    justify-content: center;
    background-color: #ff2c50;
}


.htitulocatedras{
    font-family: 'Kalam', serif;
    color: white;
    font-size: 40px;
    margin-top: 17px;
}

.htitulocatedras:hover{
    color: #0c2c5b;
}

.htitulogabriele{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #ff2c50;
    font-size: 40px;
    width: 420px;
    margin-left: -630px;
    margin-top: 130px
    
    
    
}

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

.hproximos-eventos-cajatitulo{
    display: flex;
    justify-content: center;
    
    background-color: #9decd0;
    border-radius: 15px;
    width: 416px;
    margin-left: 16px;
    margin-top: 10px;
    height: 84px;
    font-family: 'Kalam', serif;
    font-size: 35px;
    color: #0c2c5b;
    
}

.hproximos-eventos-cajatitulo:hover{
    background-color: #ff2c50;
    color: #9decd0;
   
}


.hproximos-eventos-titulo{
    align-self: center;
    padding-top: 10px;
    font-size: 35px;
}

.hproximos-eventos-caja{
    width: 416px;
    margin-left: 16px;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    background-color: white;
    background-image: url("./img/fondo-eventos.png");
    border-radius: 15px;

}


.hlista-fechaseventos{
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 115px;
    font-family: 'Kalam', serif;
    color: #ff2c50;
    font-size: 25px;
    padding-left: 30px;
    margin-top: 40px;

}
.hlista-eventos-fechas{
    padding-bottom: 15px;
    padding-top: 17px;
}

.hlista-eventos{
    list-style: none;
    width: 300px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #0c2c5b;
    padding-left: 0px;
    margin-right: 15px;
    margin-top: 40px;
    
}

.hlista-eventos-items{
    padding-bottom: 15px;
    padding-top: 17px;
}

.hver-calendario{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #0c2c5b;
    
}

.hver-calendario:hover{
    color: #ff2c50; 
}

/**************************************/

.hjulio-caja{
    display: flex;
    justify-content: center;
    background-color: #9decd0;
    border-radius: 15px;
    width: 416px;
    margin-left: 16px;
    margin-top: 20px;
    height: 74px;
    font-family: 'Kalam', serif;
    font-size: 35px;
    color: #0c2c5b;
}

.hjulio-caja:hover{
    background-color: #ff2c50;
    color: #9decd0;
}

.hjulio{
    align-self: center;
    padding-top: 10px;
    font-size: 35px;
}

/************/

.htabla-calendario{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
    width: 375px;
    font-size: 35px;
    margin-left: 40px;
}

.hdias{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #9decd0;
    font-size: 35px;
}

.hdisabled{
    color: #0c2c5b;
}

.hevento a:link{
    text-decoration-color: none;
    text-decoration: none; 
    color: #ff2c50;
}

.hver-calendario2{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
    font-size: 25px;
    margin-left: 140px;
}

.hver-calendario2:hover{
    color: #ff2c50;
}

.hcomenta{
    margin-left: 16px;
    margin-top: 95px;
    
}

} /*******************FIN TAMAÑO L*************************/




/**************************************TAMAÑO M *****************************************/
@media all and (min-width:700px) and (max-width:900px){
    
    
body{
    background-color: #0c2c5b;
    display: flex;
    flex-direction: column;
    
    
}

.hmain-aside{
    display:flex;
    flex-direction: column;
    margin: auto;
}

/*CABECERA
----------------------------------------------------------------*/

.hcabecera{
    width: 848px;
    margin:auto;
    
}

.imagen-cabecera{
    width: 848;
    margin: auto;
    
}

/*MAIN
----------------------------------------------------------------*/

a:link, a:visited{  
    text-decoration:none;
    text-decoration-style: none;
    text-decoration-color: none;


}  

.hmain{
    background-color: #0c2c5b;
    display: flex;
    flex-direction: column;
    width: 848px;
    
}

/******************************************/

.hleer-mas{
    display: flex;
    margin-bottom: 0px;
    justify-content: flex-end;
}

.hleer-mas a{
    color: #0c2c5b;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 15px;      
}

.hleer-mas a:hover{
    color: #ff2c50;}


/******************************************/

.hnoticiasprimera{
    padding: 20px; 
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b; 
    
}
.htitulonoticiad{
    margin-top: -15px;
    margin-bottom: -15px;
}

.htitulonoticiad a{
    font-size: 50px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticiad a:hover{
    color: #ff2c50;}

/******************************************/

.hnoticiassegundo{
    display: flex;
    flex-direction: row;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b;
    margin-bottom: 10px;
    
}

.hnoticia1{
    padding: 20px; 
    border-right-style: solid;
    border-right-color: #0c2c5b;
    border-right-width: 5px;
}

.htitulonoticia1{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia1 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;  
}

.htitulonoticia1 a:hover{
    color: #ff2c50;}

.hnoticia2{
    padding: 20px; 
    border-left-style: solid;
    border-left-color: #0c2c5b;
    border-left-width: 5px;
}
.htitulonoticia2{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia2 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticia2 a:hover{
    color: #ff2c50;}


/******************************************/

.hnoticiastercer{
    display: flex;
    flex-direction: row;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b;
    margin-bottom: 20px;
}

.hnoticia3{
    padding: 20px; 
    border-right-style: solid;
    border-right-color: #0c2c5b;
    border-right-width: 5px;   
}

.htitulonoticia3{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia3 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticia3 a:hover{
    color: #ff2c50;}

.hnoticia4{
    padding: 20px; 
    border-left-style: solid;
    border-left-color: #0c2c5b;
    border-left-width: 5px;
}

.htitulonoticia4{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia4 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}
.htitulonoticia4 a:hover{
    color: #ff2c50;}


/****************** ARMÁ *******************/

.hbotonplanner{
    display: flex;
    border-radius: 15px;
    width: 848px;
    height: 244px;
    margin-bottom: 20px;
    background-image: url(./img/boton-arma.png)
}

.hbotonplanner a:hover{
    width: 848px;
    height: 244px;
    margin-bottom: 20px;
    background-image: url(./img/boton-arma-nega.png)
    
    
}


/****************** CATEDRAS *******************/

.himg-catedras-caja{
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
    
    
    
}
.htitulo-catedras-caja{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 70px;
    
    display: flex;
    justify-content: center;
    background-color: #ff2c50;
}


.htitulocatedras{
    font-family: 'Kalam', serif;
    color: white;
    font-size: 40px;
    margin-top: 17px;
}

.htitulocatedras:hover{
    color: #0c2c5b;
}

.htitulogabriele{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #ff2c50;
    font-size: 40px;
    width: 420px;
    margin-left: -630px;
    margin-top: 130px
    
    
    
}

/*ASIDE
----------------------------------------------------------------*/
.aside{
    display: flex;
    flex-direction: row;
}
.hproximos-eventos-cajatitulo{
    display: flex;
    justify-content: center;
    
    background-color: #9decd0;
    border-radius: 15px;
    width: 416px;
    margin-left: 16px;
    margin-top: 10px;
    height: 84px;
    font-family: 'Kalam', serif;
    font-size: 35px;
    color: #0c2c5b;
    
}

.hproximos-eventos-cajatitulo:hover{
    background-color: #ff2c50;
    color: #9decd0;
    margin: auto;
}


.hproximos-eventos-titulo{
    align-self: center;
    padding-top: 10px;
    font-size: 35px;
}

.hproximos-eventos-caja{
    width: 416px;
    margin-left: 16px;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    background-color: white;
    background-image: url("./img/fondo-eventos.png");
    border-radius: 15px;

}


.hlista-fechaseventos{
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 115px;
    font-family: 'Kalam', serif;
    color: #ff2c50;
    font-size: 25px;
    padding-left: 30px;
    margin-top: 40px;

}
.hlista-eventos-fechas{
    padding-bottom: 15px;
    padding-top: 17px;
}

.hlista-eventos{
    margin: auto;
    list-style: none;
    width: 300px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #0c2c5b;
    padding-left: 0px;
    margin-right: 15px;
    margin-top: 40px;
    
}

.hlista-eventos-items{
    padding-bottom: 15px;
    padding-top: 17px;
}

.hver-calendario{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #0c2c5b;
    
}

.hver-calendario:hover{
    color: #ff2c50; 
}

/**************************************/

.hjulio-caja{
    margin: auto;
    display: flex;
    justify-content: center;
    background-color: #9decd0;
    border-radius: 15px;
    width: 416px;
    margin-left: 16px;
    margin-top: 20px;
    height: 74px;
    font-family: 'Kalam', serif;
    font-size: 35px;
    color: #0c2c5b;
}

.hjulio-caja:hover{
    background-color: #ff2c50;
    color: #9decd0;
}

.hjulio{
    align-self: center;
    padding-top: 10px;
    font-size: 35px;
}

/************/

.htabla-calendario{
    margin: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
    width: 375px;
    font-size: 35px;
    margin-left: 40px;
}

.hdias{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #9decd0;
    font-size: 35px;
}

.hdisabled{
    color: #0c2c5b;
}

.hevento a:link{
    text-decoration-color: none;
    text-decoration: none; 
    color: #ff2c50;
}

.hver-calendario2{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
    font-size: 25px;
    margin-left: 140px;
}

.hver-calendario2:hover{
    color: #ff2c50;
}

.hcomenta{
    margin: auto;
    margin-left: 16px;
    margin-top: 95px;
    
}
    
} /*******************FIN TAMAÑO M *************************/




/**************************************TAMAÑO S *****************************************/
@media all and (min-width:0px) and (max-width:700px){

    
body{
    background-color: #0c2c5b;
    display: flex;
    flex-direction: column;  
}

.hmain-aside{
    display:flex;
    flex-direction: column;
    margin: auto;
}

/*CABECERA
----------------------------------------------------------------*/

.hcabecera{
    width: 416px;
    margin:auto;
    visibility: hidden; display: none;  
    
}

.imagen-cabecera{
    width: 416;
    margin: auto;
    visibility: hidden; display: none;  
    
}

/*MAIN
----------------------------------------------------------------*/

a:link, a:visited{  
    text-decoration:none;
    text-decoration-style: none;
    text-decoration-color: none;


}  

.hmain{
    background-color: #0c2c5b;
    display: flex;
    flex-direction: column;
    width: 416px;
    
}

/******************************************/

.hleer-mas{
    display: flex;
    margin-bottom: 0px;
    justify-content: flex-end;
}

.hleer-mas a{
    color: #0c2c5b;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 12px;      
}

.hleer-mas a:hover{
    color: #ff2c50;}


/******************************************/

.hnoticiasprimera{
    padding: 20px; 
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b; 
    
}
.htitulonoticiad{
    margin-top: -15px;
    margin-bottom: -15px;
}

.htitulonoticiad a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticiad a:hover{
    color: #ff2c50;}

/******************************************/

.hnoticiassegundo{
    display: flex;
    flex-direction: column;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b;
    margin-bottom: 10px;
    
}

.hnoticia1{
    padding: 20px; 
    border-bottom-style: solid;
    border-bottom-color: #0c2c5b;
    
    
}

.htitulonoticia1{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia1 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;  
}

.htitulonoticia1 a:hover{
    color: #ff2c50;}

.hnoticia2{
    padding: 20px;
    border-top-style: solid;
    border-top-color: #0c2c5b;
    border-top-width: 7px;
    
}
.htitulonoticia2{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia2 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticia2 a:hover{
    color: #ff2c50;}


/******************************************/

.hnoticiastercer{
    display: flex;
    flex-direction: column;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    color: #0c2c5b;
    margin-bottom: 20px;
}

.hnoticia3{
    padding: 20px; 
    border-bottom-style: solid;
    border-bottom-color: #0c2c5b;
}

.htitulonoticia3{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia3 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}

.htitulonoticia3 a:hover{
    color: #ff2c50;}

.hnoticia4{
    padding: 20px;
    border-top-style: solid;
    border-top-color: #0c2c5b;
    border-top-width: 7px;
    
}

.htitulonoticia4{
    margin-top: -10px;
    margin-bottom: -15px;
}

.htitulonoticia4 a{
    font-size: 30px;
    font-weight: 800;
    color: #0c2c5b;
}
.htitulonoticia4 a:hover{
    color: #ff2c50;}


/****************** ARMÁ *******************/

.hbotonplanner{
    display: flex;
    border-radius: 15px;
    width: 416px;
    
    margin-bottom: 0px;
    background-image: url(./img/boton-arma.png)
}

.hbotonplanner a:hover{
    width: 416px;
    margin-bottom: 0px;
    background-image: url(./img/boton-arma-nega.png)
    
    
}


/****************** CATEDRAS *******************/

.hcatedras{
    visibility: hidden; display: none;     
    }
.himg-catedras-caja{
    
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
    
    
    
}
.htitulo-catedras-caja{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 30px;
    
    display: flex;
    justify-content: center;
    background-color: #ff2c50;
}


.htitulocatedras{
    font-family: 'Kalam', serif;
    color: white;
    font-size: 20px;
    margin-top: 17px;
}

.htitulocatedras:hover{
    color: #0c2c5b;
}

.htitulogabriele{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #ff2c50;
    font-size: 40px;
    width: 420px;
    margin-left: -630px;
    margin-top: 130px
    
    
    
}

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

.hproximos-eventos-cajatitulo{
    display: flex;
    justify-content: center;
    background-color: #9decd0;
    border-radius: 15px;
    width: 416px;
    margin-top: 5px;
    height: 60px;
    font-family: 'Kalam', serif;
    font-size: 35px;
    color: #0c2c5b;
    margin-top: 20px;
    
}

.hproximos-eventos-cajatitulo:hover{
    background-color: #ff2c50;
    color: #9decd0;
    
}


.hproximos-eventos-titulo{
    align-self: center;
    padding-top: 10px;
    font-size: 30px;
}

.hproximos-eventos-caja{
    width: 416px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    background-color: white;
    background-image: url("./img/fondo-eventos.png");
    border-radius: 15px;

}


.hlista-fechaseventos{
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 115px;
    font-family: 'Kalam', serif;
    color: #ff2c50;
    font-size: 25px;
    padding-left: 30px;
    margin-top: 40px;

}
.hlista-eventos-fechas{
    padding-bottom: 15px;
    padding-top: 17px;
}

.hlista-eventos{
    margin: auto;
    list-style: none;
    width: 300px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #0c2c5b;
    padding-left: 0px;
    margin-right: 15px;
    margin-top: 40px;
    
}

.hlista-eventos-items{
    padding-bottom: 15px;
    padding-top: 17px;
}

.hver-calendario{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #0c2c5b;
    
}

.hver-calendario:hover{
    color: #ff2c50; 
}

/**************************************/

.hjulio-caja{
    margin: auto;
    display: flex;
    justify-content: center;
    background-color: #9decd0;
    border-radius: 15px;
    width: 416px;
    
    margin-top: 20px;
    height: 60px;
    font-family: 'Kalam', serif;
    font-size: 35px;
    color: #0c2c5b;
}

.hjulio-caja:hover{
    background-color: #ff2c50;
    color: #9decd0;
}

.hjulio{
    align-self: center;
    padding-top: 10px;
    font-size: 25px;
}

/************/

.htabla-calendario{
    margin: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
    width: 375px;
    font-size: 35px;
    margin-left: 40px;
}

.hdias{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #9decd0;
    font-size: 35px;
}

.hdisabled{
    color: #0c2c5b;
}

.hevento a:link{
    text-decoration-color: none;
    text-decoration: none; 
    color: #ff2c50;
}

.hver-calendario2{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
    font-size: 25px;
    margin-left: 140px;
}

.hver-calendario2:hover{
    color: #ff2c50;
}

.hcomenta{
    margin: auto;
    width: 416;
    margin-top: 95px;
    
}    
    
    
} /*******************FIN TAMAÑO S *************************/