/******************** Reset styles ********************/
* {margin:0; padding:0;}
body, p, div, span, table, tr, td, th, img
{
    border: 0;
    vertical-align:baseline;
    background:transparent;
}

/******************** Universal styles ********************/
.noscreen   {display:none;}
.f-left     {float:left !important;}
.f-right    {float:right !important;}
.t-left     {text-align:left !important;}
.t-center   {text-align:center !important;}
.t-right    {text-align:right !important;}
.t-justify  {text-align:justify !important;}
.va-top     {vertical-align:top !important;}
.va-middle  {vertical-align:middle !important;}
.va-bottom  {vertical-align:bottom !important;}
.cleaner    {height:1px; clear:both; visibility:hidden;}
.bold { font-weight: bold; }
.cervena {color: #e2001a;}
.smallfont { font-size: 0.85em; }

/******************** html tags ********************/
body
{
    background: #ffffff url("img/back.gif") repeat 0 0;
    font: 0.8em/1.6 "arial", sans-serif;    
    color: #585858; 
    margin: 0;
}
p { margin: 10px 0;}
a {color:#585858;}
a:visited {color:#585858;}
a:hover {color:#bf3f21; text-decoration: none;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:0 0; }
h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 1em;  }
h2 { font-size: 1.1em; line-height: 31px; padding: 0 10px 0 18px; margin: 10px 0 0 0; color: #c7a984; }
h2 { background: #f5f2e9; }
 
table { border-collapse: collapse; padding: 0; margin:10px 0; border: solid 1px #ccc; }
td, th { padding: 3px 8px; border: solid 1px #ccc; }
th { background: #f5f2e9; }

#logo
{
    position:absolute; left:0; top: 0;
    overflow:hidden;
    width:348px;
    height:183px;
    font-size:0.7em;
}
#logo span
{
    display:block;
    position:absolute; left:0; top:0;
    width:348px; height:183px;
    background:url(img/logo.gif) no-repeat 0 0;
}

/******************** formulare ********************/

input.shadow { padding: 1px 3px; margin: 0;  background: url("img/input_bg.gif") repeat-x 0 0; font-size: 0.9em    }
input.search { border: 1px solid #1e6ba3; width: 160px; border-bottom: none; border-right: none;  } 
input.login { border: 1px solid #c4c4c4; width: 160px; border-bottom: none; border-right: none; }
.btn-search { margin:9px 0 0 0;}

/******************** Hlavni box ********************/
#main_box { width: 949px; margin: 0 auto; background: #fff;}
#main_box_in { position: relative;}

#top_talling
{
	background-color: transparent;
	background-image: url("img/top_talling.jpg");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
	margin: 0;
	padding: 30px 0;
}

.right_corner { position: absolute; bottom: 0; right: 0;
				background: url("img/right_corner_bg.gif") no-repeat 0 0;
				width: 116px; height: 187px; 
}

/******************** header ********************/
#header { width: 949px; height: 183px; position: relative; background: #fff url("img/header.jpg") no-repeat 0 0; }

/******************** hlavni banner ********************/
#banner { width: 692px; height: 181px;  }

/******************** body ********************/
#cols { width: 949px;  }
#l-col { width: 709px;	 float: left; }
#l-col-in { padding: 10px 5px 10px 10px; }

#r-col { width: 240px; float: right; }
#r-col-in { padding: 10px 0 0 10px; }
#r-col h2 { color: #373434; font-size: 1em; }
#r-col p { margin: 0;}


/******************** footer ********************/
#footer { background: #fff; color: #555; background: #fff; padding: 10px; }
#footer_in { background: #faf7f3; padding: 10px; width: 676px; }
#footer p { text-align: center; font-size: 0.85em;}
#footer a { color: #555; text-decoration: none; }
#footer a:hover { color: #f7941d; text-decoration: underline; }


/********************* PRODUCT ********************/
.product {
	font-size: 0.9em; width: 166px; background: #faf7f3; height: 228px;
	text-align: center; float: left; margin: 10px 10px 0 0;
}
#cols .product p { margin: 0;}

.mr { margin-right: 0;}
.product h2 {
	font-size: 1em; line-height: 31px; height: 31px; padding: 0 10px; margin: 0;
	color: #373434; background: #f6dfd1; overflow: hidden;
}
.product_img_box { text-align: center; height: 135px; overflow: hidden; position: relative; }
.product_img_box img { margin: 10px 0 0 0;}
.new, .action { width: 56px; height: 16px; line-height: 16px; background: #1dcd2e; position: absolute; top:0; left:0; font-size: 0.9em; color: #fff; }
.action { background: #c04022;}
.product p { margin: 3px 0;}
.price { font-size: 1.4em; color: #bf3f21; font-weight: bold; }
.price_discount { font-size: 1.4em; color: #626262; text-decoration: line-through; }
a.add_to_cart { background: url("img/kosik.gif") no-repeat 0 55%; padding: 0 0 0 34px; font-size: 0.95em;  }
a.add_to_cart:hover { text-decoration: none;}

#product_images img { border: 1px solid #c7a984; margin: 10px 10px 0 0; }
#product_image { margin: 0 20px 0 0; float: left; }
#product_image img { width: 280px; }




.short_description { font-weight: bold; color: #3a1d0d; margin: 5px 0; }

/******************** CART ********************/
#cart { width: 216px; height: 136px; background: #f5f2e9; position: relative;}
.cart_bg { position: absolute; bottom:0; right:0; width:60px; height: 52px; background: url("img/cart_bg.gif") no-repeat 0 0; }
.group { position: absolute; bottom:0; right:0; text-align: right; padding: 0 10px 0 0; height: 40px; no-repeat 0 0; font-size: 0.8em; font-weight: bold; overflow: none; }
.group span { font-size: 1.2em; }
#r-col #cart p { margin: 0; padding: 0;}
#r-col #cart_in { padding: 10px 18px;}
#cart .price { font-size: 1.5em; }
#cart .price_eu { font-size: 1.5em; color: #626262; font-weight: normal; text-decoration: none; }

/******************** SORTING BOX ********************/
#sorting_box_in { padding: 0 10px 0 0; font-size: 0.95em; }
#r-col p { padding: 5px 18px; }
#sorting_box p.title { background: #faf7f3; padding: 3px 15px; }
a.highlight { color:#bf3f21; }

/******************** TOP MENU ********************/
#menu_top { position: absolute; bottom: 8px; right: 0;}
#menu_top ul {
	position: relative; margin: 0; padding: 0px; list-style: none;
}
#menu_top ul li.fisrt_item {	
	background: none;		
}
#menu_top ul li {
	float: left;
	position: relative;
	height: 34px;
	background: url("img/menu_top_divider.gif") no-repeat 0 52%;		
}
#menu_top ul li a {	
	display: block;
	margin: 0 7px;
	padding: 0 10px;
	line-height: 34px;	
	text-decoration: none;
	font-size: 1em;	
	color: #a89d6e;		
}
#menu_top ul li a:hover {	
	text-decoration: underline;	
	color: #555;		
}


/******************** RIGHT MENU ********************/
#menu_right { }
#menu_right ul {
	position: relative; margin: 7px 0 0 18px; list-style: none;
}
#menu_right ul li a.fisrt_item {	
	background: none;		
}
#menu_right ul li {	
	position: relative;	
	height: 30px;
	background: url("img/arrow.gif") no-repeat 0 50%;	
	padding: 0; margin:0;	
}
#menu_right ul li a {	
	width: 152px;
	display: block;
	margin: 0;
	padding: 0 20px;
	line-height: 30px;	
	text-decoration: none;
	font-size: 1em;	
	color: #a89d6e;		
	background: url("img/menu_right_bg.gif") no-repeat 0 0;
}
#menu_right ul li a:hover {	
	text-decoration: underline;	
	color: #555;		
}

/******************** FORMULARE ********************/

/****** INFO MESSAGES *******/
#error { color: #bf3f21;  }
#notifications { font-weight: bold; padding: 10px; background: #faf7f3; border: 1px solid #bf3f21;}
.msg {}
.done { font-weight: bold; padding: 10px; border:1px solid #BBDF8D; background-color:#EAF7D9; }

input.txt {
	border: 1px solid #ccc; padding:3px; margin: 2px;
	padding: 1px 3px; margin: 0;  font-size: 0.9em
}
input.btn {
	margin: 2px;
	padding: 2px 3px;  font-size: 0.9em
}

#search input[type = text] {
	width: 120px;
} 
textarea {
	border: 1px solid #949494; 
	margin-bottom: 10px;
}
br {
	clear: both;
}
.glForms input, .glForms label {
	float: left;
	font-size: 8pt;
	margin-bottom: 10px;
} 

.glForms label {
	width: 200px;
	
	text-align: right;
	margin-right: 10px;
	clear: both;
	padding-top: 0.6%;
	padding-bottom: 0.6%;
} 
.glForms input {
	padding: 2px;
}

form.glForms {
	margin-top: 20px;
} 
.glForms fieldset {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #aaa;
	margin-bottom: 10px;
	width: 500px;
	
}

.glForms fieldset.methods {
	padding: 4px 5px;	
	border: 1px solid #aaa;
	margin-bottom: 10px;
	width: 300px;
}
 .m15 { margin: 0 15px 0 0;}
 
.glForms legend {
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
} 
.glForms textarea:focus, .glForms input[type = text]:focus, .glForms input[type = password]:focus {
	border: 1px solid #8CCA51;
} 


#page404 { font-size: 1.1em; margin: 50px 0 0 0; color: #aaa; }
#page404 li { margin: 0 0 0 15px;}
#page404 p { margin: 10px 0 10px 0;}
#page404 em { font-weight: bold; font-size: 1.2em; color: #ccc;}
#page404 a { font-weight: bold; font-size: 1.2em; text-decoration: underline; color: #ccc;}


#register_user th { background: #f5f2e9; }


.w500 { width: 500px; }
.w120 { width: 120px; }
.w200 { width: 200px; }
.w30 { width: 30px; }
.w80 { width: 80px; }
.w60 { width: 60px; }
.w40 { width: 40px; }
.h100 { height: 100px; }
.h180 { height: 170px; }



#personal_info, #billing_info { padding: 15px; border: solid 1px #aaa; height: 210px; font-size: 1em; width: 280px; margin: 20px 0 0 0; }
#personal_info h3, #billing_info h3 { margin: 0 0 15px 0; }
#personal_info { margin: 20px 15px 0 0;}
.order_note { width: 90%; padding: 5px; height: 80px; font-family: "arial", sans-serif; font-size: 1em; color:#999; background: #fff; border: solid 1px #aaa;  }


#website_map { margin: 20px;}
#website_map ul { margin: 0 20px;}
#website_map li { margin: 0 20px;}