/* Styles for layout

Color codes:

    #E40613 - topBar
    #D2D2D2 - page background
    #BBBBBB - footer color
    #424242 - footer background
    #5C5C5C - table header background

-----------------------------------------------------------*/

/*---------------Začátek - Globální nastavení pro všechno------------------*/
body {
    font-size: 13px;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    background-color: white;
    margin: 0;
    padding: 0;
    color: #5c5c5c;
}

img {
    border: 0;
}

.hidden {
    display: none;
}

.breadcrumbs_navigation {
    margin-left: 15px;
    font-size: 12px;
    margin-bottom: 10px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.redFont {
    color: #FF0000 !important;
}

.greenFont {
    color: green !important; /*#33CC33*/
}

.yellowFont {
    color: goldenrod !important;
}

.textNoWrap {
    white-space: nowrap;
}

h2 {
    padding: 5px 0 0 0;
}

.center_It {
    margin: 80px auto 0 auto;
    text-align: center;
    width: 600px;
}

.filter {
    background: #e2eaf1;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

div.filter input[type=text],
div.filter input[type=password] {
    font-size: 13px;
    padding: 2px 3px;
    font-weight: bold;
    width: 200px;
    background: white;
    border-bottom: 1px double #bababa;
    border-top: 1px double #bababa;
    border-left: 1px double #bababa;
    border-right: 1px double #bababa;
}

div.filter select {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px;
    width: 208px;
    background: white;
    border-bottom: 1px double #bababa;
    border-top: 1px double #bababa;
    border-left: 1px double #bababa;
    border-right: 1px double #bababa;
}

    div.filter input:focus, div.filter input:hover, div.filter select:focus, div.filter select:hover {
        background-color: #e2eaf1;
        color: #000;
        border: 1px solid #B7D6DF;
        box-shadow: 0 0 4px #A7D6E3;
    }

/*--------------------Konec - Globální nastavení pro všechno----------------*/
/*--------------------Začátek - Hlavní zobrazovací divy---------------------*/
/*---------------------------Začátek - Hlavička-----------------------------*/
#upper_header {
    width: 100%;
    min-width: 900px;
    height: 28px;
    background-color: #5CAD33;
}

#localization_changer {
    float: left;
    color: #444;
    margin-top: 4px;
    margin-left: 35px;
    font-weight: bold;
}

.logon_controller {
    width: auto;
    height: auto;
    float: right;
    color: #444;
    font-size: 14px;
    margin-top: -9px;
    margin-left: -5px;
    margin-right: 45px;
}

#upper_header a {
    color: #444;
    text-decoration: none;
}

    #upper_header a:hover {
        color: black;
        text-decoration: none;
    }

#lower_header {
    display: table;
    width: 100%;
    min-width: 900px;
    height: 63px;
}

#logo {
    float: left;
    margin-left: 30px;
}

    #logo div {
        float: left;
    }

.companylogo {
    float: right;
    /*margin-left: 86px;*/
    margin-right: 30px;
}

#banner {
    width: 478px;
    height: 97px;
    float: right;
    margin-top: -9px;
    margin-right: 40px;
}
/*---------------------------Konec - Hlavička-----------------------------*/
/*---------------------------Začátek - Kontejner-----------------------------*/
#container {
    display: table;
    width: 97%;
    min-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#container_left {
    width: 220px;
    height: auto;
    float: left;
}

#container_right {
    overflow: hidden;
    height: auto;
    margin-left: 230px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    border: 1px solid #c3c3c3;
    background: url(images/container.jpg) repeat-x;
    background-color: #ffffff;
}
/*---------------------------Začátek - Hlavní taby-----------------------------*/
.main_tab {
    width: auto;
    height: 35px;
    float: right;
    text-align: center;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    background: url(images/reminder_background.jpg) repeat-x;
    background-color: #5CAD33;
    margin-top: -35px;
    margin-left: 4px;
}

    .main_tab p {
        margin-top: 8px;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: bold;
    }

    .main_tab a {
        color: #444;
        text-decoration: none;
    }

    .main_tab:hover {
        background: #f1f1f1;
        border-top: 1px solid #c3c3c3;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        height: 35px;
    }

    .main_tab a:hover {
        color: #5C5C5C;
    }

.main_tab_a {
    width: auto;
    height: 35px;
    float: right;
    text-align: center;
    background: url(images/alt_tab.jpg) repeat-x;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    margin-top: -35px;
    margin-left: 4px;
}

    .main_tab_a p {
        margin-top: 8px;
        padding-left: 15px;
        padding-right: 15px;
        color: #5C5C5C;
        font-weight: bold;
    }

    .main_tab_a a {
        color: #5C5C5C;
        text-decoration: none;
    }

    .main_tab_a:hover {
        background: #f1f1f1;
        border-top: 1px solid #c3c3c3;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        height: 35px;
    }

    .main_tab_a a:hover {
        color: #444;
    }

.main_tab_notActive {
    width: auto;
    height: 35px;
    float: right;
    text-align: center;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    background-color: #F1F1F1;
    margin-top: -35px;
    margin-left: 4px;
}

    .main_tab_notActive p {
        margin-top: 8px;
        padding-left: 15px;
        padding-right: 15px;
        color: #5C5C5C;
        font-weight: bold;
    }

    .main_tab_notActive a {
        text-decoration: none;
        color: #5C5C5C;
    }

.main_container {
    width: auto;
    height: auto;
    border: 1px solid #c3c3c3;
    background: #f1f1f1;
    margin-top: 32px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}
/*---------------------------Konec - Hlavní taby-----------------------------*/
/*---------------------------Začátek - Vnitřní taby-----------------------------*/
.alt_tab_a {
    width: auto;
    height: 24px;
    float: left;
    text-align: center;
    background: #f1f1f1;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    margin-top: 8px;
    margin-right: 4px;
}

    .alt_tab_a p {
        margin-top: 4px;
        padding-left: 12px;
        padding-right: 12px;
        font-weight: bold;
    }

    .alt_tab_a a {
        text-decoration: none;
        color: #5c5c5c;
    }

.alt_tab_d {
    width: auto;
    height: 23px;
    float: left;
    text-align: center;
    background: #ededed;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    margin-top: 8px;
    margin-right: 4px;
    color: #bdbdbd;
}

    .alt_tab_d p {
        margin-top: 4px;
        padding-left: 12px;
        padding-right: 12px;
        font-weight: bold;
    }

.alt_tab {
    width: auto;
    height: 24px;
    float: left;
    text-align: center;
    background: url(images/alt_tab.jpg) repeat-x;
    background-position: center bottom;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    margin-top: 8px;
    margin-right: 4px;
}

    .alt_tab p {
        margin-top: 4px;
        padding-left: 12px;
        padding-right: 12px;
        font-weight: bold;
    }

    .alt_tab a {
        text-decoration: none;
        color: #5c5c5c;
    }

        .alt_tab a:hover {
            color: #5CAD33;
        }

    .alt_tab:hover {
        background: #f1f1f1;
    }
/*---------------------------Konec - Vnitřní taby-----------------------------*/
/*---------------------------Konec - Kontejner-----------------------------*/
/*---------------------------Začátek - Patička-----------------------------*/
.clear {
    clear: both;
}

#foother {
    padding: 25px;
    color: #000;
    text-align: right;
    font-size: 10px;
}

    #foother .logo {
        float: right;
        padding-left: 15px;
    }
/*---------------------------Konec - Patička-----------------------------*/
/*--------------------Konec - Hlavní zobrazovací divy---------------------*/

/*----------------------------Začátek - Menu-------------------------------*/

.menu {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    list-style-type: none;
    background: #FFFFFF;
    font-size: 12px;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

    .menu div {
        color: #808080;
        padding: 0;
    }

        .menu div a {
            margin: 0 0 0 15px;
            padding: 5px;
            color: #808080;
            text-decoration: none;
            width: 100%;
        }

            .menu div a:hover {
                color: #339900;
            }

        .menu div.sub {
            background-color: #ededed;
        }

        .menu div.title {
            background: #5CAD33;
            color: #444;
            padding: 10px 10px 10px 10px;
            margin-right: 0px;
            margin-left: 0px;
            margin-bottom: 3px;
            font-size: 14px;
            font-weight: bold;
        }

            .menu div.title a {
                margin: 0;
                padding: 0;
                color: #444;
            }

                .menu div.title a:hover {
                    color: black;
                }

        .menu div.withArrow {
            background-image: url(images/green_arrow.png);
            background-repeat: no-repeat;
            background-position: 5px 5px;
            margin: 11px 8px 11px 8px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .menu div.withArrowAndPadding {
            background-image: url(images/green_arrow.png);
            background-repeat: no-repeat;
            background-position: 5px 5px;
            margin: 11px 8px 11px 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 15px;
        }

        .menu div.nowActive {
            background: #5CAD33;
            background-image: url(/Content/images/white_arrow.png);
            background-repeat: no-repeat;
            background-position: 3% 50%;
            display: block;
            padding-top: 9px;
            padding-bottom: 9px;
            margin-bottom: -10px;
            margin-top: -3px;
            font-weight: bold;
        }

            .menu div .nowActive a {
                color: #444;
                text-decoration: none;
            }

                .menu div.nowActive a:hover {
                    color: black;
                }

.menu_separator {
    background: url(images/menu_separator.png) repeat-x;
    width: 175px;
    height: 1px;
    float: left;
    margin-top: -8px;
    margin-left: 10px;
}

/*----------------------------Konec - Menu-------------------------------*/

.tooltip {
    background-image: url(images/btnHelp.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 1px;
    vertical-align: middle;
    margin-top: -3px;
}

    .tooltip:hover {
        background-image: url(images/btnHelp2.png);
    }

/* Breadcrumb navigation
-----------------------------------------------------------*/
.breadcrumbNav {
}

/* Styles for html5 elements
-----------------------------------------------------------*/


header,
footer,
nav,
section {
    display: block;
}

.pager_actual {
    font-weight: 900;
    color: #999 !important;
}

.nofloat {
    float: none !important;
}


.fulltext {
    border: 2px solid #B7D6DF!important;
    box-shadow: 0 0 4px #A7D6E3!important;
    background-color:#EEEEFF!important;
}