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

body {
	background:  #697176;
	text-align: center;	
}

body, html, ul, li, div, table, td, p, h1, h2, h3, h4, h5, h6, form, span, hr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	padding: 0;
	margin: 0;
	color: #666;
}

ul, li {
	list-style-type: none;
}

.clear {
	visibility: hidden;
	clear: both;
}

img {
	border: none;
}

.span_red {
	width: auto;
	font-size: 0.6em;
	color: #ca373d;
	text-align: left;
}

.span_red_1 {
	width: auto;
	font-size: 0.8em;
	color: #ca373d;
	text-align: left;
}


.span_grey {
	width: auto;
	font-size: 0.6em;
	color: #4f5659;
	text-align: left;
}

.span_blue {
	width: auto;
	font-size: 0.6em;
	color: #007dc6;
	text-align: left;
}

h1 {
	font-size: 1em;
	color: #64c932;
}

.price_div {margin:10px auto; width:180px; border-bottom:5px solid #99b5c5; padding: 0 0 5px 0;}

/* ----- Structure ---------
---------------------------- */


#container {
	margin: 0 auto;
	width: 746px;
	background: url(../images/nav_left_bg.jpg) left repeat-y #fff;
	border-left: 12px solid #4f5659;
	border-right: 12px solid #4f5659;
	border-bottom: 12px solid #4f5659;
	height: 100%;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #container {
	height: 100%;
}

#wrap {
	margin: 0 auto;
	width: 746px;
	height: auto;	
	/*padding-bottom: 210px;*/
}

#header {
	margin: 0 auto;
	width: auto;
	height: auto;
}

#top {
	width: auto;
	height: auto;
	background: #99b5c5;
	border-bottom: 0px solid #fff; 
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#description {
	float: left;
	width: auto;
	height: auto;
	padding: 5px 0 0 0;	
}


#lang {
	float: right;
	width: auto;
	height: auto;
}

#lang select {
	font-size: .7em;
	color: #666;
	width: 80px;
}

#logo {
	float: left;
	width: 189px;
	height: 180px;
}

#logo a, #logo a:visited {
	display: block;
	width: 189px;
	height: 180px;
	background: url(../images/lestos_logo.jpg) no-repeat;
}

#logo a:hover, #logo a:active {
	display: block;
	width: 189px;
	height: 180px;
	background: url(../images/lestos_logo_r.jpg) no-repeat;
}

#header_img {
	float: right;
	width: 557px;
	height: 180px;
}

#main_nav {
	width: auto;
	height: auto;
	border-top: 1px solid #fff;	
	border-bottom: 5px solid #8b99a0;
	background: #99b5c5;	
}

#search_block {
	float: left;
	width: 186px;
	height: auto;
	padding: 5px 0;
	background: #c5c5c5;
	border-right: 3px solid #999;	
}

.search_block_input {
	width: 110px;
	height: 19px;
	border: 1px solid #8c9ea8;
	color: #007dc6;
	font-size: .8em;
	padding: 3px 0 0 3px;
}

#navigation {
	float: left;
	width: auto;
	height: auto;	
}

#content {
	width: auto;
	height: auto;
}


#nav_left {
	float: left;
	width: 186px;
	height: auto;
}

#nav_left h3 {
	width: auto;
	height: auto;
	font-size: .8em;
	background: #e1e0e0;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	color: #367aa1;
}

#cat_nav {
	width: auto;
	height: auto;
}

#cat_nav ul {
	width: auto;
	height: auto;
}

#cat_nav li {
	width: auto;
	height: auto;
	background: #f8f5f5;
	border-bottom: 1px solid #ccc;	
	padding: 4px 0px 4px 20px;
	text-align: left;
}

#cat_nav li a, #cat_nav li a:visited {
	color: #7397ab;
	text-decoration: none;
	font-size: .7em;	
}

#cat_nav li a:hover, #cat_nav li a:active {
	color: #ca373d;
	text-decoration: underline;
	font-size: .7em;
	
}


#body_text {
	float: left;
	width: 557px;
	height: auto;
	padding: 0 0 10px 3px;
	text-align: left;
}

#basket {
	float: right;
	width: 150px;
	height: 25px;
	background: #a3b4bc;
	margin: 0;
	padding: 0;
	font-size: .65em;
	color: #333;
	padding: 3px 0 3px 6px;
	border-left: 2px solid #fff;
}

#footer {
	/*position: absolute;*/
	margin: auto;
	width: 746px;
	left: 0;
	bottom: 0;
	padding: 0;
	background: #99b5c5;
	border-top: 5px solid #8b99a0;
}


#footer_block {
	width: auto;
	height: auto;
	background: #aac1cf;
	padding: 15px;
	margin: 10px 10px 3px 10px;
	text-align: left; 
}

#footer_block_left {
	float: left;
	width: 220px;
	height: 220px;
	padding: 0 0 43px 0;
	border-right: 1px dashed #007dc6;
}

#footer_block_left_left {
	float: left;
	width: 220px;
	height: 263px;
	padding: 0 15px;
	border-right: 1px dashed #007dc6;
	font-size: .7em;
	color: #007dc6;	
	line-height: 1.5em;
}
#footer_block_left_left h3 {
	width: auto;
	height: auto;
	border-bottom: 1px solid #99b5c5;
	padding: 0 0 1px 0;
	margin: 0 0 5px 0;
	color: #ca373d;
	font-size: 1.1em;	
}

#footer_block_left_left p {
	width: auto;
	height: auto;
	background: #fafafa;
	color: #007dc6;	
	padding: 3px;
}

#footer_block_right {
	float: left;
	width: 190px;
	height: auto;
	padding: 0 15px;
	font-size: .7em;
	color: #007dc6;	
	line-height: 1.5em;
	text-align:center;
}

#footer_block_right h3 {
	width: auto;
	height: auto;
	border-bottom: 1px solid #99b5c5;
	padding: 0 0 1px 0;
	margin: 0 0 5px 0;
	color: #ca373d;
	font-size: 1.1em;	
}

#footer_block_right p {
	width: auto;
	height: auto;
	background: #fafafa;
	color: #007dc6;	
	padding: 3px;
}

#footer_block_right img {
/**
* 	background: #f3f3f3;
*/	
	padding: 3px;
	margin: 0 0 3px 0;
}

#footer_nav {
	width: auto;
	height: 12px;
	background: #aac1cf;
	padding: 6px 5px;
	margin: 10px 10px 3px 10px;
	text-align: left; 
	font-size: .65em;	
}

* html #footer_nav {
	height: 1%;	
}

#footer_nav li {
	float: left;
	width: auto;
	display: inline;
	color: #7a8e9a;
	margin: 0 0 0 5px;		
}

#footer_li_right {
	width: auto;
	height: auto;
	padding: 0 0 0 70px;
	text-align: right;
	font-size: .9em;
}

* html #footer_li_right {
	width: auto;
	height: auto;
	padding: 0 0 0 70px;
	text-align: right;
	font-size: .9em;
}

#footer_nav li a, #footer_nav li a:visited {
	color: #367aa1;
	text-decoration: none;
}

#footer_nav li a:hover, #footer_nav li a:active {
	color: #ca373d;
	text-decoration: none;
}


#qualityweb {
	float:right;
	width: auto;	
	margin: 7px 10px 0 0;
	padding:5px 0;
}

#qualityweb ul {
	width: auto;
	height: auto;
	margin: 0;	
	padding: 0;
	font-size: .65em;	
}

#qualityweb li {
	display: inline;	
	color: #333;	
}

.qualityweb {
	margin: 0 10px 0 0;
}

.qualityweb a, .qualityweb a:visited {
	color: #333;	
	text-decoration: none;	
}

.qualityweb a:hover, .qualityweb a:active {
	color: #ca373d;	
	text-decoration: none;		
}

.xhtml_css {	
	color: #555;
	background: #aac1cf;
	padding:  3px;
	margin: 0 0 0 3px;
	text-align: right;
}

.xhtml_css a, .xhtml_css a:visited {	
	color: #555;	
	text-decoration: none;
}
.xhtml_css a:hover, .xhtml_css a:active {	
	color: #ca373d;	
	text-decoration: none;
}


/* ------ Main Navigation -------- */

#navigation ul {
	width: auto;
	height: auto;
	list-style-type: none;
	padding: 5px 0 5px 30px;
}

#navigation li {
	display: block;
	float: left;
	color: #fff;
	margin: 0 10px 0 0;
}


/* ------ about_bt -------- */

#about_bt a, #about_bt a:visited {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/about_bt.jpg) no-repeat;
}

#about_bt a:hover, #about_bt a:active {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/about_bt_r.jpg) no-repeat;
	cursor: pointer;
}

#about_bt_active a, #about_bt_active a:visited, #about_bt_active a:hover, #about_bt_active a:active {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/about_bt_r.jpg) no-repeat;
}

/* ------ products_bt -------- */

#products_bt a, #products_bt a:visited {
	display: block;
	width: 105px;
	height: 25px;
	background: url(../images/products_bt.jpg) no-repeat;
}

#products_bt a:hover, #products_bt a:active {
	display: block;
	width: 105px;
	height: 25px;
	background: url(../images/products_bt_r.jpg) no-repeat;
	cursor: pointer;	
}

#products_bt_active a, #products_bt_active a:visited, #products_bt_active a:hover, #products_bt_active a:active {
	display: block;
	width: 105px;
	height: 25px;
	background: url(../images/products_bt_r.jpg) no-repeat;
}

/* ------ articles_bt -------- */

#articles_bt a, #articles_bt a:visited {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/articles_bt.jpg) no-repeat;
}

#articles_bt a:hover, #articles_bt a:active {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/articles_bt_r.jpg) no-repeat;
	cursor: pointer;	
}

#articles_bt_active a, #articles_bt_active a:visited, #articles_bt_active a:hover, #articles_bt_active a:active {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/articles_bt_r.jpg) no-repeat;
}

/* ------ articles_bt -------- */

#news_bt a, #news_bt a:visited {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/news_bt.jpg) no-repeat;
}

#news_bt a:hover, #news_bt a:active {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/news_bt_r.jpg) no-repeat;
	cursor: pointer;	
}

#news_bt_active a, #news_bt_active a:visited, #news_bt_active a:hover, #news_bt_active a:active {
	display: block;
	width: 69px;
	height: 25px;
	background: url(../images/news_bt_r.jpg) no-repeat;
}

/* ------ contact_bt -------- */

#contact_bt a, #contact_bt a:visited {
	display: block;
	width: 127px;
	height: 25px;
	background: url(../images/contact_bt.jpg) no-repeat;
}

#contact_bt a:hover, #contact_bt a:active {
	display: block;
	width: 127px;
	height: 25px;
	background: url(../images/contact_bt_r.jpg) no-repeat;
	cursor: pointer;	
}

#contact_bt_active a, #contact_bt_active a:visited, #contact_bt_active a:hover, #contact_bt_active a:active {
	display: block;
	width: 127px;
	height: 25px;
	background: url(../images/contact_bt_r.jpg) no-repeat;
}