/* 
  *------------------------------------------------------------------------------------------
	Kovos Website
	Copyright (c)2006 Petr Krontorad, April-Child.com, www.april-child.com
	
	Global CSS definition file

*/


/* General
   ------------------------------------------ */

*
{
	margin:0; padding:0; border:0;
	font-family:'Lucida Grande', 'Arial', 'Helvetica', sans-serif;
}
body
{
	background:#57585B;
	color:#fff;
	font-size:11px;
    text-align:center;
    margin:0;
}
body *
{
	text-align:left;
}
p
{
	margin:8px 0 8px 0;
}
br.clear
{
	clear:both;
}
hr
{
	clear:both;
	visibility:hidden;
}
a, a:hover, a:visited
{
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}
a:hover
{
	color:#F7931E;
}
span.raquo
{
	color:#F7931E;
}
h2
{
	font-size:12px;
	font-weight:bold;
	width:auto;
	margin-bottom:8px;
	padding-left:12px;
	
}
a.none
{
	text-decoration:none;	
}

strong.required
{
	color:#aaf;
	font-size:13px;
}
em.note
{
	font-size:10px;
	color:#aaa;
	font-style:normal;
}
#content
{
	_height:900px;
	min-height:900px;
}
#content table.form input.s
{
	width:50px;
}
#content table.form input.m
{
	width:140px;
}
#content table.form input.b
{
	width:250px;
}
#content table.form td.key
{
	font-weight:bold;
	color:#ccc;
}
#content table.form td.value
{
	padding:2px 4px 2px 20px;
	background-scolor:#444;
	border-left:1px solid #999;
}
#content table.form td.separator
{
	font-size:1px;
	height:8px;
	background-image:url(../i/ruzne/form-separator.gif);
	background-repeat:repeat-x;
	background-position:0 4px;
}
#content table.form tr.buttons td
{
	background-image:url(../i/ruzne/form-separator.gif);
	background-repeat:repeat-x;
	background-position:0 4px;
	padding:10px 0px 10px 20px;
}

#content h2.title
{
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#ddd;
}

/* Panes
------------------------------------------ */

#root
{
	width:900px;
	text-align:left;
    margin-left: -450px;
	position: absolute;
	left: 50%;
}

h1
{
	margin-top:32px;
	padding-left:900px;
	width:0px;
	height:181px;
	overflow:hidden;
	background-color:#000;
	background-image:url(../i/horni-kolaze/1.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#content ul.highlite
{
	list-style-type:none;
	margin:20px;
}
#content ul.highlite li
{
	margin-left:40px;
	padding:3px;	
	color:#bbb;
	font-weight:bold;
	font-size:14px;
}
#content ul.highlite li a
{
	font-size:11px;
}
#content p
{
	margin-top:12px;
	margin-bottom:12px;
}
/* 
	==========================================

					Top navigation
	------------------------------------------ */

#top-navigation
{
	position:absolute;
	top:0px;
	height:32px;
	width:900px;
	font-size:12px;
}
#top-navigation a, #top-navigation span
{
	background-color:#3E3E40;
	padding:6px 10px 8px 10px;
	text-decoration:none;
	display:block;
	border-top:2px solid #57585B;
	border-right:1px solid #57585B;
	float:left;
}
.popup-favorites
{
	background:#222;
	border:1px solid #555;
	border-top:1px solid #444;
	padding:8px;
	width:200px;
	height:340px;
	overflow:auto;
}
.popup-favorites table td
{
	padding:2px 4px 2px 4px;
	border-bottom:2px solid #333;
	background:#555;
}
#top-navigation span
{
	font-weight:normal;
	background:#57585B;
}
#top-navigation a.nostyle
{
	background-color:#57585B;
	padding:0;
	text-decoration:underline;
	display:inline;
	border:0;
	float:none;	
}
#top-navigation strong
{
	display:block;
	float:right;
	padding:10px 0px 8px 10px;
	font-weight:normal;
	font-size:10px;
	color:#ccc;
}
#top-navigation strong em
{
	font-weight:bold;
	font-style:normal;
	color:#fff;
}
#top-navigation strong a
{
	display:inline;
	background:#57585B;
	padding:0;
	margin:0;
	border:0;
	float:none;
	font-weight:normal;
	text-decoration:underline;
}
a#favorites
{
	background-image:url(/mm/i/ruzne/favorites-bg.gif);
	background-position:0px 4px;
	background-color:#3E3E40;
	background-repeat:no-repeat;
	padding-left:18px;
}

/* 
	==========================================

					Language switch
	------------------------------------------ */


#lang-switch
{
	position:absolute;
	top:221px;
	width:186px;
	padding-right:14px;
	text-align:right;
	height:20px;
	right:0;
}

/* 
	==========================================

					Main (menu) navigation
	------------------------------------------ */

#main-navigation
{
	width:0px;
	float:right;
	height:900px;
}
#main-navigation .c
{
	position:absolute;
	top:244px;
	right:0;
	width:180px;
}
#main-navigation ul
{
	list-style-type:none;
	border-top:1px solid #434345;
	background:#6C6D70;
	padding-bottom:1px;
	border-bottom:1px solid #434345;
}
#main-navigation ul li
{
	height:16px;
	padding:6px 12px 6px 12px;
	background:#3E3E40;
	border-top:1px solid #6C6D70;
}
#main-navigation ul li a
{
	font-size:12px;
	text-decoration:none;
}
#main-navigation h4
{
	display:block;
	margin-top:8px;
	text-align:right;
	margin-bottom:8px;
}
#main-navigation h4 a
{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#main-navigation dl
{
	border-top:1px solid #4F4F51;
	border-bottom:1px solid #4F4F51;
}
#main-navigation dd strong
{
	display:block;
	width:170px;
	height:14px;
	padding-top:3px;
	padding-left:10px;
	font-size:11px;
	color:#B0B0B0;
	background-image:url(../i/ruzne/aktuality-tbg.gif);
}
#main-navigation dd.last
{
	background:#6C6D70;
	height:11px;
	padding:8px;
	text-align:right;
}

#main-navigation dd
{
	background-color:#3E3E40;
}

#main-navigation dd p
{
	display:block;
	width:160px;
	padding:10px;
	background-color:#3E3E40;
}
#main-navigation dd p a
{
	font-weight:normal;
	font-size:10px;
	display:block;
	float:right;
	padding-bottom:10px;
	padding-top:10px;
}
/* 
	==========================================

					Content container(s)
	------------------------------------------ */

.container
{
	margin-top:10px;
	width:900px;
}
.container .left-pane
{
	width:200px;
	float:left;
	padding-bottom:80px;
}
.container .right-pane
{
	width:680px;
	float:right;
}

h2.category
{
	
}

.category-detail h2
{
	padding-left:0;
	font-size:15px;
}

.category-detail .description, .catalogue-main-page
{
	background:#3E3E40;
	_z-index:-10;
	margin:8px;
	margin-bottom:0px;
	padding:8px;
	margin-left:0;
	border-bottom:8px solid #57585B;
	position:relative;
	left:-8px;
}

.catalogue-main-page img
{
	margin:8px;
}
.category-detail .description img
{
	margin:8px; /*8px - edited 2010-04-26*/
}
/* 
	==========================================

					Bread crumbs
	------------------------------------------ */

#crumbs
{
	margin-bottom:20px;
}


/* 
	==========================================

					Products navigation (left categories tree)
	------------------------------------------ */

#product-navigation
{
	width:auto;
}
#product-navigation ul
{
	list-style-type:none;
}
#product-navigation ul.top
{
	border-top:1px solid #434345;
	background:#6C6D70;
	padding-bottom:1px;
	border-bottom:1px solid #434345;
}
#product-navigation ul.top li.l1
{
	border-top:1px solid #6C6D70;
}
#product-navigation ul.top li.l1 h3
{
	padding:0;
	margin:0;
}
#product-navigation ul.top li.l1 a
{
	display:block;
	font-size:11px;
	text-decoration:none;
	padding:5px 5px 6px 12px;
	background-image:url(../i/pozadi/leva-navigace.gif);
	background-repeat:no-repeat;
	height:43px;
	margin:0;
}
#product-navigation ul.top li.l1 a span
{
	display:block;
	position:relative;
}
#product-navigation ul.top li.l1.selected a
{
	background-image:url(../i/pozadi/leva-navigace-vybrane.gif);	
}
#product-navigation ul.top li.l1 a span
{
	display:block;
	width:130px;
	margin-top:16px;
	float:left;
}
#product-navigation ul.top li.l1 a img
{
	float:right;
}
#product-navigation ul.sub
{
	display:none;
	border-top:1px solid #6C6D70;
	background:#4F4F51;
	padding-bottom:1px;
}
#product-navigation ul.top li.l1.selected ul.sub
{
	display:block;
}
#product-navigation ul.top li.l1 ul.sub li.l2, #product-navigation ul.top li.l1.selected ul.sub li.l2
{
	border-bottom:1px solid #6C6D70;
}
#product-navigation ul.top li.l1 ul.sub li.l2 a, #product-navigation ul.top li.l1.selected ul.sub li.l2 a
{
	display:block;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	background:#4F4F51;
	height:auto;
}
#product-navigation ul.top li.l1 ul.sub li.l2.selected a, #product-navigation ul.top li.l1.selected ul.sub li.l2.selected a
{
	background:#434343;
}


/* 
	==========================================

					Products listing
	------------------------------------------ */

table.productlist
{
	position:relative;
	left:-16px;
	top:-6px;
}
table.productlist td
{
	width:160px;
	vertical-align:top;
	padding-bottom:20px;
}
table.productlist td .preview
{
	width:159px;
	border-left:1px solid #3E3E40;
	border-bottom:1px solid #3E3E40;
	background-image:url(../i/pozadi/produkt-nahled-pravy.gif);
	background-position:0px 19px;
	background-repeat:repeat-y;
}
table.productlist td .preview-cat
{
	width: 495px;
	border-left:1px solid #3E3E40;
	border-bottom:1px solid #3E3E40;
	background-image:url(../i/pozadi/produkt-nahled-pravy-cat.gif);
	background-position:0px 19px;
	background-repeat:repeat-y;
}
              
table.productlist td .preview h4
{
	display:block;
	width:auto;
	height:13px;
	padding:4px 2px 2px 12px;
	font-size:11px;
	font-weight:bold;
	background-image:url(../i/pozadi/produkt-nahled-horni.gif);
	background-repeat:no-repeat;
}
table.productlist td .preview-cat h4
{
	display:block;
	width:auto;
	height:13px;
	padding:4px 2px 2px 12px;
	font-size:11px;
	font-weight:bold;
	background-image:url(../i/pozadi/produkt-nahled-horni-cat.gif);
	background-repeat:no-repeat;
}

table.productlist td .info
{
	width:auto;
	margin:0 4px 0 4px;
}
table.productlist td .info p
{
	width:auto;
	display:block;
	background:#6C6D70;
	padding:4px 6px 4px 6px;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	margin:0;
}
table.productlist td .info .c table
{
	height:72px;
	background:#6C6D70;
	padding-top:4px;	
	padding-bottom:4px;
}
table.productlist td .info .c table.cat
{
	height:22px;
	background:#6C6D70;
	padding-top:4px;
	padding-bottom:4px;
	width:488px;
}
table.productlist td .info table
{
	width:152px;
	padding:0;
}
table.productlist td .info table td
{
	font-size:11px;
	padding:0 2px 0 2px;
	vertical-align:bottom;
	width:80px;
	margin:0;
}
table.productlist td .info table td.key
{
	color:#bbb;
	font-weight:bold;
	text-align:right;
}
table.productlist td .info table td.key_cat
{
	color:#bbb;
	font-weight:bold;
	text-align:right;
	padding-right:12px;
}
table.productlist td .info .action
{
	width:auto;
	display:block;
	background:#6C6D70;
	padding:4px 12px 4px 6px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:right;
	margin-top:1px;
	border-bottom:1px solid #3E3E40;
	height:27px;
}


.productlist-pager
{
	position:relative;
	top:-20px;
	text-align:right;
}
.productlist-pager a
{
	text-decoration:underline;
	font-size:11px;
	margin:0 2px 0 2px;
}
.productlist-pager a.inactive, .productlist-pager span
{
	border:1px solid #aaa;
	background:#777;
}
.productlist-pager.shortened
{
	padding-right:196px;
}

.pager
{
	width:665px;
	height:18px;
	position:relative;
	left:-8px;
	border-bottom:1px solid #444;
	margin-bottom:8px;
}
.pager .stat
{
	float:left;
	width:180px;
}
.pager .stat strong
{
	font-size:12px;
	color:#aaa;
}
.pager .productlist-pager
{
	position:relative;
	top:0;
	float:right;
	width:400px;
	padding-right:12px;
}

/* 
==========================================

				Products detail
------------------------------------------ */

.product-detail p
{
	margin:8px 0 8px 0;
}
.product-detail .left
{
	float:left;
	width:260px;
}

.product-detail .right
{
	float:right;
	width:420px;
}
.image
{
	padding:2px;
	border:1px solid #3E3E40;
	margin:8px;
	width:auto;
}
.image quote
{
	display:block;
	background:#111;
	font-size:10px;
	color:#aaa;
	padding:2px;
}
.image.left
{
	float:left;
}
.image.center
{
	float:none;
}
.image.right
{
	float:right;
	width:auto;
}
.description .image
{
	border-color:#555;	
}
.product-detail .description .image
{
	border-color:#3E3E40;
}

.product-detail .right p
{
	margin:12px 8px 12px 8px;
}
.product-detail .picture
{
	width:247px;
	border-left:1px solid #3E3E40;
	border-bottom:1px solid #3E3E40;
	background-image:url(../i/pozadi/produkt-detail-pravy.gif);
	background-position:0px 19px;
	background-repeat:repeat-y;
}
.product-detail .picture h4
{
	display:block;
	width:auto;
	height:19px;
	padding:5px 2px 3px 12px;
	font-size:13px;
	font-weight:bold;
	background-image:url(../i/pozadi/produkt-detail-horni.gif);
	background-repeat:no-repeat;
}

.product-detail ul.properties
{
	list-style-type:none;
	margin-left:4px;
}
.product-detail ul.properties li em
{
	font-style:normal;
}
.product-detail ul.properties li
{
	width:224px;
	padding:4px 8px 4px 8px;
	margin-bottom:1px;
	background:#6C6D70;
	font-size:11px;
	font-weight:normal;
}
.product-detail ul.properties li.last
{
	margin-bottom:0;
	border-bottom:1px solid #3E3E40;
}
.product-detail ul.properties li.surface
{
	padding-bottom:0;
}
.product-detail ul.properties li.surface .color-selection
{
	border-top:1px solid #57585B;
	border-left:1px solid #57585B;
	position:relative;
}
.product-detail ul.properties li.surface .color-selection table
{
}
.product-detail ul.properties li.surface .color-selection td
{
	width:8px;
	height:10px;
}
.product-detail ul.properties li.surface .color-selection td span
{
	display:none;
}
.product-detail table.accessories
{
	width:480px;
	border-top:1px solid #3E3E40;
	border-top:20px solid #57585B;
	margin-top:20px;
}
.product-detail table.accessories td
{
	background:#6C6D70;
	font-size:11px;
	border-bottom:1px solid #57585B;
	padding:6px;
	width:103px;
}
.product-detail table.accessories td.last
{
	border-bottom:0;
}
.product-detail table.accessories td.name
{
	vertical-align:top;
	border-left:1px solid #3E3E40;
	width:248px;
}
.product-detail table.accessories td.price
{
	width:128px;
	border-left:1px solid #3E3E40;
	vertical-align:bottom;
}
.product-detail .right .helper
{
	border:1px solid #3E3E40;
	padding:8px;
	margin-top:30px;
	font-size:10px;
	color:#ddd;
}
.product-detail .right .helper h4
{
	font-size:12px;
	font-weight:bold;
	color:#aEaEb0;
}
.product-detail .right .helper dl
{
	margin:8px;
}
.product-detail .right .helper select
{
	font-size:11px;
}
.product-detail .right .helper dl dd
{
	font-size:11px;
	color:#fff;
}
/* 
	==========================================

					Search box
	------------------------------------------ */




#search
{
	margin-top:12px;
	width:auto;
	position:absolute;
	margin-bottom:70px;
}
#search .search-inner
{
	width:186px;
	background:#6C6D70;
	border-top:1px solid #4F4F51;
	border-bottom:1px solid #4F4F51;
	padding:7px;
}
#search .search-inner input.text
{
	position:absolute;
	border:1px solid #505052;
	padding:2px;
	font-size:11px;
	background:#fff;
	color:#000;
	width:180px;
	margin-bottom:7px;
}
#search .search-inner input.button, #search-form input.button, table.form input.button
{
	position:absolute;
	border:1px solid #C2C2C2;
	border-right-color:#373739;
	border-bottom-color:#373739;
	background:#4F4F51;
	color:#fff;
	padding:1px 16px 1px 16px;
	height:20px;
	font-weight:normal;
	top:56px;
	font-size:12px;
}
form input.single-button
{
	border:1px solid #C2C2C2;
	border-right-color:#373739;
	border-bottom-color:#373739;
	background:#4F4F51;
	color:#fff;
	padding:1px 16px 1px 16px;
	height:20px;
	font-weight:normal;
	font-size:12px;	
}
#search .search-inner a
{
	display:block;
	text-align:right;
	margin-top:28px;
	margin-bottom:4px;
	float:right;
}
#search-form
{
	width:100%;
}
#search-form td
{
	padding:2px 4px 1px 4px;
}
#search-form input, table.form input
{
	border:1px solid #505052;
	padding:2px;
	font-size:11px;
	background:#fff;
	color:#000;
}
#search-form input
{
	width:60px;	
}
#search-form select
{
	border:1px solid #505052;	
	background:#fff;
	color:#000;
	width:100%;
}
#search-form option, #search-form optgroup
{
	padding:1px 4px 0 4px;
	color:#000;
}
#search-form optgroup
{
	color:#777;
	font-style:normal;
}
#search-form input.button
{
	position:relative;
	top:0;
	font-size:13px;
	height:22px;
	font-weight:bold;
	width:120px;
}
table.form input.button
{
	position:relative;
	top:0;
	font-size:12px;
	height:20px;
	font-weight:bold;
}
table.form td
{
	padding:2px 8px 2px 8px;
}
#search-form select
{
	font-size:11px;
}
/* 
	==========================================

					Bottom navigation
	------------------------------------------ */

#bottom-navigation
{
	background-color:#3E3E40;
	margin-top:40px;
	height:16px;
	padding:2px 8px 2px 8px;
	margin-bottom:20px;
}
#bottom-navigation span
{
	display:block;
	width:500px;
	float:left;
}
#copyright
{
	float:right;
}


/* 
	==========================================

					Article
	------------------------------------------ */

.article
{
	width:480px;
	font-size:11px;
}
.article h2
{
	width:auto;
	color:#fff;
}
.article h3
{
	width:auto;
	color:#aaa;
	margin-top:20px;
	margin-bottom:20px;
	font-size:16px;
	letter-spacing:2px;
}
.article h4
{
	width:auto;
	color:#ccc;
	margin-top:16px;
	font-size:13px;
	margin-bottom:6px;
	border-bottom:1px solid #aaa;
}
.article
{
	margin:8px 2px 8px 2px;
}
.article dd
{
	padding-left:20px;
}
.article strong
{
	color:#bbb;
}



/* 
	==========================================

					Forms -  additional
	------------------------------------------ */

ul.form-error
{
	list-style-type:none;
	margin:8px;
	border:1px solid #c00;
	background:#aaa;
	padding:10px;
}

ul.form-error h3
{
	color:#c00;
	font-size:11px;
	font-weight:bold;
}

ul.form-error li
{
	margin-left:20px;
	margin-top:7px;
	font-weight:bold;
}

table.list
{
	width:95%;
}

table.list th
{
	background:#333;
	padding:4px;
}

table.list td
{
	padding:2px;
	border-bottom:1px solid #333;
}

table.info
{
	border:1px solid #444;
}

table.info td
{
	padding:2px;
	background:#555;
}
table.info td.key
{
	color:#ddd;
	font-weight:bold;
	text-align:right;
}

h2.order
{
	margin:20px;
	margin-left:0;
	font-size:14px;
	color:#bbb;
}
h3.order
{
	margin-top:30px;
	margin-bottom:8px;
	font-size:12px;
	color:#ddd;
	
}

/* Sitemap */
ul.sitemap li
{
	list-style:none;
	padding:2px;
}

ul.sitemap li.l1
{
	font-size:12px;
	font-weight:bold;
	margin:10px 8px 10px 10px;
}
ul.sitemap li.l2
{
	font-size:11px;
	font-weight:normal;
	margin:10px 8px 10px 40px;
}