*{margin: 0; padding: 0; font-family: 'Open Sans', 'Sans-Serif';}
body{
    background-color: #343c49;
    width: 100%;
    min-height: 100vh;
}
/****************************************************************************************HEADER**/
header{
    display: flex;
    flex-direction: column;
}
#nav1{
    display: flex;
    flex-direction: row;
    background-color: #202630;
    padding: 1em;
    justify-content: space-between;
    align-items: center;
    height: 3vh;
}
.iconoNav{
    width: 30px;
    height: 30px;
    padding: 0.5em;
}
.iconoNav:hover {
    width: 35px;
    height: 35px;
    padding: 0.3em;
}
.navMenu{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0.5em;
}

h1{
    font-size: 1.5em;
    color: #ffffff;
    font-weight: 400;
}
#nav2 {
    display: flex;
    flex-direction: row;
    background-color: #191c22;
    justify-content: flex-start;
    align-items:center;
    height: 2vh;
    padding-top: 0.3em;
    padding-left: 0.3em;
}
.navTitulos{
    color: #ffffff;
    font-size: 1em;
    margin: 0.3em;
    font-weight: 100;
}
.dondeEstoy{
    color:#8c83f2
}
/****************************************************************************************BODY**/
main{
    background: linear-gradient(to bottom, rgba(52,60,73,0.15) 0%, rgba(140,131,242,0.15) 100%);
    height: 97vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
}
section{
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin: 1em 0.5em 1em 0.5em;
    width: 90%;
    height: 12vh;
    padding: 0.7em;
}
section:hover{
    background-color: rgba(140, 131, 242, 0.25);
    border-radius: 15px;
}
section a{
    text-decoration: none;
}
.bolsa{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0.2em;
    padding-right: 0.5em;
}
.datos{
    font-size: 1em;
    color: #ffffff;
    font-weight: 600;    
}
.icono{
    width: 30px;
    height: 30px;
}
p{
    font-size: 1em;
    color: #ffffff;
    font-weight: 400;   
}
h2{
    color: #8c83f2;
    font-weight: 600;
    font-size: 1.6em;
    padding-bottom: 0.8em;
}
#noticiaImportante{
    background-image: url(img/expo.jpg);
    height: 36vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}
h3{
    background-color: rgba(36, 41, 49, 0.80);
    padding: 0.7em;
    padding-left: 1em;
    color: #ffffff;
    font-weight: 600;
    margin-top: 24vh;
    display: flex;
    justify-content: center;
    font-size: 1.6em;
}
h3:hover{
    padding: 2em;
    margin-top: 18vh;
}
#blockNoticias{
    display: flex;
    flex-direction: row;
    padding:0;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0);
    height: 24vh;
}
#blockNoticias div{
    width: 48%;
}
#noticia2{
    background-image: url(img/presupuesto.jpg);
    background-size: cover;
    border-radius: 15px;
    background-repeat: no-repeat;
}
h4{
    color: #ffffff;
    font-weight: 600;
    font-size: 1em;
}
#conImagen{
    background-color: rgba(36, 41, 49, 0.80);
    display: flex;
    justify-content: center;
    padding: 0.3em;
    margin-top: 18vh;
}
#conImagen:hover{
    padding:1.5em;
    margin-top: 15vh;
}
#noticia3{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 24vh;
}
.sinImagen{
    background-color: rgba(255, 255, 255, 0.10);
    height: 10vh;
    padding: 0.3em;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sinImagen:hover{
    background-color: rgba(140, 131, 242, 0.25);
}
.aDecoracion{
    text-decoration: none;
    color: #ffffff;
}