@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    background: white;
    font-size: 15px;
    color: Black;
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

p {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

*:not(script) + h2 {
    margin-top: 15px;
}

h1 {
    font-size: 28px;
}

h2 {
    margin-bottom: 8px;
}

h2, .PageTitle {
    font-size: 22px;
    color: #e10274;
}

h3, .SmallTitle, .leftMainTitle {
    font-size: 20px;
    color: #676767;
}

/*h4 {
    font-size: 20px;
    color: #64b9e4;
}*/

h5 {
    font-size: 18px;
    color: #e10274;
}

h6, .leftInfoTitle {
    font-size: 16px;
    color: #676767;
}

.PageTitle {
    display: block;
}

.leftMainTitle {
    display: block;
    padding: 15px 14px 5px;
}

p {
    line-height: 160%;
}

blockquote {
    padding-left: 1em;
}

    blockquote p, blockquote ul, blockquote ol {
        line-height: normal;
        font-style: italic;
    }

a {
    color: #3499cc;
}

    a:hover {
        text-decoration: none;
    }

/*img {
    max-width: 100% !important;
    height: auto !important;
}*/
/* Table */
.Table {
    width: 100%;
}

table.statistikyFirmy {
    max-width: 350px;
}

.TableHeader a:hover {
    text-decoration: none;
}

.TableHeader {
    font-weight: bold;
    background-color: #e9e9e9;
    vertical-align: middle;
}

.TableFooter {
    font-weight: bold;
    background-color: #e9e9e9;
    vertical-align: middle;
}

.TableRow {
    vertical-align: middle;
}

.TableAlternateRow, .sloupceSestavy tr:nth-child(odd) {
    background-color: #e9e9e9;
    vertical-align: middle;
}

table.nastaveniUctu .TableAlternateRow,
table.seznamZamestnancuFiltr .TableAlternateRow,
table.editaceZamestnance .TableAlternateRow,
table.editaceLP .TableAlternateRow,
table.Editor .TableAlternateRow,
table.pridelitKurz .TableAlternateRow {
    background: white;
}

td, th {
    padding: 6px 10px;
}

table.statistikyFirmy th, table.statistikyFirmy td,
table.seznamZamestnancuFiltr th, table.seznamZamestnancuFiltr td,
table.nastaveniUctu th, table.nastaveniUctu td,
table.vyberSestavy th, table.vyberSestavy td,
table.editaceZamestnance th, table.editaceZamestnance td,
table.editaceLP th, table.editaceLP td,
table.Editor th, table.Editor td,
table.pridelitKurz th, table.pridelitKurz td {
    padding: 0;
}

table.statistiky table th, table.statistiky table td {
    padding: 2px;
}

table.vyberSestavy {
    margin-bottom: 10px;
}
/* Toppanel */
#toppanel {
    width: 100%;
    height: 35px;
    margin: 0 auto;
    background: #dbdbdb;
    padding: 9px 0;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
}

#toppanel_in {
    width: 100%;
    max-width: 1086px;
    margin: 0 auto;
    text-align: right;
}

#toppanel a {
    color: #e10274;
    margin-left: 14px;
    white-space: nowrap;
    float: right;
}

.langpanel {
    float: right;
}

.langbutton {
    padding: 0px 2px 0px 2px;
}

.logininput {
    display: inline-block;
}

#login {
    margin-right: 65px;
}

.logininfo {
    display: inline-block;
    padding-right: 8px;
}

    .logininfo span {
        white-space: nowrap;
    }

/* Header */
#header_out {
    max-width: 1086px;
    margin: 12px auto 0;
}

    #header_out img {
        width: 100%;
    }

/* napoveda pro zamestnance */
.helpbox td {
    vertical-align: top;
}

.helpbox_left {
    width: 50%;
    padding: 0 4% 0 0;
}

.helpbox p {
    text-align: justify;
}

.helpbox_right {
    width: 46%;
    padding: 0;
}

    .helpbox_right > div {
        border: 2px solid #d8d8d8;
        padding: 20px;
        font-size: 17px;
    }

.nespustene, .nedokoncene, .absolvovane {
    padding: 12px 0 12px 35px;
}

    .nespustene b, .nedokoncene b, .absolvovane b {
        font-weight: normal;
    }

.nespustene {
    /*background: url(../images/nespustene.png) no-repeat left;*/
}

.nedokoncene {
    /*background: url(../images/nedokoncene.png) no-repeat 2px;*/
    color: #e10274;
}

.absolvovane {
    /*background: url(../images/absolvovane.png) no-repeat 4px;*/
    color: #64b9e4;
}

.TextBox, .loginform table .TextBox, .sendpsswdform table .TextBox {
    border: 0;
    height: 33px;
    line-height: 33px;
    padding: 0 5px;
    background: #e9e9e9;
    font-size: 14px;
    box-sizing: border-box;
}

select {
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
    font-size: 14px;
}

table .TextBox {
    background: white;
    border: 1px solid #c0c0c0;
}

.Button {
    border: 0;
    background: #64b9e4;
    height: 33px;
    padding: 0 20px;
    line-height: 33px;
    color: white;
    vertical-align: middle;
    font-size: 17px;
    margin-bottom: 5px;
}

td .Button {
    margin-top: 10px;
}

.posun {
    padding-top: 10px;
}
/* Menu */
/*
#menu {
	width: 100%;
	height: 35px;
	margin: 0 auto 19px;
	background: #dbdbdb;	
    line-height: 30px;
	font-weight: bold;
	text-align: right;
    vertical-align: middle;
}

#menu ul {
	margin: 0;
	padding: 0 0 0 45px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 40px 0 15px;
	background: url("../images/odrazka.gif") no-repeat left center;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}
*/
/* Page */
#page {
    width: 100%;
    max-width: 1086px;
    margin: 0 auto;
    padding: 0;
}

    #page:before, #page:after {
        content: ' ';
        display: table;
    }

    #page:after {
        clear: both;
    }
/* Content */
.content {
    float: left;
    padding: 27px 40px 10px 0px;
    box-sizing: border-box;
    width: 74%;
}

.sirka {
    width: 100%;
}

.title {
    margin: 0;
    border-bottom: 2px solid #4A3903;
}

.group {
    color: #b00000;
    padding: 6px 20px 2px 0;
    border-bottom: 2px solid #b00000;
}

.hotove {
    background: url("../images/ico01.gif") no-repeat right top;
}

.vlastni {
    background: url("../images/ico02.gif") no-repeat right top;
}

.kontakt {
    background: url("../images/ico04.gif") no-repeat right top;
}

.boxgroup {
    width: 220px;
    padding: 0 10px 20px 20px;
}

.byline {
    margin: 0;
}

.meta {
    border-top: 1px solid #4A3903;
    text-align: right;
    color: #646464;
}

    .meta a {
        padding-left: 15px;
        background: url("../images/img06.gif") no-repeat left center;
        font-weight: bold;
    }

/* Sidebar */
#sidebar {
    float: right;
    width: 26%;
    background: #e9e9e9;
    margin: 13px 0 0;
    padding-bottom: 15px;
}
    /* Right menu */
    #sidebar ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    #sidebar li#news {
        margin-bottom: -15px;
    }

    #sidebar h2 {
        display: none;
    }

    #sidebar li ul {
    }

    #sidebar li li {
    }

        #sidebar li li a {
            font-weight: normal;
            padding: 16px 20px 10px;
            color: #fff;
            display: block;
            border-bottom: 2px solid white;
            background: #64b9e4;
            font-size: 18px;
        }

    #sidebar p {
        margin: 0;
        padding: 0;
        line-height: 1.4em;
    }

    #sidebar a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: #272c31;
    }

        #sidebar a:hover {
            text-decoration: underline;
        }

    #sidebar h4 a, #sidebar h4 a:visited {
        padding: 0 0 0 10px;
        margin: 0 0 0 20px;
        line-height: 20px;
        text-decoration: none;
        color: #3f3f3f;
        background-color: #e6ebf2;
        width: 160px;
        display: block;
        border-bottom: #828181 solid 1px;
    }

        #sidebar h4 a:hover {
            background-color: white;
            color: #303030;
            text-decoration: none;
        }

    #sidebar ul.rightbox {
        list-style-type: none;
        margin: 5px 14px;
        font-size: 14px;
    }

.aktualnikurzy_akce {
    background: url(../images/play.gif) no-repeat;
    width: 12px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.letterpanel {
    padding: 15px 0 0;
}

    .letterpanel a {
        padding: 3px;
        margin: 3px 0;
        display: inline-block;
    }

.sloupceSestavy {
    width: 100%;
}
/* zalozky */
.ajax__tab_technorati-theme .ajax__tab_header {
    clear: both;
}

    .ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer {
        padding: 0 0 0 1px;
    }

    .ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner {
        padding: 0;
    }

a.ajax__tab_tab {
    padding: 7px 10px;
}

.ajax__tab_technorati-theme .ajax__tab_body {
    font-size: inherit;
}
/* Footer */
#footer {
    padding: 20px 0;
    margin: 0 auto;
    background: white;
    font-size: 11px;
    width: 100%;
    max-width: 1086px;
    box-sizing: border-box;
}

#footer_left {
    float: left;
}

#footer_right {
    float: right;
}

    #footer_right a {
        white-space: nowrap;
    }

.NothingFound {
    text-align: center;
    color: #272c31;
    font-weight: bold;
    font-size: 13px;
    display: block;
}

.Description {
    text-align: left;
    color: #272c31;
    font-weight: bold;
    display: block;
}

.navi1 {
    margin-left: 25px;
    width: 75px;
    height: 22px;
    color: #3e5e8c;
    border-top: 1px solid #9fb0c8;
    border-bottom: 1px solid #9fb0c8;
}

.navi2 {
    width: 200px;
    height: 22px;
    color: #3e5e8c;
    background: url("../images/bg_navi.gif") no-repeat center;
    text-align: center;
    border-top: 1px solid #9fb0c8;
    border-bottom: 1px solid #9fb0c8;
}

.navi3 {
    width: 130px;
    height: 22px;
    color: #3e5e8c;
    background: url("../images/bg_navi2.gif") no-repeat right;
    text-align: center;
    border-top: 1px solid #9fb0c8;
    border-bottom: 1px solid #9fb0c8;
}

.navi4 {
    width: 75px;
    height: 22px;
    color: #3e5e8c;
    text-align: right;
    border-top: 1px solid #9fb0c8;
    border-bottom: 1px solid #9fb0c8;
}

.pause {
    padding-left: 20px;
    background: url("../images/pause.gif") no-repeat left center;
}

.back {
    margin-left: 10px;
    padding: 0 0 0 20px;
    background: url("../images/back.gif") no-repeat left center;
}

.play {
    padding: 0 20px 0 0;
    margin-right: 10px;
    background: url("../images/play.gif") no-repeat right center;
}

.infomsg {
    margin-bottom: 5px;
    text-align: center;
    font-weight: bolder;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}

.loginform {
    border: 2px solid #d8d8d8;
    padding: 25px 35px 15px;
    max-width: 220px;
    margin: 0 auto;
}

.sendpsswdform {
    border: 2px solid #d8d8d8;
    padding: 15px 35px;
    max-width: 300px;
    margin: 0 auto;
}

    .loginform tr, .loginform td, .sendpsswdform tr, .sendpsswdform td {
        background: none;
        display: block;
        padding: 4px 0;
    }

.loginform .TextBox {
    width: 210px !important;
    box-sizing: border-box;
}

.sendpsswdform .TextBox {
    width: 290px !important;
    box-sizing: border-box;
}
/* RESPONSIVE DESIGN */
@media only screen and (max-width:1110px) {
    .content {
        padding-left: 10px;
    }

    #toppanel, #footer {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width:800px) {
    .content, #sidebar {
        float: none;
        width: 100%;
    }

    .content {
        padding-right: 10px;
    }
}

@media only screen and (max-width:600px) {
    .navi1, .navi2, .navi3, .navi4 {
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        text-align: left;
        border: 0;
        background: none;
        margin: 0;
        height: 30px;
    }

        .navi1 a, .navi2 a, .navi3 a, .navi4 a {
            margin: 0;
        }
}

@media only screen and (max-width:500px) {
    body {
        font-size: 15px;
    }

    #toppanel {
        height: auto;
        margin-bottom: 0;
    }

        #toppanel a {
            margin-left: 10px;
        }

    #sidebar li li a {
        padding: 10px;
        font-size: 16px;
    }

    #footer_left, #footer_right {
        float: none;
    }

    #footer_left {
        padding-bottom: 5px;
    }

    .helpbox_left, .helpbox_right {
        display: block;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .TextBox, select, .loginform .TextBox, .sendpsswdform .TextBox {
        box-sizing: border-box;
        width: 100% !important;
        height: 30px;
        line-height: 30px;
    }
}

@media only screen and (max-width:400px) {
    #toppanel a {
        float: none;
        margin-left: 0;
    }
}

@media only screen and (max-width:320px) {
    .content {
        padding: 15px 5px 10px;
    }

    td, th {
        padding: 4px;
    }

    .helpbox_right > div {
        font-size: 16px;
    }

    .loginform, .sendpsswdform {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.labelTitle {
    display: inline-block;
    float: left;
}

.tableManagerCerts {
    border: 0;
    width: 100%;
}

    .tableManagerCerts img {
        border: 0;
        margin: 15px;
    }

.QuestionTable {
    width: 100%;
}

.answer-id {
    width: 5%;
}

.answer-radio {
    width: 20px;
    text-align: center;
}

.answer-content {
}

    .answer-content > * {
        vertical-align: middle;
        padding-right: 15px;
    }

.question-text {
    font-weight: bold;
    font-size: medium;
    color: black;
    padding-bottom: 20px;
}

.footer_gdpr {
    font-size: 13px;
    margin-bottom: 10px;
}