/*
10px - 65%
11px - 70%
12px - 75%
13px - 80%
14px - 85%
15px - 90%
16px - 95%
17px - 100%
...
*/
body {
	padding:			0px;
	margin:				0px;
	background:			#ffffff;
	text-align:			center;
	}
form {
	padding:			0px;
	margin:				0px;
	}
ol, ul {
	margin-top:			5px;
	}
a:link {
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#006699;
	text-decoration:	none; 
	}
a:visited {	
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#006699;
	text-decoration:	none;
	}
a:hover {
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#000000;
	text-decoration:	underline;
	}
.clear {
	clear:				both;
	}
.hrline {
	color:				#B2C7CD;
	height:				1px;
	width:				100%;
	background-color:	#B2C7CD;
	border:				0px;
	}
/***************************************************************************/
.body {
	margin:				auto;
	width:				830px;
	border:				5px solid #3E4A59;
	}
.page {
	margin:				auto;
	width:				830px;
	background:			url(../img/page_bg.gif) repeat-y;
	}
/*************************************  hlavicka *************************************/
.dep_top {
	}
.dep_top .item {
	padding:			0px 10px;
	text-align:			center;
	}
.dep_top .item1 {
	width:				169px;
	text-align:			center;
	}
.dep_top_check {
	height:				22px;
	background:			url(../img/dep_top_check.gif) no-repeat;
	text-align:			center;
	}
/************************************ // hlavicka ************************************/
/************************************* levy sloupec *************************************/
.leftrow {
	float:				left;
	width:				170px;
	background:			url(../img/leftrow_bg.gif) no-repeat 50% 0%;
	text-align:			left;
	}
/* vyhledavani */
.search {
	padding:			10px 5px 0px;

	font:	 			normal 70% verdana;
	color: 				#3E4A59;
	}
.SearchBox {
	position:			absolute;
	top:				126px;
	display:			none;
	width:				156px;
	background:			#ffffff;
	border:				1px solid #4A656A;
	padding:			5px;
	text-align:			left;
	}
/* oddeleni */
.dep_left {
	margin:				10px 4px 10px 4px;
	}
.dep_left .item {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li.gif) no-repeat 0% 50%;
	}
.dep_left .item_act {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li_act.gif) no-repeat 0% 50%;
	}
.dep_left_check {
	margin:				0px 0px;
	height:				1px;
	background:			url(../img/hr.gif) repeat-x;
	}
.dep_left a:link {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none; 
	}
.dep_left a:visited {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left a:hover {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li_act.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left a.act:link {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li_act.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left a.act:visited {
	padding:			5px 0px 5px 15px;
	background:			url(../img/dep_left_li_act.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left_sub {
	margin:				3px 0px 3px 9px;
	padding:			1px 0px 1px 2px;
	background:			#C2D8DF;
	}
.dep_left .sub_item {
	padding:			2px 0px 2px 2px;
	margin-bottom:		1px;
	text-align:			left;
	}
.dep_left .sub_item a:link {
	padding:			1px 0px 2px 11px;
	background:			url(../img/dep_left_sub_li.gif) no-repeat 0% 0%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none; 
	}
.dep_left .sub_item a:visited {
	padding:			1px 0px 2px 11px;
	background:			url(../img/dep_left_sub_li.gif) no-repeat 0% 0%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left .sub_item a:hover {
	padding:			1px 0px 2px 11px;
	background:			url(../img/dep_left_sub_li_act.gif) no-repeat 0% 0%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left .sub_item_act {
	margin:				2px 0px 1px 2px;
	background:			url(../img/dep_left_sub_li_act.gif) no-repeat 0% 50%;
	text-align:			right;
	}
.dep_left .sub_item_act a.sub_act:link {
	padding:			0px 0px 1px 11px;
	background:			url(../img/dep_left_sub_li_act.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
.dep_left .sub_item_act a.sub_act:visited {
	padding:			0px 0px 1px 11px;
	background:			url(../img/dep_left_sub_li_act.gif) no-repeat 0% 50%;

	font:	 			bold 70% verdana;
	color: 				#3E4A59;
	text-decoration:	none;
	}
/************************************ // levy sloupec ************************************/
/************************************ prostredni cast ************************************/
.center {
	float:				left;
	width:				510px;
	border-top:			1px solid #000000;
	text-align:			center;
	}
.in_center {
	margin:				auto;
	padding:			20px 0px;
	width:				480px;
	text-align:			left;
	}
/*********************************** // prostredni cast **********************************/
/************************************** pravy sloupec ************************************/
.rightrow {
	float:				left;
	width:				150px;
	padding-top:		6px;
	border-top:			1px solid #000000;
	text-align:			left;
	}
.rightrow_title {
	background:			#A0B3B8;
	font:	 			bold 70% verdana, arial, tahoma;
	color: 				#3E4A59;
	}
.rightrow_title img {
	float:				left;
	}
.in_rightrow_title {
	float:				left;
	height:				24px;
	line-height:		24px;
	padding:			0px 3px;
	background:			#A0B3B8;
	}
.in_rightrow_title1 {
	padding:			5px;
	background:			#A0B3B8;
	}
.rightrow_check {
	clear:				both;
	margin:				1px 0px;
	height:				1px;
	background:			url(../img/hr.gif) repeat-x;
	}
.rightrow_text {
	margin-bottom:			7px;
	padding:			5px 5px 20px 5px;
	background:			url(../img/rightrow_text_bg.gif) no-repeat 100% 100%;
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#3E4A59;
	}
.right_text {
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#3E4A59;
	}
.input_1 {
	background-color: 	#ffffff;
	height:				18px;
	border:				1px solid #4A656A;
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#3E4A59;
	}
/************************************ // pravy sloupec ***********************************/
/**************************************** paticka ****************************************/
.footer {
	clear:				both;
	width:				830px;
	margin:				auto;
	text-align:			center;
	}
.in_footer {
	margin:				auto;
	padding:			10px 0px;
	font:	 			normal 65% verdana, arial, tahoma;
	color: 				#A0B3B8;
	}
.in_footer a:link {
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#A0B3B8;
	text-decoration:	none; 
	}
.in_footer a:visited {	
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#A0B3B8;
	text-decoration:	none;
	}
.in_footer a:hover {
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#3E4A59;
	text-decoration:	none;
	}
/************************************** // paticka ***************************************/
.page_title {
	margin-bottom:		5px;
	font:	 			bold 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.article_title, h1 {
	font:	 			bold 85% verdana, arial, tahoma;
	color: 				#000000;
	}
.article_title a:link, h1 a:link {
	font:	 			bold 85% verdana, arial, tahoma;
	color: 				#000000;
	text-decoration:	none; 
	}
.article_title a:visited, h1 a:visited {	
	font:	 			bold 85% verdana, arial, tahoma;
	color: 				#000000;
	text-decoration:	none;
	}
.article_title a:hover, h1 a:hover {
	font:	 			bold 85% verdana, arial, tahoma;
	color: 				#FE6D03;
	text-decoration:	none;
	}
.article_text {
	width:				480px;
	font:	 			normal 65% verdana, arial, tahoma;
	color: 				#000000;
	}
.text {
	font-size:	 		100%;
	}
.text_normal {
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.text_bold {
	font:	 			bold 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.text_label {
	font:	 			normal 70% tahoma, verdana, arial;
	color: 				#000000;
	}
.error {
	padding:			0px 0px 10px 0px;
	text-align:			center;
	font:	 			bold 70% tahoma, verdana, arial;
	color: 				#FE6D03;
	}
.deppath {
	width:				480px;
	margin:				5px 0px 10px 0px;
	padding:			2px 0px;
	border-bottom:		1px solid #B2C7CD;
	}
.deppath .normal {
	font:	 			normal 70% tahoma, Verdana;
	color: 				#A0B3B8;
	}
.deppath .act {
	font:	 			bold 70% tahoma, Verdana;
	color: 				#A0B3B8;
	}
.PageNumber {
	padding:			10px 0px;
	text-align:			center;
	font:	 			bold 70% tahoma, Verdana;
	color: 				#4A656A;
	}
/************************************** seznam zbozi ****************************************/
td.lg {
	width:				50%;
	height:				100%;
	vertical-align:		top;
	}
table.lg {
	width:				235px;
	height:				100%;
	border:				1px solid #C2D8DF;
	}
.lg_name a:link {
	font:	 			bold 110% verdana;
	color: 				#000000;
	text-decoration:	none; 
	}
.lg_name a:visited {	
	font:	 			bold 110% verdana;
	color: 				#000000;
	text-decoration:	none;
	}
.lg_name a:hover {
	font:	 			bold 110% verdana;
	color: 				#000000;
	text-decoration:	none;
	}
table.lg th {
	width:				80px;
	border-right:			1px solid #C2D8DF;
	}
table.lg td {
	background:			#C2D8DF;
	vertical-align:		bottom;
	padding:			10px 4px 4px;
	font:	 			normal 65% verdana, arial, tahoma;
	color: 				#000000;
	}
tr.white table.lg td {
	background:			#ffffff;
	}
table.lg td.desc {
	vertical-align:		top;
	padding:			4px 4px 4px 7px;
	font:	 			normal 65% verdana, arial, tahoma;
	color: 				#000000;
	}
table.lg .attribut {
	font:	 			normal 110% verdana, arial, verdana;
	color:				#000000;
	}
/* detail */
table.lg td .detail {
	float:				left;
	padding:			2px;
	margin-right:			5px;
	background:			#4a656a;
	}
table.lg td .detail a:link, table.lg td .detail a:visited, table.lg td .detail a:hover {
	font:	 			bold 90% verdana;
	color: 				#ffffff;
	text-decoration:	none; 
	}
/* sleva */
.discount_list {
	float:				left;
	padding:			2px;
	background:			#FE6D03;
	font:	 			bold 90% verdana;
	color:				#ffffff;
	}
/* nase cena */
table.lg td .price {
	float:				right;
	margin:				0px;
	padding-right:			5px;
	white-space:			nowrap;
	font:	 			bold 120% arial, verdana;
	color:				#000000;
	}
/************************************ // seznam zbozi ***************************************/
/************************************** detail zbozi ****************************************/
.gd {
	width:				100%;
	}
.gd .img {
	width:				40%;
	padding-right:			10px;
	text-align:			center;
	vertical-align:			middle;
	}
.gd .name {
	font:	 			bold 85% verdana, arial, tahoma;
	color: 				#000000;
	}
.gd .firm {
	margin-top:			5px;
	font:	 			bold 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.gd .desc {
	margin-top:			5px;
	font:	 			normal 65% verdana, arial, tahoma;
	color: 				#000000;
	}
.gd .discount {
	margin-top:			15px;
	font:	 			bold 90% verdana, arial, tahoma;
	color: 				#FE6D03;
	}
.gd .price {
	font:	 			bold 70% verdana, arial;
	color:				#000000;
	}
.gd .price_value {
	margin:				5px 0px;
	font:	 			bold 100% verdana, arial;
	color:				#000000;
	}
.attributes {
	width:				100%;
	background:			#ffffff;
	}
.attributes td {
	background:			#ffffff;
	font:	 			normal 70% verdana, arial;
	color:				#000000;
	}
.attributes td.zahlavi {
	width:				25%;
	background:			#B2C7CD;
	font-weight:		bold;
	}
.Select_1 {
	background-color: 	#ffffff;
	width:				85%;
	height:				18px;
	border:				1px solid #7F9DB9;
	font:	 			normal 90% verdana, arial, tahoma;
	color: 				#000000;	
	}
/************************************ // detail zbozi ***************************************/
/***************************************** kosik ********************************************/
.basket_zahlavi {
	background:			#B2C7CD;
	padding:			5px;
	border-top:			2px solid #ffffff;
	border-bottom:		2px solid #ffffff;
	white-space:		nowrap;
	font:	 			bold 70% verdana, arial, tahoma;
	color: 				#3E4A59;
	}
.basket_name {
	background:			#C2D8DF;
	padding-left:		5px;
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.basket_count {
	background:			#C2D8DF;
	text-align:			center;
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.basket_price {
	background:			#C2D8DF;
	text-align:			right;
	padding-right:		5px;
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.basket_discount {
	font:	 			normal 90% verdana, arial, tahoma;
	color: 				#000000;
	}
.input_2 {
	background-color: 	#C2D8DF;
	width:				50px;
	height:				16px;
	border:				0px;
	text-align:			right;
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#000000;	
	}
.input_3 {
	background-color: 	#B2C7CD;
	width:				80px;
	height:				16px;
	border:				0px;
	text-align:			right;
	font:	 			bold 100% verdana, arial, tahoma;
	color: 				#3E4A59;	
	}
.address1 {
	white-space:		nowrap;
	width:				25%;
	padding-top:		3px;
	vertical-align:		top;
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#000000;
	}
.address2 {
	font:	 			normal 70% verdana, arial, tahoma;
	color: 				#4A656A;
	}
/*************************************** // kosik *******************************************/
table.form {
	width:100%;
	background:#3E4A59;
	font-size:70%;
	font-family:verdana, arial, sans serif
	}
table.form td {
	padding:5px;
	background:#ffffff;
	color:#000000;
	}
table.form th {
	padding:5px;
	width:25%;
	background:#B2C7CD;
	text-align:left;
	}
.buttons {
	padding:10px;
	text-align:center;
	}

.input_4 {
	background-color: 	#ffffff;
	width:				300px;
	height:				18px;
	border:				1px solid #4A656A;
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#3E4A59;
	}
.textarea_1 {
	background-color: 	#ffffff;
	width:				300px;
	height:				100px;
	border:				1px solid #4A656A;
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#3E4A59;
	}

.button_1 {
	cursor:pointer;
	margin:				3px 10px;
	padding:			0px 5px;
	background-color: 		#4A656A;
	height:				20px;
	border:				0px;
	font:	 			bold 70% verdana, arial, tahoma;
	color: 				#ffffff;
	}
.Select_2 {
	background-color: 	#ffffff;
	height:				18px;
	border:				1px solid #7F9DB9;
	font:	 			normal 100% verdana, arial, tahoma;
	color: 				#000000;	
	}
.right {
float:right;
}