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('/Content/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('/Content/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('/Content/img/base/bg-menu-ul.png') repeat-x scroll bottom left;
}

    ul.menu li {
        float: left;
        background-image: url('/Content/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('/Content/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('/Content/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('/Content/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('/Content/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('/Content/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('/Content/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('/Content/img/base/button_active.png') top right;
        color: #000;
        outline: none; /* schovate tecky ve FF */
    }

        a.button:active span {
            background: transparent url('/Content/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('/Content/img/base/underline-arr-down.png');
}

a.arr-down-on {
    padding-right: 15px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url('/Content/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;}