/*----------------------------------------------------------------------------------------*/
/* Novy zapis cellpadding pro html5*/
/*----------------------------------------------------------------------------------------*/
section {
    line-height: normal;
}

.table-cellpadding-0px td, .table-cellpadding-0px th {
    padding: 0px;
}

.table-cellpadding-1px td, .table-cellpadding-1px th {
    padding: 1px;
}

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

.table-cellpadding-3px td, .table-cellpadding-3px th {
    padding: 3px;
}

.table-cellpadding-4px td, .table-cellpadding-4px th {
    padding: 4px;
}

.table-cellpadding-5px td, .table-cellpadding-3px th {
    padding: 5px;
}

.table-cellpadding-10px td, .table-cellpadding-10px th {
    padding: 10px;
}

.form-padding {
    padding-bottom: 20px;
    padding-top: 20px;
}

/*----------------------------------------------------------------------------------------*/
/* Text Align*/
/*----------------------------------------------------------------------------------------*/

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

/*----------------------------------------------------------------------------------------*/
/* Novy zapis cellspacing pro html5*/
/*----------------------------------------------------------------------------------------*/

/* cellspacing="2" */
.table-cellspacing-2px table {
    border-collapse: separate;
    border-spacing: 2px;
}

/* cellspacing */
.table-cellspacing-1px table {
    border-collapse: separate;
    border-spacing: 1px;
}
/* cellspacing="0" */
.table-cellspacing-0px table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----------------------------------------------------------------------------------------*/
/* Novy zapis valign pro html5*/
/*----------------------------------------------------------------------------------------*/

/* valign top */
.table-valign-top, .table-valign-top th, .table-valign-top td {
    vertical-align: top;
}

/* valign bottom */
.table-valign-bottom, .table-valign-bottom th, .table-valign-bottom td {
    vertical-align: bottom;
}

/* valign middle */
.table-valign-middle, .table-valign-middle th, .table-valign-middle td {
    vertical-align: middle;
}

/*----------------------------------------------------------------------------------------*/
/*display:block*/
/*----------------------------------------------------------------------------------------*/

.display-block {
    display: block;
}

/*----------------------------------------------------------------------------------------*/
/*width*/
/*----------------------------------------------------------------------------------------*/

/* width */
.width-auto {
    width: auto;
}

/* width 30px */
.width-30px {
    width: 30px;
}

/* width 40px */
.width-40px {
    width: 40px;
}

/* width 100% */
.width-full {
    width: 100%;
}

/* width 600px */
.width-600px {
    width: 600px;
}

/* width 650px */
.width-650px {
    width: 650px;
}

/* width 1050px */
.width-1050px {
    width: 1050px;
}

/* width 1050px */
.width-1000px {
    width: 1000px;
}

/* width 500px */
.width-500px {
    width: 500px;
}

/* width 600px */
.width-600px {
    width: 600px;
}

/* width 700px */
.width-700px {
    width: 700px;
}

/* width 800px */
.width-800px {
    width: 801px;
}

/* width 850px */
.width-850px {
    width: 850px;
}

/* width 400px */
.width-400px {
    width: 400px;
}

/* width 25percent */
.width-25pct {
    width: 25%;
}

/* width 50percent */
.width-50pct {
    width: 50%;
}

/*----------------------------------------------------------------------------------------*/
/*float*/
/*----------------------------------------------------------------------------------------*/
.float-right {
    float: right;
}

/*----------------------------------------------------------------------------------------*/
/*border*/
/*----------------------------------------------------------------------------------------*/

/* border 0px */
.border-none {
    border: 0px;
    border-style: none;
}

/* border 1px */
.border-1px {
    border: 1px;
    border-style: solid;
}

/*----------------------------------------------------------------------------------------*/
/*height*/
/*----------------------------------------------------------------------------------------*/

/* height 100% */
.height-full {
    height: 100%;
}

/* height auto */
.height-auto {
    height: auto;
}

table.center {
    margin: 0 auto;
}

/*----------------------------------------------------------------------------------------*/
/* Opravuje velikostní rozdíly pro textboxy a dropdown listy */
/*----------------------------------------------------------------------------------------*/

.textbox-fix, .dropdown-fix {
    width: 250px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.checkbox-fix {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.datepicker-fix {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin: 0 5px 0 0;
}

/*----------------------------------------------------------------------------------------*/
/* Oddělovač hr */
/*----------------------------------------------------------------------------------------*/
.hr-fix {
    display: block;
    position: relative;
    padding: 0;
    margin: 8px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #ffffff;
}

/*----------------------------------------------------------------------------------------*/
/* zobrazení */
/*----------------------------------------------------------------------------------------*/
.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}


/* ========================================================================================================================= */
/*                                                                                                                           */
/*                                                                                                                           */
/*                                              GRID PRO SLOUPCE, ŘÁDKY, TABULKY,                                            */
/*                                                                                                                           */
/*                                                                                                                           */
/* ========================================================================================================================= */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.FormBg{
    margin-bottom:20px;
}
/*  GROUPING  ============================================================================= */
.row {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

    .row:before,
    .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }
/* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        /*margin: 1% 0 1% 0%;*/
        margin: 0;
    }
}


/*  GRID OF TWO   ============================================================================= */


.span-2-of-2 {
    width: 100%;
}

.span-1-of-2 {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-2-of-2 {
        width: 100%;
    }

    .span-1-of-2 {
        width: 100%;
    }
}


/*  GRID OF THREE   ============================================================================= */


.span-3-of-3 {
    width: 100%;
}

.span-2-of-3 {
    width: 66.13%;
}

.span-1-of-3 {
    width: 32.26%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-3-of-3 {
        width: 100%;
    }

    .span-2-of-3 {
        width: 100%;
    }

    .span-1-of-3 {
        width: 100%;
    }
}

/*  GRID OF FOUR   ============================================================================= */


.span-4-of-4 {
    width: 100%;
}

.span-3-of-4 {
    width: 74.6%;
}

.span-2-of-4 {
    width: 49.2%;
}

.span-1-of-4 {
    width: 23.8%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-4-of-4 {
        width: 100%;
    }

    .span-3-of-4 {
        width: 100%;
    }

    .span-2-of-4 {
        width: 100%;
    }

    .span-1-of-4 {
        width: 100%;
    }
}


/*  GRID OF FIVE   ============================================================================= */


.span-5-of-5 {
    width: 100%;
}

.span-4-of-5 {
    width: 79.68%;
}

.span-3-of-5 {
    width: 59.36%;
}

.span-2-of-5 {
    width: 39.04%;
}

.span-1-of-5 {
    width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-5-of-5 {
        width: 100%;
    }

    .span-4-of-5 {
        width: 100%;
    }

    .span-3-of-5 {
        width: 100%;
    }

    .span-2-of-5 {
        width: 100%;
    }

    .span-1-of-5 {
        width: 100%;
    }
}


/*  GRID OF SIX   ============================================================================= */


.span-6-of-6 {
    width: 100%;
}

.span-5-of-6 {
    width: 83.06%;
}

.span-4-of-6 {
    width: 66.13%;
}

.span-3-of-6 {
    width: 49.2%;
}

.span-2-of-6 {
    width: 32.26%;
}

.span-1-of-6 {
    width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-6-of-6 {
        width: 100%;
    }

    .span-5-of-6 {
        width: 100%;
    }

    .span-4-of-6 {
        width: 100%;
    }

    .span-3-of-6 {
        width: 100%;
    }

    .span-2-of-6 {
        width: 100%;
    }

    .span-1-of-6 {
        width: 100%;
    }
}



/*  GRID OF SEVEN   ============================================================================= */


.span-7-of-7 {
    width: 100%;
}

.span-6-of-7 {
    width: 85.48%;
}

.span-5-of-7 {
    width: 70.97%;
}

.span-4-of-7 {
    width: 56.45%;
}

.span-3-of-7 {
    width: 41.94%;
}

.span-2-of-7 {
    width: 27.42%;
}

.span-1-of-7 {
    width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-7-of-7 {
        width: 100%;
    }

    .span-6-of-7 {
        width: 100%;
    }

    .span-5-of-7 {
        width: 100%;
    }

    .span-4-of-7 {
        width: 100%;
    }

    .span-3-of-7 {
        width: 100%;
    }

    .span-2-of-7 {
        width: 100%;
    }

    .span-1-of-7 {
        width: 100%;
    }
}


/*  GRID OF EIGHT   ============================================================================= */


.span-8-of-8 {
    width: 100%;
}

.span-7-of-8 {
    width: 87.3%;
}

.span-6-of-8 {
    width: 74.6%;
}

.span-5-of-8 {
    width: 61.9%;
}

.span-4-of-8 {
    width: 49.2%;
}

.span-3-of-8 {
    width: 36.5%;
}

.span-2-of-8 {
    width: 23.8%;
}

.span-1-of-8 {
    width: 11.1%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-8-of-8 {
        width: 100%;
    }

    .span-7-of-8 {
        width: 100%;
    }

    .span-6-of-8 {
        width: 100%;
    }

    .span-5-of-8 {
        width: 100%;
    }

    .span-4-of-8 {
        width: 100%;
    }

    .span-3-of-8 {
        width: 100%;
    }

    .span-2-of-8 {
        width: 100%;
    }

    .span-1-of-8 {
        width: 100%;
    }
}


/*  GRID OF NINE   ============================================================================= */


.span-9-of-9 {
    width: 100%;
}

.span-8-of-9 {
    width: 88.71%;
}

.span-7-of-9 {
    width: 77.42%;
}

.span-6-of-9 {
    width: 66.13%;
}

.span-5-of-9 {
    width: 54.84%;
}

.span-4-of-9 {
    width: 43.55%;
}

.span-3-of-9 {
    width: 32.26%;
}

.span-2-of-9 {
    width: 20.97%;
}

.span-1-of-9 {
    width: 9.68%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-9-of-9 {
        width: 100%;
    }

    .span-8-of-9 {
        width: 100%;
    }

    .span-7-of-9 {
        width: 100%;
    }

    .span-6-of-9 {
        width: 100%;
    }

    .span-5-of-9 {
        width: 100%;
    }

    .span-4-of-9 {
        width: 100%;
    }

    .span-3-of-9 {
        width: 100%;
    }

    .span-2-of-9 {
        width: 100%;
    }

    .span-1-of-9 {
        width: 100%;
    }
}


/*  GRID OF TEN   ============================================================================= */


.span-10-of-10 {
    width: 100%;
}

.span-9-of-10 {
    width: 89.84%;
}

.span-8-of-10 {
    width: 79.68%;
}

.span-7-of-10 {
    width: 69.52%;
}

.span-6-of-10 {
    width: 59.36%;
}

.span-5-of-10 {
    width: 49.2%;
}

.span-4-of-10 {
    width: 39.04%;
}

.span-3-of-10 {
    width: 28.88%;
}

.span-2-of-10 {
    width: 18.72%;
}

.span-1-of-10 {
    width: 8.56%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-10-of-10 {
        width: 100%;
    }

    .span-9-of-10 {
        width: 100%;
    }

    .span-8-of-10 {
        width: 100%;
    }

    .span-7-of-10 {
        width: 100%;
    }

    .span-6-of-10 {
        width: 100%;
    }

    .span-5-of-10 {
        width: 100%;
    }

    .span-4-of-10 {
        width: 100%;
    }

    .span-3-of-10 {
        width: 100%;
    }

    .span-2-of-10 {
        width: 100%;
    }

    .span-1-of-10 {
        width: 100%;
    }
}


/*  GRID OF ELEVEN   ============================================================================= */

.span-11-of-11 {
    width: 100%;
}

.span-10-of-11 {
    width: 90.76%;
}

.span-9-of-11 {
    width: 81.52%;
}

.span-8-of-11 {
    width: 72.29%;
}

.span-7-of-11 {
    width: 63.05%;
}

.span-6-of-11 {
    width: 53.81%;
}

.span-5-of-11 {
    width: 44.58%;
}

.span-4-of-11 {
    width: 35.34%;
}

.span-3-of-11 {
    width: 26.1%;
}

.span-2-of-11 {
    width: 16.87%;
}

.span-1-of-11 {
    width: 7.63%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-11-of-11 {
        width: 100%;
    }

    .span-10-of-11 {
        width: 100%;
    }

    .span-9-of-11 {
        width: 100%;
    }

    .span-8-of-11 {
        width: 100%;
    }

    .span-7-of-11 {
        width: 100%;
    }

    .span-6-of-11 {
        width: 100%;
    }

    .span-5-of-11 {
        width: 100%;
    }

    .span-4-of-11 {
        width: 100%;
    }

    .span-3-of-11 {
        width: 100%;
    }

    .span-2-of-11 {
        width: 100%;
    }

    .span-1-of-11 {
        width: 100%;
    }
}


/*  GRID OF TWELVE   ============================================================================= */

.span-12-of-12 {
    width: 100%;
}

.span-11-of-12 {
    width: 91.53%;
}

.span-10-of-12 {
    width: 83.06%;
}

.span-9-of-12 {
    width: 74.6%;
}

.span-8-of-12 {
    width: 66.13%;
}

.span-7-of-12 {
    width: 57.66%;
}

.span-6-of-12 {
    width: 49.2%;
}

.span-5-of-12 {
    width: 40.73%;
}

.span-4-of-12 {
    width: 32.26%;
}

.span-3-of-12 {
    width: 23.8%;
}

.span-2-of-12 {
    width: 15.33%;
}

.span-1-of-12 {
    width: 6.86%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span-12-of-12 {
        width: 100%;
    }

    .span-11-of-12 {
        width: 100%;
    }

    .span-10-of-12 {
        width: 100%;
    }

    .span-9-of-12 {
        width: 100%;
    }

    .span-8-of-12 {
        width: 100%;
    }

    .span-7-of-12 {
        width: 100%;
    }

    .span-6-of-12 {
        width: 100%;
    }

    .span-5-of-12 {
        width: 100%;
    }

    .span-4-of-12 {
        width: 100%;
    }

    .span-3-of-12 {
        width: 100%;
    }

    .span-2-of-12 {
        width: 100%;
    }

    .span-1-of-12 {
        width: 100%;
    }
}


/* FLEX LAYOUT TWO COL  ============================================================================= */

.table-row {
    width: 100%;
    float: left;
    padding-top: 3px;
}

.column {
    float: left;
    padding: 0 0 5px 2px;
}

/* CUSTOM SPAN ============================================================================= */

.span-1pct {
    width: 1%;
}

.span-2pct {
    width: 2%;
}

.span-3pct {
    width: 3%;
}

.span-4pct {
    width: 4%;
}

.span-5pct {
    width: 5%;
}

.span-6pct {
    width: 6%;
}

.span-7pct {
    width: 7%;
}

.span-8pct {
    width: 8%;
}

.span-9pct {
    width: 9%;
}

.span-10pct {
    width: 10%;
}

.span-11pct {
    width: 11%;
}

.span-12pct {
    width: 12%;
}

.span-13pct {
    width: 13%;
}

.span-14pct {
    width: 14%;
}

.span-15pct {
    width: 15%;
}

.span-16pct {
    width: 16%;
}

.span-17pct {
    width: 17%;
}

.span-18pct {
    width: 18%;
}

.span-19pct {
    width: 19%;
}

.span-20pct {
    width: 20%;
}

.span-21pct {
    width: 21%;
}

.span-22pct {
    width: 22%;
}

.span-23pct {
    width: 23%;
}

.span-24pct {
    width: 24%;
}

.span-25pct {
    width: 25%;
}

.span-26pct {
    width: 26%;
}

.span-27pct {
    width: 27%;
}

.span-28pct {
    width: 28%;
}

.span-29pct {
    width: 29%;
}

.span-30pct {
    width: 30%;
}

.span-31pct {
    width: 31%;
}

.span-32pct {
    width: 32%;
}

.span-33pct {
    width: 33%;
}

.span-34pct {
    width: 34%;
}

.span-35pct {
    width: 35%;
}

.span-36pct {
    width: 36%;
}

.span-37pct {
    width: 37%;
}

.span-38pct {
    width: 38%;
}

.span-39pct {
    width: 39%;
}

.span-40pct {
    width: 40%;
}

.span-41pct {
    width: 41%;
}

.span-42pct {
    width: 42%;
}

.span-43pct {
    width: 43%;
}

.span-44pct {
    width: 44%;
}

.span-45pct {
    width: 45%;
}

.span-46pct {
    width: 46%;
}

.span-47pct {
    width: 47%;
}

.span-48pct {
    width: 48%;
}

.span-49pct {
    width: 49%;
}

.span-50pct {
    width: 50%;
}

.span-51pct {
    width: 51%;
}

.span-52pct {
    width: 52%;
}

.span-53pct {
    width: 53%;
}

.span-54pct {
    width: 54%;
}

.span-55pct {
    width: 55%;
}

.span-56pct {
    width: 56%;
}

.span-57pct {
    width: 57%;
}

.span-58pct {
    width: 58%;
}

.span-59pct {
    width: 59%;
}

.span-60pct {
    width: 60%;
}

.span-61pct {
    width: 61%;
}

.span-62pct {
    width: 62%;
}

.span-63pct {
    width: 63%;
}

.span-64pct {
    width: 64%;
}

.span-65pct {
    width: 65%;
}

.span-66pct {
    width: 66%;
}

.span-67pct {
    width: 67%;
}

.span-68pct {
    width: 68%;
}

.span-69pct {
    width: 69%;
}

.span-70pct {
    width: 70%;
}

.span-71pct {
    width: 71%;
}

.span-72pct {
    width: 72%;
}

.span-73pct {
    width: 73%;
}

.span-74pct {
    width: 74%;
}

.span-75pct {
    width: 75%;
}

.span-76pct {
    width: 76%;
}

.span-77pct {
    width: 77%;
}

.span-78pct {
    width: 78%;
}

.span-79pct {
    width: 79%;
}

.span-80pct {
    width: 80%;
}

.span-81pct {
    width: 81%;
}

.span-82pct {
    width: 82%;
}

.span-83pct {
    width: 83%;
}

.span-84pct {
    width: 84%;
}

.span-85pct {
    width: 85%;
}

.span-86pct {
    width: 86%;
}

.span-87pct {
    width: 87%;
}

.span-88pct {
    width: 88%;
}

.span-89pct {
    width: 89%;
}

.span-90pct {
    width: 90%;
}

.span-91pct {
    width: 91%;
}

.span-92pct {
    width: 92%;
}

.span-93pct {
    width: 93%;
}

.span-94pct {
    width: 94%;
}

.span-95pct {
    width: 95%;
}

.span-96pct {
    width: 96%;
}

.span-97pct {
    width: 97%;
}

.span-98pct {
    width: 98%;
}

.span-99pct {
    width: 99%;
}

.span-100pct {
    width: 100%;
}

.col-value {
    float: left;
    width: 39%;
    /*padding: 0 0 5px 0;*/
}

.hidden {
    visibility: hidden;
}