body { background: #a2a7b9; padding: 0; margin: 0; font-size: 12px; font-family: verdana, sans-serif; color: #111;  padding-top: 3px; text-align: center; }

h1 { font-size: 20px;  padding-left: 20px; border-bottom: 5px solid #444651; color: #444651; }
h2 { font-size: 14px;  border-bottom: 2px solid #444651; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
h1, h2, h3 { color: #444651; }

#container { width: 990px; margin: auto; text-align: left; position: relative; padding-top: 126px; }

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; }
#content p, .text-block { max-width: 60em; }
.left { float: left; }
img.left { margin: 5px 10px 5px 0; }
.right { float: right; }
img.right { margin: 5px 0 5px 10px; }
dt { font-weight: bold; color: #444651; }

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

#header {  height: 120px; width: 982px; background: #878da2;  margin-top: 2px; position: absolute; top: 0; left:0; }
#header #logo { display: block; float: left; margin: 3px 3px 0 3px;  }

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

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

#area { background: white; }
#content { margin-right: 10px  }
#panel { width: 210px; min-height: 1px;}
#content { width: 750px; float: right; }


#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; text-decoration: underline; }
#main-menu-contact { float: right; margin-right: 15px; text-transform: lowercase;  }




.category-menu { padding: 0; margin: 10px 0;}

.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 li ul { display: none; }
.category-menu li.active ul { display: block; }

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

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



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

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




.helplink { float: left; clear: left; background: #eee; padding: 5px 10px; margin: 10px }
.helplink h5 { margin: 0; padding: 0; font-size: 70%;}


form .required { font-size: 10px; margin: 5px; }
form strong.warning { color: red; }

form#feedback { background-color: #a2a7b9; border: 1px solid #444651; 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; }

.message-info {
    margin: 2em; border: 1px solid green; color: green;
    padding: 15px 15px 15px 40px;
    background: #c8f3c8 url('/gfx/icon-alert.png') 5px 15px no-repeat;
}

#panel .message-info {
    margin: 5px 0; padding: 40px 8px 4px 8px;
    background-position: top center;
    font-size: 80%;
}



div.notice { 
    margin: 2em; border: 1px solid #444651; color: black; 
    padding: 15px 15px 15px 60px;
    background: #dfc1bf url('/gfx/icon-info.png') 5px 15px no-repeat;
}


#product-detail h3,
table caption {
	text-align: left;
	font-size: 14px; font-weight: bold;
	color: #333333;
	margin-top: 30px;
}
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 p { max-width: 60em;  }

#product-detail #small-img-block { background-color: #f7f7f7; position: relative; }
#product-detail #small-img-block  #lupa { position: absolute; right: -6px; top: -6px }
#product-detail #small-img-list { text-align: center; padding: 4px 30px 4px 4px; }
#product-detail #small-img-list .small-img-mini { margin: 0 2px; }
#product-detail #small-img-list .small-img-first { float: left; position: relative; }
#product-detail #small-img-list img.current { position:relative; top:-10px;  padding-bottom: 10px; margin-bottom: -10px; }


#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: 270px; float: right; margin-left: 10px; padding: 10px; background: #eef0ee; }
#content-main { width: 450px; float: left; }


table.ls { border-collapse: collapse; margin: auto;  background: inherit; }
table.ls th, table.ls td { background: inherit; vertical-align: top;  width: 200px; padding: 8px; }
.ls .item { border-left: 5px solid #f3f3f3; padding-left: 16px; }
.ls .item p { overflow: hidden; width: 200px; text-align: left; }
.ls .first { border-left: 0; padding-left: 16px; }
table.ls h4 { margin: 15px 0 3px 0; font-size: 10px; }
table.ls h4 a { color: #3b8db5; }

table.ls .price { text-align: right; }
table.ls .discount { text-align: right; }
table.ls .order-detail { display: block; text-align: right; font-size: 90%; }
table.ls .order-buy { float: left; margin: 3px; font-size: 90%; }
table.ls strong.akce { color: red; }

.discount strong { color: red; font-size: 105%; }
.price strong { font-size: 105%; }

table.ls img { max-width: 200px; }

div.order-buy { background: #eeeeee; border: 1px solid #cccccc; border-width: 1px 0; padding: 5px 80px 5px 10px; margin-top: 5px; }
div.order-buy h5 { margin: 0 0 5px 0; }

a.order-buy { padding-left: 20px;  background: url('basket-small.png') left center no-repeat; display: block; line-height: 15px; }

#formbasket .price,
#formbasket .quantity { white-space: nowrap; }
#formbasket .price { text-align: right; }

#shoplist { text-align: center; margin: auto; height: 1.5em; width: 100%; background: #dcdde3; line-height: 1.5em; vertical-align: middle; overflow: hidden; min-width: 990px; }
#shoplist a, #shoplist span { font-size: .7em; }
#shoplist a { color: #6e6e6e; text-decoration: none; font-weight: normal; }


@media print {
    body { background: inherit; }
    area { border: 0; }
    .feedback-holder, #panel, #header, #panel-menu, #feedback, #shoplist { display: none; }
    #footer { display: block; }
    #content { width: 100%; margin: auto; float: none; }

}

.reference-list { margin: 10px 20px; }
.reference-list .reference { clear: both; padding: 10px; background-color: #e9f1f5; margin-top: 20px;  border-top: 2px solid #adcbda; border-bottom: 2px solid #adcbda;}
.reference-list .reference h4 { color: #175a7b;  background: url('arrow-left.gif') right center  no-repeat;  padding-right: 15px; margin: 0; }
.reference-list .reference img { float: left; margin-right: 10px; border: 0;  margin-bottom: 20px;  }
.reference-list .reference p {  }

#fachman\.cz { background: #1e5977; }
#fachman\.cz #header { background: #a5cee0 url('fachman/bg-top.jpg') repeat-y; }

.half-area { width: 480px; padding: 0 5px; float:left; }
.half-area h3 { color: #175a7b;  background: url('bullet.png') left top  no-repeat; padding-left: 18px; min-height: 13px;  }



#reklama { font-size: 60%; text-align: center; border-top: 1px solid #444651; margin: 10px 30px; }

#panel-recomendation { background: #e9e9e9; font-size: 80%;  text-align: center; padding-bottom: 5px; }
#recomendation { margin: 5px; }
#recomendation label { display: block; }
#recomendation input { width: 80%; }


#category-description .hidden-block { text-align: left; font-size: 100%; }

#katalogy { background: #e9e9e9; font-size: 80%;  text-align: center; padding-bottom: 5px; }
#katalogy dt {}
#katalogy dd { color: silver; font-size: 80%; }


#category-description { background: #e9e9e9; font-size: 80%;  text-align: center; padding-bottom: 5px; }


.hidden-holder {}
.hidden-holder .hidden-block { display: none; }
.hidden-holder.visible .hidden-block { display: block; }
.hidden-holder .hidden-button { text-align: left; padding-left: 20px; }

.hidden-holder .hidden-button { background: #003366 url('/gfx/arrow-down.png') center right no-repeat; color: white; padding: 3px 0 3px 20px; }
.hidden-holder .hidden-block { padding: 10px 20px; font-size: 100%; }
.hidden-holder.visible .hidden-button { background-image: url('/gfx/arrow-up.png'); }



.download-list em { font-size: 80%; color: #666; }

ul.list li { margin-bottom: 5px; margin-top:5px; }
ul.outside { list-style-position: outside; }
ul.inside { list-style-position: inside; }
ul.square { list-style-type: square; }




body#hriste-detske\.cz { padding-top: .2em; background: #6CD9AA; }
body#domek-zahradni\.cz { padding-top: .2em; background: #926B51;}
body#hriste-detske\.cz #header { background: #D7F5E8 url('hriste-detske/hriste.jpg') center center repeat-x; }
body#domek-zahradni\.cz #header { background: #926B51 url('domek-zahradni/zahradni-domek.jpg') center center repeat-x; }
body#hriste-detske\.cz #header #logo,
body#domek-zahradni\.cz #header #logo { position: relative; left: -80px; }

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

#hriste-detske\.cz { margin-top:20px; }
#hriste-detske\.cz #lista { position: absolute; top: 0; width: 100% }
#hriste-detske\.cz #lista-holder { margin: auto; }

.tip h5 { margin: 0 }
.tip p { text-align: left; font-size: 80%; margin: 2px }
.tip strong { font-weight: bold; }
#panel .tip { border: 1px solid #cccccc; border-top-width: 3px; background-color: #eeeeee; padding: .2em; color: #313131; margin: 8px 2px; text-align:center; font-size: 80%; }



#header .tip { float: left; width: 280px; height: 97px; border: 1px solid red; border-top-width: 8px; border-bottom-width: 8px; background-color: #eeeeee; padding: .2em; color: #313131; margin-top: 2px; text-align:center; font-size: 100%; position: relative}
#header .tip li { width: 280px; height: 97px; }
#header .tip p { text-align: center; }


#detailtabs { margin-top: 10px }
.complements .price { margin-top: 10px; background: #eee; padding: 3px 10px;}

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



}