body { background: #444651; padding: 0; margin: 0; font-size: 12px; font-family: verdana, sans-serif; }

h1, h2, h3 { color: #444651; }
h1 { font-size: 20px; margin-left: 20px; padding-left: 10px; font-style: oblique; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }


#container { width: 990px; margin: auto; }

abbr, acronym, dfn  { border-bottom:  1px dotted; white-space: nowrap; }
img { border: 0; margin: 0; padding: 0; }
.cleaner { clear: both;  height: 1px; border: none; visibility: hidden; font-size: 0; margin:0; padding: 0;}
a { color: #444651; text-decoration: underline; }
p { text-align: justify; }
p, .text-block { max-width: 60em; }
.left { float: left; }
.right { float: right; }
dt { font-weight: bold; color: #444651; }




#header, #panel-menu, #area, #footer { margin: 0 auto; border-style: solid; border-color: #ecf0fc; border-width: 0 4px; position: relative }
#header { border-top-width: 4px; }
#footer { border-bottom-width: 4px; }


#header {  height: 120px; background: #ECF0FC;  margin-top: 2px; }
#header #logo { display: block; float: left; margin: 3px 3px 0 3px;  }



#panel-menu { background: #444651; clear: both; position: relative; }

#footer { background: #444651; margin-bottom: 10px; text-align: left; padding: 5px 15px; }
#footer, #footer a { color: #a2a7b9;}


#area { background: white; }
#panel, #content { float: left; }
#panel { width: 280px; margin-right: 30px;}
#content { width: 660px;   margin-right: 10px; }


#main-menu a, #main-menu-contact { font-size: 14px; line-height: 30px; vertical-align: middle; color: white; }
#main-menu a { text-decoration: none }

#main-menu span, #main-menu-contact { display: block; height: 30px; }
#main-menu span { float: left;  background: url('bullet-menu.png') left  center no-repeat; padding-left: 12px; margin-left: 25px; }


#main-menu a:hover { text-decoration: underline;  }
#main-menu .active { color: #e9f1f5; }
#main-menu-contact { float: right; margin-right: 15px; text-transform: lowercase;  }




#category-menu, #category-menu ul { padding: 0; margin: 0; border: 0; background-color: white; margin-bottom: 0px;}

#category-menu li {
		list-style: none;
		border-top: 1px solid white;
		background: #E1E4E1;
		font-weight: bold;
		}

#category-menu ul li { background: #EEF0EE; font-weight: normal;}

#category-menu li li { margin-left: 4px; }

#category-menu  a { color: #454545;  display: block;
		padding: 4px 5px 4px 8px;
		font-size: 14px;
		text-decoration: none;
		border-left: 8px solid #003366;
}


/*  menu 2. uroven */
#category-menu ul li a { border-left: 4px solid #003366; }
#category-menu  a:hover, #category-menu a.active, #category-menu ul li a.productmenu.active {
        background: white url('bullet-submenu.png') 95% 50% no-repeat;
}

/*  menu 3. uroven */
#category-menu ul li li a { border-left: 4px solid #0088aa; }

/*  menu producty */
#category-menu ul li a.productmenu {
        background: inherit; font-size: 80%;
}


form .required { font-size: 10px; margin: 5px; }

form#feedback { background-color: #eee; padding: 15px 20px 15px 20px; }
form#feedback span { float:left; clear: left; }
form#feedback input { float: right;  width: 250px; }
form#feedback div { clear: both; }
form#feedback textarea { display: block;  clear: both; width: 370px; }

form#formbasket { background: white; border: 0; }
form#formbasket .orders input { margin: 20px; font-size: 120%; font-weight: bold; }

div.message-info { padding: 1.5em; margin: 2em; border: 1px solid green; color: green; background-color: #c8f3c8;}

div.skladem { margin: 1em; border: 1px solid green; color: green; background-color: #c8f3c8; padding: .5em 2em; }

table caption {
	text-align: left;
	font-size: 14px; font-weight: bold;
	color: #333333;
}
table  { background: #e7e7e7; }
table th { background-color: #f7f7f7;  font-weight: normal; }
table td { background-color: #ffffff; }
table th, table td { padding: .3em 10px; text-align: left; }

#product-detail { max-width: 70em; }


#product-detail #img-list { float: left; }
#product-detail #variants { float: left; margin-left: 20px; }
#product-detail #variants .order-buy { margin: 10px; }

#product-detail p { max-width: 60em;  }

#product-detail .order-buy a { padding-left: 25px;  background: url('basket-small.png') left center no-repeat; display: block; line-height: 15px; }
#product-detail .order-buy a.ext { padding-left: 10px; display: inline; background: none; }

#product-detail #small-img-list { background-color: #f7f7f7; }
#product-detail #small-img-list img { margin: 4px 6px; }

.ls-card { max-width: 80em; background: white;  }
.ls-card .item { }
table.ls-card, table.ls-card td { background: inherit; vertical-align: top;  }

table.ls-card td { width: 20%;  }


.ls-card .item h3 { background: #E0EFF5; margin: 1px; padding: 3px 5px; height: 2em; text-align: center; }
.ls-card .item h3 a { color: #335466; text-decoration: none; }

.ls-card .item .price { text-align: center; padding-bottom: 6px; padding-top: 6px; }
.ls-card .order-buy { padding-left: 18px;  background: url('basket-small.png') left center no-repeat; line-height: 15px; margin-left: 12px;   }
.ls-card .order-detail { padding-left: 8px; background: url('order.gif') left center no-repeat; line-height: 15px; margin-left: 12px;  }


.ls-card .item .info, .ls-card .item p { border: 2px solid #E0EFF5; font-size: 10px; }
.ls-card .item p {  padding: .2em 1em; margin: 1px;  overflow: hidden; height: 6em; }

.ls-card .item .img-block { text-align: center; position: relative; height: 150px; padding-top: 5px; }
/*.ls-card .item .img-block .order-buy { display: block; position: absolute; top: 3px; right: 3px; }*/

table.ls, table.product, div#small-img-list, table.accessories, .message-info, .skladem {
    -moz-border-radius: 10px;
    border-radius: 8px;
    margin: 10px 0;
}


table.ls td.description { padding: 10px 14px; }
table.ls td * { margin: 0 }
table.ls td em { color: #888; font-size: 80%; }


.ls .order-buy a { padding-left: 25px;  background: url('basket-small.png') left center no-repeat;  }

#feedback { width: 370px; }

#basketinfo { height: 114px; float: right; width: 180px; padding-left: 80px; background: #ecf0fc; position: relative; margin: 3px;}
#basketinfo h5 { font-size: 10px; margin-top: 10px; }
#basketinfo-icon { position: absolute;  top: 45px; left: 30px; }
#basketinfo dl { display: block;  width: 150px }
#basketinfo dt { width: 80px; float: left; clear: left;white-space: nowrap; font-size: 10px; clear: left;  }
#basketinfo dd { margin-left: 0; white-space: nowrap; clear: right; }
#basketinfo a { clear: both; display: block; }



.info-block { margin: 10px 2px; border-top: 5px solid #878da2; background: #ecf0fc; padding: 3px 10px; }
.pager { clear: both; background: #ecf0fc; text-align: center; margin: 10px; padding: 2px; }

#content-panel { width: 180px; float: right; margin-left: 10px; padding: 10px; background: #eef0ee; overflow: hidden; }
#content-main { width: 420px; float: left; }

#shoplist { margin-top: 50px; padding: 4px; }

#shoplist h5 {  margin: 0; position: relative; top: 7px; font-size: 10px; padding-left:10px; }
#shoplist dl { margin: 0;background: #eef0ee; padding: 7px; padding-left:10px;  }
#shoplist dt { padding-left: 0; }
#shoplist dd { padding-left: 5px; margin-left: 0; font-size: 8px; }

.thule-code, .suggested-price, .availability, #variants .price { color: #aaaaaa; }
.thule-code, .availability { font-size: 70%; }
 #variants .price strong, .availability strong { font-size: 120%; color: black; }

#panel-menu form { margin: 0; position:relative; }
#search-box { float: right; color: #aaaaaa; font-weight: bold; margin: 4px; }
#search-box.input, #search-thule-code { color: #aaaaaa; }


#panel { min-height: 1px; }

ol.navod li { margin: 1em; border: 1px dotted #aaaaaa; border-width: 1px 0 1px 0; padding: 10px; clear: both;  }
ol.navod li img {  margin: 3px 10px; float: right; }

#thule_konfigurator { width: 100%; height: 600px; }

#panel p {text-align: left;}
#panel .order { margin-top: 250px; padding: 10px; background: #eeeeee; border: 3px dotted #aaaaaa; border-width: 3px 0; }
#panel input { margin: 4px; }
#panel input.order-buy { padding-left: 25px;  background: url('basket-small.png') left center no-repeat; display: block; line-height: 15px; }
.note { font-size: 80%; color: #777777; }


.zaruka { text-align: center; color: #444; margin: 15px 0; font-size: 90%; padding: 0 10px; }
.panel-adv,
.zaruka p { margin: 0;}
.panel-adv { text-align: left; background: #444651; color: white; padding: 10px 5px; font-size: 80%; margin: 3px 0;}

.vyber-blok { float: left; padding: 0; margin: 10px 15px; width: 300px; background-color: #f8f8f8; border-top: 4px solid #cfcfcf; }
.vyber-blok img, .vyber-blok h3 { margin: 1px 0;  }
.vyber-blok h3 { background-color: #eeeeee; padding: 4px;  }
.vyber-blok p {  margin: .5em; text-align: left; }
.vyber-blok p.tip { background-color: #eeeeee; padding: .2em; color: #313131; }

#exchange { text-align: center; font-size: 70%; }

#darky { width: 700px; margin:auto; clear: both; background: white; border: 1px solid #eee; padding: 10px 20px; text-align: left;}

.srovnanicen { font-size: 80%; background: #eee; padding: 3px 5px; padding: 10px 20px }
.srovnanicen h4, h5 { margin: 0 }
.srovnanicen h4 { font-size: 120% }
.product-information { float: left; width: 280px; border: 1px solid #eee; margin: 10px; padding: 5px 10px }
.accessories { margin-top: 20px; }
.accessories td { min-width: 150px;}


#nosice-kol\.cz #container { padding-top: 10px; }
#nosice-kol\.cz #footer {
    border-bottom-left-radius: 40px 20px; -moz-border-radius-bottomleft: 40px 20px;
    border-bottom-right-radius: 40px 20px; -moz-border-radius-bottomright: 40px 20px;
    padding-left: 50px;
}
#nosice-kol\.cz #header { border-top-left-radius: 200px 100px; -moz-border-radius-topleft: 100px 50px;  }
#nosice-kol\.cz #panel-menu { padding-left: 265px; }
#nosice-kol\.cz #basketinfo { padding-right: 190px; }
#nosice-kol\.cz #panel { margin-top: 100px;  }
#nosice-kol\.cz #content { }
#nosice-kol\.cz #variants { margin-left: 20px; padding: 5px 0 10px 20px; border-left: 2px solid #ECF0FC; }
#nosice-kol\.cz #content > h1:first-child { font-size: 30px; background: #444651;  margin: 0 0 20px 20px; padding: 5px 20px 5px 10px; font-style: oblique; text-align: right;
    border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; color: #E1E4E1; position: relative; top: 0px; right: -12px;
    border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;
    font-style: normal;
}

#stresni-box\.cz #container { padding-top: 10px; }
#stresni-box\.cz #basketinfo { background:none; padding-right: 390px; }
#stresni-box\.cz #mainlogo { position: absolute; z-index: 100; bottom: -100px; right: -50px;}
#stresni-box\.cz #header { border-top-right-radius: 60px 60px; -moz-border-radius-topright: 60px 60px;  }
#stresni-box\.cz #search-box { margin-right: 380px; }