/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	table, tr, th, td { vertical-align: top; }
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; font-family: sans-serif; background: #48535A url(../img/body.jpg) no-repeat top; text-align: center; margin: 0 0 20px 0; }
h1, h2, h3, h4 { font-size: 240%; line-height: 1.1;  }
h2 { font-size: 150%;}
h3 { font-size: 120%; padding: 0 0 0.4em 0;}
h4 { font-size: 110%;}

a { color: #693; }
a:hover { color: #000; }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px; }
.imgl { float: left; margin: 0 20px 0.5em 0; }
.border { border: 3px solid #ccc; }
.table { width: 100%; border-left: 1px solid #CED0D0;border-top: 1px solid #CED0D0;}
.table th { background: #878787 url(../img/table-th.gif) repeat-x; color: #fff; padding: 0.4em 0.5em;}
.table th, .table td { border-right: 1px solid #CED0D0; border-bottom: 1px solid #CED0D0; }
.table td { padding: 0.2em 0.5em;  }
.table .odd td { background: #E5E6E7; }
.cleaner { clear: both; }

/* layout */
#center { width: 986px; margin: 0 auto; text-align: left; position: relative;}
#header { width: 986px; overflow: hidden; font-size: 110%; }
#bts { position: absolute; left: -130px; top: 0; display: none; }

#lang { width: 64px; float: right; padding: 45px 15px 0 0; }
#lang img { display: block; }
#lang li { float: left; }

#lang .en img { background: url(../img/flags.gif) no-repeat 0 -26px; }
#lang .es img  { background: url(../img/flags.gif) no-repeat -32px -26px; }
#lang .de img  { background: url(../img/flags.gif) no-repeat -64px -26px; }
#lang .cz img  { background: url(../img/flags.gif) no-repeat -96px -26px; }

#lang .curr .en img, #lang a.en:hover img { background: url(../img/flags.gif) no-repeat 0 0; }
#lang .curr .es img, #lang a.es:hover img  { background: url(../img/flags.gif) no-repeat -32px 0; }
#lang .curr .de img, #lang a.de:hover img  { background: url(../img/flags.gif) no-repeat -64px 0; }
#lang .curr .cz img, #lang a.cz:hover img  { background: url(../img/flags.gif) no-repeat -96px 0; }

#logo, #logo span { width: 250px; height: 100px; position: relative; left: 0; top: 0; float: left;  }
#logo span { background: url(../img/logo.png); position: absolute; }

#loginbox { width: 195px; height: 100px; float: right; background: #E4E7E9 url(../img/login.png) no-repeat; }
#loginbox label { display: block;}
.jsok #loginbox label { display: none; }
#loginbox input { background: url(../img/login-input.png) repeat-x; border: 1px solid #738D96; width: 60px; padding: 5px 0 5px 3px; color: #666; }
#loginbox .button { border: 0; background: none; width: auto; padding: 0; }
#loginbox form { margin: 0 0 0 12px; }
#loginbox caption { text-align: left; padding: 25px 0 0 0; font-weight: bold; color: #666; text-transform: uppercase;}
#loginbox td { vertical-align: middle; padding: 0 2px 0 0; }
#loginbox strong {  display: block; width: 130px; }

#wrap { width: 790px; float: left; overflow: hidden;}

#nav { width: 196px; float: left; background: url(../img/nav.jpg) no-repeat; font-size: 120%; }
#nav b { color: #4D8301; text-transform: uppercase; display: block; padding: 0 0 0 25px; font-size: 12px; line-height: 12px; padding: 22px 0 14px 25px; }
#nav .nav { background: #74C506 url(../img/nav-ul.jpg); width:100%; overflow: hidden;}
#nav .navwrap {  min-height: 300px; _height:300px;  }
#nav .nav a:hover { background-image: url(../img/nav-a-hover.gif);  }
#nav .nav li { background: url(../img/nav-li.gif) no-repeat 6px 0; float: left; width:196px;}
#nav span.pngfix { display: block; background: url(../img/nav-span.png); height: 12px; width:196px; overflow: hidden;  }

#nav li.curr  { background: url(../img/nav-li-li.gif) no-repeat 6px 0;  }
#nav li.curr li { background: url(../img/nav-curr-li.gif) no-repeat 6px 0; }
#nav li.curr li.curr { background: url(../img/nav-curr-curr.gif) no-repeat 6px 0; }
#nav li.curr li a { padding-left: 50px;  }
#nav li.curr li.curr li a { padding-left: 65px;  }

#nav .nav a { background: url(../img/nav-a.gif) no-repeat 12px 1.1em; display: block; padding: 10px 10px 6px 35px; color: #fff; text-decoration: none; zoom:1;  }
#nav .nav .curr a { font-weight: bold; color: #fff; background-image: url(../img/nav-a-hover.gif); }
#nav .nav .curr li a { font-weight: normal; background: url(../img/nav-a.gif) no-repeat 35px 1.1em; }
#nav .nav .curr .curr li a { background: url(../img/nav-a.gif) no-repeat 50px 1.1em; }
#nav .curr .curr .curr a { color: blue; }

#nav .nav .curr .sub a { background: url(../img/nav-sub.gif) no-repeat 12px 1.1em; }
#nav .nav .curr li .sub a { background: url(../img/nav-sub-sub.gif) no-repeat 32px 1.1em; }
#nav .active a { font-weight: bold !important;}
#nav .curr .curr .active a { color: #92CD28; }

#nav .news { color: #ddd; background: url(../img/nav-news.png) no-repeat bottom; padding: 0 0 15px 0;  }
#nav .news .block { background: url(../img/nav-news-block.jpg) no-repeat; padding: 0 15px; height: 100%; overflow: hidden; }
#nav .news li { background: url(../img/nav-news-li.png) repeat-y; padding-bottom: 10px; }
#nav .news h2 { font-size: 110%; text-transform: uppercase; color: #fff; padding: 22px 5px 10px 5px; }
#nav .news img { border: 3px solid #2F3B44; display: block; margin: 0 0 5px 0; }
#nav .news h3 { font-size: 100%; padding: 0.2em 0 0.6em 0;   }
#nav .news a { color: @aside_link; }
#nav .news .date, #nav .news .text, #nav .news .more { font-size: 95%; }
#nav .news .more { float: right; background: url(../img/nav-more.gif) no-repeat left; padding: 5px 0 5px 25px; }
#nav .news a:hover { color: #fff; }

#nav #newspager { float: left; }
#nav #newspager li, #nav #newspager a { float: left; background: transparent; padding: 0; }
#nav #newspager a { padding: 5px 8px; color: #fff; font-size: 95%; background: url(../img/nav-page-off.gif) no-repeat center; text-decoration: none; font-weight: bold; }
#nav #newspager .activeSlide { background: url(../img/nav-page-on.gif) no-repeat center;}

#section { width: 594px; float: right; background: #FFF url(../img/section.png) repeat-y; font-size: 120%; color: #666; overflow: hidden;  }
#sectionimg { position: relative; font-size: 90%; }
#sectionimg img { display: block; }
#sectionimg h1 { position: absolute; color: #fff; left: 25px; top: 72px; }

/* common texts */
.section1 { background: url(../img/section1.png) no-repeat bottom; padding: 0 0 10px 0;}
.section2 { min-height: 200px; background: url(../img/section2.jpg) no-repeat; padding: 30px 6px; _height:200px;}

.article { padding: 0 20px 0.5em 20px; clear: both;}
.article p { padding: 0 0 0.5em 0; }
.article h2 a { font-size:90%; }
.article .date { font-size:90%; }

.article ul { overflow: hidden; zoom:1; padding: 0 0 0.6em 0; }
.article ul li { background: url(../img/article-li.gif) no-repeat 4px 0.4em; padding: 0 0 0 15px; }


.search { padding:10px 0 0 0; clear: both; background:url(../img/faqlist1.gif) no-repeat center top;}
.search .search { padding: 0 20px 0.5em 20px; clear: both; background:url(../img/faqlist2.gif) no-repeat center bottom;}
.search p { padding: 0 0 0.5em 0; }
.search h2 a { font-size:90%; }
.search .date { font-size:90%; }

.search ul { overflow: hidden; zoom:1; padding: 0 0 0.6em 0; }
.search ul li { background: url(../img/article-li.gif) no-repeat 4px 0.4em; padding: 0 0 0 15px; }

.section2 h2 { border-bottom: 1px solid #D0D4D7; padding: 0 20px 15px 20px; margin: 0 0 1em 0; }
.section2 .article h2 { padding: 0 0 5px 0; margin: 0; border: 0; }

.section2 .back { font-weight:bold; width: 100%; overflow: hidden; }
.section2 .back a { background:url(../img/more.gif) no-repeat left; padding: 3px 0 3px 25px; float: left; margin:0 0 0 20px; display: inline;   }

/* references */
.references .section1 { background: url(../img/ref1.png) no-repeat bottom; padding: 0 0 10px 0; }
.references .section2 { background: url(../img/ref2.jpg) no-repeat; padding: 6px 16px 10px 6px; height: 100%; overflow: hidden;}
.section2 .clients { width: 582px; overflow: hidden; text-align: center; float: left; }
.clients li { width: 115px; height: 80px; float: left; border-bottom: 1px solid #d8dadb; border-right: 1px solid #d8dadb; padding: 0px 0 0 0; background: none !important;}
.clients li.last { width: 117px; height: 80px; float: left; border-bottom: 1px solid #d8dadb; padding: 0px 0 0 0; background: none !important;}
.clients a { display: block; padding: 10px 0 10px 0; text-decoration: none; color: #666; }
.clients a:hover { color: #693; }
.references .ref { width: 140px; float: right; }
.references .ref h2 { border: 0; padding: 10px 0 0.6em 0; margin: 0; }
.logotypes{ border-top: 1px solid #d8dadb; }

/* news */
.news .article { clear: both; border-bottom: 1px solid #d0d4d6; margin: 0 0 1em 0; overflow: hidden; padding: 0 0 1em 0; width: 100%;}
.news .article .text { padding: 0 20px; }
.news .article h2 { font-size:170%; margin:0 0 5px 0; padding: 0 0 10px 0; border: 0;}
.news .article img { border: 3px solid #ccc; }
.news .article .more a { background:url(../img/more.gif) no-repeat left; padding: 3px 0 3px 25px; float: left; margin: 0.6em 0 0 ; }

/* paging */
.page { padding: 0 20px; font-size: 90%; font-weight: bold; }
.page li { float: left; }
.page a { background: url(../img/page-off.gif) center; color: #363e42; text-align: center; width: 25px; text-align: center; float: left; padding: 4px 0; text-decoration: none;}
.page strong a { background: url(../img/page-on.gif) center;}
.page .less { margin: 0 20px 0 0; }
.page .more { margin: 0 0 0 20px; display: inline; }
.page .less a, .page .more a { width: auto; color: #693; text-decoration: underline; }
.page .less a { background: url(../img/page-less.gif) no-repeat right; padding: 4px 25px 4px 0; }
.page .more a { background: url(../img/page-more.gif) no-repeat left; padding: 4px 0 4px 25px;}

/* products list */
.products { padding: 0 10px; margin: 0 -20px; }
.article .products li { float: left; width: 187px; margin: 0; padding: 0; background: none; }
.products a { font-weight: bold; color: #7CBD0E; text-decoration: none; float: left; padding: 8px 0 125px 0; width: 187px;  text-align: center; }
.products a:hover { color: #fff; }
.products .phone a { background: url(../img/products1.jpg) no-repeat top; }
.products .camera a { background: url(../img/products2.jpg) no-repeat top; }
.products .bluetooth a { background: url(../img/products3.jpg) no-repeat top; }
.article .products li ul { clear: both; padding: 0.5em 0 0 0; }
.article .products li ul li { width: auto; float: none; font-size: 95%; background: url(../img/article-li.gif) no-repeat 8px 0.3em; padding: 0 0 0 20px; }

/* product detail */
.description { clear: none; }
.productimg { float: left; width: 322px; overflow: hidden;}
.productimg .img { float: left; width: 300px; overflow: hidden; }
.productimg img { display: block; margin: 0 0 0 10px; }

.carousel { margin: 0 0 0 39px;}
.carousel li { float: left; margin: 11px 2px 0 3px; display: inline; }
.carousel img { display: block; border: 1px solid #D0D4D7; margin: 0; }
.photo { width: 322px; height: 100px; background: url(../img/carousel.jpg) no-repeat; position: relative; overflow: auto; }
.jsok .photo { overflow: hidden; }
.photo .prev, .photo .next { position: absolute; top: 35px; cursor: pointer; }
.photo .prev { left: 14px;  }
.photo .next { right: 14px; }
.photo .disabled { display: none; }

/* faq + partner + downloads */
.faqfilter, .piratefilter, .partnerfilter, .searchfilter { padding: 10px 0 0 0; background: url(../img/faq-filter1.gif) no-repeat top; margin: 0 0 1em 0;}
.faqfilter form, .piratefilter form, .partnerfilter form, .searchfilter form { background: url(../img/faq-filter2.gif) no-repeat bottom; padding: 0 20px 10px 20px; }
.faqfilter label, .piratefilter label, .partnerfilter label, .seachfilter label, .dnldfilter label { font-weight: bold; }
.faqfilter .button, .piratefilter .button, .partnerfilter .button, .searchfilter .button, .dnldfilter .button { width: 117px; background: url(../img/faq-button.gif) no-repeat; padding: 0; margin: 0; border: 0; color: #fff; font-weight: bold; padding: 10px 0; }
.faqfilter td, .piratefilter td, .partnerfilter td, .searchfilter td, .dnldfilter td { vertical-align: middle; padding: 0 5px 0 0; }

.faqlist { background: url(../img/faqlist2.gif) no-repeat bottom; margin: 0 0 1em 0; width: 100%; overflow: hidden; }
.faqlist ul { background: url(../img/faqlist1.gif) no-repeat top; padding: 20px 30px 10px 30px; }
.faqlist li { padding: 0 0 1em 15px; background: url(../img/article-li.gif) no-repeat 0 0.25em; zoom:1; }

.answertext { padding:0 5px 0 0; }

#overview { background:url("../img/faqlist1.gif") no-repeat scroll left top transparent; margin:1em 0 0; }
#overview .overviewlist { background: url(../img/faqlist2.gif) no-repeat left bottom; }
#overview .overviewlist p { margin: 0.25em 0 0.25em; padding:0 10px; overflow: hidden; }
#overview .overviewlist ul { padding: 0px 15px 0px 15px; }
#overview .overviewlist li { padding:0 0 0.25em 15px; background:url("../img/article-li.gif") no-repeat scroll 0 0.5em transparent; zoom:1; }

.faqs, .partner { background: url(../img/faq1.gif) no-repeat top; margin: 0 0 1em 0; padding: 10px 0 0 0; width: 100%; overflow: hidden; }
.faqs h3, .partner h3 { padding: 0 20px 0.8em 20px; font-size: 100%; overflow:hidden; }
.faqs .answer, .partner .text { background: url(../img/faq2.gif) no-repeat bottom; padding: 0 10px 6px 30px;}

.faqs h3 { color:#669933; cursor:pointer; }
.faqs h3.hover { text-decoration:underline; }
.faqs .r { padding: 0 10px 0 0; }


/* pirates */
.pirates_top { background: url(../img/pirate-top.png) no-repeat top; margin: 0 0 1em 0; padding: 10px 0 0 0; width: 100%; overflow: hidden; }
.pirates_top h2 { padding: 0 20px 5px 0px; margin:0; font-size: 140%; border:none; }
.pirates_top .pirates_bottom { background: url(../img/pirate-bottom.png) no-repeat bottom; padding: 0 20px 6px 20px;}
.pirates_top p { padding: 0; }

.pirate_download { background: url(../img/pirate-button.png) no-repeat top; color:#ffffff; float:right; width:240px; height:55px; clear:both; }
.pirate_download strong { font-size:110%; }
.pirate_download a { color:#e4f2b2; text-decoration:underline; }
.pirate_download2{ padding:10px 5px 5px 50px; }

hr.obsolete{ border:none; border-top:2px solid #c6c8c8; }

/* downloads */
.dnldfilter { width: 310px; float: left; padding: 10px 0 0 0; background: url(../img/dnld-filter1.gif) no-repeat top; margin: 0 0 1em 0; }
.dnldfilter form { background: url(../img/dnld-filter2.gif) no-repeat bottom; padding: 0 20px 10px 20px;}

.dnldlist { padding: 0 10px; clear: both; }
.dnldsize { width: 50px; font-size: 90%; text-align: right; }
.dnledit { width: 75px; font-size: 90%; text-align: right; }
.dnld { width: 80px; text-align: center; }
.dnld a { background: url(../img/dnld-ico.gif) no-repeat left; padding: 0 0 0 18px; }
.dnldbanner { width:261px; height: 151px; float: left; overflow: hidden; background: url(../img/dnld-button2.jpg) no-repeat; }
.dnldbanner a { color: #ddd !important; display: block; font-size: 95%; text-decoration: none; padding: 105px 50px 10px 110px;  line-height: 1.1;  }

/* partners */
ul.productsold { margin:0; }
ul.productsold li { background: url(../img/article-li.gif) no-repeat -1px 0.3em; padding: 0 0 0 10px; }
ul.productsold li a { color:#693; } 
.partner th { padding: 0 0.5em 0 0; }
.map { text-align: center; }
.section2 .partnerlist { padding: 0; width: 33%; float: left;}
.section2 .partnerlist li { padding-right: 10px; zoom:1; }

/* tabs */
#tabs { clear: both; }
.jsok #tabs { padding: 10px 0 0 7px; background: url(../img/tabs.gif) no-repeat 0 46px; }
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; width: 100%; overflow: hidden; background: url(../img/tabs.gif) repeat-x bottom; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; background: url(../img/tab-off.png) no-repeat; width: 95px; height: 44px; overflow: hidden;}
.ui-tabs .ui-tabs-nav li a { text-align: center; text-decoration: none; color: #fff; font-weight: bold; display: block;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../img/tab-on.png) no-repeat;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #666; text-decoration: none !important; position: relative; top: 3px; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; clear: both; padding: 1em 7px 0 0; background: #fff; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.data a, .appl a  { padding: 4px 10px;  }
.mod a, .download a, .overview a, .access a, .faq a, .download2 a { padding: 13px 10px; }
#tabs a:hover { text-decoration: underline;  }

#aside { float: right; width: 195px; font-size: 110%; }
#aside .product { background: url(../img/aside-product.png) no-repeat bottom; padding: 0 0 15px 0; color: #fff; }
#aside .product .block { min-height: 300px; _height:300px; background: url(../img/aside-product-block.jpg); padding: 0 10px 0 12px; }
#aside .product h2 { font-size: 110%; text-transform: uppercase; color: #fff; padding: 22px 5px 10px 5px; }
#aside .product h3 { padding: 1em 0 0.8em 0; font-size: 110%; }
#aside .product a { font-weight: bold; color: #7CBD0E; }
#aside .product a.img { position: relative; display: block; width: 170px; height: 110px; overflow: hidden; }
#aside .product .img .over { position: absolute; left: 0; top: 0;}
#aside .product .more { width: 100%; overflow: hidden; padding: 5px 0 0 0; }
#aside .product .more a { background: url(../img/aside-product-more.gif) no-repeat left; float: left; padding: 5px 0 5px 27px; }
#aside .product .more a:hover { color: #fff; }
#aside .jablotool { background: url(../img/aside-jablotool.jpg) no-repeat; height: 123px; position: relative; }
#aside .support { background: url(../img/aside-support.jpg) no-repeat; height: 123px; position: relative; }
.cz #aside .support { background: url(../img/aside-support-cz.jpg) no-repeat;}
.jsok #aside .jablotool, .jsok #aside .support { cursor: pointer; }
#aside .jablotool .butt, #aside .support .butt { position: absolute; top: 76px; left: 148px; }
.support p { padding: 70px 50px 0 52px; color: #fff; }
.jablotool p { padding: 50px 50px 0 52px; color: #fff; }

#footer { clear: both; width: 986px; overflow: hidden; text-align: center; background: url(../img/footer.jpg) no-repeat top; color: #8D9094;}
#footer strong { display: block; color: #fff; text-transform: uppercase; font-size: 110%; padding: 4px 8px 0 0;}
#footer ul { padding: 20px 0 85px 30px; }
#footer li { float: left; padding: 0 5px 0 0; }
#footer b { color: #fff; }
#footer .copy { float: left; padding: 15px 0 10px 30px; float: left; }
#footer .copy span { padding: 10px 0; }
#footer .copy .print { background: url(../img/print.gif) no-repeat left; padding: 10px 0 10px 10px; margin: 0 0 0 10px; display: inline; }
#footer .bmedia { float: right; padding: 0 20px }
#footer .bmedia a { color:#8d9094; text-decoration: none; display: block; background: url(../img/bmedia.gif) no-repeat right; padding: 20px 40px 25px 0;  }
#footer .bmedia a span { color:#669933; text-decoration: underline; }
#footer a:hover { color: #fff; }



/* forms */
.form { background: url(../img/form2.jpg) no-repeat bottom; padding: 0 0 30px 0; margin: 0 0 2em 0; }
.form2 { background: url(../img/form1.jpg) no-repeat top; padding: 30px 20px 0 20px; }
.form label { color: #fff; }
.form td { padding: 7px 5px; }
.form input { border: 1px solid #738d96; padding: 3px; width: 200px; background: url(../img/input.gif) repeat-x; }
.form .button { width: 150px; background: url(../img/button.gif) no-repeat center; text-align: center; color: #fff; font-weight: bold; text-align: center; border: 0; padding: 10px 0; }
.form .note { color: #fff; font-weight: bold; }

/* homepage */
.home #nav .nav { background: #74C506 url(../img/home-nav-ul.jpg); }
.home #wrap { width:790px; float: right;}
#intro { width: 790px; overflow: hidden; }
#intro .i1, #intro .i2, #intro .i3 { float: left; width:263px; height: 345px; position: relative; }
#intro #intro1ab { position: absolute; left: 0; bottom: 0; width: 263px; height: 180px; overflow: hidden;  }
#intro .i1 { background: url(../img/intro1.jpg) no-repeat; }
#intro .i2 { background: url(../img/intro2.jpg) no-repeat; }
#intro .i3 { background: url(../img/intro3.jpg) no-repeat; }
#intro h2 { text-align: center; font-size: 120%;  padding: 18px 0 10px 0; line-height: 1.3; }
#intro h2 a { color: #7CBD0E; text-decoration: none; }
#intro ul ul { padding: 0 15px; }
#intro ul ul li { color: #fff; padding: 0.4em 0 0.4em 25px; background: url(../img/intro-li.gif) no-repeat; position: relative; }
#intro a.butt { background: url(../img/intro-butt.png) no-repeat top; display: block; width: 49px; height: 49px; position: absolute; left: 15px; top: 200px; z-index: 9;   }
#intro a.butt { _background: url(../img/intro-butt.gif) no-repeat top;}
#intro a.butt:hover, #intro .hover a.butt { background-position: bottom; }
.jsok .i1, .jsok .i2, .jsok i3 { cursor: pointer; }

.home .product { background: url(../img/aside-product.png) no-repeat bottom; padding: 0 0 15px 0; color: #fff; width: 195px; float: right; }
.home .product .block { min-height: 300px; _height:300px; background: url(../img/home-product-block.jpg); padding: 0 10px 0 12px; }
.home .product h2 { font-size: 110%; text-transform: uppercase; color: #fff; padding: 22px 5px 10px 5px; }
.home .product h3 { padding: 1em 0 0.8em 0; font-size: 110%; }
.home .product a { font-weight: bold; color: #7CBD0E; }
.home .product a.img { position: relative; display: block; width: 170px; height: 110px; overflow: hidden; }
.home .product .img .over { position: absolute; left: 0; top: 0;}
.home .product .more { width: 100%; overflow: hidden; padding: 5px 0 0 0; }
.home .product .more a { background: url(../img/aside-product-more.gif) no-repeat left; float: left; padding: 5px 0 5px 27px; }
.home .product .more a:hover { color: #fff; }

.home .jablotool, .home .support { width: 297px; height: 123px; position: relative; float: left; }
.home .jablotool { background: url(../img/home-jablotool.jpg); }
.en .home .support { background: url(../img/home-support.jpg);}
.jsok .home .jablotool, .jsok .home .support { cursor: pointer; }
.home .jablotool .butt, .home .support .butt { position: absolute; top: 80px; left: 250px; }
.home .support p { padding: 85px 50px 0 100px; color: #fff; }
.home .jablotool p { padding: 58px 50px 0 97px; color: #fff; }

.cz .home .support { background: url(../img/home-support-cz.jpg);}

.home .banner {background: url(../img/home-banner.png) no-repeat bottom; padding: 0 0 15px 0; width:592px; clear: left;}
.home .banner .block { background: url(../img/home-banner-block.jpg) no-repeat; padding: 25px 0 5px 0; text-align: center; width: 100%; overflow: hidden;}
.home .banner img { border: 1px solid #333D43;}

.home .advert {background: url(../img/home-banner.png) no-repeat bottom; padding: 0 0 15px 0; width:592px; clear: left; font-size: 110%;}
.home .advert .block { background: url(../img/home-banner-block.jpg) no-repeat; padding: 20px; color: #fff; zoom:1; /* IE6 fix */ min-height: 80px; _height: 80px;}
.home .advert ul { margin: 0.4em 0 0.6em 0; }
.home .advert ul li { background: url(../img/nav-a-hover.gif) no-repeat 4px 0.4em; padding: 0 0 0 15px; }

/*jquery stylish select */
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999; max-height: 200px;_height: 200px;}
ul.newList li {padding:3px 8px;}
.newListSelected { color:#000; height:29px; padding:3px 0 0 0; float:left; }
.newListHover {background:#86D102 !important; color:#000!important; cursor:default;}
.selectedTxt { overflow:hidden; height:29px; padding:0 28px 0 5px; line-height: 24px;}
.hiLite {background:#ccc!important;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.piratefilter ul.newList{ width:295px;}
.piratefilter .newListSelected {width:313px; background:url(../img/faq-select.png) no-repeat;}

.faqfilter ul.newList, .partnerfilter ul.newList { width:200px; }
.faqfilter .newListSelected, .partnerfilter .newListSelected {width:130px;  background:url(../img/partner-select.png) no-repeat; }

.dnldfilter ul.newList, .searchfilter ul.newList{ width:200px;}
.dnldfilter .newListSelected, .searchfilter .newListSelected {width:163px; background:url(../img/dnld-select.png) no-repeat;}
.searchfilter .query, .faqfilter .query { background:url(../img/search-input.gif) repeat-x; border:1px solid #a2a5a7;padding:6px;margin:0 0 4px 0;width:220px;}


#atrtitle {border:1px solid #ced0d0;background:#e5e6e7;color:#000;padding:5px;position:absolute;font-size:0.8em}

/* nyroModal */
div#nyroModalFull {font-size: 12px;color: #777;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #777;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 4px solid #777;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;background: url(../img/nyroclose.gif) no-repeat;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;position: absolute;top: -22px;left: 5px;font-size: 12px;color: #ddd;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {overflow: auto;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background: left 20% no-repeat;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {height: 60%;width: 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {left: 0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {background-image: url(../img/nyroprev.gif);}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {right: 0;background-position: right 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {background-image: url(../img/nyronext.gif);}