/* Debug */

/* Fonts */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/i/fonts/myriadproregular.eot');
	src: local('MyriadPro-Regular'), local('Myriad Pro'), url('/i/fonts/myriadproregular.woff') format('woff'), url('/i/fonts/myriadproregular.ttf') format('truetype');
}

/* Common */
body {
	font-size: 14px;
	background-color: #fff;
}

.nobr {
	white-space: nowrap;
}

h1 {
	font: normal 23px/1.5 "Myriad Pro",Tahoma,sans-serif;
	margin: 0 0 15px 0;
}

h2 {
	font: normal 20px/1.5 "Myriad Pro",Tahoma,sans-serif;
	margin: 10px 0 0 0;
}

h3 {
	font: bold 15px/1.5 Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}

p {
	margin-bottom: 5px;
}

dl {
	margin: 0 0 0 25px;
}

.red {
	color: red;
	font-weight: bold;
}

small,
.small {
	font-size: 13px;
}

.content ul, ol { margin: 0 0 1em 0; padding: 0; }
.content ul { list-style: none; }
.content ul li { margin: 0 0 8px 0; padding: 0 0 0 32px; background: url(/i/li.gif) 8px 12px no-repeat }
.content ul li ul { margin-top: 8px; list-style: circle; }
.content ul li ul li { margin: 0 0 0 29px; padding: 0; background: none; }
.content ul li ul li ul { margin-top: 8px;  list-style: square; }

.content ul.small li { padding: 0 0 0 29px; background: url(/i/li2.gif) 12px 9px no-repeat  }
.content ul li ol { margin-top: 8px }
.content ol li {margin: 0 0 0 29px; padding: 0; background: none; }

a { color: #00e; }
a:hover, a:visited:hover, #breadcrumbs a:hover, #breadcrumbs a:visited:hover { color: #f56; }
a:visited { color: #85c; }

a.fancybox,
a.dotted {
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.fancy_img {
	text-decoration: none;
	border-bottom: none;
}

table {
	border-collapse: separate;
	border-spacing: 15px;
}

table, tbody, tr, td {
	vertical-align: top;
}

table.midle, .middle tbody, .middle tr, .middle td {
	vertical-align: middle;
}

/* Site Blocks */
div#header {
	background: url(/i/flag.jpg) left top no-repeat;
	height: 174px;
}

div#logo {
	margin-top: 2px;
	float: left;
}

div#logo a,
div#logo span {
	display: block;
	background: url(/i/logo_sprite.jpg) left top no-repeat;
	height: 142px;
	width: 480px;
	overflow: hidden;
	text-indent: -9999px;
}

div#logo a:hover {
	background-position: 0 -142px;
}

div#header_right {
	float: right;
}

div#slogan {
	display: block;
	background: url(/i/slogan.png) left top no-repeat;
	height: 74px;
	width: 201px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 25px;
}

div#support a {
	display: block;
	height: 25px;
	line-height: 25px;
	width: 201px;
	text-align: center;
	text-shadow: 2px 2px 3px #333;
	margin-top: 10px;
	font-size: 17px;
	font-family: "Myriad Pro", Tahoma,sans-serif;
	background: url(/i/support.png) left top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

div#support a:hover,
div#support a:visited:hover {
	background-position: left -25px;
}

/* -- Sites */
#sites ul {
	list-style: none outside none;
	margin: 0;
	height: 30px;
	margin: 0 10px;
}

#sites ul li {
	float: left;
	font-size: 13px;
	line-height: 30px;
	color: #333;
	margin: 0 30px 0 0;
}

#sites a,
#sites a:visited {
	color: #333;
}

#sites a:hover {
	color: #06f;
}

/* -- Menu */
#menu {
	margin: 10px 8px 5px 8px;
	width: 944px;
	z-index: 10;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	float: left;
}

#menu .mainnav {
	display: block;
	background: url(/i/menu_sprite.png) 0 0 no-repeat;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	outline: none;
	border: none;
}

#menu #menu_main,
#menu span#menu_main { width: 44px; background-position: 0 0; }
#menu #menu_main:hover { background-position: 0 -34px; }

#menu #menu_products { width: 119px; background-position: -44px 0; }
#menu #menu_products:hover,
#menu #menu_products.here { background-position: -44px -34px; }

#menu #menu_price { width: 120px; background-position: -163px 0; }
#menu #menu_price:hover,
#menu #menu_price.here { background-position: -163px -34px; }

#menu #menu_doc { width: 160px; background-position: -283px 0; }
#menu #menu_doc:hover,
#menu #menu_doc.here { background-position: -283px -34px; }

#menu #menu_video { width: 80px; background-position: -443px 0; }
#menu #menu_video:hover,
#menu #menu_video.here { background-position: -443px -34px; }

#menu #menu_order { width: 81px; background-position: -523px 0; }
#menu #menu_order:hover,
#menu #menu_order.here { background-position: -523px -34px; }

#menu #menu_about { width: 138px; background-position: -605px 0; }
#menu #menu_about:hover,
#menu #menu_about.here { background-position: -605px -34px; }

#menu #menu_search { width: 202px; background-position: -742px 0; }
/*#menu #menu_search:hover { background-position: -742px -34px; }*/

#menu ul li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -1px; top: 34px;
	margin: 0; padding: 0 0 11px;
	display: none;
	width: 188px;
	border: 0;
	background: transparent url(/i/submenu_bg.png) 0 bottom no-repeat;
}

#menu ul li ul.subnav li {
	margin: 0; padding: 0;
	clear: both;
	width: 188px;
}

#menu ul.subnav a,
#menu ul.subnav span {
	display: block;
	float: left;
	line-height: 1.24;
	font-size: 13px;
	width: 165px; /* give 2px right border and 1 for left*/
	padding: 3px 8px 4px 9px;
	margin-left: 1px;
	color: #000;
	text-decoration: none;

}
#menu ul.subnav a:hover,
#menu ul.subnav a.here,
#menu ul.subnav span { background: #cccad3;}

/* MEGA-menu */
#menu ul li ul.meganav {
	list-style: none;
	position: absolute; /*--Important - Keeps meganav from affecting main navigation flow--*/
	left: -1px; top: 34px;
	padding: 0 0 11px;
	margin-right: 11px;
	display: none;
	width: 582px;
	border: 0;
	background: transparent url(/i/megamenu_bg.png) -11px bottom no-repeat;
}

ul.meganav:before {
	background: transparent url(/i/megamenu_bg.png) 0 bottom no-repeat;
	position: absolute;
	display: block;
	height: 100%;
	width: 11px;
	right: -11px;
	margin: 0;
	content: "";
}
/*
#menu ul li ul.meganav {
    zoom:1;
    behavior:expression(!this.isInserted==true ? this.isInserted=(this.outerHTML = '<span class="meganavbefore">123</span>' + this.outerHTML) : '');
}*/

ul.meganav li {
	width: 188px;
}

ul.meganav li a,
ul.meganav li span {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.24;
	display: block;
	padding: 3px 8px 4px 9px;
	width: 170px;
}

ul.meganav li ul li a,
ul.meganav li ul li span {
	font-weight: normal;
}

ul.meganav li.first a,
ul.meganav li.first span {
	padding-left: 13px;
	margin-left: 1px;
	width: 166px;
}

ul.meganav a,
ul.meganav span,
ul.meganav li ul li a,
ul.meganav li ul li span {
	border-right: 1px #ccc solid;
}

ul.meganav li.last a,
ul.meganav li.last span {
	border: none;
	width: 198px;
}

ul.meganav li a:hover,
ul.meganav li span { background: #cccad3; color: #000; }



/* -- Search */
#menu #menu_search {
	text-indent: 0px;
	position: relative;
}

#search {
	width: 150px;
	height: 17px;
	border: 0px;
	position: absolute;
	top: 8px;
	left: 30px;
	padding: 0;
	background: transparent;
	color: #666;
}

.ajaxSearch_highlight {
	background-color: #ffff96;
}

.ajaxSearch_resultsInfos {
	margin-left: 30%;
}


/*-- Breadcrumbs */
#breadcrumbs {
	font-size: 13px;
	color: #5A5A5A;
	margin: 0 0 15px 25px;
}

#breadcrumbs a {
	color: #5A5A5A;
}

#breadcrumbs span {
	padding: 0 7px;
}

#breadcrumbs span.B_currentCrumb {
	font-weight: bold;
	padding: 0;
}

/* -- Products */
/* ---- Fonts */
#products {
	font-size: 15px;
	line-height: 1.4;
	font-family: Tahoma,Arial,sans-serif;
	margin-top: 5px;
}

#products p.prod_more {
	color: #d5e9f5;
	display: block;
	width: 100%;
	text-align: right;
}

#products a {
	color: #d5e9f5;
}

#products a:hover,
#products a:visited:hover {
	color: #7cc9f8;
}

#products h2 {
	font-size: 19px;
	line-height: 1.2;
	font-weight: normal;
	margin: 10px 0 7px 0;
	font-family: "Myriad Pro",Tahoma,sans-serif;
}

#products ul {
	margin: 5px 0 5px;
	list-style: disc;
}

#products ul li {
	background: none;
	margin: 0 0 0 30px;
	padding: 0 0 0 5px;
}

/* --- Layout */
#products {
	position: relative;
	width: 620px;
	height: 248px;
	overflow: hidden;
}

div.items {
	width: 20000px;
	position: absolute;
	clear: both;
}

#products div.items div {
	float: left;
	width: 380px; /*620px;*/
	height: 248px;
	margin: 0;
	padding: 0 0 0 240px;
}

#products #ilt,
#products #lsk,
#products #prog {
	color: #d5e9f5;
	text-shadow: 2px 2px 3px #000;
}

#products #ilt {
	background: url(/i/ilt.jpg) left top no-repeat;
	width: 325px;
	padding: 0 25px 0 270px;
}

#products #lsk {
	background: url(/i/lsk.jpg) left top no-repeat;
	width: 315px;
	padding: 0 280px 0 25px;}#products #prog {
	background: url(/i/soft.jpg) left top no-repeat;
	width: 315px;
	padding: 0 25px 0 280px;
}


/* -- Products Nav */
#products_nav {
	width: 620px;
	height: 33px;
	top: 0px;
	position: relative;
	z-index: 3;
}

#products_nav div#prod_arrow {
	position: absolute;
	top: -8px;
	left: 81px;
	width: 15px;
	height: 9px;
	background: url(/i/prod_arrow.png) left top no-repeat;
}

#products_nav a {
	display: block;
	float: left;
	height: 33px;
	text-align: center;
	font-size: 21px;
	background: url(/i/products_nav.png) left top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	outline: none;
	border: none;
}

#products_nav a.ilt { width: 177px; }
#products_nav a.ilt:hover {	background-position: 0 -33px; }

#products_nav a.lsk {
	width: 230px;
	background-position: -177px 0;
}
#products_nav a.lsk:hover {	background-position: -177px -33px; }

#products_nav a.prog {
	width: 213px;
	background-position: -407px 0;
}
#products_nav a.prog:hover { background-position: -407px -33px; }

/* Items */
.item {
	margin: 20px 0;
	position: relative;
	z-index: 0;
	zoom: 1;
	clear: both;
}

.item div.item_image {
	float: left;
	width: 320px;
	text-align: center;
}

.item div.item_text {
	float: left;
	width: 550px;
	margin-left: 20px;
}

.item_text p {
	margin: 0 0 10px 0;
}

.item_text p.date {
	margin: 0;
}

/* Video */

#video,
#video div.items div {
	width: 300px;
	height: 580px;
}

#video {
	margin-top: 5px;
}

#video h2 {
	margin-top: 40px;
}

/* Video List */
#video_list .item {
	padding-top: 15px;
}

#video_list .item div.item_image {
	margin-top: 5px;
}

/* ABC */
#abc,
#abc div.items div {
	width: 300px;
	height: 380px;
}

#abc {
	padding-top: 50px;
}

#abc div.items div div.image {
	text-align: center;
	height: 150px;
}

#abc p {margin-top: 0;}

#abc .t_box_corners h2 {margin: 9px 12px;}

#abc h2 {
	margin: 9px 12px;
	text-align: center;
}

#abc .items ul {margin: 0 12px 0 0;}

/* ABC List */
#abc_list .item {
	margin: 50px 0;
}

/* Box */
.box {
	position: relative;
	overflow: hidden;
	background: url(/i/box_bg.jpg) 0 -33px no-repeat;
	color: #000;
	z-index: 0;
	clear: both;
	margin-bottom: 20px;
}

.box h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 10px 12px 2px 12px;
}

.box h3 {
	margin: 2px 12px 2px 12px;
}

.box p {
	margin: 9px 12px;
}

.box div.items div {
	float: left;
}

/*-- Box Nav */

.box_nav {
	position: absolute;
	bottom: 0px;
	height: 33px;
}

.box_nav2 {
	position: absolute;
	top: 248px;
	height: 33px;
}

.box_nav ul,
.box_nav2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.box_nav ul li,
.box_nav2 ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 33px;
}

.t_box_corners,
.b_box_corners {
	position: absolute;
	width: 300px;
	height: 10px;
	background: url(/i/box_corners.png) 0 -10px no-repeat;
	z-index: 2;
}

.t_box_corners {
	top: 0px;
}

.b_box_corners {
	bottom: 0px;
	background-position: 0 0;
}

/* --- Buttons */
ul li.box_text {
	width: 234px;
	line-height: 33px;
	text-align: center;
	background: url(/i/box_buttons.png) 0 -132px repeat-x;
}

.next a,
.prev a {
	display: block;
	width: 33px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	border: none;
}

.prev a {
	background: url(/i/box_buttons.png) 0 0 no-repeat;
}

.next a {
	background: url(/i/box_buttons.png) -33px 0 no-repeat;
}

.prev a {
	background-position: 0 0;
}

.next a {
	background-position: -33px 0;
}

.prev a:hover {
	background-position: 0 -33px;
}

.next a:hover {
	background-position: -33px -33px;
}

.prev a.click {
	background-position: 0 -66px;
}

.next a.click {
	background-position: -33px -66px;
}

.disabled {
	cursor: default;
}

.prev a.disabled,
.prev a.disabled:hover {
	background-position: 0 -99px;
}

.next a.disabled,
.next a.disabled:hover {
	background-position: -33px -99px;
}

/* -- News */
#news div.img {
	width: 140px;
	margin-right: 20px;
	float: left;
	background-color: #eef;
	position: relative;
}

#news div.img img {
	display: block;
	margin: 0;
}

#news div.img div.t {
 width: 140px;
 height: 10px;
 background: url(/i/news_corners.png) 0 -10px no-repeat;
 position: absolute;
 top: 0;
 left: 0;
}

#news div.img div.b {
 width: 140px;
 height: 10px;
 background: url(/i/news_corners.png) 0 0 no-repeat;
 position: absolute;
 top: 100%;
 left: 0;
 margin-top: -10px;
}


#news div.text {
	width: 460px;
	float: left;
}

#news div.date {
	font-size: 13px;
	margin: 0 0 10px;
}

#news h2 {
	margin: 15px 0 10px;
}

#news h3 {
	margin: 0 0 2px;
}

#news #news_arch {
	width: 240px;
	height: 40px;
	background: url(/i/news_arch.gif) left top no-repeat;
	display: block;
	overflow: hidden;
	padding: 7px 26px 11px 9px;
	margin: 0;
}

#news div.clear {
	height: 20px;
}

.pages { height: 47px; margin: 20px 0 20px 30%; }
.pages strong { float:left; padding:0 17px; height:47px; line-height:45px; background:#eef; display:inline; margin:0 9px 0 0 }
.pages a { float:left; padding:0 8px; height:32px; font-weight:bold; line-height:30px; display:inline; margin:8px 5px 0 4px }
.pages a:hover { color:#fff; text-decoration:none; background:#66f }


ul.news_dates li {
	background: none repeat scroll 0 0 transparent;
	padding: 0;
}

ul.news_dates li ul {
	list-style: none;
}

ul.news_dates li ul li {
	margin: 0 0 4px;
	padding: 0 0 0 29px;
	background: url(/i/li2.gif) 12px 9px no-repeat;
}

#news_side {
	text-align: center;
}

p.back2news {
	margin: 8px 0 27px 0;
}

/* -- Footer  */
#lt, #astra, #counters {
	font-size: 13px;
	padding-top: 30px;
}

#lt {
	color: #000;
}

#astra {
	color: #605c5b;
}

#astra #astra-inner {
	padding-left: 45px;
}

#astra a {
	color: #605c5b;
}

.asterisk {
	display: block;
	background: url(/i/asterisk.gif) left top no-repeat;
	width: 13px;
	height: 12px;
	margin: 0 5px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}

.copy {
	font-size: 11px;
	color: #b5b5b5;
	margin-left: 18px;
}

/* --  Form */

form table { margin: 0 auto;}
form table td { padding: 0 0 0 15px;}

form p { margin: 0; zoom: 1 }

form .textInput {
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	padding:5px;
	background:#fff url(/i/input.gif) 0 0 repeat-x;
	border:#66f 1px solid;
	width:345px
}

form .textInput {
	position:relative;
	height:20px;
	margin: 1px 1px 5px 1px;
}
form  textarea.textInput {
	position:relative;
	width:345px;
	height:80px;
	font-size:15px;
	margin: 1px 1px 5px 1px;
}


form #order_products {height: 160px;}
form #order_delivery,
form #order_products {width: 734px;}

form .textInput:focus,
form .textInputFocus,
form textarea.textInput:focus { outline: none; margin: 0 0 4px 0; border:#66f 2px solid }

form input.required,
form input.invalid,
form textarea.required,
form textarea.invalid { outline: none;  margin: 0 0 4px 0; border:#f20 2px solid }

form .accent {background-color: #eef;}
form .accent td, form div.accent {padding: 10px 15px;}
form label { margin-top: 5px; display: block;}
form p.hint { margin-top: 20px; }

form.order table {
	border-collapse: separate;
	border-spacing: 0;
}

/* Support */
div.popup_content {
	width: 370px;
	margin: 15px auto;
}

form #support_question {height: 160px;}
form#support #vericode {width: 195px;}

/* Price */
.PriceList {border-spacing: 0px;}
.PriceList td {padding: 10px;}
.PriceList td.Heading,
.PriceList td.Item {
	width: 100%;
	border-bottom: 1px dashed #26579f;
}
.PriceList td.Heading {background-color: #ebecf3; font-weight: bold;}

.PriceList .Item-name {
	font-weight: bold;
}

.PriceList td.Item.flip {
	cursor: pointer;
}

.PriceList .flip .Item-name {
	font-weight: normal;
}

.PriceList td.Price {
	text-align: right;
	border-left: 2px solid #26579f;
	white-space: nowrap;
}

.PriceList tr:hover {
	background-color: #dadce8;
}

.PriceList a.more {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px !important;
	color: #444;
}

/* Diplom */
#diplom td {
	text-align: center;
}

#diplom h2 {
	margin-top: 20px;
}

#diplom .text {
	vertical-align: top;
}

/* Soft */
#soft h2 {margin: 0;}
#soft .item_image {padding-top: 10px;}

.soft-toc {
	margin-left: 309px;
}

/* TTX */
div#article div.ttx-wrap {
	display: none;
}

div.ttx-wrap p,
#fancybox-wrap p,
div.ttx-wrap li,
#fancybox-wrap li,
div.ttx-wrap ul,
#fancybox-wrap ul {
	width: 450px;
}

table.ttx {
	width: 450px;
	border-spacing: 0px;
}

table.ttx td {
	padding: 2px 15px;
}

table.ttx th {
	background-color: #e5e5f0;
}

/* Samples */

table.samples {
	width: 100%;
	border: none;
	border-spacing: 10px;
}

table.samples td {
	width: 33%;
	text-align: center;
	vertical-align: middle;
}

table.samples tr.text td {
	padding: 0 1em 2em 1em;
	vertical-align: top;
}
table.samples li {
	text-align: left;
}

/* @slide*/

div.aslide {
	width: 200px;
	height: 180px;
	text-align: center;
}

/* Fancybox override*/

#fancybox-left-ico {
 left: 20px;
}

#fancybox-right-ico {
 right: 20px;
 left: auto;
}

#fancybox-title {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#galleria {
	height: 500px;
	width: 940px;
}
