/*------------------------------------
# General
------------------------------------*/

@font-face {
    font-family: NavBarFont;
    src: url(../fonts/Inknut_Antiqua/InknutAntiqua-Medium.ttf)
}

/* @font-face {
    font-family: TextContentFont;
    src: url()
}*/

@font-face {
    font-family: TittleFont;
    src: url(../fonts/Ysabeau_Infant/YsabeauInfant-Medium.ttf)
} 

body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
}

a {
    color: #f68c09;
    text-decoration: none;
}

a:hover {
    color: #0906c0;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

.justify-content-center-not-home
{
    justify-content: center!important;
}

/**************************************/
/*********** Top bar pages ************/
/**************************************/
.SectionContainer
{
    margin-top: 79px;
}

.ContainerTopBar
{
    background-color: #014487;
    width: 100%;
    min-height: 12vh;
    margin: 0px;
    position: relative;
}

.TopBar
{
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.TopBar h1
{
    color: #F8A23F;
    font-family: NavBarFont;
    font-size: 30px;
    font-weight: 400;
    margin: 0px;
    padding-top: 10px;
}

.TopBar h2
{
    font-size: 15px;
    font-family: TittleFont;
    color: #B8B8B8;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
}

.TopBar p
{
    
    color: #B8B8B8;
    font-family: TittleFont;
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 10px;
}

@media screen and (max-width: 1200px)
{
    .TopBar
    {
        max-width: 75%;
    }

    .con-1st-row
    {
        max-width: 75%!important;
    }

    .con-2nd-row
    {
        max-width: 75%!important;
    }
}

@media screen and (max-width: 991px)
{
    .SectionContainer
    {
        margin-top: 86px;
    }
    
    .TopBar
    {
        max-width: 85%!important;
    }

    .con-1st-row
    {
        max-width: 85%!important;
    }

    .con-2nd-row
    {
        max-width: 85%!important;
    }

    .TopBar h1
    {
        font-size: 25px!important;
    }
}

@media screen and (max-width: 500px)
{
    .SectionContainer
    {
        margin-top: 86px;
    }
    
    .TopBar
    {
        max-width: 95%!important;
    }

    .TopBar h1
    {
        font-size: 20px!important;
    }

    .con-1st-row
    {
        max-width: 95%!important;
    }

    .con-2nd-row
    {
        max-width: 95%!important;
    }
}

/**************************************/
/********* Filter bar pages ***********/
/**************************************/
.FilterContainer
{
    justify-content:center;
    display: flex;
    align-items: center;
}

.Search
{
    height: 30px;
    width: 200px;
    border: none;
    border-bottom: #00CC6A solid 3px;
    border-radius: 10px;
    text-align: center;
    margin-right: 20px;
}

.Year 
{
    height: 30px;
    width: 80px;
    border: none;
    border-bottom: #00CC6A solid 3px;
    border-radius: 10px;
    margin-right: 20px;
    text-align: center;
}

.FilterContainer input:hover::placeholder
{
    background-color: #ffffff;
    color: #AFAFAF;
    font-weight: bold;
}

.FilterBtn
{
    font-family: TittleFont;
    font-size: 17px;
    color: #AFAFAF;
    background-color: #ffffff00;
    border: none;
    border: 3px solid #00CC6A;
    border-radius: 20px;
    width: 100px;
}

.FilterBtn:hover
{
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
}

@media screen and (max-width: 500px)
{
    .Search
    {
        height: 26px;
        width: 120px;
        margin-right: 5px;
    }

    .Year 
    {
        height: 26px;
        width: 60px;
        margin-right: 5px;
    }

    .FilterBtn
    {
        width: 90px;
        font-size: 15px;
    }
    
    .FilterContainer input::placeholder
    {
        font-size: 12px;
        text-align: center;
        padding-left: 15px;
    }
    
}

/**************************************/
/****** Consiliul local Section *******/
/**************************************/
.conDetalii
{

    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
}
.conDetalii p
{
    color: #0C1925;
    font-family: NavBarFont;
    font-size: 20px;
    font-weight: 400;
}

.con-1st-row
{
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    justify-content:center;
}

.con-2nd-row
{
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vh;
}

.conContainerBox
{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding: 0px;
    background-color: #014487;
    border: #000000 solid 4px;
    border-radius: 20px;
    height: 250px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.conBoxTop
{
    height: 170px;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conBoxTop h1
{
    font-size: 30px;
    font-family: NavBarFont;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
}

.conBoxTop p
{
    font-size: 15px;
    font-family: TittleFont;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    color: #B8B8B8;
}

.conMore
{
    height: 72px;
    text-align: center;
    color: white;
    border: black solid 0px;
    border-top: black solid 4px;
    border-radius: 0px 0px 17px 17px;
    background-color: #F8A23F;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conMore p
{
    font-size: 20px;
    font-family: NavBarFont;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.conContainerBox:hover .conMore
{
    border-top: #F8A23F solid 4px;
    border-radius: 0px 0px 13px 13px;
    color: #014487;
}

.conContainerBox:hover
{
    border: #F8A23F solid 4px;
}

@media screen and (max-width:1200px) 
{
    .conDetalii
    {
        max-width: 75%!important;
    }
   
    .conDetalii p
    {
        font-size: 18px!important;
    }
}

@media screen and (max-width:991px) 
{
    .conDetalii
    {
        max-width: 85%!important;
    }
}

@media screen and (max-width:500px) 
{
    .conDetalii
    {
        max-width: 95%!important;
    }

    .conDetalii p
    {
        font-size: 15px!important;
    }

    .conContainerBox
    {
        height: 170px;
    }

    .conBoxTop
    {
        height: 101px;
    }

    .conBoxTop h1
    {
        font-size: 25px!important;
    }

    .conMore
    {
        height: 61px;
    }

    .conMore p
    { 
        font-size: 17px;
    }
}

/* hotarati subpage */
.hotContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    max-height: 200px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
}

.hotData
{
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0px;
}

.hotData p
{
    font-size: 12px;
    color: #969696;
    font-family: TittleFont;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.hotTitle
{
    padding-top: 5px;
    padding-bottom: 0px;
    margin: 0px;
}

.hotTitle h1
{
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hotDescription
{
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0px;
}

.hotDescription p
{
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hotDownload
{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-left: rgb(126, 126, 126) solid 2px;
    border-top:none;
    border-radius: 0px 5px 5px 0px;
}

.hotDownload i
{
    font-size: 40px;
    color: #F8A23F;
    text-align: center;
}

.hotContainer:hover  .hotDownload i
{
    color: black;
}

.hotContainer:hover  .hotDownload{
    border-left: #F8A23F solid 2px;
    background-color: #F8A23F;
}

.hotContainer:hover
{
    border: #F8A23F solid 2px;
}

@media screen and (max-width:991px) 
{
    .hotContainer
    {
        max-height: 100%;
    }

    .hotBox
    {
        max-height: 250px;
    }

    .hotTitle h1
    {
        font-size: 17px!important;
        font-weight: bold;
    }

    .hotDescription p{
        margin-bottom: 10px;
        -webkit-line-clamp:10;
        font-size: 12px!important;
    }

    .hotDownload
    {
        border-radius: 0px 0px 0px 0px;
        border-top: rgb(126, 126, 126) solid 2px;
        border-left:none;
    }
}

/* Consilieri locali name and informations */
.conContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    height: 200px;
    margin-bottom: 3vh;
    border-radius: 10px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.conPartid
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 15px;
}
.conPartid p
{
    font-size: 15px;
    font-family: TittleFont;
    font-weight: 600;
    color: #969696;
    margin: 0px;
    padding: 0px;
}

.conContainer h1
{
    font-size: 25px;
    font-family: TittleFont;
    font-weight: 600;
    color: #000000;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.conNumar
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 15px;
}

.conNumar p
{
    font-size: 17px;
    font-family: TittleFont;
    font-weight: 600;
    color: #969696;
    margin: 0px;
    padding: 0px;
}

.conEmail
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
}

.conEmail p
{
    font-size: 15px;
    font-family: TittleFont;
    font-weight: 600;
    color: #F8A23F;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Declaratii avere interese */ 

.avereContainer
{
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    height: 200px;
    margin-bottom: 3vh;
    border-radius: 10px;
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.averePartid
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

.averePartid p
{
    font-size: 15px;
    font-family: TittleFont;
    font-weight: 600;
    color: #969696;
    margin: 0px;
    padding: 0px;
}

.avereContainer h1
{
    font-size: 25px;
    font-family: TittleFont;
    font-weight: 600;
    color: #F8A23F;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.avereDownload
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
}

.avereDownload a
{
    color: black;
}

.avereDownload a:hover
{
    color: #F8A23F;
}

.avereDownload p
{
    font-size: 18px;
    font-family: TittleFont;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.avereDownload i
{
    font-size: 40px;
    text-align: center;
}

@media screen and (max-width: 1250px) {
    .avereDownload p
    {
        -webkit-line-clamp: 3;
    }
}

/**************************************/
/********** Anunturi Section **********/
/**************************************/

.antContainerBox
{
    max-width: 350px;
    margin: 0px;
    margin-bottom: 3vh;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: #014487;
    border: #000000 solid 4px;
    border-radius: 20px;
    height: 200px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.antBoxTop
{
    height: 130px;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.antBoxTop h1
{
    font-size: 30px;
    font-family: NavBarFont;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.antMore
{
    height: 62px;
    text-align: center;
    color: white;
    border: black solid 0px;
    border-top: black solid 4px;
    border-radius: 0px 0px 17px 17px;
    background-color: #00CC6A;
    display: flex;
    align-items: center;
    justify-content: center;
}

.antMore p
{
    font-size: 20px;
    font-family: NavBarFont;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.antContainerBox:hover .antMore
{
    border-top: #00CC6A solid 4px;
    border-radius: 0px 0px 13px 13px;
    color: #014487;
}

.antContainerBox:hover
{
    border: #00CC6A solid 4px;
}

@media screen and (max-width:500px) 
{
    .antBoxTop h1
    {
        font-size: 25px!important;
    }

    .antMore p
    { 
        font-size: 17px!important;
    }
}

/* Anunturi style */
.antContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    max-height: 200px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
}

.antData
{
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0px;
}

.antData p
{
    font-size: 12px;
    color: #969696;
    font-family: TittleFont;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.antTitle
{
    padding-top: 5px;
    padding-bottom: 0px;
    margin: 0px;
}

.antTitle h1
{
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.antDescription
{
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0px;
}

.antDescription p
{
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.antDownload
{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-left: rgb(126, 126, 126) solid 2px;
    border-radius: 0px 5px 5px 0px;
}

.antDownload i
{
    font-size: 40px;
    color: #00CC6A;
    text-align: center;
}

.antContainer:hover  .antDownload i
{
    color: black;
}

.antContainer:hover  .antDownload{
    border-left: #00CC6A solid 2px;
    background-color: #00CC6A;
}

.antContainer:hover
{
    border: #00CC6A solid 2px;
}


@media screen and (max-width:991px) 
{
    .antContainer
    {
        max-height: 100%;
    }

    .antBox
    {
        max-height: 250px;
    }

    .antTitle h1
    {
        font-size: 17px!important;
        font-weight: bold;
    }

    .antDescription p{
        margin-bottom: 10px;
        -webkit-line-clamp:10;
        font-size: 12px!important;
    }

    .antDownload
    {
        border-top: rgb(126, 126, 126) solid 2px;
        border-radius: 0px 0px 0px 0px;
        border-left:none;
    }
}

/******** Achizitii *********/

.achiContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
}

.achiData
{
    padding: 0px;
    margin: 0px;
    height: 40%;
    display: flex;
    align-items: center;
}

.achiData p
{
    font-size: 15px;
    color: #969696;
    font-family: TittleFont;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}

.achiTitle
{
    padding: 0px;
    margin: 0px;
    height: 60%;
    display: flex;
    align-items: center;
}

.achiTitle h1
{
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
}

.achiDownload
{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-left: rgb(126, 126, 126) solid 2px;
    border-radius: 0px 5px 5px 0px;
}

.achiDownload i
{
    font-size: 40px;
    color: #00CC6A;
    text-align: center;
   
}

.achiContainer:hover  .achiDownload i
{
    color: black;
}

.achiContainer:hover  .achiDownload{
    border-left: #00CC6A solid 2px;
    background-color: #00CC6A;
}

.achiContainer:hover
{
    border: #00CC6A solid 2px;
}

@media screen and (max-width:760px) 
{
    .achiContainer
    {
        max-height: 100%;
    }

    .achiBox
    {
        max-height: 250px;
    }

    .achiTitle h1
    {
        font-size: 17px!important;
        font-weight: bold;
    }

    .achiDownload
    {
        border-top: rgb(126, 126, 126) solid 2px;
        border-left:none;
        border-radius: 0px 0px 0px 0px;
    }

    .achiDownload i
    {
        font-size: 30px;
    }
}

/**************************************/
/********* Conducere Section **********/
/**************************************/
/* Box sextion conducere */
.condContainerBox
{
    max-width: 350px;
    margin: 0px;
    margin-bottom: 3vh;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: #014487;
    border: #000000 solid 4px;
    border-radius: 20px;
    height: 200px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.condBoxTop
{
    height: 185px;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.condBoxTop h1
{
    font-size: 25px;
    font-family: NavBarFont;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.condMore
{
    display: none;
}

.condMore p
{
    font-size: 20px;
    font-family: NavBarFont;
}

.condContainerBox:hover .condMore
{
    height: 52px;
    color: rgb(0, 0, 0);
    background-color: #F2CC0C;
    border-top: #F2CC0C solid 4px;
    border-radius: 0px 0px 13px 13px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.condDownalod
{
    display: none;
}

.condContainerBox:hover .condDownalod
{
    height: 52px;
    font-size: 50px;
    color: rgb(0, 0, 0);
    background-color: #F2CC0C;
    border-top: #F2CC0C solid 4px;
    border-radius: 0px 0px 13px 13px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.condContainerBox:hover .condBoxTop
{
    height: 140px;
}
.condContainerBox:hover .condBoxTop h1
{
   font-size: 25px!important;
}

.condContainerBox:hover
{
    border: #F2CC0C solid 4px;
}
@media screen and (max-width:1100px) 
{
    .condBoxTop h1
    {
        font-size: 20px!important;
    }

    .condMore p
    {
        font-size: 17px!important;
    }
}

@media screen and (max-width:991px) 
{
    .condBoxTop h1
    {
        font-size: 25px!important;
    }

    .condMore p
    {
        font-size: 20px!important;
    }
}
/* Anunturi subpages */
.condAvereContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    height: 200px;
    margin-bottom: 3vh;
    border-radius: 10px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.condAverePartid
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 15px;
}

.condAverePartid p
{
    font-size: 15px;
    font-family: TittleFont;
    font-weight: 600;
    color: #969696;
    margin: 0px;
    padding: 0px;
}

.condAvereIntereseRol p
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 15px;
    font-size: 20px;
    font-family: TittleFont;
    font-weight: 600;
    color: #000000;
    text-align: center;
}

.condAvereIntereseRol hr
{
    margin: 0px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.condAvereContainer h1
{
    font-size: 25px;
    font-family: TittleFont;
    font-weight: 600;
    color: #F2CC0C;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 2px;
}

.condAvereDownload
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
}

.condAvereDownload a
{
    color: black;
}

.condAvereDownload a:hover
{
    color: #F2CC0C;
}

.condAvereDownload p
{
    font-size: 18px;
    font-family: TittleFont;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.condAvereDownload i
{
    font-size: 40px;
    text-align: center;
}

/**************************************/
/****** Monitor oficial Section *******/
/*************************************/
.monContainerBox
{
    max-width: 350px;
    margin: 0px;
    margin-bottom: 3vh;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: #014487;
    border: #000000 solid 4px;
    border-radius: 20px;
    height: 200px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.monBoxTop
{
    height: 130px;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.monBoxTop h1
{
    font-size: 25px;
    font-family: NavBarFont;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.monMore
{
    height: 62px;
    text-align: center;
    color: white;
    border: black solid 0px;
    border-top: black solid 4px;
    border-radius: 0px 0px 17px 17px;
    background-color: #FA5303;
}

.monMore p
{
    font-size: 20px;
    font-family: NavBarFont;
    font-weight: 400;
    padding: 0px;
    padding-top: 20px;
    margin: 0px;
}

.monContainerBox:hover .monMore
{
    border-top: #FA5303 solid 4px;
    border-radius: 0px 0px 13px 13px;
    color: #014487;
}

.monContainerBox:hover
{
    border: #FA5303 solid 4px;
}

@media screen and (max-width:1100px) 
{
    .monBoxTop h1
    {
        font-size: 20px!important;
    }

    .monMore p
    {
        font-size: 17px!important;
    }
}

@media screen and (max-width:991px) 
{
    .monBoxTop h1
    {
        font-size: 25px!important;
    }

    .monMore p
    {
        font-size: 20px!important;
    }
}

/* Anunturi style */
.monContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.monData
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}

.monData p
{
    font-size: 12px;
    color: #969696;
    font-family: TittleFont;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.monTitle
{
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

.monTitle h1
{
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.monDescription
{
    padding-top: 5px;
    padding-bottom: 0px;
    margin: 0px;
}

.monDescription p
{
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.monDownload
{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-left: rgb(126, 126, 126) solid 2px;
    border-radius: 0px 5px 5px 0px;
}

.monDownload i
{
    font-size: 40px;
    color: #FA5303;
    text-align: center;
}

.monContainer:hover  .monDownload i
{
    color: black;
}

.monContainer:hover  .monDownload{
    border-left: #FA5303 solid 2px;
    background-color: #FA5303;
}

.monContainer:hover
{
    border: #FA5303 solid 2px;
}

@media screen and (max-width:767px) 
{
    .monContainer
    {
        max-height: 100%;
    }

    .monBox
    {
        max-height: 250px;
    }

    .monTitle h1
    {
        font-size: 17px!important;
        font-weight: bold;
        -webkit-line-clamp: 6;
    }

    .monDownload
    {
        border-top: rgb(126, 126, 126) solid 2px;
        border-left:none;
        border-radius: 0px 0px 0px 0px;
    }

    .monDownload i
    {
        font-size: 30px!important;
    }
}

/**************************************/
/*********** Tipizate Section *********/
/**************************************/

.tipContainerBox
{
    max-width: 350px;
    margin: 0px;
    margin-bottom: 3vh;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: #014487;
    border: #000000 solid 4px;
    border-radius: 20px;
    height: 200px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.tipBoxTop
{
    height: 130px;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.tipBoxTop h1
{
    font-size: 25px;
    font-family: NavBarFont;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.tipMore
{
    height: 62px;
    text-align: center;
    color: white;
    border: black solid 0px;
    border-top: black solid 4px;
    border-radius: 0px 0px 17px 17px;
    background-color: #10ABB4;
}

.tipMore p
{
    font-size: 20px;
    font-family: NavBarFont;
    font-weight: 400;
    padding: 0px;
    padding-top: 20px;
    margin: 0px;
}

.tipContainerBox:hover .monMore
{
    border-top: #10ABB4 solid 4px;
    border-radius: 0px 0px 13px 13px;
    color: #014487;
}

.tipContainerBox:hover
{
    border: #10ABB4 solid 4px;
}

@media screen and (max-width:1100px) 
{
    .tipBoxTop h1
    {
        font-size: 20px!important;
    }
}

@media screen and (max-width:991px) 
{
    .tipBoxTop h1
    {
        font-size: 25px!important;
    }
}

/* Anunturi subpages */
/* Docs style */
.tipContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.tipTitle
{
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.tipTitle h1
{
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tipDownload
{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-left: rgb(126, 126, 126) solid 2px;
    border-radius: 0px 5px 5px 0px;
}

.tipDownload i
{
    font-size: 40px;
    color: #10ABB4;
    text-align: center;
}

.tipContainer:hover  .tipDownload i
{
    color: black;
}

.tipContainer:hover  .tipDownload{
    border-left: #10ABB4 solid 2px;
    background-color: #10ABB4;
}

.tipContainer:hover
{
    border: #10ABB4 solid 2px;
}


@media screen and (max-width:760px) 
{
    .tipContainer
    {
        max-height: 100%;
    }

    .tipBox
    {
        max-height: 250px;
    }

    .tipTitle h1
    {
        font-size: 17px!important;
        font-weight: bold;
    }

    .tipDownload
    {
        border-top: rgb(126, 126, 126) solid 2px;
        border-left:none;
        border-radius: 0px 0px 0px 0px;
    }

    .tipDownload i
    {
        font-size: 30px!important;
    }
}
/**************************************/
/************** evenimente ************/
/**************************************/
/* Anunturi style */
.evnContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    max-height: 200px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
}

.evnContainer:hover
{
    border-color: #DCC3A1;
}

@media screen and (max-width:991px) 
{
    .evnContainer
    {
        max-height: 100%;
    }
}
/**************************************/
/*********** Proiecte Section *********/
/**************************************/
/* Docs style */
.prjContainer
{
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    margin-bottom: 3vh;
    border: rgb(126, 126, 126) solid 2px;
    border-radius: 10px;
}

.prjData
{
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.prjData p
{
    font-size: 15px;
    color: #969696;
    font-family: TittleFont;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
}

.prjTitle
{
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.prjTitle h1
{
    padding-bottom: 5px;
    margin: 0px;
    color: #000000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prjDownload
{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-left: rgb(126, 126, 126) solid 2px;
    border-radius: 0px 5px 5px 0px;
}

.prjDownload i
{
    font-size: 40px;
    color: #9AEBA3;
    text-align: center;
}

.prjContainer:hover  .prjDownload i
{
    color: black;
}

.prjContainer:hover  .prjDownload{
    border-left: #9AEBA3 solid 2px;
    background-color: #9AEBA3;
}

.prjContainer:hover
{
    border: #9AEBA3 solid 2px;
}

.prjDescriere
{
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.prjDescriere p
{
    font-size: 17px;
    color: #000000;
    font-family: NavBarFont;
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width:760px) 
{
    .prjContainer
    {
        max-height: 100%;
    }

    .prjBox
    {
        max-height: 250px;
    }

    .prjTitle h1
    {
        font-size: 17px!important;
        font-weight: bold;
    }

    .prjDownload
    {
        border-top: rgb(126, 126, 126) solid 2px;
        border-left:none;
        border-radius: 0px 0px 0px 0px;
    }

    .prjDownload i
    {
        font-size: 30px!important;
    }
}

/**************************************/
/********* Information pages **********/
/**************************************/

.topBarInfoPages
{
    height: 30px;
    background-color: #014487;
}
.containerInfoPages
{
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
}

.containerInfoPages h1
{
    color: #000000;
    font-family: TittleFont;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    text-decoration: underline;
}

.containerInfoPages h2
{
    color: #000000;
    font-family: TittleFont;
    font-weight: bold;
    font-size: 25px;
}

.containerInfoPages p
{
    color: #000000;
    font-family: TittleFont;
    font-size: 20px;
}

.containerInfoPages ul 
{
    color: #000000;
    font-family: TittleFont;
    font-size: 20px;
}

.containerInfoPages ul li
{
    color: #000000;
    font-family: TittleFont;
    font-size: 20px;
}

.imgInfo
{
    margin-left: auto;
    margin-right: auto;
    max-width: 99%;
}

.imgInfo img
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;
    max-width: 90%;
}

@media screen and (max-width:1200px) 
{
    .containerInfoPages
    {
        max-width: 75%;
    }
}

@media screen and (max-width:768px) 
{
    .containerInfoPages
    {
        max-width: 85%;
    }
    
    .containerInfoPages h1
    {
        font-size: 25px!important;
    }

    .containerInfoPages h2
    {
        font-size: 20px!important;
    }

    .containerInfoPages p
    {
        font-size: 15px!important;
    }

    .containerInfoPages ul 
    {
        font-size: 15px!important;
    }

    .containerInfoPages ul li
    {
        font-size: 15px!important;
    }
}

@media screen and (max-width:500px) 
{
    .containerInfoPages
    {
        max-width: 94%;
    }
    
}