* { font-family: Verdana, Geneva, sans-serif; }
body, form, table { font-size: 12px; color: #000; margin: 0px; padding: 0px; }
body { text-align: center; background: #EEE; }
table { border-collapse: collapse; margin-bottom: 12px; }
th, td { padding: 5px 10px; text-align: left; }
th { font-weight: bold; color: #30F; }
td {}
ol { margin: 0px 0px 12px 24px; padding: 0px; }
ul { margin: 0px 0px 12px 16px; padding: 0px; list-style: square; }
li { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
#content a, #content-wide a, .contact a { text-decoration: underline; }
#content a:hover, #content-wide a:hover, .contact a:hover { text-decoration: none; }
input, select, textarea { font-size: 12px; padding: 2px; margin: 0px 0px 2px 0px; }
h1 { font-size: 22px; font-weight: normal; color: #30F; letter-spacing: -1px; }
h2 { font-size: 18px; font-weight: normal; color: #30F; }
h3, h4, h5, h6 { font-size: 14px; margin: 0px 0px 5px; }
p, h1, h2 { margin: 0px 0px 10px; }
#global, #wrapper { position: relative; width: 100%; }
#wrapper { min-height: 800px; }
#header-line { background: #30F; border-bottom: 5px solid #30F; position: absolute; left: 0px; top: 0px; height: 200px; width: 100%; z-index: -1; }
#footer-line { background: #30F; border-top: 5px solid #30F; position: absolute; left: 0px; bottom: 0px; height: 150px; width: 100%; z-index: -1; }
#main { margin: auto; text-align: left; }

#main { width: 990px; }

#header { height: 200px; overflow: hidden; }
#header-left { background: url(/img/header-left-trans.png); float: left; height: 200px; width: 20px; }
#header-right { background: url(/img/header-right-trans.png); float: right; height: 200px; width: 20px; }
#header-center { margin: 0px 20px; position: relative; }
#shop-link { display: block; height: 200px; }
#shop-name { display: none; }
#cart { background: url(/img/cart-trans.png); position: absolute; top: 30px; right: 30px; height: 60px; width: 200px; overflow: hidden; }
#cart * { color: #FFF; }
#cart a, #cart p { display: block; padding: 10px 20px; }
#cart a:hover, #cart a:hover strong { color: #CCC; text-decoration: none; }
#cart strong { font-size: 20px; font-weight: normal; }
#user { background: url(/img/user-trans.png); position: absolute; top: 95px; right: 30px; width: 160px; padding: 10px 20px; }
#user * { font-size: 11px; }
#user a, #user strong { color: #FFF; }
#user strong { display: block; margin-bottom: 2px; }
#user ul { margin-bottom: 0px; }
#header-menu { background: #30F; margin: 0px 20px; padding: 10px 30px 10px 20px; line-height: 20px; }
#header-menu { color: #FFF; }
#header-menu a { margin: 10px; color: #FFF; }
#header-menu form { float: right; }
#header-menu input { height: 20px; width: 180px; border-style: none; display: block; float: left; padding: 0px 0px 0px 5px; line-height: 20px; margin: 0px; }
#header-menu .logout { margin-left: 0px; }
#header-menu .submit, .newsletter .submit { cursor: pointer; background: #30F url(/img/arrow-trans.png) no-repeat center center; height: 20px; width: 20px; }
#header-bottom { background: url(/img/header-bottom-trans.png) no-repeat center; height: 15px; }
#content { margin: 0px 250px; overflow: hidden; padding-top: 15px; }
#content-wide { margin: 0px 20px 0px 250px; padding-top: 15px; }
#left { position: absolute; top: 0px; left: 20px; width: 200px; }
#right { position: absolute; top: 0px; right: 20px; width: 200px; }
#left h4, #right h4 { background: #30F; margin: 0px; padding: 8px 20px; font-size: 14px; color: #FFF; }
#left ul, #right ul, #footer ul, .linkList, .subcategories ul, #user ul { color: #30F; }
#footer { height: 150px; overflow: hidden; margin-top: 35px; }
#footer-left { background: url(/img/footer-left-trans.png); float: left; height: 150px; width: 20px; }
#footer-right { background: url(/img/footer-right-trans.png); float: right; height: 150px; width: 20px; }
#footer-center .footer-column { float: left; width: 17.8%; height: 110px; border-right: 1px solid #30F; padding-right: 30px; margin: 20px 0px 0px 30px; color: #FFF; line-height: 20px; }
#footer-center .footer-column a { color: #FFF; }
#footer-center .footer-column input { border-color: #FFF; }
#footer-center .footer-column .datapro { font-size: 10px; line-height: normal; }
#footer-center .footer-column .newsletter { background: url(/img/icon-newsletter-trans.png) no-repeat; padding-left: 30px; }
#footer-center .footer-column .facebook { background: url(/img/icon-facebook-trans.png) no-repeat; padding-left: 30px; display: block; }
#footer-center .footer-column .twitter { background: url(/img/icon-twitter-trans.png) no-repeat; padding-left: 30px; display: block; }
#footer-center .footer-column .gplus { background: url(/img/icon-gplus.png) no-repeat; padding-left: 30px; display: block; }
#footer-center .footer-column .favourite { background: url(/img/icon-favourite-trans.png) no-repeat; padding-left: 30px; display: block; }
#footer-center .footer-column .print { background: url(/img/icon-print-trans.png) no-repeat; padding-left: 30px; display: block; }
#footer-center .custom { font-size: 10px; line-height: normal; padding-top: 3px; }
#footer-center .last { border-right: none; padding-right: 0px; }
.box { padding: 20px; border: 1px solid #30F; background: #FFF; }
.box-top { background: url(/img/box-top-trans.png); height: 15px; }
.box-bottom { background: url(/img/box-bottom-trans.png); height: 15px; }
.menu { margin: 0px; list-style: none; border-bottom: 1px dotted #30F; overflow: hidden; }
.menu li a { padding: 4px 0px; border-top: 1px dotted #30F; display: block; }
.menu li.high-light a { /*font-size: 1.5em;*/ font-weight: bold; }
.menu li.high-light ul li a { font-size: 1em; font-weight: normal;}
.menu li.current a, .menu li ul li.current a { font-weight: bold; }
.menu li.current ul li a { font-weight: normal; }
.menu ul { margin: 0px 0px 8px 16px; list-style: square; }
.menu ul li a { padding-bottom: 0px; border: none; color: #30F; }
.menu ul ul { margin: 4px 0px 4px 16px; }
.menu ul ul li a { color: #000; }
.contact p { margin: 0px; overflow: hidden; }
.new-products h2, .best-selling h2 { font-size: 10px; margin: 5px 0px 12px; overflow: hidden; } /* height: 36px; */
.new-products span, .best-selling span { display: none; }
.new-products strong, .best-selling strong { font-size: 10px; color: #30F; float: right; }
.new-products img, .best-selling img { display: block; float: left; margin: 5px 10px 5px 0px; }
.new-products .divider, .best-selling .divider { height: 1px; overflow: hidden; border-top: 1px dotted #30F; }
.newsletter form { margin-top: 5px; height: 26px; }
.newsletter input { height: 18px; width: 130px; line-height: 18px; display: block; float: left; padding: 0px; margin: 0px; }
.newsletter ul { margin-bottom: 0px; }
.news { clear: both; }
.news h3 { margin-bottom: 10px; }
.news h3 a { display: block; padding: 5px 10px; background: #30F; color: #FFF; _width: 96%; }
.news h3 a:hover { background: #30F; }
.gallery { float: left; margin: 0px 10px 10px 0px; width: 75px; overflow: hidden; }
.gallery div { margin-top: 2px; font-size: 11px; }
.cart-button { width: 20px; background: #30F; border: none; font-weight: bold; color: #FFF; cursor: pointer; }
.cart-icon-button { width: 26px; background: #30F url(/img/cart-icon-button-trans.png) no-repeat center center; border: none; cursor: pointer; }
.cart-image { float: left; margin-right: 10px; height: 50px; width: 50px; }
.navigation, .subcategories, .filters, .paging, .neighbours, .navigation *, .subcategories *, .filters *, .paging *, .neighbours * { font-size: 11px; }
.navigation { padding: 8px 10px; background: #30F; }
.navigation, .navigation a { color: #FFF; }
.subcategories, .filters, .neighbours { padding: 8px 0px; border-bottom: 1px dotted #30F; }
.subcategories ul { float: left; width: 44%; margin: 0px; padding: 0px 10px 0px 16px; }
.filters p { display: inline; padding-right: 10px; }
.filters p span { white-space: nowrap; }
.filters select { padding: 0px; margin-bottom: 1px; }
.paging { padding: 12px 0px; text-align: right; }
.paging a { color: #FFF; background: #30F; }
.paging span { background: #FFF; }
.paging a, .paging span { border: 1px solid #30F; padding: 2px 4px; }
.parameters span { float: left; background: #30F; margin: 1px; cursor: default; display: block; padding: 0px 5px; font-size: 10px; color: #FFF; text-transform: uppercase; line-height: 16px; }
.product-small-card { float: left; width: 232px; height: 274px; margin: 0px 3px 10px 3px; border: 1px solid #CCC; border-bottom: none; background: #FFF; position: relative; overflow: hidden; }
.product-small-card img { display: block; margin: auto; padding: 10px 0px; }
.product-small-card h2 { font-size: 11px; font-weight: bold; margin-bottom: 2px; overflow: hidden; } /* height: 26px; */
.product-small-card p { font-size: 11px; color: #30F; margin-bottom: 5px; height: 26px; overflow: hidden; }
.product-small-card form { padding: 8px 10px; background: #30F; position: absolute; right: 0px; bottom: 0px; }
.product-small-card form input { margin: 0px; }
.product-small-card form .cart-icon-button { background-color: #30F; }
.product-small-card .description { padding: 8px 10px; background: #CCC; }
.product-small-card .price { font-size: 10px; }
.product-small-card .price strong { font-size: 14px; }
.product-small-card .parameters { position: absolute; left: 5px; top: 5px; }
.product-small-card .thumbnail { background: no-repeat center center; display: block; margin: auto; padding: 10px 0px; height: 150px; width: 150px; }


.product-table { width:100% }
.product-table .thumbnail {width: 100px;}

.product-column-left { float: left; margin: 10px 20px 0px 0px; position: relative; }
.product-column-left img { display: block; }
.product-column-left .parameters { position: absolute; left: 5px; top: 5px; }
.product-column-left .thumbnail { background: #FFF no-repeat center center; display: block; height: 360px; width: 360px; }
.product-column-right { margin: 20px 0px 0px 380px; }
.product-column-right li { padding-top: 2px; }
.product-column-right span { float: right; }
.product-column-right .divider { height: 5px; overflow: hidden; margin-top: 5px; border-top: 1px dotted #30F; }
.product-column-right form { background: #30F; padding: 10px; width: auto; }
.product-column-right form input { margin: 0px; }
.product-column-right form select { margin: 0px 0px 5px 0px; max-width: 300px; }
.product-column-right form span { float: left; line-height: 20px; color: #FFF; }
.product-column-right form .variant { text-align: right; }
.product-column-right form .clear { clear: right; }
.product-column-right form .pocet { font-size: 16px; }
.product-column-right form .smartButton { background: #30F; float: right; }
.price-box { background: #EEE; line-height: 20px; padding: 10px; }
.price-box strong { float: right; }
.share-box { margin-top: 10px; }
.share-box div { float: right; }
.share-box a { font-size: 11px; text-decoration: none !important; }
.share-box img { vertical-align: -50%; }
.bookmarks { border-bottom: 2px solid #30F; list-style: none; margin: 20px 0px 10px; height: 25px; overflow: hidden; }
.bookmarks li { background: #30F; float: left; margin-right: 5px; }
.bookmarks li:hover, .bookmarks .active { background: #30F; }
.bookmarks a { font-size: 11px; color: #FFF; display: block; padding: 6px 10px; cursor: pointer; }
.similar-products { border-bottom-color: #30F; }
.similar-products li { font-size: 11px; color: #FFF; padding: 6px 10px; }
.similar-products li:hover { background: #30F; }
.alert-box { font-weight: bold; color: #FFF; background: #F00; padding: 10px; margin-bottom: 20px; }
.clear { clear: both; height: 1px; overflow: hidden; }
.clear-10 { clear: both; height: 10px; overflow: hidden; }
.highlight { font-size: 18px; color: #30F; }
.microscopic { font-size: 9px; color: #30F; }
.nowrap { white-space: nowrap; }
.right-align { text-align: right; }
.right-float { float: right; margin: 0px 0px 20px 20px; }
.theme-color { color: #30F; }
.transparent { border: none; }
.smartTable { width: 100%; }
.smartTable th { color: #FFF; background: #30F; }
.smartButton { background: #30F; cursor: pointer; color: #FFF; font-weight: bold; margin: 0px 5px 0px 0px; padding: 5px 20px; text-transform: uppercase; border: none; }
.smartButton:hover { background: #30F; }
a.smartButton { display: block; float: left; text-align: center; }
.filters a, .paging a, .search-table a, .product-small-card a, .news h3 a, .bookmarks a, a.smartButton { text-decoration: none !important; }
.product-small-card a:hover { text-decoration: underline !important; }
#div-4, #div-5 { height: 450px; padding: 10px; }
.zoom { background-image: url(/img/zoom-trans.png); }
.anketa { margin: 0px; width: 100%; }
.anketa td { padding: 0px 0px 2px; border: none; font-size: 11px; vertical-align: bottom; }
.anketa .bar { background: #E0E0E0 url(/img/survey.png) repeat-x; display: block; height: 13px; margin-bottom: 5px; }
input.error, select.error, textarea.error { border: 2px solid #F00 !important; }
label.error { font-size: 10px; font-style: italic; font-weight: bold; color: #F00; display: none; padding:3px;}
.variant label.error { margin-bottom: 5px; }

/*doplneno JAM*/
#prvninavsteva { width:480px; height:200px; padding: 20px; background-color: #30F; color: #EEE; }

/*vyrazeno pri predelani pres UI - viz nize pridano do kakinova, puvodne obecneho zapracovani*/
.kosik { width: 600px; }
.kosik th { background: #EEE; }
.kosik tr.SET td { background: 10; }
.kosik tr.SUBSET td { background: #E1F1F9; }
.kosik tr.PRODUCT td {}
.kosik tr.HAS_GIFT td { background: #E5E5E9; }
.kosik tr.GIFT td { background: #F5F5F9; }
.field_a { display: none; }
.table-payu td { background: #FFF; border: 1px solid #FFF; }

/*** AUTOCOMPLETE k naseptavaci ***/
.ac_results { padding: 0px; border: 1px solid #30F; color: #000; background-color: #FFF; overflow: hidden; z-index: 99999; margin-top: 10px; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block;
/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
/*width: 100%;*/
font: menu; font-size: 11px;
/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #EEE; color: #FFF;}
.ac_over { background-color: #30F; color: #FFF; }
.ac_over a { color: #FFF; }
.filters p { display: inline-block; width: 47%; height: 11px; }
.filters select { float: right; width: 50%; }


/*doplneno kakin*/
.ui-tabs{padding: 0px;}
.ui-tabs .ui-tabs-nav {padding: 0px;}
.ui-widget-header {border: none; background: none;}
.bookmarks {border-bottom: 2px solid #30F;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border: none; background: #30F;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #fff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: white; background: none; border: none; background: #30F;}
/*text*/
.ui-tabs .ui-tabs-panel {padding: 10px 0px;}
/*naseptavac*/
.ui-autocomplete {background: #EEE; border: 1px solid #30F;}
.ui-autocomplete li{text-align: left;}
.ui-autocomplete li a.ui-state-hover {border: 1px solid #30F;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 1px; -webkit-border-top-left-radius: 1px; -khtml-border-top-left-radius: 1px; border-top-left-radius: 1px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 1px; -webkit-border-top-right-radius: 1px; -khtml-border-top-right-radius: 1px; border-top-right-radius: 1px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 1px; -webkit-border-bottom-left-radius: 1px; -khtml-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 1px; -webkit-border-bottom-right-radius: 1px; -khtml-border-bottom-right-radius: 1px; border-bottom-right-radius: 1px; }

/*doplneni a prekopani, aby se nevztahovalo na vsechny UI prvky*/
#tabs.ui-tabs.ui-widget.ui-widget-content {background: none; border: none;}
.messages.ui-dialog-content.ui-widget-content, .cart-messages.ui-dialog-content.ui-widget-content { font-weight: bold; color: #30F; background: #FFF; padding: 10px; margin-bottom: 20px; }

/*recenze*/
.comment { border-top: 1px solid #fff; margin-bottom: 5px; }
.comment p { margin-bottom: 8px; }
.commentHead { background: ; border-bottom: 1px solid #fff; height: 25px; line-height: 25px; padding-left: 20px; }
.commentHead span { float:right; margin: 4px 10px; }
//.commentHead strong { font-size: 12px; }
.commentBody { background: ; padding: 0 0 0 19px; }
.commentText { padding: 8px 8px 5px 6px; }