body{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 0.8em;
	
	margin: 0px;
	padding: 0px;
	color: #333333;
	
	text-align: center;
	
	background: #999999;
}
body.editor{
	margin: 5px;
	background-color: white;
}

h1, h2, h3, h4, h5, h6{
	margin-top: 13px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #009900;
}
h1{ font-size: 150%; }
h2{ font-size: 150%; }
h3{ font-size: 130%; }
h4{ font-size: 130%; }
h5{ font-size: 110%; }
h6{ font-size: 110%; }

h1, h3, h5{
	margin-top: 0px;
}

table{
	font-size: 100%;

}
* html table{

}

a, a:hover
{
	text-decoration: none;
}

td{
}

/* tabulky z editoru */
table.cms-editor-table.standard{
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}
table.cms-editor-table.standard th,
table.cms-editor-table.standard td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 2px;
}
table.cms-editor-table.standard th{
	background: silver;
}
table.cms-editor-table.highlighted{
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}
table.cms-editor-table.highlighted th,
table.cms-editor-table.highlighted td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 2px;
}
table.cms-editor-table.highlighted th{
	background: #009900;
	color: white;
}
/*********************/

form{
	margin: 0px;
	padding: 0px;
}

input,
textarea{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
	overflow: hidden;
	width: auto;
	
}
textarea,
input.field, .system-captcha-code{
	border: 1px solid #66A90E;
	
}
input.file{

}
input.radio,
input.checkbox{
	width: auto;
	border: none;
}
textarea{
	/*width: 250px;
	height: 100px;*/
}
select{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
}

button{
	font-size: 100%;

}

p{
	/*margin-top: 5px;
	margin-bottom: 5px;*/
	margin: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

a{
	color: #009900;
}

a:hover{
	
	text-decoration: none;
}

a img, a:link img{
	border: none;
}

ul{
	margin: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding: 0px;
}
ol{
	margin-left: 22px;
	padding: 0px;
}

a.language,
a.arrow{
	padding-right: 20px;
}
a.language.en{
	background: url(a-en.gif) no-repeat;
	background-position: right;
	padding-top: 1px;
}
a.arrow{
	background: url(a-arrow-white-on-green.gif) no-repeat;
	background-position: right;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 18px;
}

a.more,
span.more{
	background: url(a-more.gif) no-repeat;
	background-position: right;
	padding-right: 12px;

}
a.external,
span.external{
	background: url(a-ext.gif) no-repeat;
	background-position: right;
	padding-right: 12px;
}
span.more{
	float: none;
}

.stock-green,
.stock-orange
{
	display: block;
	height: 23px;
	line-height: 23px;
	padding-left: 27px;
	/*overflow: hidden;*/
	margin-bottom: 0.2em;
}
.stock-green{
	background: url(ico-stock-green.gif) no-repeat;
	background-position: left;
}
.stock-orange{
	background: url(ico-stock-orange.gif) no-repeat;
	background-position: left;
}

.stock-blue,
.stock-gray,
.stock-yellow,
.stock-red
{
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	/*overflow: hidden;*/
	margin-bottom: 0.2em;
}
.stock-blue{
	background: url(ico-stock-blue.gif) no-repeat;
	background-position: left;
}
.stock-gray{
	background: url(ico-stock-gray.gif) no-repeat;
	background-position: left;
}
.stock-yellow{
	background: url(ico-stock-yellow.gif) no-repeat;
	background-position: left;
}
.stock-red{
	background: url(ico-stock-red.gif) no-repeat;
	background-position: left;
}

/* main */
#main{
	margin-top: 1em;
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(main-bg.gif) repeat-y;
}
#main .top-bg{
	background: url(top-bg.gif) no-repeat;
	height: 13px;
	width: 100%;
	clear: both;
	overflow: hidden;
}
/* main:end */

/* cols */
#col-left,
#col-right,
#col-center{
	position: relative;
}
#col-left{
	width: 155px;
	float: left;
	left: 14px;
}
#col-right{
	width: 155px;
	float: right;
	right: 13px;

}
#col-center{
	width: 659px;
	float: left;
	left: 18px;
	overflow: hidden;
}
.content{
	background: url(content-bg.gif) repeat-y;
	background-color: white;
	min-height: 500px;
	position: relative;
}
* html #col-center .content{ height: 500px; }
.content .inside{
	position: relative;
	z-index: 1;
}
.content .top-bar{
	background: url(content-top-bar-bg.gif) no-repeat;
	height: 9px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	
}
.content .bottom-bar{
	background: url(content-bottom-bar-bg.gif) no-repeat;
	height: 11px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: -2px;
	z-index: 0;
}



#col-center .header{
	background: url(col-center-header-bg.gif) no-repeat;
	width: 100%;
	height: 110px;

}

.content .text{
	padding: 0.6em;
}
.content .path{
	position: relative;
	z-index: 1;
	border-bottom: 1px dashed #999999;
	padding: 0.6em;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
}

/* cols:end */

/* top-menu */
.top-menu{
	background: url(top-menu-bg.gif) no-repeat;
	width: 100%;
	height: 27px;
	overflow: hidden;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.top-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.top-menu ul li{
	display: inline;
/*	margin-right: 0.5em;*/

}
.top-menu ul li a{
	font-size: 95%;
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	padding: 0.6em;
	padding-left: 0.95em;

	text-transform: uppercase;
	border-right: 1px dashed #B4B4B4;
}

.top-menu ul li a:hover,
.top-menu ul li a.active{
	color: #CCFF33;
}
/* top-menu:end*/

/* filters */
.filters{
	background: url(filters-bg.gif) repeat-y;
	min-height: 101px;
	position: relative;

}
* html .filters{
	height: 101px;
}
.filters form{
	margin: 0;
}
.filters table{
	width: 659px;

}
.filters td{
	/*width: auto;*/
}
.filters select{
	/*width: 100%;*/
	font-size: 11px;
}
.filters h6{
	margin: 0;
	color: #666666;
	
}
.filters .bottom{
	background: url(filters-bottom-bg.gif) no-repeat;
	width: 100%;
	height: 11px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
}

/* filters:end */

/* box */
.box{
	position: relative;
	background:	url(box-bg.gif) repeat-y;
	background-color: white;
	min-height: 28px;
	margin-bottom: 0.5em;
}
* html .box{
	height: 28px;
}
.box .inside{
	position: relative;
	z-index: 1;
}
.box .text{
	padding: 0.6em;
	padding-top: 0.35em;	
}
.box .label{
	padding: 0.3em;
	padding-left: 0.6em;
	background: url(box-label-green-bg.gif) no-repeat;
	background-color: #66A90E;
	color: white;
	text-transform: uppercase;
	border-bottom: 1px dashed #666666;
}
.box .label.red{
	background: url(box-label-red-bg.gif) no-repeat;
	background-color: #F30101;
}

.box.green{
	background:	url(box-green-bg.gif) repeat-y;
	background-color: #CCFF66;
}

.box .label h1,
.box .label h2,
.box .label h3,
.box .label h4,
.box .label h5,
.box .label h6{
	font-size: 100%;
	margin: 0px;
	padding: 0;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.box .top-bar{
	background: url(box-top-bg.gif) no-repeat;
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0px;
	z-index: 0;
	overflow: hidden;
}
.box.green .top-bar{ background: url(box-top-green-bg.gif) no-repeat; }

.box .bottom-bar{
	background: url(box-bottom-bg.gif) no-repeat;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 0px;
	z-index: 0;
	overflow: hidden;
}
.box.green .bottom-bar{ background: url(box-bottom-green-bg.gif) no-repeat; }

#col-left .box .muffin{
	background: url(box-inside-bg.gif) repeat-y;
	position: absolute;
	left: -10px;
	top: 2px;
	width: 10px;
	height: 100%;
}

#col-right .box .muffin{
	background: url(box-inside-right-bg.gif) repeat-y;
	background-position: top right;
	position: absolute;
	right: -10px;
	top: 2px;
	width: 10px;
	height: 100%;
}

#col-left .box .muffin.bg-start-higher,
#col-right .box .muffin.bg-start-higher{
	top: -9px;
}


.box .label.company-logo{
	background: url(box-label-logo.gif) no-repeat;
	height: 49px;
	padding-bottom: 0;
	padding: 0;
}
.box .label.company-logo a.text{
	position: absolute;
	z-index: 0;
}
.box .label.company-logo a.img{
	background: url(box-label-logo.gif) no-repeat;
	width: 100%;
	height: 49px;
	display: block;
	position: absolute;
	z-index: 1;
}


/* box:end */

/* main-menu */
.main-menu{
	padding-bottom: 0.3em;
	padding-top: 0.2em;
	text-transform: uppercase;
}
.main-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-menu ul li{
	
}
.main-menu ul li a{
	display: block;

	line-height: 22px;
	min-height: 22px;
	
	text-decoration: none;
	color: #333333;
	padding-left: 0.6em;
	padding-right: 0.6em;
	
	border-bottom: 1px dashed #999999;
}
* html .main-menu ul li a{
	height: 22px;
}
.main-menu ul li a:hover,
.main-menu ul li a.active{
	color: #009900;
}

/* main-menu:end */

/* footer */
#footer{
	height: 16px;
	background: url(footer-bg.gif) no-repeat;
	background-position: top;
	font-size: 80%;
	position: relative;
	z-index: 1;
}
#footer a, #footer a:hover{
	color: #333333;
}
#footer .left{
	float: left;
	position: relative;
	top: 1.5em;
}
#footer .right{
	float: right;
	position: relative;
	top: 1.5em;
}
/* footer:end */

/* news-short */
.news-short{
	font-size: 80%;
	margin-bottom: 0.7em;
}
.news-short .date{
	color: #333333;
}
.news-short .title h2,
.news-short .title h3,
.news-short .title h4,
.news-short .title h5,
.news-short .title h6{
	margin: 0;
	margin-bottom: 0.2em;
	margin-top: 0.1em;
}


/* news-short:end */

/* login-form */
.login-form{
	font-size: 80%;
	clear: both;
}
.login-form table{
	width: 139px;
}
.login-form td{
	vertical-align: top;
	padding-bottom: 3px;
}
.login-form td.lab{
	padding-top: 2px;
	padding-right: 2px;
}
.login-form td.field{
	text-align: left;
}

.login-form .field-username{
	background: url(login-form-username-bg.gif) no-repeat;
	width: 95px;
	height: 19px;
	overflow: hidden;
}
.login-form #LoginUsername{
	background: transparent;
	width: 89px;
	height: 19px;
	border: none;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
.login-form .field-password{
	background: url(login-form-password-bg.gif) no-repeat;
	width: 74px;
	height: 19px;
}
.login-form #LoginPassword{
	background: transparent;
	width: 69px;
	height: 19px;
	border: none;
	padding: 3px;
}
.login-form .submit{
	background: url(login-form-submit-bg.gif) no-repeat;
	width: 19px;
	height: 18px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	margin-top: 1px;
}
.login-form .submit span{
	display: none;
}
.service{
	font-size: 90%;
	text-align: right;
}
.service a{
	display: block;
	line-height: 18px;
}

/* login-form:end */

/* cart-short */ 
.cart-short{
	font-size: 90%;
	text-align: right;
	background: url(ico-cart-big.gif) no-repeat;
	background-position: left bottom;
	min-height: 60px;
}
.cart-short .no-vat,
.cart-short .with-vat{
	margin-bottom: 0.3em;
}
.cart-short .no-vat span.price{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	color: #F30101;
}
/* cart-short:end */

/* param-search-form */

.param-search-form{
	font-size: 90%;
	width: 139px;
	overflow: hidden;
}
.param-search-form table{
	
}
.param-search-form td{
	padding-top: 5px;
}
.param-search-form td.lab{
	padding-right: 3px;
	text-align: right;
	font-size: 90%;
}
.param-search-form .field-model{
	background: url(form-param-search-field-model-bg.gif) no-repeat;
	width: 72px;
	height: 20px;
}
.param-search-form .field-model input{
	border: none;
	background: transparent;
	width: 67px;
	padding: 3px;
}

.param-search-form .submit{
	background: url(a-arrow-white-on-white.gif) no-repeat;
	width: 19px;
	height: 18px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	margin-top: 1px;
	margin-left: 2px;
}
.param-search-form .submit span{
	display: none;
}
.param-search-form select{
	width: 93px;
}

/* param-search-form:end */

/* product */
.product{
	position: relative;
	padding-top: 0.6em;
}

.product .left{
	width: 12.5em;
	float: left;
	overflow: hidden;
	position: relative;
	left: 0.6em;
}
.product .right{
	width: 37.5em; /* opera pocita spatne a je to moc veliky -> pripojit dodatecny style kde se to opravi na 37 treba */
	position: relative;
	left: 0.4em;
	float: left;
	overflow: hidden;
}
.product .left .img{
	width: 12.5em;
	overflow: hidden;
}
.product .short-description{
	margin-bottom: 0.4em;
}
.product .price{
	float: right;
}
.product .price span{
	font-size: 130%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
}

.product table.details{
	width: 100%;
}

.product .scale{
	text-transform: uppercase;
	color: #009900;
	float: left;
	width: auto;
}
.product .info{
	color: #F30101;
	text-transform: uppercase;
	float: right;
	width: auto;
	font-weight: bold;
}
.product .label{
	clear: both;
	padding-top: 0.2em;
	color: #F30101;
}
.product .label a{
	color: #F30101;
}

.product.detail .left{
	/*width: 21.8em;*/
	width: 32.8em;
	float: left;
	overflow: hidden;
	position: relative;
	left: 0.6em;
}
.product.detail .right{
	/*width: 27em;*/
	width: 16em;
	float: right;
	margin-right: 1.2em;
	text-align: right;
}
.product.detail .right .img{
	width: 16em;
	overflow: hidden;
}
* html .product.detail .right{
	margin-right: 0.6em;
}

.product.detail .label{
	margin-bottom: 0.2em;
}

.product .docs{
	text-align: right;
}
.product .docs h6{
	margin-right: 0;
}

a.to-cart{
	background: url(a-to-cart.gif) no-repeat;
	display: block;
	width: 95px;
	height: 25px;
	overflow: hidden;
	margin: 0 10px 0 10px;
}
a.to-cart span{
	display: none;
}

/* product:end */

/* cart */
.cart{
	
}
.cart h1.label{
	text-transform: uppercase;
	font-size: 130%;
	margin: 0;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.cart h2.order-num{
	text-transform: uppercase;
	font-size: 100%;
	margin: 0;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.8em;
	padding-right: 0.6em;
	border-bottom: 1px dashed #666666;
	background: url(cart-order-num-bg.gif) repeat-y;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.cart .tables{
	background: url(cart-table-bg.gif) repeat-y;
	width: 100%;
}
.cart table{
	width: 100%;
	border-bottom: 1px dashed #666666;
}
.cart table table{
	width: auto;
	background: #ECF7EC;
	padding-left: 0;
	border-bottom: none;
}
.cart td{
	vertical-align: top;
	padding: 0.3em;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.cart td.label{
	
}
.cart th{
	color: white;
	background: #A2DF85;
	text-align: center;
	padding-left: 0.6em;
	padding: 0.2em;
}
.cart table.items{
	width: 100%;
	background: transparent;
	margin-bottom: 0.1em;
}
.cart table.items td{
	background: #ECF7EC;
}
.cart table.items td.price{
	text-align: right;
}
.cart table.summary{
	width: 100%;
	text-align: right;
}
.cart table th.summary-label{
	text-align: left;
}

.cart input{
	margin: 0;
}

.cart textarea{
	width: 90%;
}
.check-label{
	margin-left: 0.2em;
}
col{
	border: none;
}
.white-bg{
	background: white;
}
/* cart:end */


.align-right{
	text-align: right;
	float: right;
}

.dashed-border{
	clear: both;
	height: 6px;
	line-height: 6px;
	overflow: hidden;
	border-bottom: 1px dashed #666666;
}
.no-border{
	border: none !important;
}
.ie-fix{
	background: #999999;
	height: 1px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
}
.req{
	color: red;
}
.show-back{
	text-align: right;
	clear: both;
}

.cleaner{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}
.cleaner.spacer{
	height: 4px;
}


/* my own */

.basket
{
	width: 137px;
	height: 80px;
}

.order-list-number
{
	border: solid 1px #A2DF85;
	width: 30px;
}

.order-list-button, .order-list-button-order
{
	border-width: 0;
	background: #A2DF85;
	color: white;
	font-weight: bold;
	width: 150px;
}

.order-list-button-order
{
	background: red;
}

.control-data-messages
{
	padding: 10px;
	margin: 10px;
	background: #CCFF66;
	background: #ECF7EC;
}
.control-data-messages h3
{
	color: #66A90E;
}
.control-data-messages h3.error
{
	color: red;
}
.control-data-messages h3.warning
{
	color: #66A90E;
}

.system-captcha-image
{
	float: left;
	margin-right: 10px;
}