@import url(colores.css);
@import url(fonts.css);
@import url(slide.css);
@import url(nav.css);
@import url(distancias.css);
@import url(busca.css);


h1{
    font-family: var(--fheading);
    font-size:var(--theading);
    font-weight: 400;
}
h2{ 
    color:var(--vp2);
    font-weight: var(--bold);
    font-size: var(--th2);
    line-height: 1.05em;
    }
main h2 strong{color:var(--vp4);
    background-color: transparent;
    font-weight: 600;
    padding: 0;
}
.dropdown-menu.show {
        display: table;
    }
main{
    font-family:var(--ftxt);
    font-size: var(--ttxt);
    color:var(--negro);
    font-weight: 400;
    line-height: 2.25rem;
}
main strong{
    background-color:var(--vp2);
    color:var(--blanco);
    font-weight: 400;
    padding: 0 0.2em;
}
#cabecera img{
    padding: 0;
    margin: 0;
    display: flex;
    float: left;
    max-width: 100%;
}


#cabecera a{
    color:var(--enlace);

}
#cabecera  a:hover{
    text-decoration: none;

}
#cabecera ul li::marker {

    color:var(--vp2)
}#cabecera p i{
    color:var(--enlace)
}
#cabecera p img{margin: 0; max-width:100%;}
#cabecera img{margin:1em 0; }
#noticies{
    background-color:var(--bnoti);
    min-height: 480px;

}


#noticies .col-6 {
    width: 100%;
}
#noticies .card{
    max-width: 540px;
    display: flex;
    align-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    border:none;
    --bs-card-spacer-x: 0rem;
    margin-bottom: 2em;

}
#noticies .card-title{
    background-color: #F2F2F2;
    display: block;
    padding: 12px 25px 25px 25px ;

}

#noticies .card-text{
    padding: 12px 25px 25px 25px ;

}
#noticies time{
    text-align: right;
    color:#B7C0A4;
    max-width:100%;
    display: block;
    font-weight: 700;
    font-size: 1.125rem;

}
#noticies h3{
    color:#4A611B;
    font-family: var(--fheading);
    font-size: var(--th3);
}
#noticies .card-body {
    padding:0;
    
    }
#noticies p, #noticies a{
    font-weight: 100;
    font-size:1.5625rem ;
    line-height: 2.25rem;
    margin: 0;
}
#noticies a{
    color:var(--enlace);
}
#noticies a:hover{
    text-decoration: none;
}
table caption{
    color:var(--enlace);
    font-size: var(--taddress);
    padding: 0;
    font-style: italic;
}
table thead{
    background-color: var(--tablehead);
    color:var(--green);
    text-transform: uppercase;
}
table th{
    font-weight: 600;
}
footer{
    background-image: url(../images/fondofooter.png);
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 240px;background-color: #4A611B;
    padding-top: 3.75em;
}
footer .col-3{
    float:left;
    width:100%;
    padding: 1em 0;
}
footer li{
    list-style-type: none;
}

footer .fijos a{
    font-weight: 100;
}
footer .dinamicos a{
    font-weight: 600;
}
address{
    text-transform: uppercase;
    font-weight: var(--bold);
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-bottom: 0;
}
address ul{float: left;
    margin-top: 12px;
    }
address li{
    list-style-type: none;
    float:left;
    margin-left: 0.5em;
    }
address p{
    float: left;
    margin-top: 14px;
    }
@media only screen and (min-width:768px) {

#noticies .col-6 {
        width: 45%;
    }
}

@media only screen and (min-width:1024px) {
main{
    background-image: url(../images/fondomain.png) ;
    background-position: right top;
    background-repeat: no-repeat;
    
    }      
    #cabecera h1,h2,h3,h4,ul,table{
    max-width:100%;
    
    }


    #cabecera p img{margin: 0; max-width:100%;}
    #cabecera .row{
    padding:1.5em;
    }
#noticies{
    background-image: url(../images/fondoNoticies.png);
    background-repeat: no-repeat;
    }
    #noticies .col-6 {
        width: 45%;
    }

#noticies .card{
    --bs-card-spacer-x: 1rem;
    margin-bottom: 0.5em;
    }
footer .col-3{
    width:25%;
    }
h2{
    line-height: 1.05em;}

}
@media only screen and (min-width:1024px) {

    #noticies .col-6 {
        width: 540px;
    } 
}