@charset "utf-8";
/* 	
	Jiri Soman
	_______________________________________________

	Date of birth: 		5.03.2009, 13:312 p.m.
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/

html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-align:  center;

	background: #4e8203 url(pattern-flowers-green.png) center top repeat-y;
}

body.shop
{
	background: #4e8203 url(pattern-flowers-green-shop.png) center top repeat-y;
}

body.editor
{ 	
	background: #FFFFFF;
	font-size: 14px;
	line-height: 21px;
}

body.editor ul { padding:0px; margin: 0px; list-style-type: none;}

body.editor ul li
{
	font-size: 14px;
	line-height: 21px;
	
	padding-left: 20px; 
	
	background: url(list-style-image.png) left 5px no-repeat;
}


H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px 0px 0px;
	font-weight: bold;
}

H1 { font-size: 18px; color: #ff6600; text-transform: uppercase;}
H2 { font-size: 16px; color: #666666;}
H3 { font-size: 14px; color: #669900;}
H4 { font-size: 14px; color: #666666;}
H5 { font-size: 13px; color: #669900;}
H6 { font-size: 13px; color: #ff6600;}

h1.Green, h2.Green, h3.Green, h4.Green, h5.Green, h6.Green {color: #669900;}
h1.Orange, h2.Orange,h3.Orange,h4.Orange,h5.Orange,h6.Orange {color:#FF6600;}
p { margin: 5px 0px 15px 0px;}

a
{
	color: #669900;
}

a:link,
a:visited
{
	text-decoration: underline;
}

a:hover
{
	color: #ff6600;
}

a img { 
	border: none;
}

H2 a 
{  
	font-size: 16px; 
	color: #666666;
	text-decoration: none !important;
}

ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
}

strong.green { color: #669900;}
strong.orange { color: #ff6600;}

/* tables */
table
{
	margin: 5px 0px 10px 0px;
}

table.standard
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
	background: #e0a563;
}

table.standard th
{
	font-weight: bold;
	background: none;
	text-align: left;
}

table.standard th,
table.standard td 
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th,
table.colored td
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th
{
	background-color: #4a0300;
	color: #f4c688;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px;
}

/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.dashed {border-bottom: #999999 dashed 1px;}
.dashedL { border-left: #999999 dashed 1px;}
.dashedR { border-right: #999999 dashed 1px;}
.dashedT  {border-top: #999999 dashed 1px;}
.dashedB { border-bottom: #999999 dashed 1px;}

.dashed-all { border: #999999 dashed 1px;}
.dashed-lrt { border-top: #999999 dashed 1px; border-left: #999999 dashed 1px; border-right: #999999 dashed 1px;}
.dashed-bt { border-top: #999999 dashed 1px; border-bottom: #999999 dashed 1px;}

.imgL
{
	float: left;
	margin: 0px 10px 0px 0px;
	
}

.imgR
{
	float: right;
	margin: 0px 0px 0px 10px;
}

.imgRbox
{
	float: right;
	margin: 10px 15px 0px 10px;
}

.left { float: left;}
.right { float: right;}

.more
{
	padding-left: 10px;

	background: url(sipka.png) left 4px no-repeat;
}

a.more
{
	color: #666666;
	text-decoration: underline;
}

a.more:hover
{
	color: #666666;
	text-decoration: none;
}

/* inputs and labels */

input
{
	border: #e5e5e5 solid 1px;
	border-top-color: #959693;
	border-left-color: #959693;
	background: url(background-input.png) top left no-repeat;

	height: 17px;
	padding: 2px;
}

textarea
{
	border: #e5e5e5 solid 1px;
	border-top-color: #959693;
	border-left-color: #959693;
	background: url(background-input.png) top left no-repeat;

	padding: 2px;
}

input.sub
{
	height: 30px;
	width: 150px;
	padding: 5px;
	margin:0px 0px 0px 0px;

	color: #FFFFFF;

	background: none;
	background-color: #669900;
	border: #cacac8 solid 1px;

	cursor: pointer;
}

input.submit
{
	height: 30px;
	padding: 5px;

	color: #666666;

	background: none;
	background-color: #ebf1d7;
	border: #cacac8 solid 1px;

	cursor: pointer;
}



/*
	layout ----------------------------------------
	_______________________________________________
*/

/* container - background */
/* .container
{
	min-height: 100%;
	width: 1200px;
}

* html .container
{
}
*/

/* all layout stuff */
.main
{
	position: relative;
	left: -1px;
	#left: 0px;
	height: 100%;
	width: 1002px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	
	background: url(pattern.png) repeat-y;
	
}

body.shop .main { background: url(pattern-shop.png) repeat-y;}

html>body .main
{
	height: auto;
	min-height: 100%;
}

.flower-top
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
	height: 300px;
	width: 700px;
	background-repeat: no-repeat;
	/*background-position: left bottom;*/
	background-position: right top;
}

body.shop .flower-top
{
	width: 200px;
}
 
 /*
.flower-top .shadow
{
	float: left;
	height: 300px;
	width: 700px;
	
	z-index: 20;
	
	background: url(background-shadow.png) right repeat-y;
}

body.shop .flower-top .shadow
{
	height: 200px;
}

*/

/* shadow */
/*
.shadow
{
	position: relative;
	height: auto;
	width: 1002px;
	
	background: url(background-shadow.png) left top repeat-y;
}

* html .shadow
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./res/background-shadow.png', sizingMethod='scale');
}
*/

/*  header --------------------------------------- */

/* header je umisten v col-left */

.header
{
	float: left;
	height: auto;
	width: 100%;
	
	margin-bottom: 25px;
}

.header a
{
	position: relative;
	float: left;
	overflow: hidden;
	
	height: 77px; /* 147px */
	width: 152px; /* 182px */
	border: 0px;
	
	padding: 70px 0px 0px 30px;
	
	margin: 45px 0px 0px 100px;
}

* html .header a
{
	height: 147px; /* 147px */
	width: 182px; /* 182px */
}

body.shop .header a { margin: 45px 0px 0px 20px;}

.header a span
{
	position: absolute;
	display:block;
	z-index:1;
	top: 0px;
	left: 0px;
	
	height: 147px;
	width: 182px;
	
	background: url(logo.png) top left no-repeat;
	cursor: pointer;
}

body.shop .header a
{
	height: 100px; /* 170px */
	width: 152px; /* 182px */
	margin: 45px 0px 0px 20px;
}

* html body.shop .header a
{
	height: 170px; /* 170px */
	width: 182px; /* 182px */
}

body.shop .header a span
{
	height: 170px;
	width: 182px;
	background: url(logo-shop.png) top left no-repeat;
}


/*  content ------------------------------------------ */

/* col left - menu - wrapper  */

.col-left,
.wrapper
{
	float: left;
	height: auto;
}

.col-left
{
	width: 290px;

}

body.shop .col-left { width: 200px;}

.wrapper
{
	position: relative;
	width: 266px; /* 290px - padding */
	
	padding: 0px 12px;
	
	z-index: 1000;
}

* html .wrapper
{
	width: 290px;
}

body.shop .wrapper { width: 176px;}

* html body.shop .wrapper { width: 203px; overflow: hidden; padding-right: 20px;}

span.akt
{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669900;
	text-align: right;
}

ul.menu
{
	margin: 0px;
	padding: 0px;
	
	text-align: right;
	text-transform: uppercase;
	list-style-type: none;
}

body.shop ul.menu { text-transform: none;}

ul.menu li { padding: 0px 0px 10px 0px;}
body.shop ul.menu li { padding: 0px 0px 7px 0px;}
body.shop ul.menu li ul li { padding: 0px 0px 3px 0px;}

ul.menu li a
{
	color: #999999;

	letter-spacing: 0.1em;
	font-weight: bold;
}

body.shop ul.menu li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

body.shop ul.menu li a.active
{
	color: #669900;
}

body.shop ul.menu li ul li a
{
	color: #ff6600;
}

body.shop ul.menu li ul li a.active
{
	color: #ff6600;
	text-decoration: underline;
}

ul.menu li a.active { color: #669900;}
body.shop li a.active { color: #ff6600;}

ul.menu li a:link,
ul.menu li a:visited
{
	text-decoration: none;
}

ul.menu li a:hover { color: #669900;}
body.shop ul.menu li a:hover { color: #ff6600;}

ul.menu li ul
{
	padding-top: 5px;
	text-transform: none;
}

ul.menu li ul li { padding: 0px; }
ul.menu li ul li a { letter-spacing: normal; }

.eshop, .web
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	text-transform: uppercase;
	list-style-type: none;
}

.eshop a, .web a
{
	position: relative;
	float: right;
	overflow: hidden;
	height: 32px;
	width: 104px;
}

.eshop a span, .web a span
{
	position: absolute;
	display:block;
	z-index:1;
	top: 0px;
	left: 0px;
	
	height: 100%;
	width: 100%;
	
	background: url(eshop.png) left top no-repeat;
	cursor: pointer;
}

.web a 
{
	width: 99px;
	height: 36px;	
}

.web a span { background: url(gresik.png) left top no-repeat; }

.search
{
	position: relative;
	float: right;
	height: 50px;
	margin: 20px 0px 12px 12px;
}

* html .search
{
	position: relative;
	float: right;
	margin: 20px 0px 6px 6px;
}

.search .text
{
	position: absolute;
	display:block;
	z-index:1;
	top: 0px;
	right: 19px;

	width: 139px; 	/* 143px - padding */

	margin:0px;
}

* html .search .text
{
	width: 143px;
	height: 23px;
}

.search .submit
{
	position: absolute;
	display:block;
	z-index:1;
	top: 0px;
	right: 0px;
	
	height: 23px;
	width: 19px;
	
	border: 0px;
	background: url(search-button.png) top left no-repeat;
	
	cursor: pointer;
}

.search label
{
	position: absolute;
	z-index: 1;
	top: 3px;
	right: 175px;
	color: #999999;
	
	font-weight: bold;
	text-transform: uppercase;
}

/* col right */ 
.col-right
{
	float: right;
	position: relative;
	height: auto;
	width: 636px; /* 708px - padding */ 
	
	padding: 112px 35px 50px 37px;
	
	margin-bottom: 35px;
	
	z-index: 2000;
	
	background-repeat: no-repeat;
	/*background-position: left bottom;*/
	background-position: right top;
	
	_overflow: hidden;
}

* html .col-right { width: 708px;}

body.shop .col-right
{
	width: 784px;

	padding: 15px 0px 0px 15px;
}

* html body.shop .col-right
{
	width: 799px;
}

.col-right.home { padding-top: 212px; }

.col-right.home p,
.col-right.sfont p
{
	font-size: 14px; /* zmena 13px */
	line-height: 21px; /* 18px */
}

.col-right H1,
.col-right H2,
.col-right H3,
.col-right H4,
.col-right H5,
.col-right H6
{
	line-height: 21px;
}

.col-right.sfont H1,
.col-right.sfont H2,
.col-right.sfont H3,
.col-right.sfont H4,
.col-right.sfont H5,
.col-right.sfont H6
{
	line-height: 18px;
}

.col-right p
{
	font-size: 14px;
	line-height: 21px;
}

.col-right ul { padding:0px; margin: 0px; list-style-type: none;}

.col-right ul li
{
	font-size: 14px;
	line-height: 21px;
	
	padding-left: 20px; 
	
	background: url(list-style-image.png) left 5px no-repeat;
}

.col-right.sfont ul li
{
	font-size: 14px; /* zmena 13px */
	line-height: 21px; /* 18px */
}

.box,
.colbox,
.smartnav,
.box .label,
.colbox .label,
.box .content,
.colbox .content,
.map
{
	float: left;
	overflow: hidden;
	height: auto;
	width: 100%;
}

.box.adress { border-bottom: #999999 dashed 1px; }

.box.adress.left { clear: left; }
.box.adress.right { float: right; }

.box.adress a { color: #ff6600; }

.box .label
{
	margin: 20px 0px 20px 0px;
	padding: 0px;
	
	border-top: #999999 dashed 1px;
	border-bottom: #999999 dashed 1px;
}

.box .label p
{
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	line-height: 30px;
	color: #ff6600;
	font-weight: bold;
}

.box .label H2
{
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #669900;
	font-size: 13px;
	line-height: 30px;
}

.box .label H2 a { color: #669900; }

.box .content H2 { padding-bottom: 10px; }

.box .content H3
{
	font-size: 14px; /* zmena 13px */
	/* display: inline; */
	text-transform: none;
}

.box.adress .content H3 { display: block;}

.box .content p { display: inline;}

.box .content p.description 
{ 
	display: block;
	height: 98px;
	overflow: hidden;
	margin-bottom: 4px;
}

.box.adress .content p { display: block;}

.colbox
{
	background: #FFFFFF url(background-shadow.png) right repeat-y;
	color: #666666;

	margin-bottom: 10px;
}


.wrapper .colbox
{
	width: 293px;
}

body.shop .wrapper .colbox
{
	width: 202px;
}

.wrapper .colbox
 {
	/* background: #FFFFFF url(background-shadow.png) left repeat-y; */
	background: none;
	color: #666666;

	margin-bottom: 10px;
}

.wrapper .colbox
{
	margin-left: -12px;
}

* html .colbox
{
	background: none;
}

* html .wrapper .colbox
{
	margin-left: -6px;
}

* html body.shop .wrapper .colbox
{
}



.colbox.green { background-color: #eef4db;}

.colbox .label
{
	line-height: 22px;
	height: 22px;
	width: 100%;
	overflow: hidden;

	background: url(colbox-header.png) top left repeat-x;
}

body.shop .wrapper .colbox .label
{
	line-height: 22px;
	height: 22px;
	width: 202px;
	overflow: hidden;

	background: url(colbox-header.png) top left repeat-x;
}


.colbox .label H2,
.colbox .label H3,
.colbox .label H4,
.colbox .label H5,
.colbox .label H6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	text-transform: uppercase;
	color: #FFFFFF;

	line-height: 20px;

	margin: 0px;
	padding: 0px 5px;
}

.colbox .content
{
	padding: 5px 10px;
	width: 160px;
}

.wrapper .colbox .content { width: 275px;}
body.shop .wrapper .colbox .content { width: 180px;}

* html body.shop .wrapper .colbox .content { width: 202px;}

.colbox .content H2,
.colbox .content H3,
.colbox .content H4,
.colbox .content H5,
.colbox .content H6
{
	font-size: 11px;
	line-height: 14px;
	color: #666666;

	text-transform: uppercase;
}

.colbox .content p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;

	margin: 0px;
}

.colbox .content a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

.colbox .content form { margin: 0px;}

.colbox .content .text
{
	width: 103px; 	/* 143px - padding */

	margin:0px;
}

.colbox .content .submit
{
	height: 23px;	/* 23px - padding */
	width: 40px; 	/* 143px - padding */

	padding: 0px;
	margin:0px;

	font-size: 9px;
	color: #666666;

	background: none;
	background-color: #ebf1d7;
	border: #cacac8 solid 1px;

	cursor: pointer;
}

.colbox ul
{
	padding: 0px;
	margin: 0px;

	font-size: 11px;

	list-style-type: none;
}

.colbox ul li
{
	font-size: 11px;
	font-weight: bold;

	padding-left: 10px;

	border-bottom: #999999 dashed 1px;
	background: url(sipka.png) left 7px no-repeat;
}

.colbox ul li a
{
	color: #666666;
	text-decoration: none !important;
}

.colbox ul li a:hover
{
	color: #666666;
	text-decoration: underline !important;
}

.smartnav
{
	margin: 20px 0px 20px 0px;

	border-top: #999999 dashed 1px;
}

body.shop .smartnav { margin: 0px;}

* html body.shop .smartnav { margin-top: 0px;}

.smartnav ul
{
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-transform: uppercase;
	width: 100%;
	
	border-bottom: #999999 dashed 1px;
}

.smartnav ul li
{
	float: left;
	font-size: 11px;
	line-height: 30px;

	padding: 0px;
	background: none;
}

.sfont .smartnav ul li
{
	float: left;
	font-size: 11px;
	line-height: 30px
}

.smartnav ul li a
{
	color: #999999;

	letter-spacing: 0.1em;
	font-weight: bold;

}

.smartnav ul li a.active
{
	color: #669900;
}

body.shop .smartnav ul li a { color: #669900;}

.smartnav ul li a:link,
.smartnav ul li a:visited
{
	text-decoration: none;
}

.smartnav ul li a:hover { color: #669900;}

body.shop .smartnav ul li a:hover { color: #ff6600;}

.shopnav
{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom:5px;
}

.shopnav ul
{
	float: left;
	width: 100%;
}

.shopnav ul li
{
	float: left;
	line-height: 30px;

	color: #669900;
	font-size: 16px;

	padding-left: 30px;
	background: url(sipka-velka.png) 15px no-repeat;
}

.shopnav ul li H1,
.shopnav ul li H2,
.shopnav ul li H3,
.shopnav ul li H4,
.shopnav ul li H5,
.shopnav ul li H6
{
	color: #669900;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;

	margin: 0px;
}

.shopnav ul li.one
{
	padding: 0px;
	background: none;
}

.shopnav ul li a
{
	color: #999999;
	text-decoration: none !important;
}

.shopnav ul li a:hover
{
	color: #999999;
	text-decoration: underline !important;
}

.smartnav H2 a,
.smartnav H2
{
	padding: 0px;
	margin: 0px;

	color: #669900 !important;
	font-size: 11px;

	line-height: 30px !important;
}

body.shop .smartnav H2 a,
body.shop .smartnav H2
{
	color: #ff6600 !important;
}

ul.product
{
	padding: 0px;
	margin: 0px;

	font-size: 14px;
	line-height: 21px;

	text-transform: uppercase;
	list-style-type: none;
}

ul.product li
{
	padding: 0px;
	background: none;
}

ul.product li a { float: none; }

ul.product li a.active { color: #ff6600;}

.map { position: relative;}

.map-search
{
	position: absolute;
	right: 0px;
}

.map-search .select
{
	/*width: 170px;*/
	font-size: 12px;
}

.map-search .select option.kraj
{
	background: #000000;
	color: #ffffff;
}

.map-search .submit
{
	height: auto;
	width: auto;
	
	background: none;
	border: none;
	
	font-size: 11px;
	color: #669900;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

/* shopping basket, login, product search */
.upper
{
	float: left;
	position: relative;

	width: 100%;
	height: 150px;
}

.jacket
{
	float: left;
	height: 100%;
	width: 250px;

	font-family: Arial, Helvetica, sans-serif;
}

span.reg
{
	float: left;
	display: block;
	height: auto;
	width: 100%;

	font-size: 12px;
	font-weight: bold;
	color: #669900;

	margin-bottom: 10px;
}

span.reg a.active
{ 
	text-decoration: none;
	color: #669900;
	cursor: default;
}

.jacket .in,
.jacket .nav
{
	float: left;
	width: 100%;

	background: url(stin.png) top left repeat-y;
}

.jacket .nav.nobg
{
	background: none;
}

* html .jacket .in,
* html .jacket .nav
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./res/stin.png', sizingMethod='scale');
}

.jacket .in
{
	/*height: 75px;*/
	margin-bottom: 3px;
}

.jacket .nav { height:25px;}

.jacket .nav ul
{
	float: left;
	font-size: 11px;

	height: 25px;
}

.jacket .nav ul li
{
	float: left;
	background: url(sipka.png) 8px 8px no-repeat;

	height: 25px;
	line-height: 22px;
}

.jacket .nav ul li a
{
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

.jacket .nav ul li a:link,
.jacket .nav ul li a:visited
{
	text-decoration: none;
}

.jacket .nav ul li a:hover
{
	text-decoration: underline;
	color: #666666;
}


.jacket .in label
{
	font-weight: bold;
	color: #999999;

	padding: 5px;
}

* html .jacket .in label
{
	font-size: 11px;
}

.jacket .in .text
{
	width: 120px; 	/* 143px - padding */

	margin:0px;
}

* html .jacket .in .text
{
	width: 123px;
	height: 23px;
}

.jacket .in .submit
{
	position: absolute;
	display:block;
	z-index:1;
	top: 58px;
	left: 177px;

	height: 23px;
	width: 19px;

	border: 0px;
	background: url(search-button.png) top left no-repeat;

	cursor: pointer;
}

* html .jacket .in .submit
{
	top: 61px;
}


.jacket .in .big-basket
{
	padding-left: 52px;
	background-image: url(big-basket.png);
	background-position: 4px center;
	background-repeat: no-repeat;
}

* html .jacket .in .big-basket
{
	float:  none;
}

* html .jacket .in
{
	float: none;
}

* html .jacket .in .big-basket table
{
	font-size: 11px;
	overflow: hidden;
}

.jacket .in .big-basket table { margin: 5px; }

.product-search
{
	position: absolute;
	z-index: 2;
	top:  104px;
	right: 20px;

	height: 25px;
	width: 450px;
}

.product-search label
{
	color: #999999;

	font-weight: bold;
	text-transform: uppercase;

	line-height: 22px;

	padding-right: 15px;

	background: url(sipka.png) right 3px no-repeat;
}

.product-search .text
{
	position: absolute;
	display:block;
	z-index:1;
	top: 0px;
	left: 285px;

	width: 120px; 	/* 143px - padding */

	margin:0px;
}

* html .product-search .text
{
	height: 23px;
	width: 143px; 	/* 143px - padding */
}

.product-search .submit
{
	position: absolute;
	display:block;
	z-index:1;
	top: 0px;
	left: 411px;

	height: 23px;
	width: 19px;

	border: 0px;
	background: url(search-button.png) top left no-repeat;

	cursor: pointer;
}

/* eshop items */
.item,
.steps
{
	float: left;
	height: auto;
	width: 586px;
}

.item.pad
{
	width: 567px;
	padding: 10px;
}

.item.padb
{
	width: 567px;
	padding: 10px 10px 0px 10px;
}

.item .registration
{
	font-size: 14px;
	font-weight: bold;

	padding: 0px 10px;
	margin-bottom: 5px;
}

.item .registration a
{
	text-decoration: none;
}

.item H2,
.item H3,
.item H4,
.item H5,
.item H6
{
	margin-top: 0px;
	padding-top: 7px;
}


.item.green,
.item-info.green
{
	background-color: #f6f9eb;
}

.item-info
{
	position: relative;
	float: left;
	height: auto;
	width: 340px;
	min-height: 200px; /* kvuli padding */

	padding: 10px 10px 40px 10px;
}

* html .item-info
{ 
	height: 200px; /* kvuli padding */
	width: 359px;
}

.item-info.rows
{
	padding: 10px;
	min-height: 95px; /* puvodne 120px */
}

* html .item-info.rows { height:120px;}

.item-info.rows p
{
	font-size: 13px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

.item-info.rows H2
{
	color:#669900;
	text-transform: uppercase;

	margin: 0px;
	padding: 0px;
}

.item-info.rows H2 a { color:#669900;}

.item-info.rows H2 a:hover { color:#ff6600;}

.item-price,
.item-photo
{
	float: right;

	padding: 10px;
}

.item-price
{
	height: auto;
	width: 215px; /* 225px */
	padding: 5px;
}

* html .item-price { width: 225px;}

* html .item-price form { margin: 0px; padding: 0px;}

.item-price p
{
	float: left;
	font-size: 13px;
	line-height: 18px;

	margin: 7px 0px;
}

.item-price a.more
{
	font-weight: bold;
	color: #666666;

	text-decoration: none;
}

.item-price p.packet,
.item-price p.store
{
	height: auto;
	width: 102px;
}

.item-price p.store
{
	font-weight: bold;
	color: #ff6600;
}

.item-price a.more:hover { text-decoration: underline;}

.item-price p.m { width: 100%;}

.item-price p.kc,
.item-price p.ks,
.item-price p.buy
{
	font-weight: bold;
	height: 25px;
	line-height: 25px;	
}

.item-price p.kc
{
	width: 80px;
	padding-right: 5px;

	color: #ff6600;
}

* html .item-price p.kc
{
	width: 85px;
}

.item-price p.ks
{
	color: #669900;
	text-align: center;
	width: 50px;
}

* html .item-price p.ks
{
	padding-top: 0px;
}

.item-price p.ks input.texks
{
	color: #669900;
	font-weight: bold;
	height: 15px;
	width: 20px;
	text-align: right;
	
	background: none;
	border: #669900 solid 1px;
}

* html .item-price p.ks input.texks
{
	height: 22px;
}

.item-price p.buy
{
	width: 50px;

	text-align: right;
}

.item-price p.buy input.button-buy
{
	width: 80px;
	height: 24px;
	line-height: 28px;
	padding: 0px 28px 0px 0px;
	background: url(basket-big.png) right no-repeat;
	border: 0px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #aa571d;
	text-decoration: none;

	text-align: right;
	cursor: pointer;
}

.item-photo div.item-photo-inner
{
	position: relative;
	display: table;
	height: 230px;
	width: 200px;
	text-align: center;
}

.price
{
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: 0px;

	width: 360px;
	height: 40px;
}

.price p
{
	float: left;
	margin: 0px;
	padding: 0px;

	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}

.price p.kc
{
	overflow: hidden;
	width: 140px;

	color: #ff6600;
	padding: 0px 10px;
}

.price p.ks
{
	width: 60px;
	background-color: #FFFFFF;
	text-align: center;

	color: #669900;
}

.price p.ks input.texks
{
	color: #669900;
	font-weight: bold;
	height: 15px;
	width: 20px;
	text-align: right;
	
	background: none;
	border: #669900 solid 1px;
}

.price p.buy
{
	padding: 0px 10px;
	width: 115px;
	text-transform: upercase;
	text-align: right;
}

.price p.buy input.button-buy
{
	width: 115px;
	height: 40px;
	line-height: 40px;
	padding: 0px 30px 0px 0px;
	background: url(basket-big.png) right 10px no-repeat;
	border: 0px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #aa571d;
	text-decoration: none;

	text-align: right;
	cursor: pointer;
}

/* item box - shop */

.item .box
{
	float: left;
	height: 234px;
	width: 193px; /* 195px - because padding */

	margin: 0px;
	padding-left: 2px;

	font-size: 12px;
	line-height: 16px;

	background: url(shopbox.png) top left no-repeat;
}

.item .box p
{
	font-size: 12px;
	line-height: 16px;
}

.item .box .label,
.item .box .content,
.item .box .price
{
	float: left;
	width: 188px;
}

.item .box .label
{
	height: 27px;
	margin: 0px;

	border: 0;
	text-align: center;
}

.item .box .label H2,
.item .box .label H3,
.item .box .label H4,
.item .box .label H5,
.item .box .label H6
{
	font-size: 12px;
}

.item .box .label H2 a,
.item .box .label H3 a,
.item .box .label H4 a,
.item .box .label H5 a,
.item .box .label H6 a
{
	font-size: 12px;
}

.item .box .content
{
	height: 150px; /* 170px */
	width: 168px; /* 188px */
	padding: 10px;
}

* html .item .box .content
{
	height: 170px; /* 170px */
	width: 188px; /* 188px */
	padding: 10px;
}

.item .box .content p.packet,
.item .box .content p.store,
.item .box .content p.m
{
	float: left;
	margin: 0px;
	width: 100%;
}

/*.item .box .content p.packet { padding-top: 10px;}*/.

.item .box .content p.store
{
	font-weight: bold;
	color: #ff6600;
}

.item .box .price
{
	position: relative;
	height: 30px;
}

.item .box .price p.kc,
.item .box .price p.ks,
.item .box .price p.buy
{
	float: left;
	line-height: 30px;
}

* html .item .box .price p.kc,
* html .item .box .price p.ks,
* html .item .box .price p.buy
{
	height: 30px;
}

.item .box .price p.kc { width: 50px; text-align: right;}
.item .box .price p.ks { width: 40px; background: none;}
.item .box .price p.buy { width: 50px; padding-left: 3px;}

* html .item .box .price p.kc { width: 70px; text-align: right;}
* html .item .box .price p.ks { padding-top: 6px;}

.item .box .price p.ks input.texks
{
	color: #669900;
	font-size: 11px;
	height: 13px;
	width: 15px;
	text-align: right;
	
	padding: 1px;
	
	background: none;
	border: #669900 solid 1px;
}

* html .item .box .price p.ks input.texks
{
	height: 18px;
}

.box .price p.buy input.button-buy
{
	width: 70px;
	height: 30px;
	line-height: 26px;
	padding: 3px 22px 3px 0px;
	background: url(basket-small.png) right no-repeat;
	border: 0px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #aa571d;
	text-decoration: none;

	text-align: right;
	cursor: pointer;
}

* html .box .price p.buy input.button-buy
{
	width: 65px;
}

.steps
{
	 margin-top: 10px;
}

.steps .step1,
.steps .step2,
.steps .step3,
.steps .step4
{
	float: left;
	height: 55px;

	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
	line-height: 55px;
}

.steps .step1 { width: 130px;}
.steps .step2 { width: 130px;}
.steps .step3 { width: 180px;}
.steps .step4 { width: 90px;}

.steps .step1 span,
.steps .step2 span,
.steps .step3 span,
.steps .step4 span
{
	display: block;
	height: 55px;
	line-height: 55px;
	font-size: 11px;
	padding-left: 55px;
}

.steps .step1 span { background: url(one.png) left no-repeat;}
.steps .step2 span { background: url(two.png) left no-repeat;}
.steps .step3 span { background: url(three.png) left no-repeat;}
.steps .step4 span { background: url(four.png) left no-repeat;}

.steps .step1 a,
.steps .step2 a,
.steps .step3 a,
.steps .step4 a
{
	display: block;
	height: 55px;
	line-height: 55px;
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
	padding-left: 55px;

	text-decoration: none;
}

.steps .step1 a:hover,
.steps .step2 a:hover,
.steps .step3 a:hover,
.steps .step4 a:hover
{
	color: #669900;
}

.steps .step1 a { background: url(one.png) left no-repeat;}
.steps .step2 a { background: url(two.png) left no-repeat;}
.steps .step3 a { background: url(three.png) left no-repeat;}
.steps .step4 a { background: url(four.png) left no-repeat;}

.steps .step1 a:hover { background: url(one-hover.png) left no-repeat;}
.steps .step2 a:hover { background: url(two-hover.png) left no-repeat;}
.steps .step3 a:hover { background: url(three-hover.png) left no-repeat;}
.steps .step4 a:hover { background: url(four-hover.png) left no-repeat;}

.steps .step1 a.active { background: url(one-hover.png) left no-repeat; color: #669900;}
.steps .step2 a.active { background: url(two-hover.png) left no-repeat; color: #669900;}
.steps .step3 a.active { background: url(three-hover.png) left no-repeat; color: #669900;}
.steps .step4 a.active { background: url(four-hover.png) left no-repeat; color: #669900;}

.steps .pstep { float: left;}

.steps .nstep,
.steps .lstep
{
	float: right;
	text-align: right;
}

.steps .pstep a,
.steps .nstep a,
.steps .lstep a
{
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.steps .pstep a
{
	padding-left: 10px;
	background: url(sipka-leva.png) left no-repeat;
}

.steps .nstep a
{
	padding-right: 10px;
	background: url(sipka-prava.png) right no-repeat;
}

.steps .lstep a
{
	display: block;
	height: 70px;
	line-height: 70px;
	padding-left: 75px;
	background: url(enter.png) left no-repeat;
}

/* finish-order */

.finish-order 
{
	float: right;
	display: block;
	height: 70px;
	width: 230px;
	line-height: 70px;
	padding-left: 30px;
	margin-top: 10px;
	background: url(enter.png) left no-repeat;
	border: 0px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #669900;
	text-transform: uppercase;
	text-align: right;
	cursor: pointer;
} 

/* scheme */

.scheme
{
	/* position: absolute;
	z-index: 1;
	top: 5px;
	right: 15px; */
	
	float: right;

	height: 29px;
	width: 173px; /* 188px, kvuli padding */
 	padding: 0px 5px 0px 10px;

	background-color: #eef4db;
}

* html .scheme
{
	margin: 0px;
}

.scheme ul
{
	float: left;
}

* html .scheme ul
{
	width: 188px;
	margin: 0px;
}

.scheme ul li
{
	float: left;
	background: none;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 26px;

	padding: 0px 18px 0px 0px;
}

* html scheme ul li { height: 26px;}

.scheme ul li.cols,
.scheme ul li.rows
{
	padding: 4px 0px 0px 10px;
}

* html .scheme ul li.cols,
* html .scheme ul li.rows
{
	height: 18px;
}

.scheme ul li.cols a
{
	display: block;
	height: 18px;
	width: 22px;
	background: url(cols.png) left top no-repeat;
}

.scheme ul li.cols a:hover { background: url(cols-hover.png) left top no-repeat;}
.scheme ul li.cols a.active { background: url(cols-hover.png) left top no-repeat;}

.scheme ul li.rows a
{
	display: block;
	height: 18px;
	width: 22px;
	background: url(rows.png) left top no-repeat;
}

.scheme ul li.rows a:hover { background: url(rows-hover.png) left top no-repeat;}
.scheme ul li.rows a.active { background: url(rows-hover.png) left top no-repeat;}

/* producttable */

table.producttable
{
	height: auto;
	width: 100%;

	font-size: 14px;
	margin-bottom: 30px;
}

table.producttable.nomargin
{
	margin: 0px;
	margin-bottom: 5px;
}

table.producttable tr td { padding: 6px 0px;}

table.producttable tr.darkgreen { background: #a0bf5e; color:#FFFFFF; font-weight: bold;}

table.producttable tr th.name,
table.producttable tr td.name
{
	width: 250px;
	padding-left: 10px;
	text-align: left;
}

table.producttable tr th.cost,
table.producttable tr td.cost
{
	width: 130px;
}

table.producttable tr td.cost
{
	text-align: right;
	padding-right: 70px;
	width: 60px;
}

table.producttable tr th.number,
table.producttable tr td.number
{
	width: 140px;
}

table.producttable tr td.number .okey,
table.producttable tr td.number .cancel
{
	padding: 0px 2px;
}

table.producttable tr td.number button.okey
{ 
	border: none;
	background: none;
	margin-left: 3px;
}

table.producttable tr th.all,
table.producttable tr td.all
{
	width: 77px;
	text-align: right;
	padding-right: 10px;
}

table.producttable tr td.full
{
	text-align: right;
	padding-right: 10px;
}

table.producttable tr.bold { font-weight: bold;}

table.producttable tr td input.textn
{
	height: 15px;
	width: 22px;
	text-align: center;
}

/*   */

table.formtable
{
	height: auto;
	width: 100%;

	font-size: 15px;
	margin-bottom: 30px;
}

table.formtable.nomargin
{
	margin-bottom: 0px; 
}

table.formtable tr td { padding-bottom: 2px;}
table.formtable tr.inp td { padding-bottom: 10px;}

label.duty,
span.duty
{
	font-size: 15px;
	padding-right: 10px;
	background: url(star-orange.png) right 2px no-repeat;
}

span.duty { font-weight: bold;}

/* photogalery */
.img-list
{
	float:left;
	height: auto;
	width: 650px;
	_width: 650px;
	_overflow: hidden;
}


.img
{
	float: left;
	xheight: 184px;
	width: 204px;
	

	margin-right: 12px;
	margin-bottom: 5px;
	_margin-right: 0px;
}

* html .img
{

}

.img a
{
	display: block;
}

.img a.last { margin: 0px;}


.img img
{

	border: #669900 solid 1px;
	padding: 1px;
}
.img a:hover img
{
	border: #ff6600 solid 1px;
}
.col-right
{
	
}

/* pager */
.pager { float: right;}
.paper { float: left;}
.pager a { padding: 2px;}
.pager a.active { color: #ff6600; font-weight:  bold;}

/*  footer ------------------------------------------ */


.footer
{
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	height: 32px;
	width: 1002px;
	
	margin: 0px;
	padding:0px;

	border-top: #c2c2c2 solid 1px;
	background: #eef4db url(background-foot.png) left top repeat-y;
}

.footer p
{
	color: #666666;
	padding: 2px 30px 0px 30px;
}

.flower-bottom
{
	position: absolute;
	top: -261px;
	left: -1px;
	z-index: 10;
	height: 260px;
	width: 290px;
	background-repeat: no-repeat;
	/*background-position: left bottom;*/
	background-position: 1px bottom;
}

body.shop .flower-bottom
{
	width: 200px;	
}



/* .flower-bottom .shadow
{
	float: left;
	height: 260px;
	width: 290px;
	
	background: url(background-shadow.png) left top repeat-y;
} */


/* Hlasky */

.error
{
	font-weight: bold;
	color: #e32322
}

.info { font-weight: bold; }

div.messages
{
	border: 1px solid #4e8203;
	padding: 3px;
	margin: 10px 0px;
	background: #eaffbf;
	font-size: 13px;
}

div.messages p
{
	line-height: 150%;
	margin: 0px;
	font-size: 13px;
}

div.messages p.title
{
	text-transform: uppercase;
	color: #ffffff;
	background: #4e8203;
	font-weight: bold;
	padding: 2px;
	font-size: 13px;
}

div.messages ul { 
	margin-top: 0px;
	padding-top: 0px;
	
}

ul.messages li
{
	text-align: left;
}

/*
	all -------------------------------------------
	_______________________________________________
*/

.white
{
	position: absolute;
	left: 291px;
	top: 0px;
	z-index: 999;
	height: 220px;
	width: 5px;
	background-color: #FFFFFF;
}

body.shop .white { left: 201px;}

.h1	{ height: 1px;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.first { margin-top: 30px;}

.mt3 { margin-top: 0px !important; }
.ml10 { margin-left: 10px !important; }

.w50 { width: 48%;}
.w180 { width: 180px;}
.w600 { width: 588px; padding-right: 15px; position:relative;}

.mheight { min-height: 575px;}

* html .mheight { height: 575px;}

.b { text-align: right; }


/* RUZNE - MARTAS */

.e
{
   #position: absolute;
   #top: 50%;
   #left: 50%;
	width: 100%;
   display: table-cell;
   vertical-align: middle;
}

.i
{
   #position: relative;
   #top: -50%;
   #left: -50%;
	width: 100%;
   text-align: center;
}

.hidden
{ 
	display: none;
}

.nobg { background: none url() !important; }

.mb0 { margin-bottom: 0px !important; }
.mb8 { margin-bottom: 8px !important; }


/* CAPTCHA */ 

.captcha-image {
	border: 1px solid #286c06;
	float: left;
	margin: 3px;
	margin-bottom: 0px;
}

.captcha-help {
	display: block;
	text-align: left;
	margin: 3px;
	color: #286c06;
	margin-bottom: 0px;
}

.captcha-number {
	float: left;
	clear: both;
	width: 88px;
	margin: 3px;
	font-size: 12px;
	text-align: center;
	color: #1e6608;
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #1e6608;
	position: relative;
	top: 0px;
	#top: 0px;
}

/* Search! */
.fulltext-result,
.item.fulltext-result,
.fulltext-navigation,
.fulltext-type,
.guest
{
	float: left;
	height: auto;
	width: 100%;
}

.fulltext-result
{
	font-size: 18px;
	line-height: 20px;
}

body.shop .fulltext-result
{
	margin: 10px 0px 20px 0px;
}

.fulltext-navigation,
.guest
{
	position: relative;
	margin: 10px 0px;
	padding: 10px 0px;
	background-color: #f6f9eb;
	border: #999999 dashed 1px;
}

.guest
{
	margin-top: 20px;
}

.fulltext-navigation span
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
	
	font-size: 18px;
	color:#CCCCCC;
}

.fulltext-navigation H4
{
	margin: 0px;
	padding-left: 20px;
}

.guest H3
{
	margin: 0px;
	padding: 0px 20px;
}

.guest ul
{
	margin: 5px 20px;
}

.fulltext-type
{
	margin: 20px 0px 5px 0px;
	padding: 5px 0px;
	
	border-top: #999999 dashed 1px;
	border-bottom: #999999 dashed 1px;
	color: #ff6600;
	background-color: #f6f9eb;
}

.item.fulltext-result H3
{
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

.item.fulltext-result p
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.mb6 { margin-bottom: 6px; }
.gal-info
{ 
	clear: both;
	width: 208px;
	font-size: 13px;
	color: #669900;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 6px;
}

.left.mb6 { float: left; width: 208px; clear: none; }

/* hANS 9. 7. 2009 */
.subcategory-product-item
{
	font-size: 14px;
	line-height: 21px;
}
/* hANS 10. 7. 2009 */
.customForm
{

}
.customForm .field
{
	width: 250px;
}

.customForm td
{
	padding: 5px;
	padding-left: 0px;
}

.customForm .customRadio
{
	position: relative;
	top: 4px;
	background: none;
	border: none;
}
.customForm .b
{
	font-weight: bold;
	font-size: 13px;
}
.customForm .customTextarea
{
	height: 100px;
}
.customForm .customCheckbox
{
	background: none;
	border: none;
}


div.captcha .captcha-image
{
	margin-right: 5px;
	float: left;
	border: solid 1px #808080;
}
div.captcha
{
	width: 270px;
	/*width: 230px;*/
}
input.captcha-number
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	clear: both;
	width: 88px;
	background: url(input-bg.gif) no-repeat;
	border: 1px solid #a4a4a4;
}
div.captcha span.captcha-help
{
}

/* hANS 15. 7. 2009 */
.hide-this
{
	display: none;
}
.facebook
{
   float: right;
}