﻿body {
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 80%;
    background-color: #F6F7F2;
    color: #000;
    min-width: 1024px;
}

body, p, div, ul, li, h1, h2, h3, h4, h5, form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

a {
    background-image: url('https://data.profitour.cz/img/base/underline.png');
    background-position: left bottom;
    background-repeat: repeat;
}

    a, a:visited {
        text-decoration: none;
        color: #000;
    }

        a:hover {
            color: #000;
            text-decoration: none;
            background-image: none;
        }

        a img {
            border: solid 1px #727272;
        }

h1, h2, h3, h4, h5 {
    font-size: 100%;
    line-height: 20px;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, a.one-line {
        background-image: url('https://data.profitour.cz/img/base/underline-one.png');
        background-repeat: repeat-x;
    }




/* MENU START */

ul.menu {
    list-style-image: none;
    list-style-type: none;
    padding-bottom: 6px;
    overflow: auto; /* proti collapse, ktery vznikne pri li float */
    background: #F1F8E6 url('https://data.profitour.cz/img/base/bg-menu-ul.png') repeat-x scroll bottom left;
}

    ul.menu li {
        float: left;
        background-image: url('https://data.profitour.cz/img/base/bg-menu-li.png');
        background-repeat: no-repeat;
        background-position: right top;
    }

        ul.menu li a {
            background: none;
            display: block;
            font-weight: bold;
            font-size: 105%;
            color: #474546;
            line-height: 12px;
            padding: 15px;
        }

            ul.menu li a:hover {
                color: #000;
            }

/* MENU END */

div.logo {
    background: #FFF url('https://data.profitour.cz/img/base/bg-motiv-leto.png') no-repeat scroll right bottom;
    height: 100px;
}

    div.logo h1 {
        float: right;
        padding-top: 5px;
        padding-right: 20px;
        color: #E9F6FF;
    }

    div.logo a {
        background: none;
    }

        div.logo a img {
            border: none;
            padding: 10px;
            margin-left: 10px;
            margin-top: 20px; /*navic k paddingu*/
        }

div.page, div.footer {
    padding-top: 8px;
    background: #F6F7F2 url('https://data.profitour.cz/img/base/bg-page.png') repeat-x scroll top left;
}

div.footer {
    clear: both;
    padding: 15px 10px 5px 10px;
}

div.contentwrapper {
    float: left;
    width: 100%;
    margin-left: -230px; /* Stejne jako div.rightpanel.width+div.rightpanel.margin-right) */
}

div.content {
    margin-left: 230px; /* Stejne jako div.rightpanel.width+div.rightpanel.margin-right */
    padding: 15px 10px 5px 10px;
}

div.content-wide { /* Kdyz je jen TopBottom.master bez Web.master */
    padding: 15px 10px 5px 10px;
}

div.rightpanel {
    width: 220px;
    float: right;
    padding-top: 15px; /* Stejne jako div.content.padding-top */
    padding-right: 10px;
}

div.box {
    border: solid 1px #B4B4B4;
    overflow: hidden; /* Aby flow prvky nevytekaly ven (za collapse) */
    margin-bottom: 10px;
    background: #FFF url('https://data.profitour.cz/img/base/bg-box.png') repeat-x scroll left top;
    padding: 0px 12px 10px 12px;
}

div.rightpanel div.box {
    background-color: #FAF8E1;
    line-height: 18px;
}

    div.rightpanel div.box table {
        line-height: 17px;
    }

div.box h2, div.box h3, div.box h4 {
    font-size: 115%;
    font-weight: bold;
    line-height: 20px;
    padding-top: 4px;
    padding-bottom: 13px; /* Vcetne bileho prostoru */
}

div.box-inner {
    background: #fff url('https://data.profitour.cz/img/base/bg-box-inner.png') repeat-x scroll left top;
    border: solid 1px #dadada;
    margin-bottom: 8px;
    padding: 0px 8px 8px 8px;
    overflow: auto; /* Proti flow collapse */
}

    div.box-inner h2, div.box-inner h3, div.box-inner h4 {
        font-size: 100%;
        font-weight: bold;
        line-height: 18px;
        padding-top: 2px;
        padding-bottom: 9px; /* Vcetne bileho prostoru */
    }

div.left50p {
    float: left;
    width: 50%;
}

div.right50p {
    float: right;
    width: 50%;
}

div.left50p div.box-inner {
    margin-right: 5px;
}

div.right50p div.box-inner {
    margin-left: 5px;
}

/* button start */

a.button {
    color: #000;
    background-image: url('https://data.profitour.cz/img/base/button.png');
    background-repeat: no-repeat;
    background-position: right top; /*top = seda verze*/
    display: block;
    height: 23px;
    padding-right: 14px; /* Celkem 15px, 1px je u span jako rezerva pro posun textu pri :active*/
    margin-right: 5px;
    white-space: nowrap;
    float: left; /* rozumna sirka */
}

    a.button.fr {
        float: right;
    }

    a.button span {
        background-image: url('https://data.profitour.cz/img/base/button.png');
        background-repeat: no-repeat;
        background-position: left top; /*top = seda verze*/
        display: block;
        line-height: 13px; /* padding 5 + 13 + padding 5 je 23 na vysku */
        padding: 5px 1px 5px 15px;
    }

    a.button:hover {
        background-position: bottom right;
        color: #000;
        outline: none; /* schovat tecky ve FF */
    }

        a.button:hover span {
            background-position: bottom left;
        }

    a.button:active {
        background: transparent url('https://data.profitour.cz/img/base/button_active.png') top right;
        color: #000;
        outline: none; /* schovate tecky ve FF */
    }

        a.button:active span {
            background: transparent url('https://data.profitour.cz/img/base/button_active.png') no-repeat;
            padding: 6px 0px 4px 16px; /* pousnout text */
        }

/* button end */

a.arr-down-off {
    padding-right: 15px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url('https://data.profitour.cz/img/base/underline-arr-down.png');
}

a.arr-down-on {
    padding-right: 15px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url('https://data.profitour.cz/img/base/underline-arr-up.png');
}

.validator {
    font-weight: bold;
    color: #d20000;
    font-size: 90%;
    padding-left: 3px;
}

.err {
    font-weight: bold;
    font-size: 14px;
    color: #d20000;
}

/* obecne */

.hidden {
    display: none !important;
}

.bold {
    font-weight: bold;
}

.block {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.nowrap {
    white-space: nowrap;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.w50p {
    width: 50%;
}

.w97p {
    width: 97%;
}

.w99p {
    width: 99%;
}

.w100p {
    width: 100%;
}

.w50 {
    width: 50px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.fs110 {
    font-size: 110%;
}

.fs120 {
    font-size: 120%;
}

.fs130 {
    font-size: 130%;
}

.lh17 {
    line-height: 17px;
}
