/**
 * Layout CSS styles for www.langmaster.cz
 * Copyright (c) 2007 PeckaDesign, s.r.o.  
 */

html{ margin:0; padding: 0;  }
body { margin: 0; padding: 0 0 20px 0; text-align: center; background: white url(../img/bg-mother.png) repeat-x 0 0; }

img { margin: 0; padding: 0; border: 0; }
.sprite { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
a .sprite { cursor: pointer;}

/* Skip navigation */
#nav-skip { font-weight: bold; text-align: left; text-decoration: none; display: block; position: absolute; top: 0; left: -2000px; width: 300px; }
#nav-skip a:focus, #nav-skip a:active {position: absolute; left: 2000px; top: 0px; height: 1.5em; display: block; width: 20em;}

/* Layout */
#mother { width: 946px; margin: 0 auto; text-align: left; position: relative;  }
#content {  }

/* Header */
#header { }
#header .spc { }

#logo { float: left; margin: 30px 15px 15px 15px; display: inline;  }
#logo img { }

#footer { background: url(../img/bg-footer-top.png) no-repeat 0 0; padding-top: 8px; margin-top: 10px; font-size: 92%; }
#footer .spc { background: #EAEAEA url(../img/bg-footer-bottom.png) no-repeat 0 100%; padding: 2px 15px 7px; zoom: 1;}
#footer p { margin: 0; }
#footer a { color: #333333; }

/* Top menu */
#top-menu {position: absolute; top: 10px; right: 260px; right: 0; font-size: 92%; }
#top-menu ul { margin: 0; padding: 0; float: right; }
#top-menu li { float: left; border-left: 1px solid #A1E4FB; margin: 0; padding: 5px 10px; zoom: 1; background: none; }
#top-menu li:first-child { border-left: 0; }
#top-menu li a { display: block; }

.ico-cart {background: url(../img/ico-cart.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }
.ico-cart-add { background: url(../img/ico-cart-add.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }
.ico-cart-full { background: url(../img/ico-cart-full.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }

.ico-payment { background: url(../img/ico-payment.png) no-repeat 0 50%; padding: 6px 0 6px 40px; }
.ico-handling { background: url(../img/ico-handling.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }

.ico-disarrow { background: url(../img/ico-disarrow.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }

.ico-lock { background: url(../img/ico-lock.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }
.ico-info { background: url(../img/ico-info.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }
.flag-en { background: url(../img/flag-en.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }

.ico-ball-plus { background: url(../img/ico-ball-plus.png) no-repeat 0 50%; padding: 6px 0 6px 35px; }
.ico-ball-tick { background: url(../img/ico-ball-tick.png) no-repeat 0 50%; padding: 6px 0 6px 35px; }
.ico-ball-arrow { background: url(../img/ico-ball-arrow.png) no-repeat 0 50%; padding: 6px 0 6px 35px; }

.ico-images { background: url(../img/ico-images.png) no-repeat 0 50%; padding: 5px 0 5px 35px; }
.ico-star { background: url(../img/ico-star.png) no-repeat 0 50%; padding: 5px 0 5px 35px; }

.ico-login { background: url(../img/ico-login.png) no-repeat 0 50%; padding: 6px 0 6px 45px; }

.ico-delete { background: url(../img/ico-delete.png) no-repeat 0 50%; padding: 0 0 0 18px; }
.ico-info-small { background: url(../img/ico-info-small.png) no-repeat 0 50%; padding: 0 0 0 18px; }

.ico-langmaster { background: url(../img/ico-langmaster.png) no-repeat 0 50%; padding: 6px 0 6px 30px; }

/* Main menu */ 
#main-menu { float: right; margin-bottom: -4px; margin-top: -35px; }
#main-menu ul { float: right; margin: 0; padding: 0; }
#main-menu ul li { float: left; margin: 0 0 0 10px; padding: 0; background: none; }
#main-menu ul li a { float: left; padding: 0; width: 173px; height: 45px; position: relative; text-align: center; overflow: hidden; }

/*#main-menu ul li a .sprite { background-image: url(../img/sprites-main-menu.png); }*/


#main-menu ul li a:hover .sprite { background-position: 0 -100px; }
#main-menu ul li.active a:hover .sprite { background-position: 0 -200px; }
#main-menu ul li.active a .sprite{ background-position: 0 -200px; cursor:default;}

#main-menu ul li.activeNoClick {}
#main-menu ul li.activeNoClick a {cursor:help !important;}
#main-menu ul li.activeNoClick a .sprite{ background-position: 0 -200px; cursor:default;}

#main-menu ul li.activeClick {}
#main-menu ul li.activeClick a {cursor:help !important;}
#main-menu ul li.activeClick a .sprite{ background-position: 0 -200px; cursor:pointer;}
#main-menu ul li.activeClick a:hover .sprite { background-position: 0 -300px; }

#submenu { background: url(../img/bg-submenu-jednotlivci.png) no-repeat 0 0; }
#submenu ul { margin: 0; padding: 0; }
#submenu ul li { float: left; margin: 0 15px 0 0; padding: 0 0 0 15px; background: url(../img/bg-submenu-li-jednotlivci.png) no-repeat 0 100%; zoom: 1;}
#submenu ul li a {color: #333333; float: left; height: 33px; line-height: 33px; }
#submenu ul li a.ext2, .linkFirst, .link { background: url(../img/ico-ext2.png) no-repeat 100% 55%; padding-right: 14px; }
#submenu ul li a:hover { color: #0078A3;text-decoration:none;}
#submenu ul li:first-child { background-image: none !important; }

#submenu ul li.active { font-weight: bold; text-decoration: none;}
#submenu ul li.active a:hover { color: #333333; text-decoration: none; }

#subsubmenu { display: none; }

.firmy #submenu ul { padding-top: 10px; margin-left: 15px; }
.firmy #submenu ul li, .firmy #submenu ul li:first-child { background: url(../img/bg-submenu2-li.png) no-repeat 0 0 !important; padding: 0; margin: 0 5px 0 0; font-weight: normal;  position: relative; top: 1px;}
.firmy #submenu ul li a { background: url(../img/bg-submenu2-li.png) no-repeat 100% 0; padding: 0px 20px 0px 15px; margin-left: 5px; height: 29px; line-height: 29px; text-decoration:underline; font-weight:bold;}
.firmy #submenu ul li:hover, .firmy #submenu ul li.hover, .firmy #submenu ul li.active { background-position: 0 -100px !important;text-decoration:none;}
.firmy #submenu ul li:hover a, .firmy #submenu ul li.hover a, .firmy #submenu ul li.active a { background-position: 100% -100px ; text-decoration:none;}

.firmy #subsubmenu { display: block; }

#subsubmenu { background: url(../img/bg-submenu-jednotlivci.png) no-repeat 0 0; }
#subsubmenu ul { margin: 0; padding: 0; zoom: 1; }
#subsubmenu ul li {font-weight:bold; float: left; margin: 0 15px 0 0; padding: 0 0 0 15px; background: url(../img/bg-submenu-li-jednotlivci.png) no-repeat 0 100%; zoom: 1; }
#subsubmenu ul li a {color: #333333; float: left; height: 26px; line-height: 26px; font-weight:normal; text-decoration:underline; }
#subsubmenu ul li a.ext2, .linkFirst, .link { background: url(../img/ico-ext2.png) no-repeat 100% 55%; padding-right: 14px; }
#subsubmenu ul li:first-child { background: none !important; }
#subsubmenu ul li a:hover {  color: #0078A3;text-decoration:none;}
#subsubmenu ul li.active a{text-decoration:none;}

.jednotlivci #submenu { background-image: url(../img/bg-submenu-jednotlivci.png); }
.firmy #submenu { background-image: url(../img/bg-submenu-firmy-ex.png); }
.skoly #submenu { background-image: url(../img/bg-submenu-skoly.png); }
.online-kurzy #submenu { background-image: url(../img/bg-submenu-online-kurzy.png); }

.jednotlivci #submenu li { background-image: url(../img/bg-submenu-li-jednotlivci.png); }
.firmy #submenu li { background-image: url(../img/bg-submenu-li-firmy.png); }
.skoly #submenu li { background-image: url(../img/bg-submenu-li-skoly.png); }
.online-kurzy #submenu li { background-image: url(../img/bg-submenu-li-online-kurzy.png); }

.firmy #subsubmenu { background-image: url(../img/bg-subsubmenu-firmy.png); margin-top: -1px; }
.firmy #subsubmenu li { background-image: url(../img/bg-submenu-li-firmy.png); }

.firmy #subsubmenu li { _background-image: expression(this.parentNode.firstChild == this ? 'none' : false); }

#submenu ul li, .firmy #submenu ul li, .firmy #subsubmenu ul li {	 
  _color: expression(
        isNaN(this.js)?(this.js=1,
        this.onmouseover=new Function("this.className+=' hover';"),
        this.onmouseout=new Function("this.className=this.className.replace(' hover','');")
        ):false);
  );
}


.side-menu ul li { border-top: 1px solid #CBCBCB; background: none; padding: 0; margin: 0; }
.side-menu ul li a { background: #ECECEC url(../img/bullet-arrow1.png) no-repeat 10px 10px; border: 1px solid #F5F5F5; border-width: 1px 0; padding: 3px 3px 3px 30px; display: block; zoom: 1;}
.side-menu ul li:first-child { border-top: 0; }
.side-menu ul li { border-top: expression(this.parentNode.firstChild == this ? '0' : false); }
.side-menu ul li.active a, .side-menu ul li a:hover { background: #F4F4F4 url(../img/bullet-ball2.png) no-repeat 7px 5px }

/* Columns */
#main { margin-top: 10px; }
.col-left { width: 707px; float: left; }
.col-left-left { width: 387px; float: left; min-height: 300px;}
.col-left-right { width: 310px; float: right; min-height: 300px; }
.col-right { width: 229px; float: right; min-height: 300px; }
.col-full { } 

/* Search box */
#search-box { position: absolute; top: 5px; right: 0; background: url(../img/bg-search-box.png) no-repeat 0 50%; zoom: 1; display: none; }
#search-box form { margin: 0; padding: 0; }
#search-box .spc { background: url(../img/bg-search-box.png) no-repeat 100% 50%; margin-left: 5px; padding: 5px 5px 5px 0; zoom: 1; _float: left;}
#search-box #q { border: 1px solid #D1D1D1; color: #898989; width: 200px; }
#search-box input { vertical-align: middle; }

/* Gray boxes */
.box-head { background: url(../img/bg-box-head-jednotlivci.png) no-repeat 0 50%; position: relative; margin-bottom: 8px; }
.box-head h2 { background: url(../img/bg-box-head-jednotlivci.png) no-repeat 100% 50%; height: 32px; line-height: 32px; margin: 0; font-size: 142%; text-transform: uppercase; margin-left: 12px; }
.box-head #breadcrumb { background: url(../img/bg-box-head-jednotlivci.png) no-repeat 100% 50%; height: 32px; line-height: 32px; margin: 0;  margin-left: 12px; font-size: 92%; }
.box-head #breadcrumb p { margin: 0; }

.box-head-fake { background: url(../img/bg-box5-head-fake-jednotlivci.png) no-repeat 0 0; height: 3px; _margin-bottom: -10px; }
.box-head-fake2 { background: url(../img/bg-box-head-fake2.png) no-repeat 0 0; height: 3px; _margin-bottom: -10px; }

h2.intro { font-size: 166%; margin-top: 5px; }

.bcmargin { margin-bottom: 12px; }

.jednotlivci .box-head { background-image: url(../img/bg-box-head-jednotlivci.png); }
.jednotlivci .box-head h2 { background-image: url(../img/bg-box-head-jednotlivci.png); }
.jednotlivci .box-head #breadcrumb { background-image: url(../img/bg-box-head-jednotlivci.png); }
.firmy .box-head { background-image: url(../img/bg-box-head-firmy.png); }
.firmy .box-head h2 { background-image: url(../img/bg-box-head-firmy.png); }
.firmy .box-head #breadcrumb { background-image: url(../img/bg-box-head-firmy.png); }
.skoly .box-head { background-image: url(../img/bg-box-head-skoly.png); }
.skoly .box-head h2 { background-image: url(../img/bg-box-head-skoly.png); }
.skoly .box-head #breadcrumb { background-image: url(../img/bg-box-head-skoly.png); }
.online-kurzy .box-head { background-image: url(../img/bg-box-head-online-kurzy.png); }
.online-kurzy .box-head h2 { background-image: url(../img/bg-box-head-online-kurzy.png); }
.online-kurzy .box-head #breadcrumb { background-image: url(../img/bg-box-head-online-kurzy.png); }


.box-body { background: white; margin: 7px; zoom: 1; }
.box-body-nobottom { background: white; margin: 7px 7px 0px 7px; zoom: 1; }

.box-body-obsahkosiku {background: white; margin:7px 7px 0px 7px; }
/*.box-body-obsahkosiku .box-in{padding: 10px 10px 0px 10px; zoom:1;} */
.box-bodytlacitka { margin: -1px 7px 0px 7px; zoom:1;background:white;}
.box-bodytlacitka .content{padding: 1px 15px 0 20px; }
.box-body-nobottom-notop2 .box-in { padding:0px 10px 10px 10px;}
.box-body-gray { margin: 7px; zoom: 1; }
.box-body-gray ul {margin:0px;}
.box-body-tl { background: url(../img/bg-box-body-tl.png) no-repeat 0 0; zoom: 1; }
.box-body-tr { background: url(../img/bg-box-body-tr.png) no-repeat 100% 0; zoom: 1; }
.box-body-bl { background: url(../img/bg-box-body-bl.png) no-repeat 0 100%; zoom: 1; }
.box-body-br { background: url(../img/bg-box-body-br.png) no-repeat 100% 100%; zoom: 1; }
.box-in { padding: 10px; zoom: 1;}
.box1 { background: #DEDEDE url(../img/bg-box1-foot.png) no-repeat 0 100%; padding-bottom: 3px; margin-bottom: 10px; zoom: 1; }
.box2 { background: #DEDEDE url(../img/bg-box2-foot.png) no-repeat 0 100%; padding-bottom: 3px; margin-bottom: 10px; zoom: 1; }
.box3 { background: #DEDEDE url(../img/bg-box3-foot.png) no-repeat 0 100%; padding-bottom: 3px; margin-bottom: 10px; zoom: 1;}
.box4 { background: #DEDEDE url(../img/bg-box4-foot.png) no-repeat 0 100%; padding-bottom: 3px; margin-bottom: 10px; zoom: 1; }
.box5 { background: #DEDEDE url(../img/bg-box5-foot.png) no-repeat 0 100%; padding-bottom: 3px; margin-bottom: 10px; zoom: 1;}
.box6 { background: #DEDEDE url(../img/bg-box5-foot.png) no-repeat 0 100%; padding-bottom: 7px; margin-bottom: 10px; zoom: 1;}
.box-in-ex { padding: 10px; zoom: 1;}
.box-in-ex2 { padding:  0px 10px 10px 10px; zoom: 1;}
.box-in-btn { padding: 0 10px 10px 10px; zoom: 1;}
.btn-uni { background: url(../img/bg-btn-uni.png) no-repeat 0 0; padding: 7px 0; text-decoration: none; =padding-top: 0; }
.btn-uni .in { background: url(../img/bg-btn-uni.png) no-repeat 100% 0; padding: 7px; margin-left: 3px; line-height: 32px; text-transform: uppercase; }

.btn-uni:hover { background-position: 0 -100px; }
.btn-uni:hover .in { background-position: 100% -100px; }




a.btn-potrebujete-update { width: 206px; height: 38px; display: block; position: relative; text-align: center;  }
a.btn-potrebujete-update:hover { background-position: 0 100%; }

a.btn-napiste-nam { width: 206px; height: 45px; display: block; position: relative; text-align: center; }
a.btn-napiste-nam:hover { background-position: 0 100%; }

a.btn-potrebujete-update:hover .sprite,
a.btn-napiste-nam:hover  .sprite { background-position: 0 -100px; }


/* News */
.news .date { color: #A7A7A7; font-weight: bold; font-size: 92%; margin: 0; }
.news h3 { margin: 0 0 8px 0; /* color: #0078A3; */ font-weight: normal; font-size: 116%; }
.news p { font-size: 92%; }
.news img.l { margin: 0 15px 8px 0; }

/* Top ten */
.top-ten ul { padding: 0; }
.top-ten ul li { background: url(../img/bg-topten-groove.png) repeat-x 0 0; margin: 0 0 0 0; padding: 5px 0; display: block; font-size: 92%; overflow: hidden; =overflow: visible; }
.top-ten ul li:first-child { background-image: none; }
.top-ten ul li.even { background-color: #ECECEC; }
.top-ten ul li .number { font-weight: bold; float: left; width: 25px; text-align: right; }
.top-ten ul li div { margin-left: 5px; float: left; width: 180px; white-space: nowrap; overflow: hidden;}

/* Testimonials*/
.testimonials blockquote { margin: -10px 0 10px 0; padding: 20px 0 0 0; background: url(../img/bg-blockquote.png) no-repeat 0 0; font-style: italic; _width: 98%; border: 0;}

/* Awards */
.awards .box-in { background: url(../img/bg-awards.png) repeat-y 50% 0; margin: 0 -10px; }
.awards ul { border-top: 1px solid #E7E7E7; margin: 0; padding: 0; width: 100%; float: left; }
.awards ul:first-child { border-top: 0; }
.awards ul { _border-top: expression(this.parentNode.firstChild == this ? '0' : false); }
.awards ul li { width: 100px; height: 100px; float: right; margin: 0; padding: 0; text-align: center; line-height: 100px; font-size: 0; background: none;}
.awards ul li:first-child { float: left;  }
.awards ul li { _float: expression(this.parentNode.firstChild == this ? 'left' : false); _font-size: 80px; }
.awards ul li img { vertical-align: middle; _display: inline;}
.awards ul li a { display:block; }
.awards ul li span  {  width:100px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;}
.awards ul li a span {  width:100px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;  cursor:pointer;}

.box2 .awards ul li span  {  width:150px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;}
.box2 .awards ul li a span {  width:150px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;  cursor:pointer;}

.awards-wide .box-in { background: url(../img/bg-awards.png) repeat-y 100% 0; margin: 0 -10px; }
.awards-wide ul { border-top: 1px solid #E7E7E7; margin: 0; padding: 0; width: 100%; float: left; }
.awards-wide ul:first-child { border-top: 0; }
.awards-wide ul { _border-top: expression(this.parentNode.firstChild == this ? '0' : false); }
.awards-wide ul li { width: 100px; height: 100px; float: left; margin: 0; padding: 0; text-align: center; line-height: 100px; font-size: 0; background: none;}
.awards-wide ul li { _float: expression(this.parentNode.firstChild == this ? 'left' : false); _font-size: 80px; }
.awards-wide ul li img { vertical-align: middle; _display: inline;}
.awards-wide ul li a {  cursor:pointer;}
.awards-wide ul li span  {  width:100px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;}
/*.awards-wide ul li a span {  width:100px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;  cursor:pointer;}*/


/*
.awards-wide .box-in { background: url(../img/bg-awards.png) repeat-y 50% 0; margin: 0 -10px; }
.awards-wide ul { border-top: 1px solid #E7E7E7; margin: 0; padding: 0; width: 100%; float: left; }
.awards-wide ul:first-child { border-top: 0; }
.awards-wide ul { _border-top: expression(this.parentNode.firstChild == this ? '0' : false); }
.awards-wide ul li { width: 105px; height: 105px; float: left; margin: 0; padding: 0; text-align: center; line-height: 105px; font-size: 0; background: none;}
.awards-wide ul li img { vertical-align: middle; _display: inline;}
.awards-wide ul li a { display:block; }
.awards-wide ul li span  {  width:105px; height:105px; text-align:center;  display:table-cell;  vertical-align:middle;}
.awards-wide ul li a span {  width:105px; height:105px; text-align:center;  display:table-cell;  vertical-align:middle;  cursor:pointer;}
*/

.col-left-right .awards ul li { width: 146px; }

.content { padding: 1px 15px 0 20px; }
.annot { font-weight: bold; }

.content-right {  padding: 20px 15px 0 10px; width: 420px; float: right; }
.content-left {  padding: 20px 15px 0 10px; width: 200px; float: left; }

.img-box { float: left; background: #ECECEC; border: 1px solid #DBDBDB; margin: 0 20px 10px 0; }
.img-box img { border: 0; margin: 0; padding: 0; display: block; }
.img-box .desc { font-style: italic; margin: 0; padding: 5px; }

/* Forms */
.form-box { padding: 1.5em 1.5em 0.5em 1.5em; margin-bottom: 1.25em; background: #DFF5FF; zoom: 1; }
.form-box form { margin: 0; padding: 0; }

form { margin: 0; padding: 0; }

.fm-border { border: 1px solid #EEEEEE;  margin: 0 0 15px 0; position: relative;}
.fm-box { background: #EEEEEE; padding: 15px 0 15px 20px; border: 1px solid white; zoom: 1; }
.fm-col { width: 100%; overflow: hidden; }
.fm-spc { padding-right: 12px; padding-bottom: 5px; zoom: 1;}
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }
.inp-text { vertical-align: bottom; font-size: 100%; font-family: Tahoma, Arial, sans-serif; padding: 2px 0; border: 1px solid #CCCCCC; }
.required { font-weight: bold; }

/* Widths */
.w-full { width: 100%; }
.w-half { width: 50%; }
.w-third { width: 33%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.warn { color: #CC0000;}
.error { color: #CC0000; background: url(../img/ico-error.png) no-repeat 0 50%; padding-left: 20px; }
.error2 { color: #CC0000; background: url(../img/ico-error.png) no-repeat; background-position:left center;  padding-left: 25px; }
.error-message, .ok-message { color: red; font-size: 116%; font-weight: bold; margin: 15px 0; background: #FDF5F1 url(../img/bullet-cross.png) no-repeat 10px 50%; padding: 5px 5px 5px 35px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC url(../img/bullet-tick.png) no-repeat 5px 50%; border: 1px solid #C6E528; }

ul.error-message, ul.ok-message { background: none; padding: 0; }  

/* Attachements */
.att-images, .att-files, .att-refs, .att-links { margin: 0; }
.att-images ul { margin: 0; padding: 0;  }
.att-images ul { margin: 0 0 28px 0; padding: 0; width: 100%; float: left; }
.att-images ul li { margin: 0 0 0 19px; padding: 0; background: #ECECEC; width: 200px; float: left;}
.att-images ul li:first-child { margin-left: 0; }
.att-images ul li { margin-left: expression(this.parentNode.firstChild == this ? '0' : false); }
.att-images ul li .spc { margin: 0; padding: 4px; background: #ECECEC;  }
.att-images ul li a { text-decoration: none; }
.att-images ul li a img { display: block; margin: 0 0 5px 0; padding: 0; border: 0; }
.att-images ul li .name { display: block; font-size: 92%; text-align: center; font-style: italic; background: url(../img/ico-maglass.png) no-repeat 100% 0; min-height: 21px; _height: 21px; padding-right: 26px; }


/* File icons */
.att-files li { background: none; list-style: none; padding-left: 0;}

.fico { background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 22px; }

/* File icons */
.dm {background-image: url("../img/fileico/fico-sm-3dm.png");}
.ai {background-image: url("../img/fileico/fico-sm-ai.png");}
.avi {background-image: url("../img/fileico/fico-sm-avi.png");}
.bmp {background-image: url("../img/fileico/fico-sm-bmp.png");}
.cdr {background-image: url("../img/fileico/fico-sm-cdr.png");}
.doc {background-image: url("../img/fileico/fico-sm-doc.png");}
.dxf {background-image: url("../img/fileico/fico-sm-dxf.png");}
.exe {background-image: url("../img/fileico/fico-sm-exe.png");}
.gif {background-image: url("../img/fileico/fico-sm-gif.png");}
.html {background-image: url("../img/fileico/fico-sm-html.png");}
.jpg {background-image: url("../img/fileico/fico-sm-jpg.png");}
.mp3 {background-image: url("../img/fileico/fico-sm-mp3.png");}
.pdf {background-image: url("../img/fileico/fico-sm-pdf.png");}
.png {background-image: url("../img/fileico/fico-sm-png.png");}
.ppt {background-image: url("../img/fileico/fico-sm-ppt.png");}
.psd {background-image: url("../img/fileico/fico-sm-psd.png");}
.rtf {background-image: url("../img/fileico/fico-sm-rtf.png");}
.qt {background-image: url("../img/fileico/fico-sm-qt.png");}
.ra {background-image: url("../img/fileico/fico-sm-ra.png");}
.swf {background-image: url("../img/fileico/fico-sm-swf.png");}
.tif {background-image: url("../img/fileico/fico-sm-tif.png");}
.txt {background-image: url("../img/fileico/fico-sm-txt.png");}
.xls {background-image: url("../img/fileico/fico-sm-xls.png");}
.zip {background-image: url("../img/fileico/fico-sm-zip.png");}
.unknown {background-image: url("../img/fileico/fico-sm-unknown.png");}


.product-image { background: url(../img/bg-product-image.png) no-repeat 50% 100%; margin: 0 -15px; padding: 0 15px 10px; }
.product-image table { margin-top: 10px; }
.product-image table td { padding: 4px 0; }

.product-image h2 {font-size: 166.6%; margin: 0;}
.product-image .common-price {margin: 25px 0 15px; text-decoration: line-through;}
.product-image .price-info {position: relative;}
.product-image .price-info table {border: none; text-align: right; margin: 5px 0 0; position: relative;}
.product-image .price-info td {border: none; line-height: 1.2em; border-top: 1px solid #dedede;}
.product-image .price-info .first td {border: none;}
.product-image .new .sprite {left: -16px; top: 4px; width: 37px; height: 37px; background: url('../img/sprite-new.png') 0 0 no-repeat; position: absolute;}

.product-image .new-btn {margin: 0 0 0.8em -20px;}

.price-your, .price-your-value { font-size: 133%; font-weight: bold; }
.price-your-value { color: #C71616; }

table.contacts td { border-top: 1px solid #E7E7E7; padding: 5px 0; }
table.contacts tr:first-child td { border-top: 0; }
.quaternion-list ul { margin: 0;  padding: 0; width: 100%; float: left; clear: both;border-left:solid 1px #E7E7E7;}
.quaternion-list ul li { width: 100px; float: left; margin: 0; padding: 0; background: none; border-right:solid 1px #E7E7E7; display:table-cell;}
.quaternion-list ul li:first-child { background: white;}
.quaternion-list ul li img { vertical-align: middle; _display: inline;}
.quaternion-list ul li span  {  width:100px; height:100px; text-align:center;  display:table-cell;  vertical-align:middle;}

/* Related products */
.related-products h2 { margin-bottom: 15px; }
.related-products ul li { padding: 5px 0; padding-bottom:20px;}
.related-products ul li .img-box { text-align: center; border: 0; margin: 0 0 5px; padding: 0; float: none; background: none; }
.related-products ul li .img-box a img { display: inline; margin: 0; padding: 0; border: 0; }
.related-products ul li .name { text-align: center; font-size: 92%; margin: 0 0 15px;}
.related-products ul li .link-title {_height:35px; min-height:35px; vertical-align:top;}


/* MyTreeview*/
.mytreeview { width: 100%; overflow: hidden; zoom: 1; position: relative; }
.mytreeview ul { margin: 0; padding: 0; background: none; zoom: 1; }
.mytreeview ul li { margin: 0; padding: 0 0 0 20px; background: none; zoom: 1; position: relative;}
.mytreeview ul li.expandable { background: url(../img/bg-treeview-li.png) repeat-y 5px 0;}

.mytreeview ul li .head { padding: 5px 0 4px; border-top: 1px solid #CBCBCB; padding-left: 20px; margin-left: -20px; position: relative;  zoom: 1; white-space: nowrap; overflow: hidden; 
}

.mytreeview ul li .head a { margin-left: -10px; overflow: hidden; display: block;}
.mytreeview ul li.expandable>.head a { margin-left: 0;}
.mytreeview ul:first-child>li>.head { background-color: #ECECEC; }


.mytreeview ul li .head a { _margin-left: expression(!this.parentNode.parentNode.className.indexOf('expandable') ? '0' : '-10px'); }
.mytreeview ul li .head { _background-color: expression(this.parentNode.parentNode.parentNode.firstChild == this.parentNode.parentNode ? '#ECECEC' : 'transparent'); }


.mytreeview ul li li .head { padding-left: 40px; margin-left: -40px; background: url(../img/bg-hdots.png) no-repeat 0 12px; }
.mytreeview ul li li li .head { padding-left: 60px; margin-left: -60px; background-position: 20px 12px; }


.mytreeview .hitarea { width: 9px; height: 9px; background: url(../img/bg-treeview-minus.png) no-repeat 0 0; position: absolute; _overflow: hidden; left: 5px; top: 9px; z-index: 5; }
.mytreeview ul li .mask-top { background: #DEDEDE; width: 9px; height: 8px; position: absolute; _overflow: hidden; left: 5px; top: 1px; z-index: 1;}
.mytreeview ul li .mask-bottom { background: url(../img/bg-treeview-mask-bottom.png) no-repeat 0 0; width: 9px; height: 100%; position: absolute; _overflow: hidden; left: -12px; top: 0px; z-index: 1;
=height: expression((this.parentNode.offsetHeight + 2) + 'px');
}

.mytreeview ul li.collapsed ul { display: none; }
.mytreeview ul li.collapsed { background-image: none; }
.mytreeview ul li.collapsed .hitarea { background-image: url(../img/bg-treeview-plus.png); }

.case-study { padding: 5px 0; border-top: 1px solid #DEDEDE; zoom: 1; }
.case-study:first-child { padding-top: 0; border-top: 0; }
.case-study { padding-top: expression(this.parentNode.firstChild == this ? '0' : '5px'); border-width: expression(this.parentNode.firstChild == this ? '0' : '1px');; }

.jshook-print { position: absolute; top: 7px; right: 12px; font-size: 92%; }
.ico-print { background: url(../img/ico-print.png) no-repeat 0 50%; padding: 3px 0 3px 20px; }

/* E-comerce */

/* Steps: */

.steps ul { margin: 0; padding: 0; }
.steps ul li { margin: 0 0 10px -1px; padding: 0; width: 220px; float: left; height: 54px; background: url(../img/bg-step.png) no-repeat 0 0; position: relative;}
.steps ul li .number { position: absolute; top: 14px; left: 10px; color: white; font-weight: bold; font-size: 17px; }
.steps ul li h3 { margin: 4px 5px 0 50px; font-size: 100%; font-weight: bold; font-family: Tahoma, Arial, sans-serif; }
.steps ul li .desc { margin: 0 5px 0 50px; font-size: 92%; line-height: 1.2; }
.steps ul li.active { background-position: 0 -100px; }

/* Table cart-added: */
table.cart-added { border: 0; }
table.cart-added tr td { border-width: 0 0 0 1px; padding: 0 15px; }
table.cart-added tr td:first-child { border-left: 0; }
table.cart-added tr td h3 { font-size: 150%; margin: 0; }

/* Table cart: */
input { vertical-align: middle;  }
input[type=radio] { margin: 0 5px 0 0; }
.w3em { width: 3em;  }
.fakelabel { width: 170px; float: left; font-weight: bold; }
.fakeinput { width: 200px; float: left; }

.acknowledgments-ok, .acknowledgments-error { text-align: center; font-size: 166%; font-family: "Franklin Gothic Medium", Tahoma, Arial, Helvetica, sans-serif; padding-top: 35px; background-repeat: no-repeat; background-position: 50% 0; margin: 20px 0;}

.acknowledgments-ok { background-image: url(../img/ico-big-tick.png); }
.acknowledgments-error { background-image: url(../img/ico-big-cross.png); color: #AB0C0C; }

.dotlink-rev { background: url(../img/bullet-arrow1rev.png) no-repeat 0 50%; padding-left: 12px; }

/* Ico crossroad*/
.ico-crossroad ul{margin:0px; padding:0px;}
.ico-crossroad ul li{margin:0px -10px 0 -15px; padding: 5px 0 0px 50px; border-top:1px solid #DFDFDF; }
.ico-crossroad ul li:first-child{margin-top:0px; border:0px;}

.ico-crossroad .about{background:url(../img/ico-about.png) 10px 1.5em no-repeat;}
.ico-crossroad .contact{background:url(../img/ico-contact.png) 12px 1.5em no-repeat;}
.ico-crossroad .press{background:url(../img/ico-press.png) 10px 1.5em no-repeat;}
.ico-crossroad .ref{background:url(../img/ico-ref.png) 10px 1.2em no-repeat;}
.ico-crossroad .write{background:url(../img/ico-write.png) 10px 1.5em no-repeat;}
.ico-crossroad .career{background:url(../img/ico-career.png) 0px 1.6em no-repeat;}
.ico-crossroad .partners{background:url(../img/ico-partners.png) 0px 1.6em no-repeat;}
.ico-crossroad .press{background:url(../img/ico-press.png) 10px 1.5em no-repeat;}
.ico-crossroad .service{background:url(../img/ico-service.png) 10px 1.5em no-repeat;}
.ico-crossroad .course{background:url(../img/ico-course.png) 12px 1.6em no-repeat;}
.ico-crossroad .implementation{background:url(../img/ico-implementation.png) 5px 0.9em no-repeat;}
.ico-crossroad .info{background:url(../img/ico-info-2.png) 11px 1.6em no-repeat;}
.ico-crossroad .trial{background:url(../img/ico-trial.png) 7px 0.9em no-repeat;}
.ico-crossroad .update{background:url(../img/ico-update.png) 7px 1.2em no-repeat;}
.ico-crossroad .faq{background:url(../img/ico-faq.png) 9px 1.2em no-repeat;}
.ico-crossroad .documents{background:url(../img/ico-documents.png) 7px 1.2em no-repeat;}
.ico-crossroad .centrum{background:url(../img/ico-centrum.png) 7px 1.2em no-repeat;} 

/* Category */
.category ul{margin-left:0px; padding:0px; width:32%; float:left; padding-right:1%;}
.category ul li{ background-image: url(../img/bullet-arrow1.png); background-position: 0 7px; padding: 0 0 0 16px; }

/* Refer */
.refer{border-top:1px solid #DEDEDE; margin-top:20px;}
.refer ul{margin-left:0px; padding:0px; overflow:hidden; margin-bottom:0px; zoom:1;}
.refer ul li{padding-left:3%; width:47%; float:left; background:none; margin:0px;}
.refer ul li h3{font-size:108%; margin-bottom:0; margin-left:90px;}
.refer ul li .img{float:left; margin-left:-90px;}
.refer ul li .img img{border:none;}
.refer ul li p{ margin-left:90px;}
.refer ul li .desc{font-size:92%; margin-bottom:7px;}
.refer ul li input{margin-left:10px;}

/* List item */
.list-item h2{margin-top:10px;}
.list-item ul{margin-left:0px; padding:0px; border:1px solid #DEDEDE; border-width:1px 1px 0; overflow:hidden; zoom:1;}
.list-item ul li{background:none; padding:0px 0 1px; margin:0; border-bottom:1px solid #DEDEDE; float:left; width:100%;}
.list-item ul li.even{background:#EEEEEE;}
.list-item ul li .title{float:left; width:33%; padding:0 1% 1;}
.list-item ul li .desc{float:left; width:57%; font-size:92%; margin:5px 0 5px 5px;}
.list-item ul li .buy{float:left; width:9%}
.list-item ul li h3{font-size:108%; margin:5px 0 0 60px; padding:0;}
.list-item ul li .img{float:left; margin:-5px 0 0 -60px;}
.list-item ul li .img img{border:none; margin:0px; display:block;}
.list-item ul li .buy input{ display:block; margin:10px 0 0px 17px;}

.up{margin:0px;}
.up a{float:right; width:21px; height:23px; position:relative; overflow:hidden; margin:5px 0 0;}
.up a span{position:absolute; top:0px; left:0px; width:21px; height:23px; background:url(../img/sprite-up.png) 0 0 no-repeat;}

/* IMG CROSSROAD */
.img-crossroad{margin-top:40px;}
.img-crossroad .date{font-size:92%; font-weight:bold; color:#A7A7A7; margin-bottom:5px;}
.img-crossroad h2{margin-top:0px;}
.img-crossroad h2, .img-crossroad p{ margin-left:140px;}
.img-crossroad ul li{background:0px; padding:17px 0 3px; margin:0 0 0px; clear:both;  border-top:1px solid #DFDFDF;}
.img-crossroad ul li:first-child{border:0px; padding-top:0px}
.img-crossroad ul li .img{float:left; margin-left:-140px; display:table;}
.img-crossroad ul li .img .in{display:table-cell; width:130px; height:inherit; vertical-align:middle; text-align:center;}
.img-crossroad ul li .img img{margin:0 auto 0; border:none;}
.img-crossroad ul li p{margin-bottom:6px;}

/* paging */
.paging{border-top:1px solid #DEDEDE; clear:both; padding-top:16px; overflow:hidden; zoom:1; font-size:92%;} 
.prev{min-height:1px; float:left; width:142px; _height:1px;}
.pages{float:left; width:305px;}
.next{float:right;  width:110px;}

.pages ul{padding:0px; margin:0px 0 0 90px;}
.pages ul li{margin:0 0 0 6px; float:left; padding:0 0 0 1px; background:#D1D1D1 url(../img/bg-link-left.png) 0 0 no-repeat;}
.pages ul li a{background:url(../img/bg-link-right.png) 100% 0 no-repeat; display:block; padding:5px 10px 5px 9px; _height:1px; float:left;}
.pages ul li.active{background:none;}
.pages ul li.active a{background:none; font-weight:bold; color:black;}

.prev a, .next a{padding:0 0 0 1px; background:#D1D1D1 url(../img/bg-link-left.png) 0 0 no-repeat; display:block; text-transform:uppercase; text-decoration:none; _height:1px;}
.prev a .in, .next a .in{display:block; background:url(../img/bg-link-right.png) 100% 0 no-repeat; padding:5px 10px 5px 9px; _height:1px;}

/* Inline menu */
.inline-menu ul li { float: left; margin-right: 15px; }

/* Licence */
.licence-row { margin: 0 -15px; clear: both; }
.licence-box { width: 289px; background: url(../img/bg-licence-box-top.png) no-repeat 0 0; padding-top: 18px; position: relative; margin-bottom: 20px; float: left; margin-left: 15px;}
.licence-box:first-child { margin-left: 0; }
.licence-box { margin-left: expression(this.parentNode.firstChild == this ? '0' : '15px'); }

.licence-box .licence-box-spc { background: #7BB5DF url(../img/bg-licence-box.png) repeat-x 0 0; }
.licence-box .licence-box-bottom { background: url(../img/bg-licence-box-bottom.png) no-repeat 0 100%; padding: 1px 10px 10px 10px;}
.licence-box h2 { margin: -2px 50px 5px 10px; line-height: 1.3; text-align: center; padding-bottom: 5px; background: url(../img/bg-licence-box-dash.png) repeat-x 0 100%; }
.licence-box table { margin: 5px 0; border: 0; font-size: 92%; background: none; }
.licence-box table tr td { padding: 1px 5px; border: 0; background: none; vertical-align: top; }
.licence-box .wstrong { font-weight: bold; color: white; }
.licence-box .error { background: none; padding: 0; }
.star-licence-error { width: 64px; height: 63px; position: absolute; top: -10px; right: -10px; background: url(../img/star-licence-error.png) no-repeat 0 0; }
.star-licence-ok { width: 68px; height: 67px; position: absolute; top: -10px; right: -10px; background: url(../img/star-licence-ok.png) no-repeat 0 0; }

ul.horizontal-menu {display:block; height:15px;}
ul.horizontal-menu  li{float: left;}

/* Archiv komentaru*/
h1.archiv-komentaru {padding: 5px 15px;}
ul.archiv-komentaru li {background:none; padding: 5px 15px; border-bottom:1px solid #DFDFDF; }

/*
.star-licence-error { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/star-licence-error.png'); }

.star-licence-ok {  _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/star-licence-ok.png');  }
*/

/* DOWNLOAD */
.col-full {overflow: hidden; zoom: 1;}

.content-narrow {width: 590px; float: left; }

.tree-box { width: 300px; float: right; background: #F4F9FF; margin-bottom: 15px; zoom: 1; position: relative; }
.tree-box .spc { margin: 15px 5px 15px 10px;}
.tree-box h2 { margin-bottom: 0; color: #0F5FB7; font-weight: bold; font-size: 133.33%; }
.tree-box .subtitle { color: #5D5D5D; font-size: 92%;  }
.tree-box caption {}
.tree-box table {background: #F4F9FF; margin:0px; width:auto;}
.tree-box table th, .tree-box table td {border:none; padding:0px;}
.tree-box table th {background: #F4F9FF;}
.tree-box table td {background: #F4F9FF;}
.tree-box table tr.evenrow td {}
.tree-box table.plain {}
.tree-box table.plain th, table.plain td {}
.tree-box a {text-decoration:underline;}

.top-left{width:2px;height:2px;background:url(../img/top-left.gif) 0 0 no-repeat;display:block;position:absolute;top:0;left:0;overflow:hidden; }
.top-right{width:2px;height:2px;background:url(../img/top-right.gif) 0 0 no-repeat;display:block;position:absolute;top:0;right:0;overflow:hidden}
.bottom-left{width:2px;height:2px;background:url(../img/bottom-left.gif) 0 0 no-repeat;display:block;position:absolute;bottom:0;_bottom:-1px;left:0;overflow:hidden}
.bottom-right{width:2px;height:2px;background:url(../img/bottom-right.gif) 0 0 no-repeat;display:block;position:absolute;bottom:0;_bottom:-1px;right:0;overflow:hidden}

.download {margin:5px 0 0 12px; width:410px;}