@charset "UTF-8";
/* CSS Document */

/*** Stránka ***/
* {margin:0;padding:0}
body {background: url(../images/body-bg.png); font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:85%; line-height:1.5em;}
html {background: url(../images/body-bg.png); font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:85%; line-height:1.5em;overflow-y: scroll;}

.r {border:0px none; margin:0px; padding:0px; float:none; clear:both; width:0px; height:0px; line-height:0px; font-size:0px}
img {border:none}

/*** Containers ***/
#line {width:100%;height:10px;background:#FFF;}
#top {width:100%; height:120px; margin:0; background:url(../images/header-shadow-bg.png) bottom repeat-x #FFF;}
#header {width:1000px; height:100%; margin:auto;position: relative;}
#headerLogo {width:210px; height:120px; padding:0 0 0 0; float:left;}

#headerLinks {width:780px; height:120px; float:left;display: block;}
#headerLinksKontakt {height:30px; padding:0 0 0 20px;}
#headerLinksKontakt a {color:#333; text-decoration:none;}
#headerLinksKontakt a:hover {color:#F00;text-decoration:none;}
#headerLinksKontakt form {display:inline-block;}
#headerLinksKontakt .button {border:none; background:#999; color:#FFF;padding:2px;display:inline-block;cursor:pointer !important;}
#headerLinksKontakt .button:hover {background:#F00; }


#headerLinksSpace {height:50px;}
#headerLinksMenu {height:40px; line-height:34px; padding:0 0 0 10px; font-size:14px; text-transform:uppercase;}
#headerLinksMenu a {color:#000; text-decoration:none; margin:0; font-weight:bold;}
#headerLinksMenu a:hover {color:#F00;text-decoration:none;}
#headerLinksMenu ul {height:40px;}
#headerLinksMenu li {height:40px; display:inline; padding:5px 9px 12px 9px; margin:0 5px 0 0; background:url(../images/fold.png) top right no-repeat #e4e4e4;}
#headerLogin {width:150px; height:60px; float:left;position: absolute;right:0;}
#headerLogin a {color:#333; text-decoration:none;}
#headerLogin a:hover {color:#F00;text-decoration:none;}
#headerLogin form {padding:5px 0 0px 0;}
#headerLogin input {width:140px;margin:0 0 5px 0; line-height:20px;}
#headerLogin .button {border:none; background:#F00; color:#FFF;padding:2px;width:50%;cursor:pointer !important;}
#headerLogin .button:hover {background:#999; }
#headerLogin .small {font-size:11px;white-space:nowrap}
	
#headerLoginLogged {
position: absolute;right: 0;
	width:180px; height:120px; float:left;}
#headerLoginLogged a {color:#000;text-decoration:none;}
#headerLoginLogged a:hover {color:#F00;text-decoration:none;}
#headerLoginLogged .small {color:#000;font-size:11px;}

#container {width:1000px;  background:#FFF; margin:auto;}
#containerLeft {width:180px;margin:0 0 30px 0;float:left;}

#containerLeftMenu {margin:20px;}
#containerLeftMenu a {color:#333; text-decoration:none; text-transform:uppercase;}
#containerLeftMenu a:hover {color:#F00;text-decoration:none;}
#containerLeftMenu ul {}
#containerLeftMenu li {list-style:none;}
#containerLeftMenu .cat {width:100px;margin:0 0 20px 0;border-bottom:#CCC dashed 1px;}
#containerLeftMenu .categoryActive {font-weight:bold;color: red; }
	
#filterOff {margin:0 0 20px 0;color:#999;}
#filterOff .action {width:100px;font-weight:bold;}
#filterOff .description {font-size:10px;width:100px;}
#filterOff a {color:#999;}
#filterOff a:hover {color:#9C0;}
#filterOn {margin:0 0 20px 0;}
#filterOn .action {width:100px;font-weight:bold;color:#9C0;}
#filterOn .description {font-size:10px;width:200px;}
#filterOn .description a {text-transform: lowercase;}
#filterOn a {color:#9C0;}
#filterOn a:hover {color:#999;}

#containerRight {margin:0 0 30px 0;width:820px;  float:left;}
#containerRightContent {width:100%;padding:0 20px 20px 0;}
#containerRightContent p {margin:10px 30px 10px 0;}
#containerRightContent h2 {font-size:14px;}
#containerRight h1 {margin:20px 0 10px 0;font-size:18px;}
#containerRightImage {}
	
/*** Brands ***/

#brands {margin:0 0 0 140px;}
#brands .logo {float:left; margin:0 40px 0 0;}

/*** Product Detail ***/

#productDetail {height:600px;}
#productDetail p {margin:15px 0 0 0;}
#productDetail form {margin:15px 0 5px 0;}
#productDetail h1 {margin:0 0 15px 0; line-height:28px;}
#productDetail h2 {margin:0 0 3px 0;font-size:12px;font-weight:normal;}
#productDetail h3 {margin:15px 0 5px 0;font-size:26px;color:#F00;}
#productDetail h6 {margin:2px 0 0 0; font-size:12px;}
#productDetail img {border:#ECECEC solid 1px;}
#productDetailImage {width:300px;margin:20px 0 20px 20px;float:left;text-align:center;}
#productDetailInfo {width:468px;float:left;margin:20px;}
#productDetailThumbs {width:150px;float:left;margin:20px 20px 20px 0;}
#productDetail .button {border:none; background:#F00; color:#FFF;padding:4px;font-size:15px;cursor:pointer !important}
#productDetail .button:hover {background:#999; }
#productDetail .return {margin:20px;}
#productDetail .return img {border:none;}
#productDetail .caps {}

#productSelector {}
#productSelector td {padding: 10px 0 10px 0;}
#productSelector tr {padding: 10px 0 10px 0;}
#productSelector select {}
#productSelector option {padding:0 3px 0 3px;}

#pa {margin:20px 0 0 0;}
#paPrice {width:130px;float:left;}
#paAvail {width:130px;margin:0 0 0 100px;padding:0 5px 0 5px;background:#F2F2F2;float:left;}
#paAvail h3 {color:#000;font-size:18px;}

/*** Sorting ***/

#sorting {}
#sorting form {display:inline-block;}
#sorting select {width:80px;}
	
/*** Footer ***/
#footer {width:1000px;margin:auto;margin-bottom:60px; border-top:#CCC dashed 1px;}
#footerCopyright {padding:15px;color:#666;text-align:center;}
	
/*** Products ***/
#products {margin:auto;}
#products .box {width:160px; float:left; margin:15px; background:url(../images/product-shadow.png) no-repeat;cursor:pointer !important}

/*
#products .discount {width:100%; height:100%;}
#products .thumb {width:150px; height:200px; margin:5px;}
*/

div.image_one {
  position: relative;
  right:-5px ;
  top:5px ;
}
img.new {
	background:url('../images/new-cs.png') no-repeat;
  position: absolute;
  right: 10px;
  top: 0px;
}
img.dis {
  position: absolute;
  left: 0px;
  bottom: 0px;
}




#products .description {}
#products .moreColors {margin:0 0 0 5px; padding:0 3px 0 3px; font-size:10px; color:#000; background:#e9e9e9; display:inline;}

#products h2 {margin:3px 0 0 5px; font-size:12px; color:#000; font-weight:normal; text-transform:uppercase;}
#products h3 {margin:3px 0 0 5px; font-size:16px; color:#000;}
#products h4 {margin:5px 0 0 5px; font-size:12px; color:#666; font-weight:normal;}
#products h5 {margin:3px 0 0 5px; font-size:14px; font-weight:normal; text-decoration:line-through; color:#F00;}
#products h6 {margin:3px 0 0 5px; font-size:12px; color:#000;}
#products a {color:#000;text-decoration:none}
#products a:hover {text-decoration:none;}
.noware {margin:30px 0 30px 0;font-style:italic;color:#999;}
	
/*** Shopping Cart ***/

#cart {margin:20px 0 0 0;}
#cart table {width:750px;margin:0;border:none;}
#cart .grey {background:#e9e9e9;padding:5px;}
#cart a {color:#FFF;font-size:12px;text-decoration:none;}
#cart a:hover {color:#FFF;}
#cart .hr {background:#e9e9e9;height:1px;width:750px;margin:5px 0 5px 0;}
#cart .hr2 {background:#e9e9e9;height:1px;width:750px;margin:5px 0 1px 0}
#cart .hr3 {background:#e9e9e9;height:1px;width:750px;margin:2px 0 20px 0;}
#cart .small {font-size:10px;color:#F00;text-align:right;font-weight:bold;}
#cart .strong {font-weight:bold;}
#cart .delete {width:20px;height:20px;background:#F00;text-align:center;line-height:20px;}
#cart .delete:hover {background:#000;}
#cart .error {color:#F00; font-weight:bold; margin:0 0 10px 0; width:450px;}

#cartCols {}
#cartCols a {color:green;}
#cartCols a:hover {color:#000;}
#cartCols p {margin:5px 0 5px 0;}
#cartCols1 {margin:0 120px 30px 0; padding:5px; background:#f6f6f6;}
#cartCols1 .hr {background:#FFF;height:1px;margin:5px 0 5px 0;}
#cartCols2 {width:250px;float:left;}
#cartCols3 {width:250px;float:left;}
#cartCols4 {width:250px;float:left;}
#cartCols4 img {margin:40px 0 0 0;}

#buycheck {width:757px;}
#buycheckBuy {float:left;}
#buycheckCheck {float:right}

/*** Articles ***/
	
#articles {}
#articles a {color:#000;text-decoration:none;font-weight:bold;}
#articles a:hover {color:#F00;text-decoration:none;}
#articles h2 {margin:0 0 3px 0;font-size:18px;color:#666;}
#articles img {padding:0 10px 10px 0;}
#articles .box {margin:40px 0 0 0;}
#articles .boxDetail {margin:20px 0 0 0;}
#articles .thumb {width:120px;float:left;}
#articles .perex {margin:0 0 0 15px;width:550px;float:left; }
#articles .perex h2 a{color: #666666;}
#articles .text {width:700px;}
#articles .date {color:#666;font-style:italic;}
#articles p {margin:10px 0 0 0;}
	
/*** Title ***/

#title {margin:20px 0 0 0;}
#titleText {width:700px;margin:0 0 20px 0;}

/*** Registration ***/

#form {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:url(../images/model.jpg) top right no-repeat;}
#form a {color:#0033CC;}
#form h1, h2, p, form {border:0px; margin:0px; padding:0px;}
#form input {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#form h2 {color:#666666; margin-bottom:20px;font-size:16px;}
#form div.main {margin:0 0 0 80px; width:340px;}
#form div.box {padding:10px;color:#333333;margin-bottom:20px;}
#form div.box h1 {font-size:14px;color:#000000;padding-bottom:4px;}
#form div.box p {padding-bottom:14px;}
#form div.box input .input-text {color:#666666;width:180px;}
#form div.box label {display:block;margin-bottom:10px;color:#555555;}
#form div.box label span {display:block;float:left;padding-right:6px;width:90px;text-align:right;font-weight:bold;}
#form .spacer {margin-left:90px; margin-bottom:10px;font-size:11px;color:#555555;}
#form .nofloat {float:none;}
#form .error {color:#F00; font-weight:bold; margin:0 0 20px 0;}

#formLostPassword {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#formLostPassword a {color:#0033CC;}
#formLostPassword h1, h2, p, form {border:0px; margin:0px; padding:0px;}
#formLostPassword input {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#formLostPassword h2 {color:#666666; margin-bottom:20px;font-size:16px;}
#formLostPassword div.main {margin:0 0 0 90px; width:340px;}
#formLostPassword div.box {padding:10px;color:#333333;margin-bottom:20px;}
#formLostPassword div.box h1 {font-size:14px;color:#000000;padding-bottom:4px;}
#formLostPassword div.box p {padding-bottom:14px;}
#formLostPassword div.box input .input-text {color:#666666;width:180px;}
#formLostPassword div.box label {display:block;margin-bottom:10px;color:#555555;}
#formLostPassword div.box label span {display:block;float:left;padding-right:6px;width:50px;text-align:left;font-weight:bold;}
#formLostPassword .spacer {margin-left:56px; margin-bottom:10px;font-size:11px;color:#555555;}
#formLostPassword .nofloat {float:none;}
#formLostPassword .error {color:#F00; font-weight:bold; margin:0 0 20px 0;}

#formLostPasswordSent {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#formLostPasswordSent a {color:#0033CC;}
#formLostPasswordSent h1, h2, p, form {border:0px; margin:0px; padding:0px;}
#formLostPasswordSent input {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#formLostPasswordSent h2 {color:#666666; margin-bottom:20px;font-size:16px;}
#formLostPasswordSent div.main {margin:0 0 0 80px; width:340px;}
#formLostPasswordSent div.box {padding:10px;color:#333333;margin-bottom:20px;}
#formLostPasswordSent div.box h1 {font-size:14px;color:#000000;padding-bottom:4px;}
#formLostPasswordSent div.box p {padding-bottom:14px;}
#formLostPasswordSent div.box input .input-text {color:#666666;width:180px;}
#formLostPasswordSent div.box label {display:block;margin-bottom:10px;color:#555555;}
#formLostPasswordSent div.box label span {display:block;float:left;padding-right:6px;width:90px;text-align:right;font-weight:bold;}
#formLostPasswordSent .spacer {margin-left:90px; margin-bottom:10px;font-size:11px;color:#555555;}
#formLostPasswordSent .nofloat {float:none;}
#formLostPasswordSent .error {color:#F00; font-weight:bold; margin:0 0 20px 0;}


#formPersonal {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#formPersonal a {color:#0033CC;}
#formPersonal h1, h2, p, form {border:0px; margin:0px; padding:0px;}
#formPersonal input {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#formPersonal h2 {color:#666666; margin-bottom:20px;font-size:16px;}
#formPersonal div.main {margin:0; width:340px;}
#formPersonal div.box {padding:0;color:#333333;margin-bottom:20px;}
#formPersonal div.box input .input-text {color:#666666;width:180px;}
#formPersonal div.box label {display:block;margin:0 10px 10px 0;;color:#555555;}
#formPersonal div.box label span {display:block;float:left;padding-right:6px;text-align:left;font-weight:bold;}
#formPersonal span {margin:0 10px 0 0;}
#formPersonal .spacer {margin-left:90px; margin-bottom:10px;font-size:11px;color:#555555;}
#formPersonal .nofloat {float:none;}
#formPersonal .error {color:#F00; font-weight:bold; margin:0 0 10px 0;}
#formPersonal .notif {color:green; font-weight:bold; margin:0 0 10px 0;}

#rekap {}
#rekap h2 {margin:15px 0 15px 0;}
#rekap .bold {font-weight:bold;text-align:left;}

/*** Showcase ***/

#slider {}
#slider a {color:black;}
#slider ul, #slider li {margin:0; padding:0; list-style:none; float:left;}
#slider li {width:815px; height:200px; background:#FFF; overflow:hidden; }/* background:url(../images/slide-patt1.png) repeat; */
#sliderShadow {height:5px;margin:0 0 15px 4px; background:url(../images/slider-bottom-bg.png) bottom repeat-x;}
#sliderShadowLeft {width:5px; height:200px; float:left; background:url(../images/slider-left-shadow.png) repeat-y;}


.sliderAction {width:815px; height:200px;}
.sliderActionProduct {width:271px; height:200px; float:left;}
.sliderActionProduct .image {width:150px; float:left;}
.sliderActionProduct .text {width:121px; float:left;}
.sliderActionProduct .company {color:#000; font-size:15px; font-weight:bold; margin:30px 0 4px 0;}
.sliderActionProduct .name {font-size:12px; margin:4px 0 18px 0;}
.sliderActionProduct .price {color:#F00; font-size:18px; font-weight:bold; margin:8px 0 8px 0;}
.sliderActionProduct .oldprice {font-size:14px; text-decoration:line-through; margin:8px 0 8px 0;}

/*** Paging ***/

.Paging {margin:15px 0 0 0;}
.Paging a {padding:4px 5px; margin:0 4px 0 0; background:#e9e9e9;}
.Paging a:hover {background:#CCC;}
.Paging strong {padding:4px 5px; margin:0 4px 0 0; background:#F00; color:#FFF;}

/*** Search ***/

#search {margin:0 0 10px 0;}
#search input {width: 50px;}
#search .button {margin:7px 0 0 0;width: 110px;}
#search #button2 {width: 20px;}

/*** Search Results ***/

#searchResults {width:500px; padding:20px 40px 40px 30px;}
#searchResults h1 {font-size:18px;}
#searchResults h3 {}
#searchResults p {color:#000;}
#searchResults a {color:#999;}
#searchResults a:hover {color:#000;}




table.tabsize{
  margin-top: 15px;
  margin-left: 30px;
  width: 700px;

}
table.tabsize th,table.tabsize td{
    border: 1px #cccccc solid;
    text-align: center;
}
table.tabsize th{
  background-color: #cccccc;
  text-align: left;
  padding-left: 15px;
  width: 100px;
}

#kabelky-hodinky-guess { margin-left: 30px;text-align: justify; }
#kabelky-hodinky-guess h1{ font-size: 10px;}
#kabelky-hodinky-guess p{ width: 940px;}


#preview{
	position:absolute;
	border:0px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
  width: 300px;

	background:#E6E6E6;
	color:#000;
}




#cart2{
  margin: 0px;
  margin-bottom: 10px;
}
#cart2 a{
  color: black;
  border:none; background:#F00; color:#FFF;padding:2px;width:50%;cursor:pointer !important;
  font-weight: bold;
  padding: 2px 10px;

}

#cart2 a:hover{
  color: red;
  background:#999;
}