/**********************************************************************************************************************/
 
/** CORE **/
 span.skype_pnh_container{display:none !important}

/* remove skype */
 span.skype_pnh_print_container{display:inline !important}

/* remove skype */
 .fright{float:right}
.fleft{float:left}
.tright{text-align:right}
.tleft{text-align:left}
.smalltext{font-size:11px}
#main h1{font-size:24px;font-weight:normal;line-height:40px;margin:10px 0 20px}
#main #main-operations{float:right;margin:15px 5px}
#adminmenu{position:absolute;top:0px}
#adminmenu li{float:left;list-style:none}
#adminmenu li a{display:block;padding:5px 15px;background:white;border:1px solid #ddd;border-left:none;border-right-color:#eee;text-decoration:none;color:#aaa;border-top:0}
#adminmenu li a:hover{color:#555}
#adminmenu li.first a{border-left:1px solid #ddd}
#Sitemap{margin-left:50px}
#Sitemap ul{margin-left:20px}
#Sitemap ul li{line-height:18px}
#Sitemap ul li a{display:block}

/********** Strankovanie,Pocet na stranku **********/
 
/* PAGER */
 .pager{margin-bottom:15px}
.pager a{text-decoration:none;color:#658DAA}
.pager .page,.pager .movepage{background:#F5F5F5;border:1px solid #DDDDDD;border-radius:4px;margin:0px 1px 0px 0px;padding:2px 6px}
.pager .current{background:#EEE;color:#AAA}

/* Paginator */
 .pager .paginator{float:right;margin-left:10px;margin-bottom:0px}
.pager .paginator .page,.pager .paginator .movepage,.pager .paginator .pagedots{float:left}
.pager .paginator span.movepage{display:none}
.pager .paginator .pagedots{padding:4px 0px}

/* Limiter */
 .pager .limiter{float:left}
.pager .limiter .page{float:left}
.pager .limiter .limiter-text{float:left;padding:4px 4px 4px 0px;color:#656565}

/********** Grids **********/
 
/* Grid,Form-table-layout */
 form table,table.highlighted{width:100%}
form table td,table.highlighted td{}
form table th,table.highlighted th{}
form table td,table.highlighted td,form table th,table.highlighted th{padding:6px 12px}

/* Table-Grid */
 table.grid{width:100%;margin:10px 0px;border-collapse:collapse;border:1px solid #CCCCCC;position:relative}
table.grid thead th{font-weight:bold;background:#cf1f25;color:#FFFFFF !important;border:1px solid #9a1015 !important}
table.grid tbody td{}
table.grid tbody tr:nth-child(2n) td{background:#f3f3f3}
table.grid th,table.grid td{padding:2px 6px;border:1px dotted #CCCCCC;height:26px}
table.grid .col-units{text-align:center}
table.grid .col-units input{text-align:right}
table.grid .col-productName{width:360px}
table.grid td.numeric,.numeric{text-align:right;white-space:nowrap}

/* Table-Layout */
 #main table.layout{width:100%;padding:15px 0px}
#main table.layout td{padding:15px;border:0}

/********** Messages **********/
 
/* Spravy */
 .mainMessage{margin:30px 0px}
p.message{text-align:center;font-size:20px;padding:20px 0px}

/* Flash spravy */
 .flashes{margin-bottom:10px}
.flashes .flash{background:#5887ab url('/css/images/icon_info.png') no-repeat 10px 50%;color:#FFFFFF;padding:10px;margin:2px;border-radius:4px;padding-left:30px;border:1px solid #2f6995}
.flashes .flash.flash-small{padding:4px 0px 4px 20px;margin:0px;font-size:11px;background-position:2px 50%}
.flashes .flash a{color:#FFFFFF}
.layout-flashes{display:none;position:fixed;text-align:center;top:100px;width:650px;z-index:10000;border-radius:4px}
.layout-flashes{background:#EEEEEE;border:1px solid #E5E5E5;margin:220px 150px;padding:20px;opacity:0.9}
.layout-flashes .flash{background:#0ABDF3;border:1px solid #AAA;border-radius:4px;font-size:18px;margin:0;padding:20px 70px}

/********** Forms **********/
 a.button,form input.button{border:1px solid #000000;padding:4px 15px 4px 15px;cursor:pointer;color:#3E3E3E;text-decoration:none;background:white}
a.button:hover,form input.button:hover{color:#888}
form ul.error{margin-bottom:5px;list-style-type:none;padding:0px}
form ul.error li{background:white url('/css/images/icon_alert.png') 8px 4px no-repeat;border-radius:4px;padding:4px;margin:1px;color:black;padding-left:35px}
form td ul.error{clear:both;margin:0px;padding:0px}
form td ul.error li{color:red;background:none;margin:0px;padding:0px;line-height:20px}
input.boxinput,label.boxlabel,label.boxlabel{cursor:pointer}
label.boxlabel{padding-left:3px}
textarea{resize:vertical}
#main form div.checkbox input{float:left;margin:2px;margin-right:6px}
#main form div.checkbox label{display:block;padding-top:2px}
#main .formtools{margin-left:0px}
#main .formtools li{list-style:none}
#main .form legend{color:#00B9F1;font-size:16px;margin:10px 20px;padding-left:2px;font-weight:bold}
#main .form fieldset{border:1px solid #EEEEEE;border-radius:10px 10px 10px 10px;margin-bottom:20px}
#main .form small{display:block;color:#777;line-height:20px;float:left;width:100%}
#main .form table th{text-align:right;width:30%;padding:3px 15px}
#main .form table span.required{color:#f40000;padding-left:3px}
#main .form table td,#main .form table th{border:none;line-height:26px;white-space:nowrap}
#main .form table td label{padding:3px;height:20px;display:block;float:left}
#main .form table td input.boxinput{width:auto;margin:8px 2px 0px 2px;cursor:pointer;float:left}
#main .form table td input.button{box-shadow:0 0 3px #AAAAAA}
#main .form tr.error input.text{background:#fedada;border:1px solid #f0c7c7}
#main input,#main textarea{background:#F5F5ED;border:1px #CECEB7 solid;border-radius:1px;height:24px;line-height:24px;color:#7C7C5D;font-size:11px;padding:0 6px;float:left}
#main textarea{height:150px}
#main input.button{height:26px;margin:0 0 12px;width:100px}

/********** Specialne **********/
 .mDialog{position:fixed;top:30%;left:30%;width:40%;z-index:1000}
.mDialog-body{background:white;margin:5px;box-shadow:0px 0px 10px #888;border:8px solid #09AADB}
.mDialog-title{padding:15px;background:#F2FDFF;border-bottom:1px solid #dbf0f4}
.mDialog-content{padding:15px}
.mDialog-buttons{background:white;border-top:1px solid #eee;padding:15px}
.mDialog-buttons .button{float:right}
.mDialog input{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:middle}
.mDialog input.text{width:95%;background:#F5F5ED;border:1px #CECEB7 solid;border-radius:4px;height:24px;line-height:24px;color:#7C7C5D;font-size:12px;padding:5px}
.list{}
.list .list-item{overflow:hidden;background-image:linear-gradient(bottom,#fdfdfd 100%,#eee 0%);background-image:-o-linear-gradient(bottom,#fdfdfd 100%,#eee 0%);background-image:-moz-linear-gradient(bottom,#fdfdfd 100%,#eee 0%);background-image:-webkit-linear-gradient(bottom,#fdfdfd 100%,#eee 0%);background-image:-ms-linear-gradient(bottom,#fdfdfd 100%,#eee 0%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#fdfdfd),color-stop(0,#eee));border-bottom:1px solid #eee}
.list .list-item:hover{background:white}
.list .list-item a{display:block;text-decoration:none;color:#333;padding:10px}
.list .list-item a:hover{color:black}
.list .list-item a img{height:30px;max-width:55px}
.list .list-item a span.image{width:60px;float:left}
.list-back .list-item a{padding-left:6%;background:url('/css/images/icon-arrow-left.png') no-repeat scroll left center}
.list-next .list-item a{padding-right:6%;background:url('/css/images/icon-arrow-right.png') no-repeat scroll right center}

/**************************************************************************************************/
 
/** CMS **/
 .box .flashes{margin-top:4px}

/**************************** Clanky **************************************************************/
 
/* Skupina clanku */
 .articles{}
.articles .more{float:right}

/* Nahled clanku */
 .articlePreview{border-bottom:1px dotted #E2E2E2;padding:10px 0px;position:relative}
.articlePreview h3{color:#C31919;margin-bottom:2px}
.articlePreview p{padding-bottom:5px;color:#8F8F8F}
.articlePreview .date{color:#A6A6A6;font-size:11px;font-style:italic}
.articlePreview .more{position:absolute;top:10px;right:10px}
.articlePreview .articlePreviewImage{float:left;width:150px;text-align:left}
.articlePreview .articlePreviewImage img{background:#f0f0f0;border:1px solid #ddd;padding:5px;margin-right:10px}
.articlePreview .articlePreviewAbstract{}

/**************************** Clanok **************************************************************/
 .article{margin:0px;line-height:150%}
.article ul li,.article ol li{margin-left:30px;padding:5px 0px}
.article ul,.article ol{margin-bottom:20px}
.article h1,.article h2,.article h3{color:#565656}
.article h1,.article h2{font-size:24px;font-weight:normal}
.article h2,.article h3{margin-top:25px;margin-bottom:5px}
.article h2{font-size:16px}
.article h3{font-size:14px}
.article p{margin:10px 0px}
.article .articleImage{float:left}
.article .articleImage img{background:#f0f0f0;border:1px solid #ddd;padding:5px;margin:0 10px 0 0 !important}
.article .articleAbstract{color:#808080}

/**************************** Typy stranok ********************************************************/
 
/* otazkay */
 .siteQuestions .questions{margin:0 0 20px;padding:0}
.siteQuestions .question{border-radius:6px;margin:4px 0;padding:4px 8px;position:relative;border-top:1px solid #D8D8D8}
.siteQuestions .question .time{color:#aaa}
.siteQuestions .question .deleteQuestion{float:right}
.siteQuestions .question .deleteAnswer{float:right}
.siteQuestions .question h3{color:#F40000;font-size:120%;line-height:36px;margin:0;font-weight:bold}
.siteQuestions .question h3 span{color:black;font-weight:normal}
.siteQuestions .question p{color:#4C4C4C;line-height:140%;margin:0 0 5px;text-align:justify}
.siteQuestions .question p a{color:#FFFFFF;text-decoration:none}
.siteQuestions .question p a:hover{text-decoration:underline}
.siteQuestions .question .answers{color:#4C4C4C;margin:5px 0px 0px 30px;padding-top:5px}
.siteQuestions .question .answers .answer{margin-bottom:5px}
.siteQuestions .question .answers .answer .time{font-weight:normal;display:block}

/**************************** Komponenty **********************************************************/
 
/* Galeria */
 .cmpGallery{margin-bottom:20px;color:#565656}
.cmpGallery .header{margin-bottom:5px;padding-left:20px}
.cmpGallery table.images{margin-bottom:20px;margin-left:20px;width:92% !important;border-collapse:separate !important}
.cmpGallery table.images .image{width:170px;height:170px;margin:2px;background:#f0f0f0;vertical-align:middle;text-align:center}

/* Anketa */
 .cmpPoll{padding:0px 13px 55px 13px;background:#0f240f}
.cmpPoll h2{line-height:60px;_height:60px;height:60px}
.cmpPoll p{margin-bottom:15px}
.cmpPoll a{text-decoration:none;color:#a6a6a6}
.cmpPoll a:hover{color:#ffffff}
.cmpPoll ul{padding-left:0px}
.cmpPoll li{height:39px;list-style:none;color:#a6a6a6}
.cmpPoll li div{background:#538107;height:8px;font-size:1%}
.cmpPoll li a{display:block}

/**************************** Ostatne sablony *****************************************************/
 #main.mSearch .searchGroup{margin-bottom:20px}
#main.mSearch .searchGroup h2{margin-bottom:5px}
#main.mSearch .searchGroup .paging{margin-top:0px}
#main.mSearch .searchGroup p.noResult{text-align:center;padding:20px;font-size:16px;color:#777}
.hidden{display:none}

/** Objednavky ****************************************************************/
 .totalPrices{margin:15px 0px}
.totalPrices table{text-align:right;font-size:120%;line-height:24px;float:right}
.totalPrices .totalPrices-important{font-weight:bold;font-size:140%;margin:10px 0px}
.totalPrices .totalPrices-important td{color:#017FCB;font-size:110%}
.totalPrices .totalPrices-dphinfo{margin-top:4px}
.navigation{margin:30px 0px}
.navigation .navigation-back{float:left}
.navigation .navigation-next{float:right}
#billingOption{width:100%}
#billingOption div.item{width:33%;float:left}
#billingOption a{display:block;padding:15px 4px;text-align:center;position:relative;background:#eee;border:1px solid #e0e0e0;color:#aaa;text-decoration:none;cursor:pointer;border-top:3px solid #aaa}
#billingOption a:hover,#billingOption a.active{background:#cf1f25;color:white !important;border:1px solid #9a1015;border-top:3px solid #9a1015}
#billingOption a strong{display:block;text-decoration:underline;font-size:14px}
#billingOptionCards{margin-top:20px}
#billingOptionCards .card{display:none}
#billingOptionCards .card.active{display:block}
#billingOptionCards #SingleBuyCard{margin-left:0px}
#billingOptionCards #NewUserCard{margin-right:0px}
#billingOptionCards #NotselectedCard p{text-align:center;font-size:16px;margin-top:100px}
#basketItems .row:first-child{border-top:1px solid #ddd}
#basketItems .row{padding:5px;border-bottom:1px solid #ddd}
#basketItems .row .image{float:left;width:100px}
#basketItems .row .detail{}
#basketItems .basket-product-title{margin-bottom:10px}
#basketItems .basket-product-title p{color:#888;font-style:italic;margin:5px 150px 5px 0px}
#basketItems .basket-pricing{text-align:right;float:right}
#basketItems .basket-pricing a{width:30px;height:30px;margin:4px}
#basketItems .basket-pricing .price{text-align:right;line-height:40px}

/* navigacia krokov v objednavke */
 #orderSteps{margin-bottom:20px;margin-top:10px}
#orderSteps h2{margin:10px}
#orderSteps .steps .step{float:left;width:20%;margin:2px 10px;padding:15px 4px;text-align:center;position:relative}
#orderSteps .steps .step a{text-decoration:none;display:block}
#orderSteps .steps .step .step-number{position:absolute;top:-7px;left:-7px;background:white;font-weight:bold;padding:4px 7px;border-radius:5px;border:1px solid #ccc;color:#aaa}
#orderSteps .steps .step.notexecuted{background:#eee;border:1px solid #e0e0e0;color:#aaa}
#orderSteps .steps .step.executed{background-color:#333}
#orderSteps .steps .step.executed a{color:#FFFFFF !important}
#orderSteps .steps .step.current{background:#cf1f25;color:#fff !important;border:1px solid #9a1015 !important}
#orderSteps .steps .step.current a{color:white !important}

/* kroky objednavky */
 #orderStep{margin:10px}
.step-delivery .list{margin-bottom:15px}
.step-delivery .list-item{padding:10px}
.step-delivery .list-item label{padding-left:10px;cursor:pointer}
.step-delivery .list-item .priceinfo{text-align:right;float:right}
.step-delivery .list-item p.note{margin-top:2px}
.step-delivery .checked{background:#f2fde5}
.step-delivery .paymentForDelivery{display:none}
.step-delivery .paymentForDelivery{display:none}
.step-delivery .priceinfo{text-align:right}
.step-billing form legend{display:none}
.step-billing form fieldset{margin-top:5px}
.step-repeat .infomessage{text-align:center;margin:20px}
.step-repeat .repeat-info table{font-size:120%}
.step-repeat .repeat-info table td{vertical-align:top}
.step-repeat .repeat-info table strong{color:#02b1e6}
.step-repeat .repeat-info table.repeat-info-userdata{width:100%}
.step-repeat .repeat-info table.repeat-info-contact{margin:10px 0px;text-align:left}
.step-repeat #basketItems{margin:20px 0px}
.step-repeat #frmfinishOrderForm-commentUser{width:705px;height:auto;line-height:15px;font-family:Arial,Helvetica,sans-serif;font-size:12px}
.step-repeat .commentUserBox label{display:block}
.step-finish #OrderFinishMsg{margin:100px 20px;text-align:center;font-size:17px}
.step-finish #OrderFinishMsg h3{font-size:25px;font-weight:normal;margin:5px}

/** Uzivatelske nastavenia ****************************************************/
 #UserNavigations{margin:10px}
#UserNavigations .userNavigation{background:#f5f5f5;border:1px solid #ddd;margin:10px;padding:10px 20px;border-radius:8px}
#UserNavigations .userNavigation h3{margin-bottom:10px;color:#00B9F1}
#UserNavigations .userNavigation li{margin:2px;list-style:none;text-align:center}
#UserNavigations .userNavigation li a{color:#7C7C5D;display:block;text-decoration:none;background:white;padding:5px;border:1px solid #ddd;border-radius:4px}
#UserNavigations .userNavigation li a:hover{text-decoration:underline;background:#F5F5ED}
#registration form legend{display:none}

/** Kosik *********************************************************************/
 #basket .col-desc{width:300px}
#basket .col-units{text-align:center}
#basket .col-units input{width:20px;text-align:center;padding:4px 3px;float:none}
#basket tbody td{text-align:right;height:50px}
#basket tbody .col-desc{text-align:left;width:220px}
#basket .submit{display:none}
#basket tbody td p{text-align:center;padding:15px}
#basket input{width:30px}
#basket #recalculateButton{float:left;margin:0 auto;border:0;display:block;width:70px;height:25px;line-height:25px;font-size:12px;font-weight:bold;text-decoration:none;text-align:left;color:#353535;padding:0 12px;background:transparent url('/css/images/button-recount.png') no-repeat center center}
#basket #recalculateButton:hover{text-decoration:underline}

/** Detail objednavky *********************************************************/
 .orderdetail .orderbillings{width:100%}
.orderbillings .leftorder{float:left;width:45%}
.orderbillings .rightorder{float:right;width:50%}
#ordersGrid .order-item-products{text-align:center}
#ordersGrid .order-item-products img{margin:2px;border:1px solid #ddd}
#main.order .order-status{position:absolute;top:10px;right:10px;color:#aaa}
#main.order .order-status .order-status-info{font-weight:bold;color:#658DAA}

/** * style.css * definice stylu pro Sportsuzan.cz * * Autor:Vojtech Krupicka * * Kodovani:UTF-8 * Prezentuji.cz */
 
/* Zruseni mezer v elementech */
 *{margin:0;padding:0;border:none}

/* Definice tela dokumentu */
 body{background:#FFFFFF url('/css/images/bg-body1920.jpg') no-repeat top center;font-size:12px;font-family:Arial,Helvetica,sans-serif}

/* Pomocna trida pro zruseni obtekani blokovych elementu */
 .cleaner{display:block;width:auto;height:0;clear:both;font-size:0}
a{color:#017FCB}
a:hover{color:#CF1F25}

/** ************************************************************** CONTAINER **/
 #container{margin:0 auto;padding:0;width:980px;height:100%;position:relative}

/** ***************************************************************** HEADER **/
 #header{height:132px;position:relative;background:transparent url('/css/images/bg-header.png') no-repeat top center}

/** ******************************************************************* logo **/
 #header .logo{float:left;width:490px;height:95px}
#header .logo h1,#header .logo h2{display:none}
#header .logo a{display:block;width:490px;height:90px}
#header .logo a img{display:none}

/** ******************************************************************* info **/
 #header .info{float:left;width:220px;margin:24px 0 0 22px}
#header .info dl{line-height:150%;font-size:13px;color:#000000}
#header .info dt{float:left;clear:left;padding:0 4px 0 0}
#header .info dd{float:left;color:#DB252E}
#header .info a{color:#DB252E;text-decoration:none}
#header .info a:hover{color:#169FF0;text-decoration:underline}

/** ********************************************************* shopping cart **/
 #header .shoppingCart{width:180px;float:right;margin:10px 4px 0 0}
#header .shoppingCart h2{font-size:16px;font-weight:normal;color:#D01F27;line-height:28px}
#header .shoppingCart li{list-style:none;float:left}
#header .shoppingCart li a{color:#000000;margin:0 16px 0 0;line-height:200%}
#header .shoppingCart li a:hover{color:#169FF0;text-decoration:none}

/** ******************************************************************** menu **/
 #header .mainMenu{clear:both;height:42px;text-align:center;line-height:42px;background:#18A1F3}
#header .mainMenu ul{display:inline-block}
#header .mainMenu li{list-style:none;float:left;background:transparent url('/css/images/bg-menuSeparator.png') no-repeat left center}
#header .mainMenu li.first{background:none}
#header .mainMenu li a{display:block;height:42px;line-height:42px;text-decoration:none;font-size:12px;color:#FFFFFF;padding:0 24px}
#header .mainMenu li a:hover,#header .mainMenu li a.active{background-color:#007AC3 !important}
#header .mainMenu li#headnav_2 a{display:block;font-size:0;width:16px;height:42px;background:transparent url('/css/images/icon-home.png') no-repeat center center;text-indent:40px}

/** ****************************************************************** FOOTER **/
 #footerWrapper{padding:30px 0 0 0;height:250px;background:transparent url('/css/images/bg-footer.png') repeat-x center top}
#footer{position:relative;width:980px;height:250px;margin:0 auto}
#footer .left{float:left;width:340px}
#footer .right{float:right;width:570px}
#footer .box h2{font-size:18px;font-weight:normal;color:#FFFFFF;line-height:40px}
#footer .box h2 span{color:#868686}
#footer .box .menu li{list-style:none;line-height:175%}
#footer .box .menu li a{color:#868686}
#footer .box .menu li a:hover{text-decoration:none;color:#DDDDDD}
#footer .box form input.email{height:29px;width:223px;background:#FFFFFF url('/css/images/bg-footer-inputText.png') repeat-x center center;padding:0 6px;line-height:29px;color:#010101;float:left}
#footer .box form input.button{height:29px;width:103px;background-color:#DE262E;text-align:center;line-height:29px;color:#FFFFFF;float:left;margin:0 0 0 6px;padding:0px;cursor:pointer}
#footer .box form input.button:hover{background-color:#D11F27}
#footer .box form p{clear:both;line-height:250%;color:#868686;font-style:italic}
#footer .copyright{position:absolute;bottom:0;left:0;height:58px;line-height:58px;color:#414141;font-size:11px}
#footer .copyright a{color:#010101}
#footer .copyright a:hover{color:#868686;text-decoration:none}

/** ****************************************************************** MIDDLE **/
 #middle{margin:20px 0 0 0;background-color:#FFFFFF}
.homepage{position:relative !important;margin:140px 0 0 0 !important;padding:262px 0 0 0 !important;width:979px !important}

/** **************************************************************** MAIN TOP **/
 #middle .mainTop{margin:42px 0 0 0;position:absolute;top:-140px;width:980px;height:347px;background:transparent url('/css/images/bg-mainTop.png') no-repeat center center}

/** **************************************************************** carousel **/
 #middle .mainTop .carousel{float:left;width:600px;height:347px;position:relative}
#middle .mainTop .carousel .items{width:600px;height:311px;overflow:hidden}
#middle .mainTop .carousel .item{width:600px;height:311px}
#middle .mainTop .carousel .active{display:block}
#middle .mainTop .carousel .tabs{position:absolute;bottom:0;width:600px;height:36px;text-align:center}
#middle .mainTop .carousel .tabs ul{margin:12px;display:inline-block}
#middle .mainTop .carousel .tabs li{list-style:none;float:left}
#middle .mainTop .carousel .tabs li a{display:block;width:13px;height:13px;line-height:36px;text-decoration:none;font-size:0;margin:0 4px;background:transparent url('/css/images/spr-carouselTabs.png') no-repeat top center}
#middle .mainTop .carousel .tabs li a:hover,#middle .mainTop .carousel .tabs li.activeSlide a{background-position:bottom center}

/** ******************************************************************** news **/
 #middle .mainTop .news{width:340px;height:302px;float:right;margin:46px 20px 0 0;position:relative}
#middle .mainTop .news h2{font-size:16px;font-weight:normal;color:#FFFFFF;line-height:33px;width:75px;background:transparent url('/css/images/icon-arrow-right-white-small.png') no-repeat right center}
#middle .mainTop .news h2 a{color:#FFFFFF;text-decoration:none}
#middle .mainTop .news h2 a:hover{text-decoration:underline}
#middle .mainTop .news .box{height:115px}
#middle .mainTop .news .box h3{font-size:16px;font-weight:normal;color:#000000;line-height:52px}
#middle .mainTop .news h3 a{color:#000000;text-decoration:none}
#middle .mainTop .news h3 a:hover{text-decoration:underline}
#middle .mainTop .news p{color:#000000;line-height:125%}
#middle .mainTop .news p a{color:#D11F27}
#middle .mainTop .news p a:hover{color:#169FF0}
#middle .mainTop .news a.showAll{display:block;height:36px;line-height:36px;position:absolute;bottom:0;right:0;font-size:12px;color:#000000;text-transform:uppercase;text-decoration:none;padding:0 14px 0 0;background:transparent url('/css/images/icon-arrow-right-gray-small.png') no-repeat right center}
#middle .mainTop .news a.showAll:hover{text-decoration:underline}

/** **************************************************************** BOTTOM **/
 #middle .bottom{margin:16px 0 0 0;padding:16px 0 32px 0;background:transparent url('/css/images/bg-middle-bootom.png') no-repeat center top}
#middle .bottom .left{float:left;width:330px;padding:32px 0 16px 0}
#middle .bottom .right{padding:32px 16px 16px 40px;float:right;width:570px;background:transparent url('/css/images/bg-middle-bootom-right.png') no-repeat center left}
#middle .bottom .left h3{margin:0px;font-weight:normal}
#middle .bottom .left h3,#middle .bottom .left a{color:#007BC5;font-size:18px;line-height:150%}
#middle .bottom .left a:hover{text-decoration:none}
#middle .bottom .left p{font-size:12px;color:#000000;line-height:150%;margin:0px 0px 20px 0px}
#middle .bottom .right h2{color:#007BC5;text-transform:uppercase;font-size:18px;font-weight:normal;margin:0 0 24px 0}

/** **************************************************************** CONTENT **/
 #content{float:right;width:740px;margin:16px 16px 16px 0}
#middle .wide{float:none;width:auto;margin:0}
#middle h1{font-size:24px;line-height:40px}
#middle .wysiwyg p{font-size:12px;color:#000000;line-height:150%}
#middle .wysiwyg p a{color:#007BC5}
#middle .wysiwyg p a:hover{text-decoration:none}

/** *************************************************************** breadcrumb **/
 #content .breadcrumb{}
#content .breadcrumb li{list-style:none;float:left;line-height:28px;background:transparent url('/css/images/icon-arrow-right-blue-small.png') no-repeat center right;padding:0 10px 0 0}
#content .breadcrumb li.last{background:none}
#content .breadcrumb li a{color:#017FCB;padding:0 0 0 6px}
#content .breadcrumb li a:hover{color:#CF1F25;text-decoration:none}
#content .breadcrumb li.first a{padding-left:0}
#content .breadcrumb li.last a{color:#000000;text-decoration:none}

/** ***************************************************************** moreInfo **/
 #content .moreInfo{margin:10px 0}
#content .moreInfo h2{background:transparent url('/css/images/icon-more.png') no-repeat center left;padding:0 0 0 22px;line-height:22px;font-size:12px;font-weight:normal;margin:0 0 8px}
#content .moreInfo h2 a{color:#017FCB}
#content .moreInfo h2 a:hover{color:#CF1F25;text-decoration:none}
#content .moreInfo .wysiwyg{display:none}
#content .moreInfo .shown{display:block}

/** **************************************************************** MAIN PAGE **/
 #content .box{background-color:#F2F2F2;width:192px;height:256px;overflow:hidden;float:left;margin:0 2px 12px 2px}
#content .first{margin-left:1px}
#content .last{margin-right:1px}
#content .box h2 a{display:block;height:32px;line-height:32px;font-size:13px;font-weight:normal;color:#FFFFFF;background-color:#D11F27;text-decoration:none;text-align:center}
#content .box h2 a:hover,#content .box:hover h2 a{background-color:#169FF0}
#content .box a.icon img{width:192px;height:128px}
#content .box .description{padding:12px 6px;color:#494949}
#content .box .description a.more{background:transparent url('/css/images/icon-arrow-right-black-small.png') no-repeat center right;display:block;line-height:32px;text-align:right;padding:0 24px 0 0;color:#000000;text-decoration:none;font-weight:bold}
#content .box .description a.more:hover{text-decoration:underline}

/** **************************************************************** LEFT **/
 #left{float:left;width:206px}

/** ********************************************************** categories **/
 #left .categories{margin:0}
#left .categories ul{margin:0;padding:0;list-style:none}
#left .categories ul li{height:39px;line-height:39px;background:transparent url('/css/images/bg-left-menu-shadowLight.png') repeat-y right center;padding:0 16px 0 12px;width:178px;overflow:hidden}
#left .categories ul li.special{height:48px;line-height:48px;background:#F3F3F3 url('/css/images/bg-left-menu-shadowDark.png') repeat-y right center}
#left .categories ul li a{display:block;height:38px;text-decoration:none;color:#000000;font-size:12px;font-weight:bold;border-bottom:1px #CCCCCC dotted;padding:0 0 0 20px;white-space:nowrap;overflow:hidden;background:transparent url('/css/images/icon-arrow-right-red-big.png') no-repeat left center}
#left .categories ul li.last a,#left .categories ul li.special a{border-bottom:none}
#left .categories ul li.special a{height:48px}
#left .categories ul li.saleOut a{color:#CF1F25;position:relative}
#left .categories ul li.saleOut a span{display:block;width:28px;height:28px;background:transparent url('/css/images/icon-saleOut.png') no-repeat center center;position:absolute;top:10px;right:48px}
#left .categories ul li a:hover,#left .categories ul li.active a{color:#CF1F25;text-decoration:underline}

/** **************************************************************** menu **/
 #left .menu{margin:0 0 48px 0}
#left .menu ul{margin:0 0 0 16px}
#left .menu li{line-height:28px;list-style:none;padding:0 0 0 12px;background:transparent url('/css/images/icon-arrow-right-black-leftMenu.png') no-repeat 0 11px}
#left .menu li li{padding:0 0 0 16px;background-image:url('/css/images/icon-arrow-right-black-subLeftMenu.png')}
#left .menu li a{color:#000000;text-decoration:none}
#left .menu li a:hover,#left .menu li a.active{color:#CF1F25;text-decoration:underline}

/** ************************************************************** banner **/
 #left .banner{margin:16px 0;width:202px;overflow:hidden;text-align:center;border:1px #E9E9E9 solid;background-color:#F3F3F3}

/** ************************************************************** CATALOG **/
 #content .catalog{margin:16px 0}
#content .catalog .item{width:234px;height:380px;overflow:hidden;float:left;margin:0 8px 16px 8px;border:1px #CCE8FA solid;position:relative}
#content .catalog .left{margin-left:0}
#content .catalog .right{margin-right:0}
#content .catalog .item .image{display:table-cell;width:232px;height:232px;text-align:center;vertical-align:middle;margin:16px auto}
#content .catalog .item h2{font-size:14px;font-weight:bold;line-height:20px;text-align:center;height:45px;overflow:hidden}
#content .catalog .item h2 a{color:#000000;text-decoration:none}
#content .catalog .item h2 a:hover{color:#CF1F25}
#content .catalog .item .colors{margin:2px auto;text-align:center}
#content .catalog .item .colors ul{list-style:none;display:inline-block}
#content .catalog .item .colors ul li{width:16px;height:16px;float:left;margin:0 2px;font-size:0}
#content .catalog .item .sizes{margin:2px auto;text-align:center}
#content .catalog .item .sizes ul{list-style:none;display:inline-block}
#content .catalog .item .sizes ul li{float:left;margin:0 4px}
#content .catalog .item .tools{margin:2px 16px}
#content .catalog .item .tools .price{width:45%;float:left;text-align:right;color:#828282;font-size:12px;margin:0 2px 0 0}
#content .catalog .item .tools strong{display:block;color:#CF1F25;font-size:20px;line-height:22px}
#content .catalog .item .tools .addToCart{width:45%;float:right;text-align:left;margin:4px 0 0 4px}
#content .catalog .item .tools .addToCart a{display:block;height:26px;border:1px #DADADA solid;border-radius:3px;color:#000000;text-decoration:none;padding:0 16px;line-height:26px;float:left;background:transparent url('/css/images/bg-addToCart.png') repeat-x center center}
#content .catalog .item .tools .addToCart a:hover{color:#CF1F25;background:#ECECEC}
#content .catalog .item .info{margin:4px auto;text-align:center}
#content .catalog .item .info .available{color:#3FBF09}
#content .catalog .item .info .na{color:#CF1F25}

/** ************************************************************** DETAIL **/
 #content .detail{margin:20px 0}
#content .detail .left{float:left;width:380px;position:relative}
#content .detail .left .image{margin:16px auto;text-align:center}
#content .detail .left .thumbnails{margin:16px 0}
#content .detail .left .thumbnails li{width:80px;height:80px;float:left;margin:6px 6px;list-style:none}
#content .detail .left .thumbnails li a{display:table-cell;vertical-align:middle;width:80px;height:80px;padding:2px;border:1px transparent dashed}
#content .detail .left .thumbnails li a:hover,#content .detail .left .thumbnails li a.active{border:1px #C0D6DD dashed}
#content .detail .right{float:right;width:360px}
#content .detail .right h1{line-height:28px;margin:4px 0 16px 0}
#content .detail .right .ean{}
#content .detail .right .info{border:1px #CCE8FA solid;background-color:#F5FBFF;padding:16px;margin:20px auto 16px auto;position:relative}
#content .detail .right .info th{text-align:left;line-height:28px}
#content .detail .right .info th,#content .detail .right .info td{padding:0px}
#content .detail .right .info select{padding:4px 4px 4px 6px;height:28px;line-height:28px;border:1px #CECECE solid;width:150px;margin-right:8px}
#content .detail .right .info option{text-align:center;line-height:24px;height:24px}
#content .detail .right .info .price{margin:18px 0 32px 0}
#content .detail .right .info .price h2{font-size:18px;font-weight:normal}
#content .detail .right .info .price h2 strong{font-size:24px;line-height:40px}
#content .detail .right .info .price h2 span{font-size:12px}
#content .detail .right .info .price h3{font-size:12px;font-weight:normal}
#content .detail .right .info .price h3 span{color:#017CC5}
#content .detail .right .info .availability{font-size:14px}
#content .detail .right .info .availability .available{font-size:18px;line-height:18px;color:#3FBF09;padding:0 22px 0 6px;background:transparent url('/css/images/icon-ok.png') no-repeat center right}
#content .detail .right .info .availability .na{font-size:18px;line-height:18px;color:#CF1F25;padding:0 22px 0 6px;background:transparent url('/css/images/icon-error.png') no-repeat center right}
#content .detail .right .info .addToCart{margin:10px 0 0 0}
#content .detail .right .info .addToCart input.text{width:10px;height:22px;line-height:22px;border:1px #A7A7A7 solid;padding:0 12px;text-align:center;float:left;margin:9px 20px 0 0}
#content .detail .right .info .addToCart input.button{width:151px;height:42px;line-height:42px;text-align:center;float:left;font-size:18px;color:#FFFFFF;cursor:pointer;background:transparent url('/css/images/bg-addToCart-detail-button.png') no-repeat center center;text-shadow:#222222 1px 1px 2px;padding:0px;border:none}
#content .detail .right .info .addToCart input.button:hover{border:1px #1E9D17 solid;border-radius:6px;background:#25B51A}
#content .detail .right .info .czechProduct{position:absolute;right:26px;bottom:16px;width:69px;height:87px;background:transparent url('/css/images/icon-czechProduct.png') no-repeat center center}
#content .detail .right .banner{margin:16px 0;width:358px;overflow:hidden;text-align:center;border:1px #E9E9E9 solid;background-color:#F3F3F3}
#content .detail .description{clear:both}
#content .detail div.description{margin:64px 0 32px 0;padding:32px 16px;border:1px #B7B7B7 solid;clear:both;position:relative}
#content .detail div.description .tabs{position:absolute;top:-38px;left:-1px;background:#FFFFFF}
#content .detail div.description .tabs li{margin-right:6px;float:left;list-style:none;height:36px}
#content .detail div.description .tabs li a,#content .detail div.description .tabs li div{display:block;line-height:42px;height:36px;border:1px #B7B7B7 solid;border-bottom:none;padding:0 12px 0 26px;color:#000000;font-size:16px;text-decoration:none;background:#FFFFFF url('/css/images/icon-arrow-right-red-small.png') no-repeat 12px 16px}
#content .detail div.description .tabs li a.active,#content .detail div.description .tabs li a:hover{color:#CF1F25;height:37px}
#content .detail div.description .tabs li div{height:37px}

/** ***************************************************************** specials **/
 #content .catalog .item .special,#content .detail .special{position:absolute;top:4px;left:4px}
#content .detail .special{top:0;right:0px}
#content .catalog .item .special li,#content .detail .special li{list-style:none;width:56px;height:56px;margin:0 0 2px 0;background:transparent url('/css/images/bg-catalog-itemSpecials.png') no-repeat top center;line-height:56px;text-align:center;font-weight:bold;color:#FFFFFF;font-size:0}
#content .catalog .item .special li.discount,#content .detail .special li.discount{background-position:0 0;font-size:16px !important}
#content .catalog .item .special li.action,#content .detail .special li.action{background-position:0 -56px}
#content .catalog .item .special li.new,#content .detail .special li.new{background-position:0 -112px}
#content .catalog .item .special li.tip,#content .detail .special li.tip{background-position:0 -168px}
#main h2.headline{padding:6px 10px;margin:10px 0px;color:white;font-size:95%}
#main h2.headline a{color:white;text-decoration:none;display:block;font-size:120%}
#main h2.headline.blue{background:#18a1f3;border-top:1px solid #047fc8;border-bottom:1px solid #047fc8}
#main h2.headline.green{background:#cf1f25;border-top:1px solid #9a1015;border-bottom:1px solid #9a1015}
#main .buttons{padding:5px 0px}
#main .buttons .button{float:left}
#main .buttons .button ~ .button{margin-left:5px}
#main .button{box-shadow:0px 0px 4px #aaa;cursor:pointer;border-radius:4px;background:#eee;border:1px solid #777;text-align:center;color:#666;text-decoration:none;display:block;padding:6px 10px;border-radius:4px;background-image:linear-gradient(bottom,#f5f5f5 100%,#e3e3e3 0%);background-image:-o-linear-gradient(bottom,#f5f5f5 100%,#e3e3e3 0%);background-image:-moz-linear-gradient(bottom,#f5f5f5 100%,#e3e3e3 0%);background-image:-webkit-linear-gradient(bottom,#f5f5f5 100%,#e3e3e3 0%);background-image:-ms-linear-gradient(bottom,#f5f5f5 100%,#e3e3e3 0%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,#f5f5f5),color-stop(0,#e3e3e3))}
#main a.button{color:#666 }
#main .button.disabled,#main .button.disabled a{opacity:0.5;cursor:text !important}
#main .button-mini{width:80px}
#main .button-small{width:100px}
#main .button-medium{width:150px}
#main .button-large{width:200px}
#main input.button{padding:0px}
#main .list-item{border-bottom:1px solid #eee}
#content .filter{border:1px solid #e9e9e9;background:#f3f3f3;padding:10px;margin-bottom:15px}
#content .filter .filter-item{float:left;width:175px;line-height:23px}
#content .filter .filter-item label{cursor:pointer }
#content .filter .filer-selects .filter-item{width:350px}
#content .filter .filer-selects .filter-item span{font-weight:bold}
#content .filter .filter-item input{margin-right:4px}
#content .filter .filter-option label{cursor:pointer;line-height:25px;padding-left:5px}
#content .filter select{margin:13px 0px;border:1px solid #cfdce2;padding:4px}
#filter-panske{background:url('/css/images/icon-panske.jpg') no-repeat 130px 0px}
#filter-damske{background:url('/css/images/icon-damske.jpg') no-repeat 134px 0px}
#filter-detske{background:url('/css/images/icon-detske.jpg') no-repeat 127px 0px}
#filter-nadmerne{background:url('/css/images/icon-nadmerne.jpg') no-repeat 130px 0px}

/** ***************************************************************** IE 6.0 bug fix **/
 *html #header .mainMenu li{white-space:nowrap;width:0}
*html #content{margin-right:8px}
*html #content .detail .left .thumbnails li{margin-left:2px;margin-right:2px}
*html #content .detail .czechProduct{display:none}
*html #content .detail div.description .tabs{top:-37px}
*html #content .detail div.description .tabs li{white-space:nowrap;width:0}
*html #middle .mainTop .news{margin-right:10px}
*html #content .catalog .item .special li,*html #content .detail .special li{background-image:url('/css/images/msie/bg-catalog-itemSpecials.png')}
*html #middle .mainTop{background-image:url('/css/images/msie/bg-mainTop.png')}
*html #middle .mainTop .news a.showAll{background-image:url('/css/images/msie/icon-arrow-right-gray-small.png')}
*html #left .categories ul li a{background-image:url('/css/images/msie/icon-arrow-right-red-big.png')}
*html #middle .mainTop .news h2{background-image:url('/css/images/msie/icon-arrow-right-white-small.png')}
*html #content .detail .right .info .availability .na{background-image:url('/css/images/msie/icon-error.png')}
*html #header .mainMenu li a span.home{background-image:url('/css/images/msie/icon-home.png')}
*html #content .moreInfo h2{background-image:url('/css/images/msie/icon-more.png')}
*html #content .detail .right .info .availability .available{background-image:url('/css/images/msie/icon-ok.png')}

/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11,2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */
 #jquery-overlay{position:absolute;top:0;left:0;z-index:9000;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:10000;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}