/* CSS Document */

*
{
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body
{
    background-color: #212121;
    text-align: center;
}

img
{
    vertical-align: top;
}
a img
{
    border: 0;
}

ul
{
    list-style: none;
}

.left
{
    float: left;
}
.right
{
    float: right;
}
.clear
{
    clear: both;
}


html, textarea
{
    font-family: Arial;
    font-size: 0.75em;
    line-height: 1.367em;
    color: #fff;
}
input
{
    font-family: Arial;
    font-size: 0.75em;
    line-height: 1.367em;
    color: #000;
}

input, select
{
    vertical-align: middle;
    font-weight: normal;
}

a
{
    color: #87A7AB;
}
a:hover
{
    text-decoration: none;
}
p
{
    padding-top: 15px;
}

/* ============================= main layout ====================== */

.imgindent
{
    margin: 0 20px 0 0;
    float: left;
}
ul .imgindent
{
    margin: 0 14px 0 0;
    float: left;
}

.link
{
    /*background: url(images/link-bg.gif) no-repeat top right;*/
    color: #ffba00;
    font-weight: bold;
    text-decoration: none;
    /*padding-right: 9px;*/
}
.link:hover
{
    /*padding-right: 13px;*/
    text-decoration: underline;
}
.box2 .link, .box2a .link
{
    display: block;
    float: left;
    margin: 8px 0 0 0;
    padding-left: 17px;
}
.img
{
    border: 1px solid #040404;
}

h1
{
    color: #ffba00;
    font-size: 1.5em;
    line-height: 1.01em;
    font-weight: normal;
    margin-bottom: 5px;
}
h2
{
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.01em;
    font-weight: bold;
    margin-bottom: 5px;
}

h4
{
    color: #0d191c;
    padding: 4px 0 3px 21px;
}
h5
{
    color: #fff;
    padding: 8px 0 0 21px;
}

.boxHeader
{
    color: #0d191c;
    /*margin-top: 3px;
    /*padding: 6px 0 3px 21px;*/
    padding-left: 21px;
    font-weight: bold;
    font-size: 1.0em;
    /*line-height: 1.01em;*/
}

/* JV fixing */

.NewsArchivelink
{
    /*float: none !important;    */
    /*height: 1em;*/
}

.indent .link
{
    margin-top: 0;    
}

.container .link
{
    padding-left: 5 !important;    
}

/* ============================= header ====================== */

.menu
{
    float: left;
}
.menu ul
{
    overflow: hidden;
}
.menu li
{
    float: left;
    font-size: 0.917em;
}
.menu li a
{
    display: block;
    background: url(images/menu_bg.gif) top repeat-x;
    border-right: 1px solid #4f4f4f;
    border-left: 1px solid #626262;
    padding: 6px 21px 6px 22px;
    color: #dfdfdf /*#ffba00*/;
    text-decoration: none;
}
.menu li a:hover
{
    color: #b3b3b3;
    background: url(images/menu-act-bg.gif) top repeat-x;
}
.menu .active
{
    color: #b3b3b3;
    background: url(images/menu-act-bg.gif) top repeat-x;
}
.menu .first a
{
    padding: 0;
    border-left: none;
}
.menu .first a span
{
    display: block;
    background: url(images/menu-first-bg.gif) top left no-repeat;
    padding: 6px 26px 6px 29px;
}
.menu .first a:hover span
{
    background: url(images/menu-first-bg-act.gif) top left no-repeat;
}
.menu .first .active span
{
    background: url(images/menu-first-bg-act.gif) top left no-repeat;
}

.sub-menu
{
    float: left;
    width: 353px;
}
.sub-menu ul
{
    width: 100%;
    overflow: hidden;
}
.sub-menu li
{
    float: left;
    font-size: 0.917em;
}
.sub-menu li a
{
    display: block;
    background: url(images/sub-menu-bg.gif) top repeat-x;
    border-right: 1px solid #235d6e;
    border-left: 1px solid #1b768d;
    padding: 6px 13px 6px 16px;
    color: #12bcd5;
    text-decoration: none;
}
.sub-menu li a:hover
{
    color: #b6d6e0;
    background: url(images/sub-menu-bg-act.gif) top repeat-x;
}
.sub-menu .active
{
    color: #b6d6e0;
    background: url(images/sub-menu-bg-act.gif) top repeat-x;
}


.sub-menu .last a
{
    padding: 0;
    border-right: none;
}
.sub-menu .last a span
{
    display: block;
    background: url(images/sub-menu-last-bg.gif) top right no-repeat;
    padding: 6px 13px 6px 16px;
}
.sub-menu .last a:hover span
{
    background: url(images/sub-menu-last-bg-act.gif) top right no-repeat;
}
.sub-menu .last .active span
{
    background: url(images/sub-menu-last-bg-act.gif) top right no-repeat;
}

.logo
{
    /*margin: 20px 0 0 25px;
    float: left;*/
    position: absolute;
    top: 30px;
	width: 450px;
height: 110px;
/*    left: -10px;*/
}

/* ============================= content ====================== */

#content
{
    padding: 0 0px 0 0px;
    margin-top: -92px;
}

.mainbox
{
    background: #444444 url(images/mainbox-corner-top-left.gif) top left repeat-x;
}
.mainbox .corner-bottom-right
{
    background: url(images/mainbox-corner-bottom-right2.gif) bottom right no-repeat;
}
.mainbox .corner-bottom-left
{
    background: url(images/mainbox-corner-bottom-left.gif) bottom left no-repeat;
}
.mainbox .corner-top-right
{
    background: url(images/mainbox-corner-top-right.gif) top right no-repeat;
}
.mainbox .corner-top-left
{
    width: 100%;
}
.mainbox .indent
{
    padding: 0px 17px 1px 15px;
}

.mainbox2
{
    background: #444444 url(images/mainbox-corner-bottom-right2.gif) bottom right no-repeat;
}
.mainbox2 .indent
{
    padding: 15px 15px 15px 15px;
}
.mainbox2 .corner-top-right
{
    background: url(images/mainbox-corner-top-right.jpg) top right no-repeat;
}
.mainbox2 .corner-bottom-left
{
    background: url(images/mainbox-corner-bottom-left.gif) bottom left no-repeat;
}

.box1
{
    background-color: #1b1c1c;
    margin-bottom: 13px;
}
.box1 .corner-bottom-right
{
    background: url(images/box1-corner-bottom-right.gif) bottom right no-repeat;
}
.box1 .corner-bottom-left
{
    background: url(images/box1-corner-bottom-left.gif) bottom left no-repeat;
}
.box1 .corner-top-right
{
    background: url(images/box1-corner-top-right.gif) top right no-repeat;
}
.box1 .corner-top-left
{
    background: url(images/box1-corner-top-left.gif) top left no-repeat;
    width: 100%;
}
.box1 .indent
{
    padding: 20px 2px 2px 2px;
}

.sub-box
{
    background: url(images/sub-box-tail-top.gif) top repeat-x;
}
.sub-box .corner-top-right
{
    background: url(images/sub-box-corner-top-right.gif) top right no-repeat;
}
.sub-box .corner-top-left
{
    background: url(images/sub-box-corner-top-left.gif) top left no-repeat;
    width: 100%;
}
.sub-box .indent
{
    padding: 20px 20px 20px 17px;
}
.extra
{
    padding: 0 20px 20px 17px;
}

.box2
{
    background: #262828 url(images/box2-tail-top.gif) top repeat-x;
}
.box2 .corner-bottom-right
{
    background: url(images/box2-corner-bottom-right.gif) bottom right no-repeat;
}
.box2 .corner-bottom-left
{
    background: url(images/box2-corner-bottom-left.gif) bottom left no-repeat;
}
.box2 .corner-top-right
{
    background: url(images/box2-corner-top-right.gif) top right no-repeat;
}
.box2 .corner-top-left
{
    background: url(images/box2-corner-top-left.gif) top left no-repeat;
    width: 100%;
}
.box2 .indent
{
    padding: 10px 7px 7px 7px;
}

.box2a
{
    background: #262828 url(images/box2-corner-bottom-right.gif) bottom right no-repeat;
}
.box2a .corner-bottom-left
{
    background: url(images/box2-corner-bottom-left.gif) bottom left no-repeat;
}
.box2a .corner-top-right
{
    background: url(images/box2a-corner-top-right.gif) top right no-repeat;
}
.box2a .corner-top-left
{
    background: url(images/box2a-corner-top-left.gif) top left no-repeat;
    width: 100%;
}
.box2a .indent
{
    padding: 9px 7px 13px 7px;
}
.box2a .box3 a
{
    color: #ffba00;
    text-decoration: none;
    font-size: 0.917em;
}
.box2a .box3 a:hover
{
    text-decoration: underline;
}
.box2a .box3 .img
{
    margin-bottom: 3px;
}

.box3
{
    background: #1b1c1c url(images/box3-corner-bottom-right.gif) bottom right no-repeat;
    line-height: 1.25em;
    margin: 0;
    padding: 0;
}
.box3 .corner-bottom-left
{
    background: url(images/box3-corner-bottom-left.gif) bottom left no-repeat;
}
.box3 .corner-top-right
{
    background: url(images/box3-corner-top-right.gif) top right no-repeat;
}
.box3 .corner-top-left
{
    background: url(images/box3-corner-top-left.gif) top left no-repeat;
    width: 100%;
}
.box3 .indent
{
    padding: 14px 7px 9px 16px;
}
.box3 .indent2
{
    padding: 14px 18px 9px 16px;
    /*margin-bottom: 9px;*/
}
.box3 strong
{
    color: #ffba00;
}
.box3 p
{
    padding-top: 15px;
}

.tabs
{
}
.tabs ul
{
    padding-left: 15px;
    float: right;
    background: url(images/mainbox-corner-left.gif) top left no-repeat;
}
.tabs li
{
    float: left;
    padding: 15px 0 0 1px;
}
.tabs li a
{
    display: block;
    background: url(images/tab-tail-bg.gif) top repeat-x;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.tabs li a span
{
    display: block;
    background: url(images/tab-right-bg.gif) top right no-repeat;
}
.tabs li a span span
{
    display: block;
    background: url(images/tab-left-bg.gif) top left no-repeat;
    padding: 7px 22px 7px 22px;
}
.tabs li a:hover
{
    background: url(images/tab-tail-bg-act.gif) top repeat-x;
    color: #afafaf;
    font-weight: bold;
    text-decoration: none;
}
.tabs li a:hover span
{
    background: url(images/tab-right-bg-act.gif) top right no-repeat;
}
.tabs li a:hover span span
{
    background: url(images/tab-left-bg-act.gif) top left no-repeat;
}
.tabs .active a
{
    background: url(images/tab-tail-bg-act.gif) top repeat-x;
    color: #afafaf;
}
.tabs .active a span
{
    background: url(images/tab-right-bg-act.gif) top right no-repeat;
}
.tabs .active a span span
{
    background: url(images/tab-left-bg-act.gif) top left no-repeat;
}

.banner1
{
    position: relative;
    margin-right: -1px;
}
.banner3
{
    margin-bottom: 3px;
}

.padding1
{
    padding-top: 7px;
}
.padding2
{
    padding-right: 4px;
}
.padding3
{
    padding: 0 0 0 17px;
}
.padding4
{
    padding-top: 15px;
}
.margin1
{
    margin-top: 14px;
}

.fs10
{
    font-size: 0.833em;
    font-family: arial;
}
.fs10 a
{
    color: #ffba00;
    text-decoration: none;
}
.fs10 a:hover
{
    text-decoration: underline;
}
.color2
{
    color: #ffba00;
}
.color2 a
{
    color: #ffba00;
}

.list li
{
    padding-bottom: 3px;
}
.list li a
{
    background: url(images/box3-corner-bottom-right.gif) bottom right no-repeat #1b1c1c;
    display: block;
    text-decoration: none;
    color: #aeaeae;
    line-height: 1.25em;
    cursor: pointer;
}
.list li a span
{
    background: url(images/box3-corner-bottom-left.gif) bottom left no-repeat;
    display: block;
}
.list li a span span
{
    background: url(images/box3-corner-top-right.gif) top right no-repeat;
}
.list li a span span span
{
    background: url(images/box3-corner-top-left.gif) top left no-repeat;
    width: 100%;
}
.list li a em
{
    padding: 14px 20px 14px 15px;
    font-style: normal;
    display: block;
}
.list li a strong
{
    color: #ffba00;
}
.list li b
{
    display: block;
    width: 100%;
    overflow: hidden;
    font-weight: normal;
}
.list-special li a
{
    color: #dfdfdf;
}
.list-special li a em
{
    padding: 9px 20px 11px 16px;
}

.list li a:hover
{
    background: url(images/box3-corner-bottom-right-hover.gif) bottom right no-repeat #383a3a;
}
.list li a:hover span
{
    background: url(images/box3-corner-bottom-left-hover.gif) bottom left no-repeat;
}
.list li a:hover span span
{
    background: url(images/box3-corner-top-right-hover.gif) top right no-repeat;
}
.list li a:hover span span span
{
    background: url(images/box3-corner-top-left-hover.gif) top left no-repeat;
}


/* ============================= footer ====================== */

#footer a
{
    color: #ffba00;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#footer span
{
    color: #656565;
}

/* ============================= forms ============================= */

.forms
{
    position: absolute;
    margin: -100px -54px 0 0;
    height: 188px;
    width: 339px;
    background: url(images/forms.gif) top left no-repeat;
    padding-top: 77px;
    padding-right: 15px;
}
.beaver
{
    position: absolute !important;
    margin: 18px 0 0 224px;
}
.relative
{
    position: relative;
}


#SearchForm
{
    width: 300px;
    float: right;
    margin-top: 4px;
    _margin-top: 3px;
}
#SearchForm .right-bg
{
    width: 100%;
}
#SearchForm .left-bg
{
    width: 100%;
}
#SearchForm .indent
{
}
#SearchForm .input
{
    width: 211px;
    height: 15px;
    border: 1px solid #dfdfdf;
    background: #b3b3b3;
    padding: 0 0 0 5px;
    font-size: 1em;
    color: #1b1c1c;
    position: relative;
    margin: 0 7px 0 5px;
}
#SearchForm span
{
    color: #dfdfdf;
    text-transform: uppercase;
    font-size: 11px;
}

#LoginForm .rowi
{
    height: 26px;
}
#LoginForm
{
    color: #adecff;
    padding: 0px 0px 0px 0px;
}
#LoginForm .input
{
    width: 96px;
    height: 20px;
    border: 1px solid #09272c;
    background: #18708a;
    padding: 0 0 0 5px;
    font-size: 1em;
}
#LoginForm a
{
    text-decoration: none;
    color: #ffba00;
}
#LoginForm a:hover
{
    text-decoration: underline;
}
#LoginForm .col-1
{
    width: 200px !important;
}
#LoginForm .col-2
{
    width: 55px !important;
}
#LoginForm .rowi .col-1
{
    width: 40px !important;
    padding-right: 6px;
    padding-top: 3px;
    text-align: right;
}
#LoginForm .rowi .col-2
{
    width: 152px !important;
}
#LoginForm .container
{
    padding: 0px 0px 2px 0px;
}

textarea
{
    width: 193px;
    height: 122px;
    border: 1px solid #FFFFFF;
    background: none;
    padding: 0 0 0 5px;
    overflow: auto;
    font-size: 1em;
}

.textBox
{
    width: 152px;
    height: 21px;
    background: url(images/login-input.gif) top left no-repeat;
    padding: 0 0 0 5px;
    border: 0;
    font-size: 1em;
    color: #000;
    position: relative;
    margin: 0 0px 0 5px;
    font-family: Arial;
    line-height: 1.167em;
    vertical-align: middle;
    font-weight: normal;
}
.textBoxBase
{
    background-color: #fff;
    padding: 0 0 0 5px;
    border: 0;
    font-size: 1em;
    color: #000;
    font-weight: normal;
    vertical-align: middle;
}
.textBoxBaseGray
{
    background-color: #898989;
    padding: 0 0 0 5px;
    border: 0;
    font-size: 1em;
    color: #000;
    font-weight: normal;
    vertical-align: middle;
}
.simpleText
{
    color: #fff;
}
.simpleTextBold
{
    color: #fff;
    font-weight: bold;
}
.dropDownBlack
{
    border: solid 1px #898989;
    font-size: 8pt;
    color: #000;
    font-family: verdana;
    background-color: #898989;
}

#ProductList
{
    padding: 10px;
}
.ListViewSimpleList
{
    width: 100%;
    color: #000;
    text-decoration: none;
    border: solid 0px #000;
}
.ListViewSimpleList h3
{
    margin-bottom: 0px;
}
.ListViewSimpleList a
{
    color: #000;
    text-decoration: none;
}
.ListViewSimpleList th
{
    background-color: #999999;
}
.ListViewSimpleList .alternate
{
    background-color: #ccc;
}

.ListViewSimpleList .normal
{
    background-color: #eee;
}

.ListViewSimpleListTop
{
    width: 100%;
    color: #ffba00;
    text-decoration: none;
    border: solid 0px #000;
}
.ListViewSimpleListTop a
{
    color: #FFF;
    text-decoration: none;
}
.ListViewSimpleListTop th
{
    background-color: #1b1c1c;
}
.ListViewSimpleListTop .alternate
{
    background-color: #1b1c1c;
}

.ListViewSimpleListTop .normal
{
    background-color: #1b1c1c;
}

#basket
{
    border-right: #8b8b8b 3px solid;
    padding-right: 15px;
    border-top: #8b8b8b 3px solid;
    padding-left: 15px;
    font-size: 110%;
    background: #666666;
    left: 750px;
    padding-bottom: 15px;
    border-left: #8b8b8b 3px solid;
    width: 150px;
    color: #fff;
    padding-top: 15px;
    border-bottom: #8b8b8b 3px solid;
    position: relative;
    top: 50px;
    text-align: center;
    _width: 465px;
}

.basketStepTop
{
    display: block;
    background: url(images/tab-tail-bg.gif) top repeat-x;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.basketStepTop span
{
    display: block;
    background: url(images/tab-right-bg-dark.gif) top right no-repeat;
}
.basketStepTop span span
{
    display: block;
    background: url(images/tab-left-bg-dark.gif) top left no-repeat;
    padding: 7px 22px 3px 22px;
}
.basketStepBottom
{
    border: solid 1px #525252;
    padding: 5px;
}
.basketStepBottom p
{
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}
.basketStep
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.customeralign
{
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

.EditEventLeftCol
{
    width: 120px;
    vertical-align: top;
    text-align: right;
    padding-right: 10px;
}
.EditEventRightCol
{
    vertical-align: top;
    width: 450px;
}

.col-2-inleft
{
    float: left;
}
.col-2-inright
{
    float: right;
    margin-left: 300px;
}

.col-2-inleftb
{
    float: left;
}
.col-2-inrightb
{
    float: right;
    margin-left: 100px;
}
.EventImage
{
    float: left;
    margin-right: 20px;
}
#EventDescription
{
    padding-bottom: 15px;
    padding-top: 15px;
}
.EventDetailTdLeft
{
    text-align: right;
    padding-right: 10px;
}
.EventDetailTdRight
{
    font-weight: bold;
}
#productDetail .firstCol
{
    text-align: right;
    padding-right: 10px;
    width: 100px;
}
.TableRowBase
{
    background-color: #212121;
}
.TableHeaderBase
{
    background-color: #212121;
    color: #fff;
    font-weight: bold;
}
.red
{
    color: #FF0000;
}
.yellow
{
    color: #ffba00;
}
.ZboziObalVysledky
{
    border: solid 1px black;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ZboziObalVysledky table
{
    width: 100%;
}
.ZboziObalVysledky td
{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.advertiseBox
{
    width: 98%;
    height: 100px;
    background-color: #444444;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
    margin-left: -2px;
    position: relative;
    font-size: 20px;
}
.advertiseBoxRight
{
    width: 100%;
    height: 150px;
    padding-top: 20px;
    background-color: #444444;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}
.advertiseBox .corner-bottom-right
{
    background: url(images/box4-corner-bottom-right.gif) bottom right no-repeat;
}
.advertiseBox .corner-bottom-left
{
    background: url(images/box4-corner-bottom-left.gif) bottom left no-repeat;
}
.advertiseBox .corner-top-right
{
    background: url(images/box4-corner-top-right.gif) top right no-repeat;
}
.advertiseBox .corner-top-left
{
    background: url(images/box4-corner-top-left.gif) top left no-repeat;
    width: 100%;
    height: 100px;
}
.advertiseBox .content
{
    width: 100%;
    height: 120px;
}
.SubCategorySelect
{
    color: #ffba00;
}
.SubCategory
{
    color: #fff;
}
.DataGridEmptyRow
{
    padding: 10px;
}

.topReklama
{
    border-right: #8b8b8b 3px solid;
    padding-right: 15px;
    border-top: #8b8b8b 3px solid;
    padding-left: 15px;
    font-size: 110%;
    background: #666666;
    padding-bottom: 15px;
    border-left: #8b8b8b 3px solid;
    width: 950px;
    height: 700px;
    color: #fff;
    padding-top: 15px;
    border-bottom: #8b8b8b 3px solid;
    position: absolute;
    top: 50px;
    z-index: 1000;
    text-align: center;
    _width: 465px;
}