* {margin:0;padding:0;} 

body {font-family:"Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;font-size:small;font-weight:normal;color:/*#595959*/#333333;background:white;text-align:center;}

/*základní nastavení odkazů*/
a {text-decoration:underline;}
a:link {color:#389BD2;}
a:visited {color:#295d79;}
a:hover {color:#F26726;}
a.active {text-decoration:none;color:#F26726 !important;}

.cleaner {clear: both}

a.grey {color: #595959}
a.grey:hover {color: #F26726}

pre.verbose{text-align:left;font-size:12px;background-color:#ffffcc;font-size:small}


/*new homepage Marek Brumlich*/
.promo-banner {margin: 10px 0;}
.about { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight:bold; text-align:left; line-height: 170%; color: #666666;}
.icons { background: url(images/hp/progress.png) no-repeat left top; height: 100px;}
h4.ab { text-align:left; color:#389BD2;font-size:21px; clear: both; padding: 7px 0;}
h3.xmas {border-bottom:2px solid #3597DF; margin:8px 0 4px; padding:44px 0 2px; text-align:left; clear: both; background: url(images/hp/xmas.png) no-repeat right bottom;}
.step { margin: 10px 0; overflow: auto}
.step ul{ padding: 0; margin: 0; }
.step ul li{ float:left;
font-weight:bold;
line-height:30px;
margin:8px 0 12px;
text-align:center;
width:160px; }
.box { width: 600px; padding: 10px 0;}
.box ul{ padding: 0; margin: 0;}
.box li{ padding: 0; margin: 0; float: left}
.box li a{ width: 70px; height: 45px; text-decoration: none; padding: 10px 65px 10px 15px; background: #eeeeee url(images/hp/more.gif) no-repeat top right; float: left; text-align: left; margin: 8px 8px; font-weight: bold; line-height: 150%; font-size: 115%;}
.box li a:hover{ background: #3597DF url(images/hp/more.gif) no-repeat right -65px; color: #ffffff;}

.box li.mobile a {background: url(images/hp/mobile-field.png) left top no-repeat; color: #FFF}
.box li.mobile a:hover {background-position: 0 -65px; color: #FFF}

.box-bg { background: right top no-repeat; margin-bottom: 30px;}
.present { padding: 10px 10px;}
.present img { padding: 10px 10px; border: 1px solid #eeeeee;}
.present .price {background: none repeat scroll 0 0 #F26726; color: #FFFFFF; padding: 10px 15px; position: absolute; right: 8px; top: 140px;font-weight:bold}
.present a{ color: #ffffff; text-decoration: none; font-size: 150%;}
.present a:hover{ color: #ffffff; text-decoration: underline;}
.xmas-text { padding: 10px 30px; }
.why { color: #389BD2; line-height: 180%; font-weight: bold}
.team { font-size: 100%; color: #333333; font-weight: bold;}
.xmas-box { background: url(images/hp/tip.gif) no-repeat right bottom; margin-bottom: 30px; padding-bottom: 20px;}
.xmas-box .present {float: left;position: relative;width: 287px;margin-right: 10px}

/*základní nastavení nadpisů*/
h1,h2,h3,h4,h5 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;font-weight:bold;text-align:left;}
h1 {padding:15px 0 2px;color:#389BD2;font-size:160%;}
h1 strong,h2 strong {color:#595959;}
ul, li {margin: 0; padding: 0; list-style-type: none}
#text h1 {border-bottom:2px solid #3597DF;margin-bottom:8px;}
#section.categ h1 {padding:30px 5px 1em 5px;font-size:180%;border:none;}
h2 {padding:6px 0 4px;color:#389BD2;font-size:150%;font-weight:normal;}
h2.orange {color:#F26726;border-bottom:2px solid #F26726;}
h2 strong {font-weight:normal;}
form h2 strong {font-weight:bold;}
h2 small {padding-left:6px;font-size:60%;}
h2 small a:link,h2 small a:visited {color:#595959;}
h2 small a:hover {color:#F26726;}
h3 {padding:4px 0 6px;color:#389BD2;font-size:120%;}
h3.title {border-bottom:2px solid #3597DF;margin:8px 0 0;padding:4px 0 2px;text-align:left; clear: both;}
h3.titleIframe {border-bottom:2px solid #3597DF;margin:8px 0 4px;padding:4px 0 2px;text-align:left; clear: both;}
#carousel .titleIframe {margin-bottom: 0}
h4 {color:black;font-size:100%;}
h5 {color:#595959;font-size:90%;}
.bord {margin-bottom:15px;padding-bottom:2px;border-bottom:2px solid #3597DF;font-weight:bold;}
.bord strong {font-weight:bold;}
h1.no-margin, #text h1.no-margin, h2.no-margin {margin-bottom: 0}
h2.bord {clear: both;}
.normal {font-size:80%;color:#595959;}
.center {text-align:center}
.space-after {margin-bottom: 200px}
.orange {color: #F26726}
.clear .close {float:left;line-height:26px;margin:5px 10px;}
.clear {clear: both}

/*základní nastavení obrázku*/
img {border:none;margin:0;}
img.leftimage {float:left;margin:0 20px 10px 0;}
img.rightimage {float:right;margin:0 0 10px 10px;}
img.param-help {margin-left:7px;}
#right h3 img {display:inline;margin:0 0 -3px 3px;}

/*odstavec a jeho možné podoby*/
p {margin:0 0 0.5em 0;line-height:1.5em;text-align:left;}

form,fieldset {width:auto;margin:0;padding:0;text-align:left;border:none;}
fieldset input, textarea, select {margin:0 2px 0 0;font:100% "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;}
fieldset input {padding:2px;}
fieldset input.chbox {margin:10px 4px 0 10px;width:13px;height:13px;border:0;}
fieldset label {width:auto;margin:0 2px 0 0;padding:0;font-weight:normal;}
fieldset span.lab {float:left;margin-right:4px;padding-top:4px;}
input.imgbutton, input.imagebutton {border:0;margin:0 4px;padding:0;cursor:pointer;}
hr {display:none;}

#banner-leaderboard{text-align:center;overflow:hidden;margin:0px;}
#banner-leaderboard .banner-center {margin:0px auto;width: 745px;}
#banner-leaderboard div.banner {width: 987px}
div[id=banner-leaderboard]{margin:16px 0 0 0;}
#banner-leaderboard div.banner,#banner-leaderboard div.banner-small{margin:0 auto;padding:2px 0 2px 0;}
#banner-leaderboard div.banner-small{padding:3px 0 4px 0;}
#banner-leaderboard-cover{border-bottom:2px solid #CECECE; background:#EFEFEF;margin-bottom: 6px}

#top {text-align:center;height:145px;background: url('./images/header-map.png') left 104px repeat-x;}
#top .cover {float:left;margin-top:35px;width:987px;}
#top .cont {width:987px;margin:0 auto;text-align:left;}

#main {width:987px;margin:0 auto;text-align:left;clear:both;}
#content {width:100%;clear:both;}
#content .left {width: 303px; float: left}
#content .text {float:left;width:652px; margin-left: 25px}

/*logo coby odkaz na úvodní stránku napříč webem*/
#home {float:left;width:186px;height:67px;margin:0 0 6px 0;padding:0;overflow:hidden;}
#home a, #home a span {width:186px;height:67px;display:block;margin:0;background-image:none;}
#home a span {position:absolute;left:0;top:0;z-index:1;}

#topright {float:right;margin-top:4px;}

#topsearch {float:left;margin:17px 0 0 35px;}
#topsearch .hide {display:none}
#topsearch .tips {font-size:85%;color:#595959; margin: 3px 0 0 3px;}
#topsearch .tips a {color: #595959; text-decoration: none}
#topsearch .tips a:hover {text-decoration: underline}
#searchsubmit, .searchsubmit {font-size:18px;padding:4px 11px;position:relative;top:-2px;}

#input-text {font-size:20px;padding:5px 8px;width:406px;}

#motto {position: relative;}
#motto div {height:20px;width:400px;overflow:hidden;position: absolute; top: -20px; margin: 0; padding: 0}
#motto span {font-size: 110%;color: #389BD2; font-weight:bold;font-style: italic}

#f_search {margin: 0;}

/*horní hlavní záložkové menu*/
#topmenu {float:right;list-style:none; margin: 6px 13px 0 0;height:25px;background:url(./images/header-map.png) right -95px repeat-x}
#topmenu li {float:left;margin:0;padding:0;text-align:center;line-height:24px;height:25px;background:url(./images/header-map.png) 0 -45px no-repeat;}
#topmenu li.active {font-size:85%}
#topmenu li a {font-size:85%; padding:0 13px;}
#topmenu li a:link, #topmenu li a:visited {color: rgb(89, 89, 89)}
#topmenu li.highlight a {color: #FF6E27}
#topmenu li a:link:hover, #topmenu li a:visited:hover {color: #FF6E27 }
#topmenu .first {background:url(./images/header-map.png) 0 -70px no-repeat;}
#topmenu .last {margin-right:6px;}
#topmenu .last a {padding-right:7px}

/*horní malé "uživatelské" menu v pravé horní části hlavičky*/
.login-user-box {width: 204px; float: right; overflow: hidden; height: 54px;}
.login-user-box .avatar {float: left; margin-right: 5px;}
.login-user-box .avatar img {border:1px solid #DFDFDF; padding:1px;}
.login-user-box .user-links {float: left; width: 204px}
.login-user-box .user-links.logged {width: 144px}
.login-user-box .logged span {display: block}
.login-user-box strong a { color:#FF6E27; font-weight:bold; }
.login-user-box .fb-button {margin-top: 4px; clear: left; float: left}
.login-user-box .name {margin-bottom: 3px}
.login-user-box .rank {font-size: 11px; color: #595959;}
.login-user-box .rank strong {color: #333333 }
.login-user-box .sec-link {margin-top: 1px}

div.autocomplete {position:absolute; width:250px; margin:0; padding:0; z-index:2}
div.autocomplete ul {list-style-type:none; margin:0; padding:0; border:1px solid #888;}
div.autocomplete ul li.selected { background-color: #389BD2; color: #fff;}
div.autocomplete ul li {background-color:white; margin:0; padding:2px; cursor:pointer; font-size:90%;}

#hp-categories {margin:5px 0 0 8px}
#hp-categories li {padding-left: 50px; background: transparent url('./images/hp/cat-map.png') 0 -2320px no-repeat; border-bottom:1px solid #D4D4D4; min-height:55px;}
#hp-categories li h3 {margin: 0; padding: 0}
#hp-categories li p {font-size:11px;}
#hp-categories li:last-child {border: none}
#hp-categories #c662 {background-position:0 -1018px}
#hp-categories #c660 {background-position:0 -552px}
#hp-categories #c664 {background-position:0 -1575px}
#hp-categories #c663 {background-position:0 -272px}
#hp-categories #c661 {background-position:0 -1481px}
#hp-categories #c747 {background-position:0 -738px}
#hp-categories #c754 {background-position:0 -738px}
#hp-categories #c939 {background-position:0 -1389px}
#hp-categories #c974 {background-position:0 -272px}
#hp-categories #c996 {background-position:0 -459px}
#hp-categories #c973 {background-position:0 -1110px}
#hp-categories #c975 {background-position:0 -1295px}
#hp-categories #c971 {background-position:0 -2411px}
#hp-categories #c1749 {background-position:0 -1947px}
#hp-categories #c1565 {background-position:0 -1109px}
#hp-categories #c1621 {background-position:0 -366px}
#hp-categories #c1858 {background-position:0 6px}
#hp-categories #c1513 {background-position:0 -2226px}
#hp-categories #c2819 {background-position:0 -1668px}
#hp-categories #c998 {background-position:0 -1759px}
#hp-categories #t25 {background-position:0 -2134px}
#hp-categories #t26 {background-position:0 -1668px}
#hp-categories #t28 {background-position:0 -1855px}
#hp-categories #t29 {background-position:0 -2040px}
#hp-categories #t30 {background-position: 0 -1668px}
#hp-categories #t31 {background-position: 0 -1204px}
.sk #t32 {background-position: 0 -1668px}

.hp-banner {clear: left}

#right {width: 190px; float: right}
#text {float: left; width:440px}

#cl-cover { width: 100%; position: fixed; bottom: -1px; left:0; text-align: center; display: none; }
#cl-inner { background: url('./images/header-map.png') left -474px repeat-x; }
#cl { width: 987px; margin: 0px auto; text-align: left; font-size: .85em; color: #666; }
#cl.closed { height: 26px; }
#cl .close { float: right;  }
#cl .profile a, #cl .logout a, #cl .reviews a, #cl .close a { background: url('./images/header-map.png') 0 -308px no-repeat; }
#cl .close a { width: 22px; height: 18px; display: block; cursor: pointer; background-position: -157px -306px; margin-top: 2px;}
#cl .close a:hover { background-position: -132px -306px; }
#cl.closed .close a { background-position: -157px -326px; }
#cl.closed .close a:hover { background-position: -132px -326px; }
#cl .user-ctrls { float: right; line-height: 24px; margin-top: 2px;  }
#cl .user-ctrls span { display: block; float: left; }

ul.left {float: left}
#cl-cover ul, ul.plain {margin:0;padding:0}
#cl-cover li, ul.plain li {list-style-type: none; margin: 0;}
#cl-cover li h4 {text-align:center;line-height:120%;}

#cl .profile, #cl .logout, #cl .reviews { margin: 3px 2px 0 2px; }
#cl .logout { margin-right: 8px; }
#cl .profile a, #cl .logout a, #cl .reviews a { width: 30px; height: 17px; display: block; }
#cl .reviews a { background-position: 0 -308px; }
#cl .reviews a:hover { background-position: 0 -328px; }
#cl .logout a { background-position: -99px -308px; }
#cl .logout a:hover { background-position: -99px -328px; }
#cl .profile a { background-position: -33px -308px; }
#cl .profile a:hover { background-position: -33px -328px; }

#cl .cont { clear: both; border-top: solid 1px #ebebeb; padding-top: 10px; }
#cl.closed .cont { display: none }
#cl.opened .cont { display: block; height: 90px; overflow: hidden;  }
#cl.opened .cont .section-space { width: 640px; float: left; overflow: hidden; }
#cl.opened .cont .move { float: left; width: 10px; height: 80px; font-size: 200%; line-height: 80px; text-align: center; }
#cl.opened .cont .move a { text-decoration: none; }
#cl.opened .section-ctrl { width: 150px; float: left; margin-top: 25px; }
#cl.opened .section-ctrl .match, #cl.opened .section-ctrl .remove-all { margin-left: 4px; }
#cl.opened .section-ctrl .match a { background: transparent url('./images/button126.gif') top left no-repeat; display: block; width: 126px; height: 26px; line-height: 26px; color: White; text-decoration: none; text-align: center; font-size: 120%; }
#cl.opened .section-ctrl .match a:hover {  }
#cl.opened .section-ctrl .remove-all a { color: #ff6e27; }
#cl.opened .section-ctrl .remove-all { margin-top: 5px; }
#cl.opened #together {padding: 5px 10px;width:140px;float:left;}

#cl .sections { float: left; line-height: 26px; }
#cl .sections div { float: left; }

#cl .list { margin-left: 5px; width: 610px; overflow: hidden; height: 24px; }
#cl .list a.selected { font-weight: bold; color: #000000; cursor: Default; text-decoration: none; }
#cl .list a { text-decoration: underline; }
#cl .list .inner {  }

#cl #show-more-sections {  }
#cl .more-sections a { margin-left: 2px; }
#cl .more-sections a { color: #ff6e27; }
#cl #show-more-sections.list { overflow: visible; }
#cl #show-more-sections .inner { position: relative; background-color: #f2f7fa; z-index: 2; background-color: #FFFFCC; padding: 0 5px;}

#cl .cont ul { height: 100px; width: 800px; }
#cl .cont li { float: left; width: 80px; text-align: center; height: 100px; margin-top: 2px; }
#cl .cont li div img { padding: 2px; border: solid 1px #ebebeb;  }
#cl .cont li div a:hover img { border-color: #c0c0c0; }
#cl .cont li h4 { margin: 0; }
#cl .remove { position: relative; }
#cl .remove a { position: absolute; left: 57px; top: -60px; width: 12px; height: 12px; background: url(./images/del.gif) 0 0 no-repeat; display: block; cursor: pointer; }
#cl .remove a:hover { background: url(./images/del_a.gif) 0 0 no-repeat; }

#overlay,#modal-overlay{background-color:#fff;position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
#blackbox, #modal-blackbox{width:592px;text-align:left;background-color: #FFF; border: solid 10px #eef3f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
#blackbox .body, #modal-blackbox .body {padding:8px 10px; border: 1px solid #ccc}
#blackbox span.close {float:right;display:block;margin:2px 5px 0 0;}
#blackbox h3, #modal-blackbox h3{border-bottom:1px solid #DFDFDF; color:Black; font-weight:normal; margin:0 0 5px 0; padding:0 0 7px;}
#blackbox h4, #modal-blackbox h4{color:#289AEE;}
#blackbox .content,#modal-blackbox .content{clear:both; width: 100%}
#blackbox p,#modal-blackbox p{margin: 0;}
#blackbox p.text, #modal-blackbox p.text{margin:10px 0;}
#blackbox #loginframe{margin:0 0 0 9px;}
#blackbox .inline-not{float:left;margin-left:120px;display:block}
#blackbox ol {margin-bottom: 0}
input.submit-user,input.submit-red, #modal-blackbox input, #blackbox .submit {margin:5px 0 5px 120px;background:url("../css/image/button126.gif") no-repeat;width:126px;float:left;height:26px;border:none;color:#fff;font-weight:bold;cursor:pointer;}
input.submit-red, #modal-blackbox input.button-red{background:url("../css/image/button126_red.gif") no-repeat;margin-left:10px;}
#blackbox input.text, #blackbox textarea.text, #modal-blackbox input.text, #modal-blackbox textarea.text {margin:1px 0;float:left;font-size:1.1em}
#blackbox label {float:left;width:120px;margin:0;font-size:1em;color:#666;font-weight:bold;}

.redBox,.blueBox,.greenBox,.orangeBox{padding:6px;margin:8px 10px}
.redBox p,.blueBox p,.greenBox p,.orangeBox p{margin: 0; text-align: left;}
.notifikator-velky .redBox,.notifikator-velky .blueBox,.notifikator-velky .greenBox,#blackbox .redBox,#blackbox .blueBox,#blackbox .greenBox{margin:8px 0;}
.orangeBox {border: 2px solid #ff6e27;}
.redBox{color:#F64F01;border:solid 2px #F64F01}
.blueBox{color:#134AAD;border:solid 2px #134AAD}
.greenBox{color:#008C10;border:solid 2px #008C10}

/* footer */
#footer {clear: both; text-align: center; margin: 40px 0 35px}
#footer p.links {color: #C0C0C0}
#footer-in {border: solid 1px #c0c0c0; border-left: none; border-right: none; background-color: #f2f7f9; padding: 10px 0; text-align: center;}
#footer-in .content {width:987px; margin: 0 auto; text-align: left}
#footer-in li span {color: #539B15; font-weight: bold;}
#footer-in .more {margin-top: 8px; font-weight: bold}
#footer .content .col-links{float:left;width:315px;margin:0 0 0 10px;}
#footer .content h3{margin:0}
#footer .content ul{margin:0 0 10px 15px}
#footer .content ul li{margin:5px 0 3px 0px;padding:0 0 0 0px}
#footer-bot {margin:10px 0 0}
#footer-bot p {text-align: center}
#footer-bot a:link {color:#389BD2;}
#footer-bot a:visited {color:#389BD2;}
#footer-bot a:hover {color:#F26726;}

/* feedback */
#heFbBox {color: #000;cursor: pointer;height: 119px; width: 39px; background: transparent url('./images/feedback-border.gif?2') top right no-repeat; left: 0;overflow: hidden;position: fixed; top: 35%;}
#heFbBox:hover {width: 44px;}

/* discounted products */
#product-discount-list {clear: both; margin: 10px 0}
#product-discount-list .item {float: left; width: 120px; margin: 10px 5px 0; text-align: center}
#product-discount-list .item h4 {text-align: center}
#product-discount-list .more {clear: left; text-align: right; padding-bottom: 10px;}
#product-discount-list .discount {text-align: center; color:#F26726; margin-top: 5px}
#product-discount-list .discount strong {font-size:160%; font-weight: normal;}

/* HP advert */
.hp-advert {height: 230px;}
.hp-advert .banner {float: left; width: 215px; text-align: center; margin: 8px 0}

/* Aukro banner */
#aukro-hp-banner {width: 650px; height: 140px;}

/* xmas detail */
.xmas-info {background: #F4F4F4 url(./images/ico-info.jpg) center right no-repeat; height: 61px; margin: 5px 0 20px;}
.xmas-info p {background: url("./images/xmas/garance.gif") no-repeat scroll 15px 14px transparent; padding: 10px 0 0 65px;color:#666666}