* {
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-align: center;
    font-size: 1.1em;
    font-family: arial;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url('/images/bg.png');
    background-repeat: repeat-y;
    background-size: 100%;
}

a {
    color: #5484af;
}

.css_container {
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 1300px;
    padding: 0px;
    flex-shrink: 0;
    backdrop-filter: blur(1px);
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);

}

.css_container:after {
    clear: both;
    content: "";
}

.css_container a {
    color: #0c347f;
}

.css_container_table {
    margin: auto;
    display: block;
    width: 95%;
    max-width: 1300px;
    padding: 0px;
    text-align: center;
    backdrop-filter: blur(1px);
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);

}


.css_header {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin: 0;
    padding: 0px;
    backdrop-filter: blur(1px);
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

@media screen and (max-width: 500px) {
    .css_header {
        flex-direction: column;
    }

}

.css_logo {
    margin: 0;
    padding: 0;
}

.css_logo img {
    width: auto;
    height: 250px;
    margin: 0;
    padding: 0;
    border: 10px solid #000000;
    backdrop-filter: blur(1px);
    background-color: rgba(0, 0, 0, 0.3);
    border: 10px solid rgba(0, 0, 0, 0.2);

}

.css_logo a {
    padding: 0;
    margin: 0;
}


@media (max-width:500px) {
    .css_logo img {
        width: auto;
        height: 250px;
    }
}

.css_search {
    margin: 0;
    backdrop-filter: blur(1px);
    background-color: rgba(0, 0, 0, 0.3);
    border: 10px solid rgba(0, 0, 0, 0.2);

}

.css_search input,
button {
    border: 1px dotted #e0e0e0;
    font-size: 20px;
    padding: 3px;
}

.css_search input:hover,
button:hover {
    background-color: #f0f0f0;
}

.css_search button:hover {
    cursor: pointer;
}

.css_menu {
    display: block;
    background-color: #0e6ea8;
    text-align: center;
    padding: 5px;
    text-transform:uppercase;
}

.css_menu a {
    color: #F1F6E1;
    font-size: 20px;
    font-family: helvetica;
    display: inline-block;
    text-decoration: none;
    padding: 5px;
}

.css_format_content a {
    color: #0c3c84;
}

.css_menu a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #0c3c84;
}

.css_main {
    vertical-align: top;
    width: 100%;
}

.css_sidebar {
    width: 200px;
    vertical-align: top;
    text-align: center;
    padding: 0;
    margin: 0;
}

.css_sidebar_box_content {
    background-color: rgba(255, 255, 255, 0.8);
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    padding: 5px;
}

.css_footer {
    clear: both;
    margin-top: 10px;
    font-size: 15px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.5);

}

.css_sidebar_box {
    margin-top: 5px;
    font-size: 0.9em;
    font-family: arial;
}

.css_sidebar_box a {
    color: #5484af;
}

.css_sidebar_box_title {
    background-color: #eeeeaa;
    margin-bottom: 3px;
    padding: 3px;
    font-size: 1.1em;
    width: 100%;
    text-align: center;
}

.css_sidebar_box_title a {
    text-decoration: none;
    color: #5050d0;
}

.css_sidebar_box_title a:hover {
    text-decoration: underline;
}

.css_table_cats {
    font-size: 1em;
    font-family: arial;
}

.css_table_cats th {
    background-color: #DEEDED;
    padding: 5px;
}

.css_table_cats td {
    padding: 3px;
    background-color: #fefefe;
}

.css_table_cats td:hover {
    background-color: #f7fff7;
}

.css_table_cats a {
    color: #415255;
    text-decoration: none;
}

.css_table_cats a:hover {
    color: #ab342F;
    text-decoration: none;
}

.css_format_title {
    font-size: 1.2em;
    font-family: arial;
    background-color: #DEEDED;
    padding: 5px;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.css_format_title_dark {
    font-size: 1.2em;
    font-family: arial;
    background-color: #8EB8B8;
    padding: 5px;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.css_format_title_dark a {
    color: #415255;
    text-decoration: none;
}

.css_format_title_dark a:hover {
    color: #8B342F;
    text-decoration: none;
}

.css_format_content {
    padding: 5px;
    text-align: left;
    background-color: rgba(245, 245, 245, 0.8);
    margin-top: 5px;
}

.css_half_link {
    display: inline-block;
    width: 240px;
    padding: 3px;
    margin: 3px;
    color: #0c347f;
    text-decoration: none;
    backdrop-filter: blur(0.5px);
    background-color: rgba(245, 245, 245, 0.8);

}

.css_format_title a {
    color: #415255;
    text-decoration: none;
}

.css_format_title a:hover {
    color: #8B342F;
    text-decoration: none;
}


.css_director_adauga {
    text-align: right;
    padding: 5px;
    text-decoration: none;
}

.css_director_url {
    color: #415255;
    text-decoration: none;
    text-align: left;
}

.css_motto {
    display: block;
    float: right;
    padding: 10px;
}

.css_list_item {
    margin: 5px 5px 10px 5px;
    padding: 5px;
    font-size: 0.9em;
    font-family: arial;
}

.css_list_item:hover {
    background-color: #ffffea !important;
}

.css_list_item:nth-child(odd) {
    background-color: #fafafa;
}

.css_item {
    margin: 5px;
    padding: 5px;
}

@media (max-width:500px) {

    .css_sidebar {
        width: 100%;
        display: block;
    }

    .css_container_table {
        width: auto;
        display: block;
        padding: 0;
        margin: auto;
        text-align: center;
    }

    .css_container_table td {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .css_main {
        display: block;
        width: 100%;
        margin: 10px;
        padding: 10px;
    }

    .css_header {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .css_logo {
        text-align: center;
        display: block;
        width: 100%;
    }

    .css_search {
        margin: 0 10px 5px 0;
        padding: 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    .css_menu {
        display: none;
    }

    /*    .css_sidebar {
            display:block;
            width:100%;
            text-align:center;
            margin-top:10px;
        }*/
    .css_sidebar_box {
        width: 100%;
    }

    .css_sidebar_box_content {
        width: 95%;
    }

    .css_sidebar_box_title {
        text-align: center;
    }

    .css_sidebar_icoana img {
        width: 80%;
        padding: 5px;
        text-align: center;
    }

    .css_sidebar_box a {
        font-family: arial !important;
        font-size: 1em !important;
    }

    .css_half_link {
        display: inline-block;
        text-align: left;
        width: 45%;
        padding: 3px;
        margin: 3px;
        color: #5484af;
        text-decoration: none;
    }

    .css_item {
        display: block;
        width: 100%;
    }

}

.css_search_result {
    margin-top: 10px !important;
}

/* Specific styles for sfintii zilei sidebar to prevent content overflow */
.css_sidebar_box .css_sidebar_box_content {
    position: relative;
    z-index: 1;
}

.css_sidebar_box .css_sidebar_box_content * {
    max-width: 100%;
    box-sizing: border-box;
}