/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	color: #444;
	font: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;}

body {
	line-height: 1;}

ul {
	list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;}
	
th, td {
	text-align: left;
	font-weight: normal;}

	
/* end css reset  */

html {
	overflow-y: scroll;}

html, body {
	background: #e6e6e6 url(bckgd/pattern.gif) repeat fixed 0 0;
	font-family: "Segoe UI", arial, sans-serif;}
	
/* page */
	
.page {
	position: relative;
	background: #fff;
	max-width: 910px;
	min-width: 770px;
	margin: 0 auto 15px auto;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-color: #d0cece !important;
	-moz-border-radius-bottomright: 150px 45px;
	-moz-border-radius-bottomleft: 150px 45px;
	border-bottom-right-radius: 150px 45px;
	border-bottom-left-radius: 150px 45px;}
	
/*  header  */

#header {
	margin: 0 7px 0 7px;
	max-width: 896px;
	height: 100px;
	background: url(bckgd/baner-bckgd-new.gif) no-repeat 0 0;}
	
#header img {
	margin: 20px 0 0 25px;}
	
#header a:hover img {
	border-left: 2px solid #f9f7ed;}
	
#header span {
	display: block;
	text-indent: -999em;
	overflow: hidden;}
	
/* menu */
.menu-box {
	position: absolute;
	left: 0.5px;
	top: 100px;
	z-index: 1100;
	width: 100%;
	font-size: 0.7em;
}
.menu-box {
	left: 0\9
}

/* level 1 */
.menu-lev1 {
	margin: 0 1px;
	min-height: 2.3em;
	border-bottom: 4px solid #b2c900;
}
.menu-lev1 {
	min-height: 2.45em\9
}
.menu-lev1 li {
	float: left;
	width: 16.66%;
}
	
/* level 2 */
.menu-lev2 {
	display: none;
	padding: 5px 12px 12px 12px;
	border: 1px solid #b2c900;
	background: #fff;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.menu-lev1 li:hover .menu-lev2 {
	display: block;
}
.menu-lev2 li {
	float: none;
	width: 100%;
	border: none;
	border-top: 1px solid #e6e6e6;
}	
.menu-lev2 li:first-child {
	border-top: 0;
}
	
/* wide-menu */
.wide-menu {
	position: absolute;
	width: 58%;
	line-height: 140%;
}	
.wide-menu dt {
	margin: 5px 0;
	clear: left;
}
.wide-menu dt:first-child {
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}
.wide-menu dt:last-child {
	border-top: 1px solid #e6e6e6;
	padding-top: 7px;
}
.wide-menu dt span {
	display: block;
	border-bottom: 1px solid #b2c900;
	font-size: 1.1em;
	color: #000;
}
.wide-menu dt strong {
	font-weight: normal;
}
.wide-menu dd {
	float: left;
	width: 42%;
	margin: 1px 0;
	margin-left: 8px;
	padding-left: 12px;
	background: url(bckgd/point1.png) no-repeat 0 75%;
}
/* laim */

html[lang="pl"] .wide-menu dd:nth-of-type(4) {
	margin-top: -0.2em;
}
html[lang="pl"] .wide-menu dd:nth-of-type(6) {
	margin-top: -1.4em;
}
html[lang="pl"] .wide-menu dd:nth-of-type(10) {
	margin-bottom: 11px;
}
html[lang="ru"] .wide-menu dd:nth-of-type(4) {
	margin-top: -0.1em;
}
html[lang="ru"] .wide-menu dd:nth-of-type(11) {
	margin-top: -1.6em;
	margin-bottom: 12px;
}
dd + dt {
	padding-top: 9px\9}
dd + dt span {
	padding-top: 5px\9;
	border-top: 1px solid #e6e6e6\9}
/* links */
/* common for all links excluding wide-menu links
* particularly display property
*/
.lev1-link, ul.menu-lev2 a {
	display: table-cell;
	width: 16.65%;
	height: 2.32em;
	vertical-align: middle;
}

/* level 1 links */
.lev1-link {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	background: #003a7e;
}
span.lev1-link {
	background: #003a7e url(bckgd/menu-span-bckgd.png) no-repeat 50% 100%;
}
.menu-lev1 li:hover .lev1-link {
	background: #b2c900;
	border-color: #b2c900;
	border-bottom: 0;
	text-decoration: none;
	-moz-border-radius-topright: 45px 12px;
	-moz-border-radius-topleft: 45px 12px;
	border-top-right-radius: 45px 12px;
	border-top-left-radius: 45px 12px;
}
#this-group .lev1-link {
	background: #fbfbfb;
	color: #b2c900;
	font-weight: bold;
	border-color: #b2c900;
	border-bottom: 0;
	text-decoration: none;
	-moz-border-radius-topright: 45px 12px;
	-moz-border-radius-topleft: 45px 12px;
	border-top-right-radius: 45px 12px;
	border-top-left-radius: 45px 12px;
}

/* level 2 links */
.menu-lev2 a:hover {
	background: #fbfbfb;
}
.wide-menu dd a {
	display: inline-block;
	padding: 1px;
	width: 100%;
}
#this-group #this-link {
	font-weight: bold;
	text-decoration: none;
	color: #b2c900;
	background: #fbfbfb;
}
/* menu develop class */
.stay {display: block;}

/* main content */
/* plugins later on */
.main-content {
	margin: 20px 20px 0 20px;
	padding: 10px 10px 10px 1px;}
	
.main-content h1, .main-content h2, .main-content h3, .main-content h2.index-h2 {
	font-size: 85%;
	font-weight: bold;
	color: #444;
	border-bottom: 2px solid #b2c900;
	margin: 0 20px;
	padding: 0;}
	
.main-content h2.index-h2 {
	margin-bottom: 15px;}
	
.main-content h1, .main-content h2 {
	font-size: 110%;
	margin: 20px 0 20px 0;
	padding: 0 0 0 20px;}
	
.main-content h3, .add-col h3 {
	font-size: 75%;
	border: none;}
	
.main-content h2, .main-content h3, .clear {
	clear: both;}
	
h3.h3-border {
	border-bottom: 2px solid #b2c900;}

.main-content .no-clear {
	clear: none;}
	
.main-content p, .add-col p {
	font-size: 70%;
	line-height: 140%;
	margin: 5px 10px 10px 20px;}
	
.img-in-txt {
	float: right;
	margin: 5px 20px 5px 10px;
	border: 1px solid #9b9b9b;
	padding: 1px;}
	
/*   contact   */
	
#map {
	text-align: center;
	float: right;
	margin: 0 20px 0 0;
	padding: 3px 1px 10px 1px;
	width: 50%;
	font-size: 70%;}
	
#map:hover {
	border: 1px solid #b2c900;}
	
.contact-span {
	font-weight: bold;
	font-size: 120%;
	padding: 2px 0;
	color: #444;
	display: block;
	width: 38%;}
	
/*   pages with gallery on right   */
/*   history   */
/*   operations  */
/*   economical solutions  */
/*   all pages from single-solutions   */
	
#right-col-gallery {
	float: right;
	width: 42%;
	margin: 1px 0 0 10px;}
	
#right-col-gallery li {
	float: left;
	margin: 5px;}
	
#right-col-gallery li a img {
	border: 1px solid #003a7e;
	padding: 1px;}
	
#right-col-gallery li a:hover img {
	border: 1px solid #b2c900;}
	
/*  video links  */
.video-link, .video-link-nofb, .download-link, #right-col-gallery li.group-title {
	display: block;
	width: 99%;
	font-weight: bold;}
	
#right-col-gallery li.group-title span {
	font-weight: normal;
	color: #444;
	margin-right: 5px;}

#right-col-gallery li.group-title {
	font-size: 75%;}
	
#left-col-gallery {
	width: 55%;}

	
/*  right col gallery with tabs  */
/*  complete solutions  */

#tabs-page #right-col-gallery .css-panes div ul {
	margin: 20px 0 0 21px;}
	
#tabs-page #right-col-gallery .css-panes div li {
	line-height: 130%;}
	
#tabs-page #right-col-gallery .css-panes li {
	width: 300px;}
	
#tabs-page #right-col-gallery .css-panes h3 {
	margin: 0 0 0 25px;
	font-size: 0.75em;}

.clearleft {
	clear: left;}

#tabs-page ul.css-tabs {
	width: 90%;
	font-size: 0.7em;
	line-height: 140%;
	margin-left: 30px;}

/* single tab */
#tabs-page ul.css-tabs li {
	width: 40%;
	float: left;
	padding: 0; 
	margin: 2px 5px;
	list-style-image: url(bckgd/point1.png);}

/* link inside the tab 
#tabs-page ul.css-tabs a {}

#tabs-page ul.css-tabs a:hover {}
 */
	
/* selected tab */
#tabs-page ul.css-tabs a.current {
	font-weight: bold;
	color: #b2c900;
	text-decoration: none;}

/* tab pane */
#tabs-page #right-col-gallery .css-panes div {
	position: relative;
	top: 1px;
	z-index: 100;
	background-color: #fff;}
	
/*  references  */

#references-logos {
	margin: 5px 20px;
	text-align: center;}
	
#references-logos img {
	margin: 5px;}
	
/* end of main content stuff */

/*  video and download stuff */
/*  also links to videos from other pages  */


/*  this holds carousel in the middle  */
#video-page div, #download-page div {
	margin: 5px auto 0 auto;}
	
.video-link, .video-link-nofb {
	height: 24px;
	font-size: 80%;}

.video-link a, .video-link-nofb a {
	background: url(bckgd/vid-blue.png) no-repeat left 0;
	padding: 2px 0 7px 29px;}
	
.video-link a:hover, .video-link-nofb a:hover {
	background: url(bckgd/vid-green.png) no-repeat left 0;
	color: #b2c900;
	text-decoration: none;}
	
#jcarousel-download li a span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 210px;
	padding: 10px 30px 10px 10px;
	font-size: 0.9em;
	background: #fff url(bckgd/pdf.gif) no-repeat 95% 75%;
	opacity: 0.9;}
	
#jcarousel-download li {
	position: relative;
	float: left;}
	
/*  additional box  */
/*  index  */

#additional-box {
	margin: 0 0 0 40px;
	padding: 10px 0 0 0;}
	
.add-col {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	min-height: 205px;}
	
.add-col h2 {
	font-size: 85%;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid #b2c900;
	padding: 0 0 3px 0;
	margin: 0 5px 0 -2px;}
	
.add-col img, .add-col #slider a img {
	width: 250px;
	height: 187px;}
	
.add-col div {
	margin: 10px 0 0 0;}
	
.add-col p {
	margin: 13px 0 0 0;
	text-align: left;}
	
.add-col div #subBar span, #right-col-gallery #col4 #subBar span {
	position: relative;
	top: 10px;
	font-weight: bold;
	font-size: 80%;
	color: #003a7e;}
	
#right-col-gallery #col4 {
	position: relative;
	top: 25px;
	left: -15px;}
	
#single-sol-lang #right-col-gallery #col4 {
	top: -5px;}
	
/* download */
	
#download-page .add-col {
	width: 40%;}

/*  end additional box  */
	
/*  foot  */

#foot {
	margin: 0 7px 0 7px;
	max-width: 896px;
	clear: both;
	border-top: 4px solid #b2c900;}
	
#foot-holder {
	width: 100%;
	margin-top: 1px;
	border-top: 4px solid #003a7e;
	text-align: center;
	font-size: 70%;}

#foot-holder p {
	position: absolute;
	margin: 20px 40px;
	line-height: 140%;}
	
#foot-p-left {
	left: 5px;
	width: 300px;
	text-align: left;}
#foot-p-left img {
	margin: -15px 0 0 10px;
}
#foot-p-left span {
	color: #b2c900;}
	
#foot-p-left a:first-child, #foot-p-left span:first-child {
	margin-left: 5px;}
	
#foot-p-right {
	right: 5px;}
	
.foot-link {
	display: inline-block;
	width: 38px;
	padding: 37px 0 0 0;
	margin: 10px 5px 15px 5px;
	text-align: center;}
	
#foot-home-link {
	background: url(bckgd/home_ico.png) no-repeat 1px 0;}

#foot-top-link {
	background: url(bckgd/top_ico.png) no-repeat 1px 0;}

#foot-contact-link {
	background: url(bckgd/contact_ico.png) no-repeat 4px 0;}

#foot-print-link {
	background: url(bckgd/print_ico.png) no-repeat 0 0;}

/*  all links in text */

.main-content a, #additional-box a, .add-col a, #foot a, #redirect a, .menu-lev2 a {
	color: #003a7e;
	text-decoration: underline;}
	
.main-content a:hover, #additional-box a:hover, .add-col a:hover, #foot a:hover, #redirect a:hover, .menu-lev2 a:hover {
	color: #b2c900;
	text-decoration: none;}
	
/* list style type for all non-menu lists */

.just-list {
	text-align: left;
	font-size: 75%;
	margin-left: 20px;
	list-style-type: none;
	list-style-image: url(bckgd/point1.png);}
	
.just-list li {
	line-height: 140%;
	margin: 5px 15px;}

.just-list ul {
	list-style-type: none;
	list-style-image: url(bckgd/dash1.png);}
	
/*  3 column links list  */
/*  video   */
/*  complete solutions   */
/*  single solutions    */
	
.just-list#three-col-list {
	font-size: 75%;
	margin: 10px 10px 30px 65px;}
	
.just-list#three-col-list li {
	float: left;
	margin: 2px 20px;
	width: 220px;}
	
.additional-box .just-list#three-col-list {
	border-bottom: 10px solid #fff;}

strong {
	font-weight: bold;}
	
/* table */

.main-content table {
	font-size: 70%;
	margin: 5px 20px;
	min-width: 50%;}
	
.main-content table td {
	padding: 10px;
	border: 1px solid #003a7e;
	line-height: 140%;}
	
.main-content table td.first-cell {
	font-weight: bold;
	background: #b2c900;}
	
/*  language  */

#lang {
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 10;
	margin-right: 14px;}
	
#lang li {
	display: block;
	float: left;
	margin-right: 8px;
	color: #787878;
	font-size: 70%;
	padding: 1px 1px 0 1px;}
	
#lang li:hover, li#this-lang {
	border: 1px solid #b2c900;}
	
#lang li a img {
	margin-top: 0;}
	
/* redirect  */
	
#redirect {
	position: absolute;
	left: 5%;
	top: 10%;
	width: 90%;
	height: 35%;
	z-index: 1500;
	text-align: center;
	background: #fff;
	border: 2px solid #b2c900;
	padding: 15% 0 0 0;
	line-height: 200%;
	opacity: 0.95;}
	
/*  showcase  */
#showcase {
	top: 15px;
	margin-bottom: 15px;}
	
.slide-box {
	background: #fff;
	position: relative;	
	height: 405px;
	width: 101%;	
	margin: 15px 0 15px 1px;
	text-align: center;}

.slide-box div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;		
	margin: 0;
	padding: 0;
	height: 405px;}
	
.slide-box div p {
	margin: 320px 0 0 0;
	background: #fbfbfb;
	font-size: 0.8em;
	padding: 12px;
	opacity: 0.87;}
	
.slide-box div p a {
	color: #444;
	text-decoration: none;}
.slide-box div:hover p a {
	color: #003a7e;
	text-decoration: underline;}
.slide-box div:hover p a:hover {
	color: #b2c900;
	text-decoration: none;}

/* little circles below */
.slidetabs {
	clear: both;
	margin-left: 48%;}

.slidetabs a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(bckgd/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;}

.slidetabs a:hover {
	background-position: 0 -8px;}

.slidetabs a.current {
	background-position: 0 -16px;}

/* slide bckgds */
.slide-box .slide1 {
	background: #fff url(bckgd/slide1-bckgd.jpg) no-repeat center 0;
	width: 100%;
	height: 100%;
}
#slide1-ru {
	background: #fff url(bckgd/slide1-ru-bckgd.jpg) no-repeat center 0;
	width: 100%;
	height: 100%;}
#slide1-pl {
	background: #fff url(bckgd/slide1-pl-bckgd.jpg) no-repeat center 0;
	width: 100%;
	height: 100%;}
.slide-box .slide2 {
	background: url(bckgd/slide2-bckgd.jpg) no-repeat 0 0;}
#slide2-ru {
	background: url(bckgd/slide2-ru-bckgd.jpg) no-repeat 0 0;}
#slide2-pl {
	background: url(bckgd/slide2-pl-bckgd.jpg) no-repeat 0 0;}
.slide-box .slide3 {
	background: url(bckgd/slide3-bckgd.jpg) no-repeat 0 0;}
#slide3-ru {
	background: url(bckgd/slide3-ru-bckgd.jpg) no-repeat 0 0;}
#slide3-pl {
	background: url(bckgd/slide3-pl-bckgd.jpg) no-repeat 0 0;}
.slide-box .slide4 {
	background: url(bckgd/slide4-bckgd.jpg) no-repeat 0 0;}
#slide4-ru {
	background: url(bckgd/slide4-ru-bckgd.jpg) no-repeat 0 0;}
#slide4-pl {
	background: url(bckgd/slide4-pl-bckgd.jpg) no-repeat 0 0;}
	
/* sliding caption */
.slide-caption-box {
	width: 98%;
	height: 187px;
	margin: 0;
	background: #fff;
	overflow: hidden;
	position: relative;}
	
.slide-caption-box img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;}

.caption {
 	bottom: -250px;
 	left: 0;
	position: absolute;
	background: #fff;
	height: 100px;
	width: 100%;
	opacity: 0.9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
	
.caption a {
	display: block;
	text-align: center;
	padding: 3px 0;
	font-size: 1em;
	font-weight: bold;}
	
	
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
	
/* dirty stuff or not? */
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
 .menu-lev1 {
	min-height: 2.4em;
	padding-left: 1px;
 }
 .wide-menu dd {
	width: 42%;
 }
/*
 html {
	height: 100.2%;
 }
*/
}
/* opera */
/* opera doesnt get 16.6% only 16 or 17 */
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
 .menu-box {
	left: -1px;
 }
 .menu-lev1 {
	min-height: 2.4em;
	margin: 0;
	margin-left: 3.5px;
 }
 .menu-lev1 li {
	width: 13.77em;
	}
 ul.menu-lev2 a {
	width: auto;
 }
 ul.menu-lev2 li {
	border: 0;
 }
}

/* stuff for iran */
html[lang="fa"], html[lang="fa"] body {
	overflow: visible !important;
	background: #fff;
	font-size: 110%;
}
html[lang="fa"] #header {
	background-image: none;
	padding-right: 25px;
}
