@charset "utf-8";
/*
    Output device:  screen, projection
    Author:         Petardo (www.petardo.cz)
    Structure:      clear; display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
*/


/* main elements */
body {margin:0; padding:0; min-width:1260px; width:100%; background:#1b7d7e url("/images/bg-body.jpg") left top repeat-y; color:#000; font:0.8em/1.5 Verdana, Tahoma, "arial", sans-serif;}
h3 span, h4 span, h1 span, h6 span {display:none;}
h1.special {font-size:1.5em!important;}
h3.special {font-size:1.2em!important; margin-top:20px!important; margin-bottom:0!important;}
a img {border:0;}
label {font-weight:bold;}
input, select {font:1em Verdana, Tahoma, "arial", sans-serif;}

/* header */
#header {position:relative; float:left; min-width:1260px; width:100%; height:194px; background:transparent url("/images/bg-header.jpg") no-repeat top left;}
#logo {position:absolute; top:40px; left:30px; width:203px; height:67px;}
#logo h1, #logo h6 {margin:0; padding:0; width:203px; height:67px; background:transparent url("/images/logo.png") no-repeat top left;}
#logo h1 a, #logo h6 a {display:block; width:203px; height:67px;}
#navi {position:absolute; top:125px; left:10px; width:950px; height:37px; background:transparent url("/images/header-menu-bg.gif") left top repeat-x;}
#navi ul {margin:0; padding:0; display:block;}
#navi ul li {float:left; display:inline; margin-right:20px; padding-top:10px; list-style:none; font-size:0.85em;}
#navi ul li a {color:#fff; font-weight:bold; text-decoration:none;}
#navi ul li a:hover {color:#000; font-weight:bold; text-decoration:none;}
#navi ul li#home {padding:0!important;}
#navi ul li#home a {display:block; width:37px; height:37px; background:transparent url("/images/header-menu-home.gif") left top no-repeat;}
#navi ul li#home span {display:none;}
#header-jelen {position:absolute; left:860px; top:16px; z-index:5; width:192px; height:174px; background:transparent url("/images/header-jelen.png") left top no-repeat;}
#search-text {position:absolute; top:25px; left:437px; width:185px; height:18px; margin:0; padding:5px 0 3px 10px; border:0; background:transparent url("/images/bg-input-search.gif") left top no-repeat; font:0.9em/1.5 Verdana, Tahoma, "arial", sans-serif;}
#search-submit {position:absolute; top:21px; left:652px; width:36px; height:34px; margin:0; border:0;}

.login {margin:8px 90px 0 0; font-size:0.85em;}
.loginx {margin:5px 90px 0 0; font-size:0.85em;}
.login label {color:#fff!important; padding-top:2px!important;}
#login-heslo, #login-uzivatel {width:88px; height:13px; padding:4px 6px; border:0; background:transparent url("/images/bg-input-100-slim.gif") right top no-repeat;}
#login-uzivatel {margin-right:10px;}
.logged {margin-right:80px!important;}
.logged li {z-index:10!important;}
.logged li {color:#fff;}

/* content */
#content {position:relative; float:left; min-width:1260px; width:100%; min-height:1000px; background:transparent url("/images/bg-main.jpg") no-repeat top left;}
#content a {color:#0fb152;}
#content a:hover {text-decoration:none;}


/* left + inside */
#left {clear:both; float:left; width:180px; margin:0 0 0 10px;}
#menu-kategorie {margin:0; padding:0; list-style:none;}
#menu-kategorie li a {display:block; width:148px; height:21px; padding:2px 0 0 20px; background:transparent url("/images/menu-star.png") 7px 7px no-repeat; color:#000; font-size:0.85em; font-weight:bold; text-decoration:none;}
#menu-kategorie li a:hover, #menu-kategorie li a.active {background:transparent url("/images/menu-hover.png") left top no-repeat; color:#fff;}
#menu-kategorie li ul {margin:0; padding:0; list-style:none;}
#menu-kategorie li ul li a {color:#fff; background:#2bbdba url("/images/menu-sub-bg.png") left top repeat-y!important; font-weight:normal; text-decoration:underline;}
#menu-kategorie li ul li a:hover {text-decoration:none;}
#menu-kategorie li ul li a.active {color:#fff; font-weight:bold; text-decoration:none;}
#menu-kategorie li ul li.first a {background:transparent url("/images/menu-sub-top.png") left top no-repeat!important;}
#menu-kategorie li ul li.last a {background:transparent url("/images/menu-sub-bottom.png") left bottom no-repeat!important;}
#menu-kategorie li ul li.last {margin-bottom:5px!important;}

#menu-vyrobci {margin:0; padding:0; list-style:none;}
#menu-vyrobci li a {display:block; width:148px; height:21px; padding:2px 0 0 20px; background:transparent url("/images/menu-star.png") 7px 7px no-repeat; color:#000; font-size:0.85em; font-weight:bold; text-decoration:none;}
#menu-vyrobci li a:hover, #menu-vyrobci li a.active {background:transparent url("/images/menu-hover.png") left top no-repeat; color:#fff;}
#menu-vyrobci li ul {margin:0; padding:0; list-style:none;}
#menu-vyrobci li ul li a {color:#fff; background:#2bbdba url("/images/menu-sub-bg.png") left top repeat-y!important; font-weight:normal; text-decoration:underline;}
#menu-vyrobci li ul li a:hover {text-decoration:none;}
#menu-vyrobci li ul li a.active {color:#fff; font-weight:bold; text-decoration:none;}
#menu-vyrobci li ul li.first a {background:transparent url("/images/menu-sub-top.png") left top no-repeat!important;}
#menu-vyrobci li ul li.last a {background:transparent url("/images/menu-sub-bottom.png") left bottom no-repeat!important;}
#menu-vyrobci li ul li.last {margin-bottom:5px!important;}


#informace {float:left; z-index:10; width:180px; height:300px; margin-left:-10px; background:transparent url("/images/bg-papir.png") 0 0 no-repeat!important;}
#informace ul {list-style:none; padding-left:20px;}
#informace a {color:#000; font-size:0.8em; font-weight:bold; text-decoration:none;}
#informace a:hover {color:#0fb152; text-decoration:underline;}


/* middle + inside */
#middle {float:left; width:600px; margin:0 20px;}
#akce {cler:both; float:left; overflow:hidden; width:600px; height:176px; margin-top:10px; background:#2bbdba url("/images/bg-akce.jpg") no-repeat top left;}
#akce div {margin:0 10px 0 150px; color:#fff; font-size:0.8em;}
#akce h3 {margin:5px 0 3px 0; color:#000;}
#akce p {margin:1px 0 2px 0;}

#akce-large {cler:both; float:left; width:600px; min-height:180px; margin-top:10px; background:#2bbdba url("/images/bg-akce-bg.gif") repeat-y top left;}
#akce-large-top {float:left; width:600px; margin:0; background:transparent url("/images/bg-akce-top.gif") no-repeat top left;}
#akce-large-body {float:left; width:600px; margin:0; background:transparent url("/images/bg-akce-bottom.gif") no-repeat bottom left;}
#akce-large .akce-obsah {margin:0 10px 0 150px; color:#fff; font-size:0.8em; padding-bottom:5px;}
#akce-large h3 {margin:5px 0 3px 0; color:#000;}
#akce-large p {margin:1px 0 2px 0;}

.box-middle {margin-left:13px; margin-right:13px;}
.box-produkt {position:relative; float:left; width:191px; height:278px; margin-top:13px; background:transparent url("/images/bg-box.gif") no-repeat top left; font-size:0.8em;}
.box-img {position:absolute; top:12px; left:5px;}
.box-img img {border:0;}
.box-popis {position:absolute; top:210px; left:0px; width:165px; padding:0 13px;}
.box-popis a {color:#000!important; font-weight:bold; text-decoration:none;}
.box-kosik {position:absolute; bottom:10px; left:0px; width:165px; padding:0 13px;}
.box-kosik a {padding:2px 0 3px 25px; background:transparent url("/images/ico-kosik.gif") 0 0 no-repeat!important; font-weight:bold; text-decoration:none;}
.box-kosik a:hover, .box-popis a:hover {text-decoration:underline!important;}

.proc-kitesport {clear:both; float:left; width:600px;}
.proc-kitesport h2 {margin:5px 0 3px 0; color:#000; font-size:1.2em;}
.proc-kitesport p {margin:5px 0 3px 0; font-size:0.85em;}

.box-stred-top {float:left; width:597px; height:15px; background:transparent url("/images/bg-stred-top.gif") no-repeat bottom left;}
.box-stred-body {float:left; width:557px; min-height:210px; padding:10px 20px; background:transparent url("/images/bg-stred-body.gif") repeat-y top left;}
.box-stred-body li { list-style-image:url("/images/ico-star-small.gif");}
.box-stred-body strong {color:#2bbdba;}
.box-stred-bottom {float:left; width:597px; height:85px; background:transparent url("/images/bg-stred-bottom.gif") no-repeat top left;}
.box-stred-bottom-small {float:left; width:597px; height:15px; background:transparent url("/images/bg-stred-bottom2.gif") no-repeat top left;}

.box-kup {float:left; width:600px; height:197px; margin-top:20px; background:transparent url("/images/bg-kup.gif") no-repeat top left;}
.box-kup-modra {position:relative; float:left; width:320px; padding-left:10px;}
.box-kup-zelena {position:relative; float:left; width:270px;}
.box-kup-cena-bezna {clear:both; margin-top:50px; width:100%; text-align:center; color:#333; font-size:1.1em;}
.box-kup-cena {clear:both; margin-top:10px; width:100%; text-align:center; color:#fff; font-size:1.2em; font-weight:bold;}
.box-kup-koupit {clear:both; margin-top:20px; width:100%; text-align:center;}


#podkategorie {list-style-type:none; margin:0; padding:0;}
#podkategorie li {color:#3c3c3c; padding:0; display:inline; margin-right:10px;}
#podkategorie li a {display:inline; background:transparent url("/images/folder.gif") no-repeat 0px 0px; padding-left:20px;}

.seznam-polozka {clear:both; float:left; position:relative;}
.seznam-levy {float:left; width:200px;}
.seznam-pravy {float:left; width:350px;}
.seznam-pravy h4 {margin:0;}
.seznam-pravy .seznam-popis {margin:5px 0; font-size:0.95em;}
.seznam-pravy .seznam-kosik {}
.seznam-hr {clear:both; margin:5px 0; width:100%; height:1px; border:0; background-color:#999999;}
.seznam-kosik-cena {float:left; font-size:1.2em;}
.seznam-kosik-cena .cena {font-weight:bold;}
.seznam-kosik-koupit {float:right;}


.produkt-foto {position:relative; float:right; width:180px;}
.produkt-foto .ico-kup {clear:both; float:right; margin-top:30px;}
.produkt-foto a {color:#2bbdba!important; font-size:0.8em; text-decoration:none!important;}
.produkt-foto span {position:absolute; right:0px; top:170px; padding:5px 30px 5px 0; background:transparent url("/images/ico-zoom.png") no-repeat right center; color:#2bbdba!important;}

.produkt-desc {width:350px; text-align:justify; font-size:0.8em;}
.produkt-desc hr {margin:5px 0; width:100px; height:1px; border:0; background-color:#999999;}


.table-registrace td {height:35px;}
.from-td-1 {width:100px!important;}
.from-td-2 {width:180px!important;}
.from-td-3 {width:100px!important;}
.from-td-4 {width:170px!important;}
.form-area {width:550px; border:1px solid #000;}
.table-kosik td {border:0; padding:3px;}
.table-kosik td.border {border:1px solid #eee; padding:3px;}





/* right + inside */
#right {position:relative; float:left; width:150px;}
.nakupni-kosik {cler:both; float:left; margin-top:120px; background:transparent url("/images/ico-kos.png") left top no-repeat;}
.nakupni-kosik div {margin:0 0 0 50px; font-size:0.8em; font-weight:bold;}


/* footer */
#footer {clear:both; float:left; margin:30px 0;}
#footer hr {width:100%; height:1px; border:0; background-color:#999999;}
#footer .footer-copy-dev {clear:both; float:left; width:180px; margin:0 0 0 10px; padding-top:10px; border-top:1px solid #999; color:#000; font-size:0.8em; font-weight:bold;}
#footer .footer-copy-dev a {text-decoration:none!important;}
#footer .footer-copy-dev a:hover {text-decoration:underline!important;}
#footer .footer-copy-shop {float:left; position:relative; width:600px; margin:0 20px; padding-top:10px; border-top:1px solid #999; color:#000; font-size:0.8em;}
#footer .footer-copy-shop a {color:#000;}
#footer #nahoru {position:absolute; right:45px; bottom:-20px;}
#footer #nahoru a {padding:5px 0 7px 30px; background:transparent url("/images/ico-nahoru.gif") 0 0 no-repeat;}
#footer .ico-2am {padding:0 30px 0 0; background:transparent url("/images/ico-2am.gif") right top no-repeat;}


/* others */
.noscreen {display:none;}
.noborder {border:0!important;}
.clear {clear:both;}
.strong, .bold {font-weight:bold;}
.black {color:#000!important; text-decoration:none;}
.green {color:#0fb152;}
.blue {color:#2bbdba;}
.red {color:#ff0000;}
.fleft {float:left;}
.fright {float:right;}
.center {text-align:center;}
.right {text-align:right;}

.margin-top-10 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.inner-padding {padding-left:15px; padding-right:15px;}
.out-padding {padding-top:15px; padding-bottom:0;}
.kosik-kusy {width:38px; height:18px; padding:4px 6px; border:0; background:transparent url("/images/bg-input-50.gif") right top no-repeat;}
.inputbg {width:138px; height:18px; padding:4px 6px; border:0; background:transparent url("/images/bg-input-150.gif") right top no-repeat;}
.select-bg {width:138px; height:18px; padding:4px 6px; border:0; background:transparent url("/images/bg-input-150-wh.gif") right top no-repeat; text-align:right;}
.select-bg select {border:0;}

#xvelikost, #xbarva {width:138px; height:18px; padding:4px 6px; border:0; background:transparent url("/images/bg-input-150.gif") right top no-repeat;}


.h3-kategorie {margin:10px 0; width:127px; height:28px; background:transparent url("/images/h3-kategorie.png") no-repeat top left;}
.h3-vyrobci {margin:10px 0; width:127px; height:28px; background:transparent url("/images/h3-vyrobce.png") no-repeat top left;}
.h3-informace {margin:10px 0; width:126px; height:34px; background:transparent url("/images/h3-info.png") no-repeat top left;}
.h3-proc {clear:both; float:left; margin:30px 0 15px 0; width:239px; height:28px; background:transparent url("/images/h3-proc.png") no-repeat top left;}
.h3-nejnovejsi {clear:both; float:left; margin:30px 0 2px 0; width:253px; height:36px; background:transparent url("/images/h3-nejnovejsi.png") no-repeat top left;}
.h3-nejprodavanejsi {clear:both; float:left; margin:30px 0 2px 0; width:319px; height:36px; background:transparent url("/images/h3-nejprodavanejsi.png") no-repeat top left;}
.h3-kosik {position:absolute; right:25px; top:-85px; width:124px; height:180px; background:transparent url("/images/h3-kosik.png") no-repeat top left;}
.h3-prihlaseni {clear:both; float:left; width:150px; height:30px; background:transparent url("/images/prihlasit-headline.png") no-repeat top left;}
.h3-dalsiinformace-puvodni {margin:10px 0; width:120px; height:15px; background:transparent url("/images/h3-dalsiinformace.gif") no-repeat top left;}
.h3-dalsiinformace {margin:10px 0; width:216px; height:16px; background:transparent url("/images/h3-dalsiinformace-kosik.gif") no-repeat top left;}
.popis {font-size:0.8em!important;}

/*ajax stars*/
.rating {
	margin:5px 0;
	clear: both;
	display: block;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}

.star {
	float: left;
	width: 17px;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}


.star,
.star a {background: url(/images/stars.gif) no-repeat 0 0px;}
	
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
	cursor: default;
}

.active a {
	cursor: pointer;
}

div.rating div.on a {
	background-position: 0 -15px;
}

div.rating div.active a:hover {
	background-position: 0 -30px;
}