/* Style for formating www.cheport.cz
copyright Jiri Maruna - SYNTAX MEDIA 2009
http://www.syntaxmedia.cz */

/* ---------------------------- basic --------------------------------------- */
body	{
	background-color: #FFF;
	color: #226A53;
	font-size: 80%;
	font-family: Verdana, sans-serif;
	text-align: center;
	background-image: url(bodybkg.jpg);
	background-repeat: repeat-x;
	position: relative;
}


html, body, p, form, 
ul, ol, li		{ margin:0px; padding:0px; }


a {
	color: #226A53;
	font-weight: bold;
/*	text-decoration: none;*/
}

a:hover {
	color: #339966;
}

.text_version {
	display: none;
}

.cleaner {
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0.1px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}



/* --- page -------------------------------------------------------------  */

#page  {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: white;
	z-index: 0;
	position: relative;
}

#leftbox {
	width: 240px;
	margin-top: 20px;
	background-color: #FFF;
	color: #226A53;
	float: left;
}

#rightbox {
	width: 200px;
	margin-top: 20px;
	background-color: #FFF;
	text-align: left;
	color: #090;
	float: right;
}

#content {
	width: 560px;
	margin-top: 20px;
	background-color: #FFF;
	font-size: 0.9em;
	color: #226A53;
	float: left;
	overflow: hidden;
	z-index: 0;
}

#footer {
	width: 1000px;
	height: 55px;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#footer div.created {
	width: 180px;
	height: 15px;
	color: #6C3;
	font-size: 0.8em;
	position: absolute;
	top: 35px;
	left: 810px;
}

#footer a {
	color: #6C3;
	text-decoration: none;
}
#footer a:hover {
	color: #9F6;
}

/* --- page -------------------------------------------------------------  */


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

#header {
	width: 1000px;
	height: 180px;
	text-align: left;
/*	padding: 0px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	background-image: url(header_bkg.jpg);
	background-repeat: none;
	position: relative;
}

#header a.logo {
	width: 220px;
	height: 60px;
	font-size: 1.4em;
	padding-top: 30px;
	padding-left: 15px;
	display: block;
	margin-top: 20px;
	margin-left: 14px;
	_margin-left: 7px;
	float: left;
	position: relative;
	z-index: 0;
	cursor: pointer;
}

#header span.logo-pic {
	width: 235px;
	height: 90px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
}


#header div.quick_menu {
	width: 460px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 330px;
}

#header span.quick_menu_link_box {
	width: 95px;
	height: 30px;
	display: block;
	margin-right: 5px;
	background: url(quick-menu-link-bkg.jpg) top left no-repeat;
	float: left;
	position: relative;
}

#header a.quick_menu_link {
	position: absolute;
	top: 8px;
	left: 10px;
	color: #F0902C;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
}

#header a.quick_menu_link:hover {
	color: #CD5C5C;
}


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




/* ---------- product menu -------------------------------------------------- */

#product_menu {
	width: 240px;
	position: relative;
	z-index: 0;
	float: left;
	background-image: url(product-menu-bkg.jpg);
	background-repeat: no-repeat;
}

#product_menu div.pm_ul_box {
	position: absolute;
	top: 75px;
	left: 0px;
	z-index: 1;	
}

#product_menu div.pm_bkg_box {
/*	background-image: url(product-menu-bkg.jpg);
	background-repeat: no-repeat;*/
}

#product_menu ul {
	width: 240px;
/*	background-color: gray;*/
}

#product_menu li {
	width: 215px;
/*	height: 20px;*/
	list-style: none;
	text-align: left;
	margin-left: 12px;
	_margin-left: 6px;
	margin-bottom: 6px;
	float: left;
	z-index: 1;
/*	background-color: gray;*/
}

#product_menu a {
	width: 194px;
/*	height: 20px;*/
	color: #030;
	font-weight: normal;
	font-size: 0.9em;
	_font-size: 0.88em;
	padding-left: 20px;
	display: block;
	text-decoration: none;
	background-image: url(productmenu-li-bkg.jpg);
	background-repeat: no-repeat;
}

#product_menu a:hover {
	color: #393;
	background-image: url(productmenu-li-hover-bkg.jpg);
	background-repeat: no-repeat;
}

#product_menu a.active {
	color: #F60;
	background-image: url(productmenu-li-active-bkg.jpg);
	background-repeat: no-repeat;
}


#product_menu div.emptybox {
	width: 240px;
	height: 20px;
	float: left;
/*	background-color: green;*/
}

#product_menu div.emptybox_nextline {
	width: 240px;
	height: 12px;
	float: left;
}

#product_menu div.pm_bkg_end {
	width: 240px;
	height: 105px;
	background-image: url(product-menu-bkg-end.jpg);
	background-repeat: none;
}


/* ---------- product menu -------------------------------------------------- */


/* ---------- main menu -------------------------------------------------- */

#main_menu {
	width: 240px;
	position: relative;
	z-index: 0;
	float: left;
	background-image: url(main-menu-bkg.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 20px;
}

#main_menu div.mm_ul_box {
	position: absolute;
	top: 55px;
	left: 0px;
	z-index: 1;	
}

#main_menu div.mm_bkg_box {
/*	background-image: url(product-menu-bkg.jpg);
	background-repeat: no-repeat;*/
}

#main_menu ul {
	width: 240px;
/*	background-color: gray;*/
}

#main_menu li {
	width: 215px;
	height: 20px;
	list-style: none;
	text-align: left;
	margin-left: 12px;
	_margin-left: 6px;
	float: left;
	z-index: 1;
/*	background-color: gray;*/
}

#main_menu li.topmargin {
	margin-top: 17px;
}


#main_menu a {
	width: 195px;
	height: 20px;
	color: #399;
	font-weight: normal;
	font-size: 0.9em;
	_font-size: 0.88em;
	padding-left: 20px;
	display: block;
	text-decoration: none;
	background-image: url(mainmenu-li-bkg.jpg);
	background-repeat: no-repeat;
}

#main_menu a:hover {
	color: #3CC;
	background-image: url(mainmenu-li-hover-bkg.jpg);
	background-repeat: no-repeat;
}

#main_menu a.active {
	color: #033;
	background-image: url(mainmenu-li-active-bkg.jpg);
	background-repeat: no-repeat;
}

#main_menu div.emptybox {
	width: 240px;
	height: 20px;
	float: left;
}
#main_menu div.emptybox_topmargin {
	width: 240px;
	height: 20px;
	float: left;
	margin-top: 17px;
}



#main_menu div.mm_bkg_end {
	width: 240px;
	height: 85px;
	background-image: url(main-menu-bkg-end.jpg);
	background-repeat: none;
}


/* ---------- main menu -------------------------------------------------- */

#rightbox a {
	color: #090;
	font-weight: normal;
}

#rightbox a:hover {
	color: #060;
}

#rightbox div.quick_contact_box {
	width: 200px;
	height: 220px;
	background-image: url(quick-contact-box.jpg);
	background-repeat: no-repeat;
}

#rightbox div.qcont_head {
	width: 160px;
	text-align: right;
	margin-top: 50px;
	margin-right: 20px;
	_margin-right: 10px;
	float: right;
}

#rightbox div.qcont_details_box {
	width: 160px;
	margin-top: 10px;
	margin-right: 20px;
	_margin-right: 10px;
	text-align: right;
	color: #FF3904;
	float: right;
}

#rightbox div.qcont_phones_ico {
	width: 26px;
	height: 25px;
	background: url(phone-ico.gif) top left no-repeat;
	float: left;
}

#rightbox div.qcont_mails_ico {
	width: 26px;
	height: 25px;
	background: url(mail-ico.gif) top left no-repeat;
	float: left;
}

#rightbox div.qcont_details_line {
	width: 130px;
	margin-bottom: 3px;
	text-align: right;
	font-size: 0.9em;
	color: #FF3904;
	float: right;
}

#rightbox a.qcont_details_link {
	font-size: 0.9em;
}


#rightbox div.product_promo_box {
	width: 200px;
	height: 200px;
	margin-top: 20px;
	background-image: url(product-promo-box.jpg);
	background-repeat: no-repeat;
}

#rightbox div.prpromo_box_name {
	width: 160px;
	text-align: right;
	margin-top: 50px;
	margin-right: 20px;
	_margin-right: 10px;
	color: #FF3904;
	font-size: 0.9em;
	float: right;
}


#rightbox div.prpromo_details_box {
	width: 160px;
	margin-top: 5px;
	margin-right: 20px;
	_margin-right: 10px;
	text-align: left;
	font-size: 0.8em;
	float: right;
}

#rightbox div.prpromo_img_box {
	width: 70px;
	margin-right: 2px;
	margin-top: 2px;
	float: left;
}

#rightbox img.prpromo_img {
	width: 70px;
	border: 0px solid white;
}

#rightbox a.prpromo_link {
	width: 160px;
	margin-top: 10px;
	margin-right: 20px;
	_margin-right: 10px;
	text-align: right;
	font-size: 0.8em;
	float: right;
	display: block;
}


/* start*********************************************** page end ************************************* */

#content div.page_end {
	width: 560;
	height: 25px;
	margin-top: 20px;
	background: url("pageend-bkg.jpg") top left repeat-x;
	position: relative;
	z-index: 0;
/*	margin: 0px auto 30px auto;*/
}

#content span.pageend_l {
	width: 195px;
	height: 25px;
	text-align: left;
	background: url("pageend-left-bkg.jpg") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#content span.pageend_r {
	width: 195px;
	height: 25px;
	text-align: right;
	background: url("pageend-right-bkg.jpg") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 370px;
	z-index: 0;
}

#content a.a_pageend_l  {
	width: 120px;
	_width: 150px;
	height: 25px;
	color: #FCB72D;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
/*	background-color: Gray;*/
	position: absolute;
	top: 7px;
	left: 60px;
	z-index: 1;
	padding-left: 30px
}

#content a.a_pageend_r  {
	width: 100px;
	_width: 130px;
	height: 25px;
	color: #FCB72D;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
/*	background-color: Gray;*/
	position: absolute;
	top: 7px;
	left: 0px;
	z-index: 1;
	padding-right: 30px
}

#content a.a_pageend_l:hover {
	color: #F29D3F;
}

#content a.a_pageend_r:hover {
	color: #F29D3F;
}

#content span.printico {
	width: 22px;
	height: 12px;
	background: url("print-ico.gif") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#content span.sendmsgico {
	width: 22px;
	height: 12px;
	background: url("sendmsg-ico.gif") top left no-repeat;
	position: absolute;
	top: 1px;
	left: 110px;
	z-index: 2;
}
/* *********************************************** page end *************************************end */





/* ------------------------ content basic elements ------------------------------------------------*/


#content div.element {
	margin: 0px 20px 0px 20px;
}

#content div.hiding_link_div {
}

#content a.hiding_but_open {
	height: 18px;
	_height: 20px;
	color: #F0902C;
	text-align: left;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	background: url(link-showdetails-bkg.gif) top left no-repeat;
	background-color: #FFFADF;
}
#content a.hiding_but_open:hover {
	color: #000;
}
#content a.hiding_but_close {
	height: 18px;
	_height: 20px;
	color: #F0902C;
	text-align: left;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	background: url(link-hidedetails-bkg.gif) top left no-repeat;
}
#content a.hiding_but_close:hover {
	color: #000;
}


#content div.elemet_highl_box {
	background-color: #FFF8D1;
	margin-top: 10px;
}

#content div.elemet_highl_box_top_border {
	height: 10px;
}

#content span.elemet_highl_box_top_border_left_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(top-left-corner.gif) top left no-repeat;
	float: left;
}

#content span.elemet_highl_box_top_border_right_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(top-right-corner.gif) top right no-repeat;
	float: right;
}

#content div.elemet_highl_box_foot_border {
	height: 10px;
}

#content span.elemet_highl_box_foot_border_left_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(foot-left-corner.gif) top left no-repeat;
	float: left;	
}

#content span.elemet_highl_box_foot_border_right_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(foot-right-corner.gif) top right no-repeat;
	float: right;
}



#content h1 {
	width: 480px;
	height: 30px;
	_width: 560px;
	_height: 55px;
	font-size: 1.4em;
	text-align: left;
	color: #399;
	padding-left: 80px;
	padding-top: 25px;
	background-image: url(pageheader-classic-bkg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#content h1.catalog {
	color: #090;
	color: #F60;
	background-image: url(pageheader-catalog-bkg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#content h2 {
	width: 525px;
	height: 20px;
	_width: 560px;
	font-size: 1.2em;
	text-align: left;
	color: #F0902C;
   padding-left: 35px;
	background-image: url(h2-bkg.jpg);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}




#content p {
/*	width: 500px;*/
/*	width: 100%;*/
	_width: 520px;
	text-align: justify;
	margin: 10px 10px 5px 10px;
}

#content a {
	font-weight: normal;
	text-decoration: underline;
	color: #033;
}
#content a:hover {
	color: #000;
}

#content dl {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#content dt {
	width: 50%;
	_width: 46%;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
	background-color: #FDFAD0;
}
#content span.dt_padding {
	margin: 0px 5px 0px 5px;
}

#content dd {
	width: 50%;
	_width: 46%;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
	background-color: #FDFAD0;
}
#content div.dd_padding {
	margin: 0px 5px 0px 5px;	
}

#content dt.cln {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.1em;
}
#content dd.cln {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.1em;
}

#content ul {
	text-align: left;
	margin: 10px 10px 5px 10px;
	list-style: none;
}

#content li {
	padding-left: 20px;
	margin-bottom: 5px;
	background-image: url(li-content.jpg);
	background-repeat: no-repeat;
}
	
#content a.produkty_link_katalog {
	width: 329px;
	_width: 355px;
	height: 18px;
	_height: 20px;
	display: block;
	float: right;
	background-color: #FFFADF;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin-bottom: 5px;
	background-image: url(link-bkg.gif);
	background-repeat: no-repeat;
}

#content a.produkty_link_katalog:hover {
	color: #000;
}

#content a.dealers_link {
	width: 484px;
	_width: 510px;
	height: 18px;
	_height: 20px;
	display: block;
	background-color: #FFFADF;
	color: #F0902C;
	text-align: left;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 25px 5px 25px;
	background-image: url(link-bkg.gif);
	background-repeat: no-repeat;
}

#content a.dealers_link:hover {
	color: #000;
}



/* ------------------------ content basic elements ------------------------------------------------*/



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

#flash_box {
}


#content div.alt_home_content {
	display: none;
}


#content div.home_news_box {
	width: 310px;
	float: left;
}

#content div.home_right_box {
	width: 190px;
	float: right;
}

#content div.home_long_head {
	width: 310px;
	height: 17px;
	color: #F0902C;
	text-align: left;
	font-weight: bold;
	padding: 3px 0px 0px 10px;
	background: url(home-head-1.gif) top left no-repeat;
}

#content div.home_short_head {
	width: 190px;
	height: 17px;
	color: #F0902C;
	text-align: left;
	font-weight: bold;
	padding: 3px 0px 0px 10px;
	background: url(home-head-2.gif) top left no-repeat;
}

#content div.home_newsitem {
	width: 310px;
/*	height: 100px;*/
	background: url(home-news-bkg.jpg) top left repeat-x;
	font-size: 0.9em;
	margin-bottom: 5px;
}

#content div.home_newsitem_top {
	width: 310px;
	height: 25px;
}

#content span.home_newsitem_date {
	float: left;
	color: #888;
	margin: 8px 0px 0px 5px;
	_margin: 8px 0px 0px 10px;
}

#content a.home_newsitem_link {
	float: right;
	color: #F0902C;
	margin: 8px 5px 0px 0px;
}

#content div.home_newsitem_head {
	width: 300px;
	font-weight: bold;
	text-align: left;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
}

#content div.home_newsitem_text {
	width: 300px;
	text-align: left;
	padding: 3px 5px 3px 5px;
}

#content div.home_rightboxitem {
	width: 190px;
	background: url(home-rightboxitem-bkg.jpg) top left repeat-x;
	font-size: 0.9em;
	margin-bottom: 10px;
	text-align: left;
}

#content div.home_rightboxitem_text {
	width: 180px;
	text-align: left;
	padding: 8px 5px 0px 5px;
}

#content a.home_rightboxitem_smallmapcr {
	width: 150px;
	height: 90px;
	display: block;
	margin-left: 18px;
	margin-top: 8px;
	background: url(home-small-map-cr.gif) top left no-repeat;
}

#content a.home_rightboxitem_link {
	float: right;
	color: #F0902C;
	margin: 0px 5px 15px 0px;
}

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




/* start*********************************************** paragraph l r picture ************************************* */

#content span.picture_r {
	background-color: #FFF;
	width: 135px;
	text-align: center;
	margin: 0px 0px 10px 10px;
	float: right;
}

#content span.picture_l {
	background-color: #FFF;
	width: 135px;
	text-align: center;
	margin: 0px 10px 10px 0px;
	float: left;
}

#content span.picture_r img {
	width: 135px;
/*	height: 165px;
	margin-top: 25px;*/
	border: 0px solid white;
}
#content span.picture_l img {
	width: 135px;
/*	height: 165px;
	margin-top: 25px;*/
	border: 0px solid white;
}


/* *********************************************** paragraph l r picture *************************************end */


/* start*********************************************** paragraph gallery l r picture ************************************* */

#content span.gallery_pic_r {
	background-color: #FFF8D1;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	float: right;
}

#content span.gallery_pic_l {
	background-color: #FFF8D1;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	float: left;
}

#content span.gallery_pic_l_topborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("top-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}
#content span.gallery_pic_r_topborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("top-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}

#content span.gallery_pic_l_footborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("foot-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}
#content span.gallery_pic_r_footborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("foot-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}

#content span.gallery_pic_img_box {
	background-color: #FFF8D1;
	width: 240px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	display: block;
}

#content img.gallery_pic_img {
	border: 5px solid #FFFADF;
	margin-bottom: 0px;
}

#content span.gallery_pic_text {
	width: 230px;
	_width: 240px;
	margin: 5px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFADF;
/*	font-size: 0.7em;*/
	text-align: justify;
	display: block;
}

#content a.gallery_pic_dwnl_link {
	width: 214px;
	_width: 355px;
	height: 18px;
	_height: 20px;
	text-align: left;
	display: block;
	background-color: #FFFADF;
	margin: 5px 5px 0px 5px;
	padding: 2px 0px 0px 26px;
	
	color: #F0902C;
	text-decoration: none;
	background-image: url(link-download-bkg.gif);
	background-repeat: no-repeat;
}

#content a.gallery_pic_dwnl_link:hover {
	color: black;
}


/* *********************************************** paragraph gallery l r picture *************************************end */






/* ------------------------------------ map cr ------------------------------------------------------------ */

#map_cr {
	width: 520px;
	height: 300px;
	margin: 20px 0px 20px 0px;
	background: url("map-cr.gif") top left no-repeat;
	position: relative;
	z-index: 0;
}

#transparent_layer {
	width: 520px;
	height: 300px;
	background: url("transparent-layer.gif") top left no-repeat;
	border: 0px solid white;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

#area01.pasive {
	width: 86px;
	height: 62px;
	position: absolute;
	z-index: 1;
	top: 71px;
	left: 17px;
}

#area02.pasive {
	width: 123px;
	height: 105px;
	position: absolute;
	z-index: 1;	
	top: 11px;
	left: 80px;
}

#area03.pasive {
	width: 105px;
	height: 130px;
	position: absolute;
	z-index: 1;	
	top: 113px;
	left: 35px;
}

#area04.pasive {
	width: 89px;
	height: 62px;
	position: absolute;
	z-index: 1;	
	top: 15px;
	left: 182px;
}

#area05.pasive {
	width: 152px;
	height: 124px;
	position: absolute;
	z-index: 1;	
	top: 61px;
	left: 111px;
}

#area06.pasive {
	width: 33px;
	height: 26px;
	position: absolute;
	z-index: 2;	
	top: 109px;
	left: 171px;
}

#area07.pasive {
	width: 152px;
	height: 116px;
	position: absolute;
	z-index: 1;	
	top: 174px;
	left: 113px;
}

#area08.pasive {
	width: 104px;
	height: 84px;
	position: absolute;
	z-index: 1;	
	top: 44px;
	left: 234px;
}

#area09.pasive {
	width: 108px;
	height: 70px;
	position: absolute;
	z-index: 1;	
	top: 110px;
	left: 251px;
}

#area10.pasive {
	width: 112px;
	height: 104px;
	position: absolute;
	z-index: 1;	
	top: 147px;
	left: 214px;
}

#area11.pasive {
	width: 85px;
	height: 132px;
	position: absolute;
	z-index: 1;	
	top: 83px;
	left: 349px;
}

#area12.pasive {
	width: 154px;
	height: 113px;
	position: absolute;
	z-index: 1;
	top: 175px;
	left: 261px;
}

#area13.pasive {
	width: 124px;
	height: 105px;
	position: absolute;
	z-index: 1;	
	top: 97px;
	left: 379px;
}

#area14.pasive {
	width: 95px;
	height: 78px;
	position: absolute;
	z-index: 1;	
	top: 186px;
	left: 376px;
}



#area01.active {
	width: 86px;
	height: 62px;
	background: url("map-area-01.gif") top left no-repeat;
	position: absolute;
	z-index: 1;
	top: 71px;
	left: 17px;
}

#area02.active {
	width: 123px;
	height: 105px;
	background: url("map-area-02.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 11px;
	left: 80px;
}

#area03.active {
	width: 105px;
	height: 130px;
	background: url("map-area-03.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 113px;
	left: 35px;
}

#area04.active {
	width: 89px;
	height: 62px;
	background: url("map-area-04.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 15px;
	left: 182px;
}

#area05.active {
	width: 152px;
	height: 124px;
	background: url("map-area-05.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 61px;
	left: 111px;
}

#area06.active {
	width: 33px;
	height: 26px;
	background: url("map-area-06.gif") top left no-repeat;
	position: absolute;
	z-index: 2;	
	top: 109px;
	left: 171px;
}

#area07.active {
	width: 152px;
	height: 116px;
	background: url("map-area-07.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 174px;
	left: 113px;
}

#area08.active {
	width: 104px;
	height: 84px;
	background: url("map-area-08.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 44px;
	left: 234px;
}

#area09.active {
	width: 108px;
	height: 70px;
	background: url("map-area-09.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 110px;
	left: 251px;
}

#area10.active {
	width: 112px;
	height: 104px;
	background: url("map-area-10.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 147px;
	left: 214px;
}

#area11.active {
	width: 85px;
	height: 132px;
	background: url("map-area-11.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 83px;
	left: 349px;
}

#area12.active {
	width: 154px;
	height: 113px;
	background: url("map-area-12.gif") top left no-repeat;
	position: absolute;
	z-index: 1;
	top: 175px;
	left: 261px;
}

#area13.active {
	width: 124px;
	height: 105px;
	background: url("map-area-13.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 97px;
	left: 379px;
}

#area14.active {
	width: 95px;
	height: 78px;
	background: url("map-area-14.gif") top left no-repeat;
	position: absolute;
	z-index: 1;	
	top: 186px;
	left: 376px;
}



#areatext01 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 90px;
	left: 35px;
}

#areatext02 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 55px;
	left: 125px;
}

#areatext03 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 155px;
	left: 70px;
}

#areatext04 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 36px;
	left: 205px;
}

#areatext05 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 140px;
	left: 157px;
}

#areatext06 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 112px;
	left: 172px;
}

#areatext07 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 212px;
	left: 155px;
}

#areatext08 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 75px;
	left: 240px;
}

#areatext09 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 128px;
	left: 283px;
}

#areatext10 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 185px;
	left: 250px;
}

#areatext11 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 162px;
	left: 362px;
}

#areatext12 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 231px;
	left: 316px;
}

#areatext13 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 131px;
	left: 392px;
}

#areatext14 {
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 209px;
	left: 403px;
}


#areatext01.pasive { color: #F0902C; }
#areatext02.pasive { color: #F0902C; }
#areatext03.pasive { color: #F0902C; }
#areatext04.pasive { color: #F0902C; }
#areatext05.pasive { color: #F0902C; }
#areatext06.pasive { color: #F0902C; }
#areatext07.pasive { color: #F0902C; }
#areatext08.pasive { color: #F0902C; }
#areatext09.pasive { color: #F0902C; }
#areatext10.pasive { color: #F0902C; }
#areatext11.pasive { color: #F0902C; }
#areatext12.pasive { color: #F0902C; }
#areatext13.pasive { color: #F0902C; }
#areatext14.pasive { color: #F0902C; }

#areatext01.active { color: #FFFF9F; }
#areatext02.active { color: #FFFF9F; }
#areatext03.active { color: #FFFF9F; }
#areatext04.active { color: #FFFF9F; }
#areatext05.active { color: #FFFF9F; }
#areatext06.active { color: #FFFF9F; }
#areatext07.active { color: #FFFF9F; }
#areatext08.active { color: #FFFF9F; }
#areatext09.active { color: #FFFF9F; }
#areatext10.active { color: #FFFF9F; }
#areatext11.active { color: #FFFF9F; }
#areatext12.active { color: #FFFF9F; }
#areatext13.active { color: #FFFF9F; }
#areatext14.active { color: #FFFF9F; }


/* ------------------------------------ map cr ------------------------------------------------------------ */




/* ----------------------------product list box -------------------------------------------- */


#content div.product_list_item_box {
	width: 520px;
	margin: 10px 20px 0px 20px;
	background-color: #EBFFC4;
}

#content div.product_list_item_box_top {
	width: 520px;
	height: 10px;
	font-size: 0.1em;
	background: url("top-border-long-green.jpg") top left no-repeat;
	background-color: #EBFFC4;
}


#content div.product_list_item_box_footer {
	width: 520px;
	height: 10px;
	font-size: 0.1em;
	background: url("foot-border-long-green.jpg") top left no-repeat;
	background-color: #EBFFC4;
}


#content h2.product_list_item {
	width: 475px;
	_width: 510px;
	height: 20px;
	font-size: 1.2em;
	text-align: left;
	color: #249262;
   padding: 5px 0px 0px 35px;
	background-color: #F1FFD6;
	background-image: url(h2-product-list-bkg.jpg);
	background-repeat: no-repeat;
	margin: 0px 5px 0px 5px;
}


#content img.product_list_item {
	width: 150px;
	height: 130px;
	background-color: #F1FFD6;
	border: 5px solid #F1FFD6;
	margin: 5px 5px 5px 5px;
	float: left;
}

#content dl.product_list_item {
	width: 310px;
	margin: 0px 5px 0px 5px;
	_margin: 0px 3px 0px 3px;
	float: right;
}

#content dt.product_list_item_term_a {
	width: 45px;
	_width: 55px;
	height: 62px;
	_height: 67px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dd.product_list_item_def_a {
	width: 245px;
	_width: 255px;
	height: 62px;
	_height: 67px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dt.product_list_item_term_b {
	width: 45px;
	_width: 55px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dd.product_list_item_def_b {
	width: 245px;
	_width: 255px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}


#content a.product_list_item {
	width: 284px;
	_width: 310px;
	height: 18px;
	_height: 20px;
	display: block;
	float: right;
	background-color: #F1FFD6;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 5px 0px 5px;
	_margin: 5px 3px 0px 3px;
	background-image: url(link-green-bkg.gif);
	background-repeat: no-repeat;
}

#content a.product_list_item:hover {
	color: #000;
}


/* ----------------------------product list box -------------------------------------------- */


/* ----------------------------product box -------------------------------------------- */


#content div.product_item_box {
	width: 520px;
	margin: 10px 20px 0px 20px;
	background-color: #EBFFC4;
}

#content div.product_item_box_top {
	width: 520px;
	height: 10px;
	font-size: 0.1em;
	background: url("top-border-long-green.jpg") top left no-repeat;
	background-color: #EBFFC4;
}


#content div.product_item_box_footer {
	width: 520px;
	height: 10px;
	font-size: 0.1em;
	background: url("foot-border-long-green.jpg") top left no-repeat;
	background-color: #EBFFC4;
}

#content div.product_item_box_1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content div.product_item_box_2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#content img.product_item {
	width: 240px;
	height: 210px;
	background-color: #F1FFD6;
	border: 5px solid #F1FFD6;
	margin: 0px 5px 0px 5px;
	float: left;
}

#content dl.product_item {
	width: 250px;
	margin: 0px 5px 0px 5px;
	_margin: 0px 3px 0px 3px;
	float: right;
}

#content dt.product_item_term_a {
	width: 240px;
	_width: 250px;
	height: 28px;
	_height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dd.product_item_def_a {
	width: 240px;
	_width: 250px;
	height: 108px;
	_height: 110px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dt.product_item_term_b {
	width: 35px;
	_width: 48px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dd.product_item_def_b {
	width: 195px;
	_width: 202px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}


#content dt.product_item_term_c {
	width: 115px;
	_width: 125px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dd.product_item_def_c {
	width: 115px;
	_width: 125px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
}

#content dt.product_item_term_d {
	width: 115px;
	_width: 125px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
	font-weight: bold;
}

#content dd.product_item_def_d {
	width: 115px;
	_width: 125px;
	height: 18px;
	_height: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	background-color: #F1FFD6;
	font-weight: bold;
}


#content a.product_item_link_a {
	width: 224px;
	_width: 250px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #F1FFD6;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 50px 0px 5px;
	_margin: 3px 30px 0px 3px;
	background-image: url(link-bigpic-green-bkg.gif);
	background-repeat: no-repeat;
}

#content a.product_item_link_a:hover {
	color: #000;
}

#content a.product_item_link_b {
	width: 224px;
	_width: 250px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #F1FFD6;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 50px 0px 5px;
	_margin: 3px 30px 0px 3px;
	background-image: url(link-showdetail-green-bkg.gif);
	background-repeat: no-repeat;
}

#content a.product_item_link_b:hover {
	color: #000;
}

#content a.product_item_link_c {
	width: 224px;
	_width: 250px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #F1FFD6;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 50px 0px 5px;
	_margin: 3px 30px 0px 3px;
	background-image: url(link-showdoc-green-bkg.gif);
	background-repeat: no-repeat;
}

#content a.product_item_link_c:hover {
	color: #000;
}

#content a.product_item_link_d {
	width: 224px;
	_width: 250px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #F1FFD6;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 50px 0px 5px;
	_margin: 3px 30px 0px 3px;
	background-image: url(link-download-green-bkg.gif);
	background-repeat: no-repeat;
}

#content a.product_item_link_d:hover {
	color: #000;
}

#content a.product_item_link_d_img {
	width: 224px;
	_width: 250px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #F1FFD6;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 50px 10px 5px;
	_margin: 3px 30px 7px 3px;
	background-image: url(link-download-green-bkg.gif);
	background-repeat: no-repeat;
}

#content a.product_item_link_d_img:hover {
	color: #000;
}



#content img.product_item_picdetail {
	width: 500px;
	height: 435px;
	background-color: #F1FFD6;
	border: 5px solid #F1FFD6;
	margin: 5px 5px 0px 5px;
	_margin: 2px 5px 0px 5px;
}


/* ----------------------------product box -------------------------------------------- */






#rightbox div.topdistanc {
	width: 200px;
	height: 22px;
	background-color: #FAFDC6;
}

#content div.home_topdistanc {
	width: 100%;
	height: 22px;
}




/* start*********************************************** distancies ************************************* */

#content div.home_bottomdistanc {
	width: 100%;
	font-size: 0.2em;
	height: 8px;
	display: block;
	clear: both;
}
#content div.contform_bottomdistanc {
	width: 100%;
	height: 60px;
	_height: 49px;
	display: block;
	clear: both;
}

#content div.contacts_bott_dist {
	height: 40px;
}

/* *********************************************** distancies *************************************end */




/* start*********************************************** picture detail ************************************* */

#content img.pic_detail_img {
	border: 5px solid #FFFADF;
}

#content div.pic_detail_text {
	margin: 5px 10px 0px 10px;
	background-color: #FFFADF;
	text-align: left;
}


#content a.pic_detail_goback {
	height: 18px;
	_height: 20px;
	color: #F0902C;
	display: block;
	text-align: left;
	text-decoration: none;
	margin: 5px 10px 0px 10px;
	padding: 2px 0px 0px 26px;
	background: url(link-goback-bkg.gif) top left no-repeat;
	background-color: #FFFADF;
}
#content a.pic_detail_goback:hover {
	color: #000;
}

/* *********************************************** picture detail *************************************end */




/* start*********************************************** contact_box ************************************* */


#content div.contact_box_photo_and_name {
	width: 250px;
	margin: 0px 5px 0px 5px;
	_margin: 0px 3px 0px 3px;
	float: left;
}

#content div.contact_box_photo {
	width: 80px;
	height: 90px;
	background-color: #FFF8D1;
	background: url(photo-bkg.jpg) top left no-repeat;
	float: left;
}
#content div.contact_box_name {
	width: 160px;
	height: 18px;
	_height: 20px;
	text-align: left;
	padding: 2px 5px 0px 5px;
	margin: 0px 0px 3px 0px;
	color: #F0902C;
	background-color: #FFF8D1;
	float: left;
}
#content div.contact_box_function {
	width: 160px;
	height: 18px;
	_height: 20px;
	text-align: left;
	padding: 2px 5px 0px 5px;
	color: #F0902C;
	background-color: #FFF8D1;
	float: left;
}

#content dl.contact_box_details {
	width: 250px;
	margin: 0px 5px 0px 5px;
	float: left;
}


#content dt.contact_box_term {
	width: 45px;
	_width: 55px;
/*	height: 18px;
	_height: 20px;*/
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #FFFADF;
}
#content dd.contact_box_def {
	width: 185px;
	_width: 195px;
/*	height: 18px;
	_height: 20px;*/
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #FFFADF;
}


/* *********************************************** contact_box *************************************end */



/* start*********************************************** contact form ************************************* */

#contact_form {
	margin: 25px 20px 15px 20px;
	_margin: 25px 20px 15px 20px;
	padding: 0px;
}

#contact_form div.valuebox {
	width: 173px;
	_width: 170px;
	font-weight: bold;
/*	text-align: center;*/
	text-align: left;
	float: left;
/*	background-color: #DC9FAC;*/
}

#contact_form span.valuename {
	width: 160px;
	color: #F0902C;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	font-weight: bold;
	text-align: left;
	display: block;
/*	background-color: orange;*/
}

#contact_form input {
	width: 160px;
	_width: 158px;
	height: 16px;
	_height: 22px;
	color: #226A53;
	font-size: 0.9em;
	_font-size: 0.85em;
/*	font-weight: bold;*/
	font-family: Verdana, sans-serif;
	padding: 4px 2px 0px 3px;
	border: 1px solid #F0902C;
	background-color: #FDFAD0;
	margin-bottom: 14px;
	_margin-bottom: 12px;
	|float: right;
}

#contact_form div.areabox {
	width: 390px;
	height: 120px;
	font-weight: bold;
	text-align: left;
	_margin-top: 1px;
	float: left;
/*	background-color: Fuchsia;*/
}

#contact_form span.areaname {
	width: 97%;
	color: #F0902C;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	font-weight: bold;
	text-align: left;
	display: block;
}

#contact_form textarea {
	width: 96%;
	height: 101px;
	_height: 106px;
	border: 1px solid #F0902C;
	background-color: #FDFAD0;
	color: #226A53;
	font-size: 0.95em;
/*	font-weight: bold;*/
	font-family: Verdana, sans-serif;
	padding: 3px 3px 0px 3px;
	|float: right;
	_float: right;
}

#contact_form div.buttons_box {
	width: 127px;
	_width: 110px;
	height: 60px;
	_height: 120px;
	font-weight: bold;
	text-align: right;
	padding-top: 60px;
	_margin-top: 1px;
	float: left;
/*	background-color: #132568;*/
}

#contact_form input.but_res {
	width: 100px;
	_width: 90px;
	height: 22px;
	_height: 22px;
	padding-top: 0px;
	margin-right: 5px;
	color: #F3AF6A;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FFF;
	border: 1px solid #F0902C;
	cursor: pointer;
	background-image: none;
	|float: left;
}
#contact_form input.but_res:hover {
	color: #F0902C;
}


#contact_form input.but_sub {
	width: 100px;
	_width: 90px;
	height: 22px;
	_height: 22px;
	padding-top: 0px;
	margin-right: 5px;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #F0902C;
	border: 1px solid #D7730F;
	cursor: pointer;
	background-image: none;
	|float: left;
}

#contact_form input.but_sub:hover {
	background-color: #D7730F;
}

#contact_form div.status_msg {
	height: 22px;
	_height: 24px;
	margin: 10px auto 20px auto;
	display: block;
/*	float: left;*/
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding-top: 6px;
	padding-left: 7px;
	background-color: #F0902C;
}

#contact_form div.status_msg_free {
	width: 98%;
	_width: 99%;
	height: 20px;
	_height: 22px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: block;
	float: left;
	text-align: left;
	padding-top: 2px;
	padding-left: 7px;
}

#content div.succesmsg {
	height: 50px;
	_height: 55px;
	display: block;
	margin: 70px 20px 0px 20px;
	font-weight: bold;
	text-align: left;
	padding-top: 6px;
	padding-left: 7px;
	color: #FFF;
	background-color: #F0902C;
}

/* *********************************************** contact form *************************************end */


/* start*********************************************** downloads ************************************* */


#content a.downloads_ico {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0px 0px 0px 0px;
	float: left;
}

#content a.downloads_ico img {
	border: 0px solid white;
}

#content div.downloads_linesbox {
	width: 440px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 5px;
	float: left;
}

#content div.downloads_line1 {
	width: 440px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	float: left;
}

#content div.downloads_line2 {
	font-size: 0.8em;
	width: 130px;
	text-align: left;
	margin: 0px 0px 5px 0px;
	float: left;
}

#content div.downloads_line3 {
	width: 250px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	float: left;
}


#content a.downloads_btn_open {
	width: 54px;
	_width: 80px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #FDFAD0;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 10px 0px 0px;
	_margin: 3px 10px 0px 0px;
	background-image: url(link-showdoc-bkg.gif);
	background-repeat: no-repeat;
}

#content a.downloads_btn_open:hover {
	color: black;
}

#content a.downloads_btn_dwnl {
	width: 124px;
	_width: 150px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #FDFAD0;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 10px 0px 0px;
	_margin: 3px 10px 0px 0px;
	background-image: url(link-download-bkg.gif);
	background-repeat: no-repeat;
}

#content a.downloads_btn_dwnl:hover {
	color: black;
}
/* *********************************************** downloads *************************************end */