body, html {
    margin: 0; padding: 0; border: 0; 
    background: #F7EADC url('../img/bkg_page.gif') no-repeat top left; 
    font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div, img, h1, h2, h3, fieldset, form, input, label {margin: 0; padding: 0; border: 0;}
div.clear {	clear: both; font-size: 1px; 	height: 1px; line-height: 1px;}
input, textarea, select {font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*******LAYOUT*********/
#page {position: absolute; top: 10px; left: 52px; width: 937px;}
#top {position: absolute; top: 39px; left: 0; width: 937px; height: 87px; background: url('../img/bkg_top.gif') no-repeat;}
h1 {position: absolute; top: 10px; left: 30px; width: 227px; height: 103px; overflow: hidden;}
h1 span {display: block; position: absolute; top: 0px; left: 0; width: 227px; height: 103px; background: url('../img/factory.png') no-repeat; z-index: 1;}
#left, #right {position: absolute; top: 125px; width: 220px;}
#left {left: 0;}
#right {left: 717px;}
#main {position: absolute; top: 122px; left: 229px; width: 481px;}
#lang {position: absolute; top: 0; right: 15px;}

/***********MENU**********/
#menu {position: absolute; top: 12px; left: 230px;}
#menu a {display: block; float: left; height: 48px; background-position: 0 -2px; text-decoration: none;}
#menu a span {visibility: hidden;}
#menu a:hover {background-position: 0 -52px;}
#menu a.act, #menu a.act:hover {background-position: 0 -102px;}
#home {background: url('../img/menu/home.gif') no-repeat; width: 58px;}
#login {background: url('../img/menu/login_cz.png') no-repeat; width: 99px;}
#kat {background: url('../img/menu/katalog.gif') no-repeat; width: 80px;}
#kontakt {background: url('../img/menu/kontakt.gif') no-repeat; width: 84px;}
#onas {background: url('../img/menu/o_nas.gif') no-repeat; width: 62px;}
#cart {background: url('../img/menu/kosik.gif') no-repeat; width: 61px;}
#howto {background: url('../img/menu/howto_cz.png') no-repeat; width: 133px;}
#kasa {background: url('../img/menu/pokladna.gif') no-repeat; width: 97px;}
#logout {background: url('../img/menu/logout.gif') no-repeat; width: 84px;}

  /**** EN VERZE ****/
  
#home-en {background: url('../img/menu/home-en.gif') no-repeat; width: 58px;}
#login-en {background: url('../img/menu/login-en.gif') no-repeat; width: 61px;}
#kat-en {background: url('../img/menu/katalog-en.gif') no-repeat; width: 80px;}
#kontakt-en {background: url('../img/menu/kontakt-en.gif') no-repeat; width: 84px;}
#onas-en {background: url('../img/menu/o_nas-en.gif') no-repeat; width: 62px;}
#cart-en {background: url('../img/menu/kosik-en.gif') no-repeat; width: 61px;}
#howto-en {background: url('../img/menu/howto_en.png') no-repeat; width: 107px;}
#kasa-en {background: url('../img/menu/pokladna-en.gif') no-repeat; width: 97px;}
#logout-en {background: url('../img/menu/logout-en.gif') no-repeat; width: 84px;}

#home-de {background: url('../img/menu/home-de.gif') no-repeat; width: 58px;}
#login-de {background: url('../img/menu/login-de.gif') no-repeat; width: 61px;}
#kat-de {background: url('../img/menu/katalog-de.gif') no-repeat; width: 80px;}
#kontakt-de {background: url('../img/menu/kontakt-de.gif') no-repeat; width: 84px;}
#onas-de {background: url('../img/menu/o_nas-de.gif') no-repeat; width: 62px;}
#cart-de {background: url('../img/menu/kosik-de.gif') no-repeat; width: 61px;}
#download-de {background: url('../img/menu/download-de.gif') no-repeat; width: 97px;}
#kasa-de {background: url('../img/menu/pokladna-de.gif') no-repeat; width: 97px;}
#logout-de {background: url('../img/menu/logout-de.gif') no-repeat; width: 84px;}



/********VNITREK*********/
h2 {display: block; background: url('../img/bkg_h2.gif') no-repeat; height: 19px; font-size: 9pt; color: #FFAE00; padding: 11px 0 0 35px;}
#content,.contents {background: url('../img/bkg_main.gif') repeat-y; padding: 1px 0;color:#3E8900;}
#bottom,.bottom {background: url('../img/bottom_main.gif') no-repeat 0 -1px; height: 14px;}
#content img {margin: 0 7px;}
#scroller {height: 600px; overflow: auto; margin: -1px 7px;}

/**********BOXY*********/
.box, .fbox {margin-bottom: 5px;}
#left .box .top {background: url('../img/box/top_left.gif') no-repeat; height: 24px;}
#left .box .content {background: url('../img/box/bkg_left.gif') repeat-y; padding: 1px 0;}
.box .webarium {background: url('../img/box/webarium.gif') no-repeat 0 -1px; height: 48px;}
#left .box .content a {background: url('../img/box/a_menu_left.gif') no-repeat 0 -115px; line-height: 24px; text-decoration: none;
														display: block; margin: 1px 6px 1px 0; padding: 0 10px 0 30px; color: #FFAE00; font-weight: bold; font-size: 9pt;}
#left .box .content a:hover, #left .box .content_left a.act {background-position: 0 -2px; color: #DD5200;}
#left .box .bottom {background: url('../img/box/bottom_left.gif') no-repeat 0 -1px; height: 14px;}
#left h3 {background: url('../img/box/h3_left.gif') no-repeat; height: 23px; line-height: 23px; margin: 1px 0; font-size: 9pt; padding-left: 30px; color: #FFAE00;}
#left fieldset {background: #FCFFE2; padding: 20px 27px; margin: 1px 6px 1px 17px;}
#left fieldset input.search {background: #F7EADC url('../img/box/search_input.gif') no-repeat; width: 138px; height: 15px; line-height: 19px;
															color: #DD5200; padding: 2px;}
#left fieldset input.submit {background: #F7EADC url('../img/box/search_button.gif') no-repeat; width: 68px; height: 20px; float: right; margin-top: 10px;}
#footer {margin: 1px 5px 1px 15px; color: #DD5200; font-size: 8pt; text-align: center;}

#right .box .content {background: url('../img/box/bkg_right.gif') repeat-y; padding: 1px 0;}
#right .box .bottom {background: url('../img/box/bottom_right.gif') no-repeat 0 -1px; height: 14px;}
#right .box .top {background: url('../img/box/top_right.gif') no-repeat; height: 24px;}
#right h3 {background: url('../img/box/h3_right.gif') no-repeat; height: 23px; line-height: 23px; margin: 1px 0; font-size: 9pt; padding-left: 15px; color: #FFAE00;}
#right a {background: #FCFFE2; display: block; padding: 3px 9px; color: #237E00; margin: 1px 17px 1px 6px; text-decoration: none; font-size: 9pt;}
#right a em {font-size: 8pt;}
#right a:hover {background: #FFFDB9}
#right .oddel {background: url('../img/box/oddel_right.gif') no-repeat; height: 16px; margin: 1px 0;}

#right .fbox .content {
	 background: url('../img/box/bkg_right.gif') repeat-y; padding: 1px 0;
}


/********JAZYKY********/
#lang a {display: block; float: right; width: 68px; height: 34px; background-position: 0 -2px; text-decoration: none;}
#lang a span {visibility: hidden;}
#lang a:hover {background-position: 0 -38px;}
#cz {background: url('../img/lang_cz.gif') no-repeat;}
#de {background: url('../img/lang_de.gif') no-repeat;}
#en {background: url('../img/lang_en.gif') no-repeat;}

/********KATALOG*********/
.item {
	float: left; 
	/*border: 1px solid #FFCB05;*/
	/*margin: 1px 1px 0 0; */
	width: 146px; 
	height: 190px; 
	background: #FFFBD4;
	border-right:1px solid #F7EADC;
	border-top:1px solid #F7EADC;
}
.item .ev_id {float: left; width: 53px; height: 24px; line-height: 24px; background: url('../img/shop/ball.gif') no-repeat 2px 5px;
							text-align: right; font-size: 7pt; color: #FFAE00;}
.item .price , #detail .price{float: left; width: 80px; height: 24px; line-height: 24px; font-weight: bold;
							text-align: right; font-size: 8pt; color: #DD5200;}
.item .pismenka  {float: left; width: 143px; height: 20px; text-align: center; margin-left: 4px;}

#detail .pismenka {
	 height: 14px;
	 margin-left: 0px;
	 margin-bottom: 5px;
	 text-align:right;
	 /*border:1px solid red;*/
}
.item .pismenka a, #detail .pismenka a{
	float: left; display: block; width: 12px; border: 1px solid #000; 
	padding: 1px; text-transform: uppercase; font-size: 8pt;
	text-decoration: none; text-align: center; margin: 0 2px;
}
									
										
.item .pismenka a.a, td.a,#detail .pismenka .a {color: #000; background: #FFCB05;}
.item .pismenka a.b, td.b,#detail .pismenka .b {color: #000; background: #FFF200;}
.item .pismenka a.c, td.c,#detail .pismenka .c {color: #000; background: #A6CE39;}
.item .pismenka a.d, td.d,#detail .pismenka .d {color: #000; background: #00AEEF;}
.item .pismenka a.e, td.e,#detail .pismenka .e {color: #fff; background: #2E3092;}
.item .pismenka a.f, td.f,#detail .pismenka .f {color: #000; background: #C656A0;}
.item .pismenka a.g, td.g,#detail .pismenka .g {color: #000; background: #ED1C24;}

.item .pismenka a.j, td.j,#detail .pismenka .j {color: #000; background: #DD127B;}
.item .pismenka a.k, td.k,#detail .pismenka .k {color: #000; background: #0093DD;}
.item .pismenka a.l, td.l,#detail .pismenka .l {color: #000; background: #00923F;}


#content .item img {margin: 0 13px 3px; clear:both;}
.item fieldset, .item_detail fieldset {float: left; margin-top:3px; }
.item .druh,
#detail .pismenka a {
float: right; 
width: 20px; 
height: 18px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
margin-right: 3px;
margin-top: 5px;
text-align: center;
line-height: 20px; 
text-transform: uppercase;}

.item fieldset div.a,.item_detail fieldset div.a {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #FFCB05;}
.item fieldset div.b,.item_detail fieldset div.b {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #FFF200;}
.item fieldset div.c,.item_detail fieldset div.c {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #A6CE39;}
.item fieldset div.d,.item_detail fieldset div.d {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #00AEEF;}
.item fieldset div.e,.item_detail fieldset div.e {color: #fff; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #2E3092;}
.item fieldset div.f,.item_detail fieldset div.f {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #C656A0;}
.item fieldset div.g,.item_detail fieldset div.g {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #ED1C24;}



.item fieldset div.j,.item_detail fieldset div.j {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #DD127B;}

.item fieldset div.k,.item_detail fieldset div.k {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #0093DD;}

.item fieldset div.l,.item_detail fieldset div.l {color: #000; 
float: left; 
width: 22px; 
height: 20px; 
background: url('../img/shop/okynko.gif') no-repeat; 
margin-left: 7px; 
text-align: center;
line-height: 20px; 
text-transform: uppercase;
background-color: #00923F;}

.item a.lupa, .item_detail a.lupa {
float: left; 
display: block; 
width: 22px; 
height: 20px; 
background: url('../img/shop/lupa.gif') no-repeat; 
margin-left: 5px;}
.item a.lupa span, .item_detail a.lipa span {display: none;}
.item a.lupa img {}
.item label, .item_detail label {
float: left; 
width: 15px; 
font-size: 9pt; 
line-height: 20px; 
color: #679B4C; 
margin-left: 0px;
}
.item input.ks , .item_detail input.ks {float: left; width: 22px; height: 20px; background: url('../img/shop/ks.gif') no-repeat; text-align: center;
								font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #DD5200; line-height: 20px; vertical-align: middle;}
.item input.submit, .item_detail input.submit {float: left; width: 22px; height: 20px; background: url('../img/shop/kosik.gif') no-repeat; margin-left: 10px;}

/*******FORMIKY********/
#content fieldset.form {background: #FCFFE2; margin: 0 7px; padding: 20px 30px;}
fieldset.form label {float: left; clear: both; width: 150px; text-align: right; margin: 5px; color: #FFAE00;}
fieldset.form input, fieldset.form select {float: left; margin: 5px; background: #F7EADC url('../img/input.gif') no-repeat; width: 200px; height: 15px; 
											color: #DD5200;}
fieldset.form input.press {float: left; margin: 5px 5px 5px 297px; background: #F7EADC url('../img/submit_button.gif') no-repeat; width: 68px;
											height: 20px; line-height: 18px; color: #237E00; font-weight: bold; font-size: 10px; clear: both;}
fieldset.form label.required {font-weight: bold;}
fieldset.form input.short {width: 50px; margin-right: 150px;}
fieldset.form select {height: auto;}
fieldset.form a {float: left; clear: both; line-height: 20pt; color: #DD5200; font-size: 9pt; text-decoration: none;}
fieldset.form a:hover {text-decoration: underline;}
fieldset.form p {margin: 0 0 20px 0;}
div.imageholder {
	 text-align: center;
}
#fhelp, #fhelp area {
	 cursor: help;
}
#fhelp a {
	 cursor: help; 
}
#ffhelp {
	 border:none;
}
#ffhelp1 {
	 	background-color: #FCFFE2;
		padding: 3px;
		margin-left: 7px;
		margin-right: 7px;
		border-top: 1px solid #D68A0D;
		color: #237E00;
}
#ffhelp a, #ffhelp img {
	 border: none;
	 
}

/** ============================================= */
.ads {
	display:block;
	text-align:center;
	vertiacal-align:top;
}

.ads-popis {
	text-align:center;
	margin-bottom:10px;
}
.ads-popis img {
	vertical-align:text-top;
}

#adArtlux {
    color:#003575;
    font-weight:900;
}
#adBino {
    color:#AB010E;
    font-weight:900;
}