/*
 CSS for www.proffice.com created by Milan Pristas ~ PRISTY // http://www.pristy.com 2006
*/

html, body {
	height: 100%;
}
body {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-color: #fff;
	width: 100%;
}
#index, #contact, #about, #references {
	background:  url(../img/contentdots.gif) left top repeat-y scroll;
}
#presentations, #multimedia, #localization {
	background:  url(../img/contentdots66.gif) left top repeat-y scroll;	
}
#main {
	/*width: 1000px;*/ /*impossible to set because of IE's misplaced footer*/
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
	/*position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;*/
}
html>body #main {
	/*height: auto;*/
	width: 1000px;
}
#cacher {
	background-image: url(../img/arrow1.gif) no-repeat top left;
	z-index: 500;
	top: -2000px;
	left: -2000px;
	width: 6px;
	height: 87px;
	position: absolute;
}
.clrleft {
	clear: left;
}
.clrright {
	clear: right;
}
.clrboth {
	clear: both;
}
/*---------------------------------------------header-part*/
#index #head {
	width: 1000px;
	height: 360px;
	background: #fff url(../img/hdbgindex.jpg) no-repeat bottom left scroll;
	overflow: hidden;
}
#lefthd {
	width: 250px;
	height: 360px;
	float: left;
}
#lefthd1 {
	height: 320px;
	width: 250px;
	margin: 0px;
	overflow: hidden;
	z-index: 0;
}
head+body #lefthd1 {/*--Opera+FF--*/
	background: transparent url(../img/logofff.png) 0 0 repeat scroll;
}
head+body div.semitransIE1 {/*--Opera+FF--*/
	display: none;
}
/*...for services, don't forget to set different opacity values !!!...*/
*html div.semitransIE1 {/*--IE Only--*/
	position: absolute;
	background-color: #fff;
	filter:alpha(opacity=50);
	height: 320px;
	width: 250px;
	z-index: 0;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
}
/*...for services, don't forget to set different opacity values !!!...*/
#lefthd11 {
   display: block;
	width: 214px;
	height: 55px;
	margin: 163px 0 0 18px;
	outline: none;
   z-index: 6;
}
.lg span {
	display: none;
}
.lg {
   position: absolute;
	display: block;
	width: 214px;
	height: 55px;
	background-image:  url(../img/lgIE1.png); /*...only for IE...*/
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	outline: none;
	z-index: 11;
}
head+body .lg {/*--Opera+FF--*/
	background: transparent url(../img/lg261006jan.png) -1px 0px no-repeat scroll;
}
.lg:hover {/*...IE only...*/
	background: url(../img/lgIE2.png) 0 0 no-repeat scroll;
	background-position: 0 0;
}
head+body .lg:hover {/*--Opera+FF--*/
	background: transparent url(../img/lg261006jan.png) -221px 0px no-repeat scroll;
}
#lefthd2 {
	width: 250px;
	height: 40px;
	margin: 0px;
}
head+body #lefthd2 {/*--Opera+FF--*/
	background: transparent url(../img/login000.png) 0 0 repeat scroll;
}
head+body #presentations #lefthd2, head+body #localization #lefthd2, head+body #multimedia #lefthd2 {/*--Opera+FF--*/
	width: 250px;
	height: 40px;
	background: url(../img/login000multi.png) top left repeat scroll;
	margin: 0px;
}
*html #lefthd2 {/*--IE Only--*/
	background: transparent;
}
head+body div.semitransIE2 {/*--Opera+FF--*/
	display: none;
}
*html div.semitransIE2 {/*--IE Only--*/
	position: absolute;
	background-color: #999;
	filter:alpha(opacity=50);
	height: 40px;
	width: 250px;
	z-index: 0;
	display: block;
	overflow: hidden;
}
#righthd {
	height: 360px;
	width: 750px;
	float: left;
}
#righthd1 {
	height: 320px;
	width: 750px;
}
#righthd2 {
	width: 750px;
	height: 40px;
}
head+body #righthd2 {
	background: url(../img/logofff.png) top left repeat scroll;
}
*html #righthd2 {
	background: transparent;
}
head+body div.semitransIE3 {/*--Opera+FF--*/
	display: none;
}
*html div.semitransIE3 {/*--IE Only--*/
	position: absolute;
	background-color: #fff;
	filter:alpha(opacity=50);
	height: 40px;
	width: 750px;
	z-index: 0;
	display: block;
	overflow: hidden;
}
/*----------------content-part----------------------------------------*/
#cont {
	width: 1000px;
	display: block;

}
#leftcont {
   display: block;
	width: 250px;
	float: left;
	background: transparent url(../img/Wrap5px.gif) 0 0 repeat-x scroll;
	background-position: 0 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/*------------------content-login--------------------------------------*/
#log {
	/*width: 213px;*//*Removed because of the following div which has originally log's property margin-left:18px because of fx.height*/
	display: block;
}
#log .logmargin {
  display: block;
	margin-left: 18px;
	margin-top: 24px;
}
.log1, .log2, .log3 {
	display: block;
	height: 20px;
	width: 213px;
	background: transparent;
	margin-bottom: 18px;
	padding: 0px;
}
.log1 span, .log2 span, .log3 span {
	display: block;
	height: 20px;
	margin-right: 10px;
	float: right;
	vertical-align: middle;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: right;
	line-height: 1.6em;
	color: #213239;
} 
.in1, .in2, .in3 {
	float: right;
	width: 137px;
	height: 20px;
	background: #f8f9f9 url(../img/inputback.gif) no-repeat scroll;
	background-position: 0 0;
	margin-right: 0px;
	border: none;
}
.in1:hover, .in2:hover {
	background-color: #fff;
}
.in1 input, .in2 input {
	display: block;
	width: 126px;
	height: 18px;
	border: none;
	margin-left: 0px;
	padding: 2px 0 0 5px;
	background: transparent;
}
*html .in1 input, *html .in2 input{
	padding-top: 0px;
}
.in3 {
	width: 56px;
	height: 20px; 
}
.in3 .submitter {
   display: block;
	width: 56px;
	height: 20px;
   background: transparent url(../img/logsubmit1.gif) no-repeat scroll;
	background-position: 0 0; 
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	outline: none;
}
.in3 input.submitter {
  color: expression(
   isNaN(this.js)?(this.js=1,
   this.onmouseover=new Function("this.className+=' submitter2';"),
   this.onmouseout=new Function("this.className=this.className.replace(' submitter2','');")
   ):false);
  );
}
.in3 .submitter:hover, .submitter2 {
   display: block;
	width: 56px;
	height: 20px;
   background: transparent url(../img/logsubmit2.gif) no-repeat scroll;
	background-position: 0 0;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.password {
   width: 203px;
	display: block;
	background: transparent url(../img/bullet3.gif) no-repeat scroll;
	background-position: 100% 9px;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: right;
	line-height: 1.6em;
	color: #213239;
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;
	margin-top: 0px;
	outline: none;
}
.password:hover {
	display: block;
	background: transparent url(../img/bullet3.gif) no-repeat scroll;
	background-position: 100% -36px;
	color: #9C2F35;
}
.horizontal1 {
	display: block;
	width: 213px;
	height: 3px;
	margin-top: 3px;
	background: transparent url(../img/horizontal1.gif) bottom right scroll repeat-x;
}
.slideback {
	display: block;
	width: 17px;
	height: 17px;
	background: transparent url(../img/logback.gif) scroll no-repeat;
	background-position: 0 -27px;
	cursor: pointer;
	margin-top: 10px;
	outline: none;
}
.slideback:hover {
	background: transparent url(../img/logback.gif) scroll no-repeat;
	background-position: 0 0;
	cursor: pointer;
	
}
.slideback span {
   display: none;
}
/*-------------------end-of-login---------------------------------------*/

.lefttext {
	display: block;
	width: 213px;
	margin-left: 18px;
	margin-top: 6px;
	overflow: hidden;
}
#rightcont {
	display: block;
	width: 750px;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: transparent url(../img/Wrap5px.gif) 0 0 repeat-x scroll;
}
#rightcont1 {
	display: block;
	width: 250px;
	float: left;
	background: transparent;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#rightcont2 {
	width: 250px;
	float: left;
	background: transparent;
}
#rightcont3 {
	float: left;
	min-height: 100%;
	background: transparent;
	height: auto;
}
#index #leftcont, #index #rightcont, #index #rightcont1, #index #rightcont2, #index #rightcont3  {
	margin-bottom: 0px;
	padding-bottom: 0px;
	min-height: 500px;
	display: block;
}
/*----------------subpages_right_part---------------------*/
.rightcont1 {
	display: block;
	margin: 0 0 0 18px;
	padding: 0px;
	text-align: left;
}
.rightcont1head {
   display: block;
   height: 76px;
	background: #fff no-repeat scroll;
	background-position: 0 20px;
}
#presentations .rightcont1head {
	background-image: url(../img/headerPRES.gif);
}
#multimedia .rightcont1head {
	background-image: url(../img/headerMULTI.gif);
}
#localization .rightcont1head {
	background-image: url(../img/headerLOCAL.gif);
}
#contact .rightcont1head {
	background-image: url(../img/headerCONT.gif);
}
#about .rightcont1head {
	background-image: url(../img/headerABOUT.gif);
}
#references .rightcont1head {
	background-image: url(../img/headerREF.gif);
}
.rightcont1content {
	display: block;
	margin: 0px;
	padding: 0px;
}
.textcontainer {
	display: block;
	margin: 0 0 0 36px;
	padding: 0px;
	float: left;
	max-width: 480px;
}
#about #rightcont1, #about #rightcont2, #about #rightcont3, #references #rightcont1, #references #rightcont2, #references #rightcont3 {
	min-height: 100%;
}
/*----------------end of subpages-------------------------*/
/*----------------footer part-----------------------------*/

#foot {
	 height: 45px;
	 width: 1000px;
	 background: #fff url(../img/1001hor.gif) 0 5px repeat-x scroll;
	 float: left;
	 display: block;
	 margin-top: 5px;
	 margin-bottom: 0px;
	 .margin-bottom: -15px;
   _margin-bottom: 0px;	 
}
.footerleft, .footerright {
   float: left;
	height: 40px;
	padding: 0;
	margin: 0;
	display: block;
}
.footerleft {
	width: 250px;
	background: transparent url(../img/5pxWrap.gif) 0 0 repeat-y scroll;
}
.footerright {
	width: 250px;
}
/*----------------index-----------------------------------*/
.indexl1, .indexl2, .indexl3 {
	display: block;
	width: 213px;
	height: 164px;
	margin-left: 18px;
	margin-top: 24px;
	outline: none;
}
.indexl1 {
	background: url(../img/THpres.gif) no-repeat scroll;
	background-position: 0 0;
}
.indexl1:hover {
	background-position: -218px 0;
}
.indexl2 {
	background: url(../img/THmulti.gif) no-repeat scroll;
	background-position: 0 0;
}
.indexl2:hover {
	background-position: -218px 0;
}
.indexl3 {
	background: url(../img/THlocal.gif) no-repeat scroll;
	background-position: 0 0;
}
.indexl3:hover {
	background-position: -218px 0;
}
.indexl1 span, .indexl2 span, .indexl3 span {
	display: none;
}
*html #index #cont {
	height: 500px;
}
/*----------------------presentations stuff-----------------------------*/


#presentations #head {
	width: 1000px;
	height: 360px;
	background: #fff url(../img/hdbgpres7.jpg) no-repeat bottom left scroll;
	overflow: hidden;
}
/*----------------------multimedia stuff-----------------------------*/


#multimedia #head {
	width: 1000px;
	height: 360px;
	background: #fff url(../img/hdbgmulti4desat.jpg) no-repeat bottom left scroll; /*url(../img/hdbgmulti4.jpg)*/
	overflow: hidden;
}
/*----------------------localization stuff-----------------------------*/

#localization #head {
	width: 1000px;
	height: 360px;
	background: #fff url(../img/hdbglocal6.jpg) no-repeat bottom left scroll;
	overflow: hidden;
}
/*-----------------------references + about stuff------------------------------*/
#references #head, #about #head {
	width: 1000px;
	height: 360px;
	background: #fff url(../img/hdbgindex.jpg) no-repeat bottom left scroll;
	overflow: hidden;
}
#references .doc1, #references .doc2, #references .doc3, #about .doc1, #about .doc2, #about .doc3 {
	padding: 0;
	margin: 0;
	margin-left: 18px;
	margin-bottom: 5px;
	display: block;
	width: 213px;
	overflow: hidden;
	background-color: transparent;
}
:root #references .intro1 {/*FF*/
   padding-bottom: 17px;
}
*html #references .intro1 {/*IE*/
   padding-bottom: 17px;
}
#references #rightcont1, #references #rightcont2, #references #rightcont3 {/*Opera*/
   margin-top: 2px;
	margin-bottom: -15px;
}
:root #references #rightcont1, :root #references #rightcont2, :root #references #rightcont3 {/*FF*/
   margin-top: -12px;
	margin-bottom: 0;
}
*html #references #rightcont1, *html #references #rightcont2, *html #references #rightcont3 {/*IE*/
   margin-top: -18px;
	margin-bottom: -34px;
}
#about #rightcont1, #about #rightcont2, #about #rightcont3 {/*FF*/
   margin-top: -24px;
	padding-top: 8px;
	margin-bottom: -15px;
}
:root #about #rightcont1, :root #about #rightcont2, :root #about #rightcont3 {/*FF*/
	padding-top: 0px;
	margin-bottom: 0px;
}
*html #about #rightcont1, *html #about #rightcont2, *html #about #rightcont3 {/*FF*/
	padding-top: 0px;
	margin-bottom: -34px;
}
#about .rightcont1 {
	padding-bottom: 0px;
}
.doc123 {
	display: block;
	width: 213px;
	height: 75px;
	padding: 0;
	margin: 0;
	margin-bottom: 18px;
	background-position: 0 0;
	overflow: hidden;
}
#references .doc123 a { 
   display: block;
   width: 213px;
   height: 75px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0 0;
   margin: 0px;
   padding-bottom: 18px;
   outline: none;
}
#references .doc123 a:hover{
   background-position: -223px 0;
}
#references .doc123 a:hover{
   color: red; /* Dummy definition to overcome IE bug */
}
#references #rightcont1 div div:last-child, #references #rightcont2 div div:last-child, #references  #rightcont3 div div:last-child {
	margin-bottom: 2px;
}
#about .doc123 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 213px;
	height: 75px;
	background: transparent url(../img/aboutdochover.gif) no-repeat scroll;
	background-position: 230px 0;
	cursor: pointer;
	text-decoration: none;
}
#about .doc123 a span {
	float: left;
	margin: 15px 0 0 71px;
	color: #213239;
	font-size: 1.2em;
	padding: 0;
	width: 213px;
	height: 75px;
	display: inherit; /*nice way how to solve IE6 stupidity */
}
html>body .doc123 a span {
	display: block;
}
#about .doc123 a span:first-line {
	font-weight: bolder;
	letter-spacing: 0.1em;
}
#about .doc123 a:hover {
	background-position: 0 0;
	cursor: pointer;
}
#about .doc123 a:hover span {
	color: #9c2f35;
}
#l1 {
	background-image: url(../img/about11.gif);
}
#l2 {
	background-image: url(../img/about111.gif);
}
#l3 {
	background-image: url(../img/about112.gif);
}
#l4 {
	background-image: url(../img/about12.gif);
}
#l5 {
	background-image: url(../img/about121.gif);
}
#l6 {
	background-image: url(../img/about122.gif);
}
#m1 {
	background-image: url(../img/about21.gif);
}
#m2 {
	background-image: url(../img/about211.gif);
}
#m3 {
	background-image: url(../img/about212.gif);
}
#r1 {
	background-image: url(../img/about31.gif);
}
#r2 {
	background-image: url(../img/about311.gif);
}
#r3 {
	background-image: url(../img/about312.gif);
}
#about .doc1 div:last-child {
	margin-bottom: 3px;
	overflow: hidden;
}
/*--------------------------------contact stuff------------------------------------------*/
#contact #head {
	width: 1000px;
	height: 360px;
	background: #fff url(../img/hdbgindex.jpg) no-repeat bottom left scroll;
	overflow: hidden;
}
#contact #rightcont1 {
	display: block;
	margin: -12px 0 0 18px;
	padding: 0px;
	text-align: left;
}
*html #contact #rightcont1 {
	margin: -17px 0 0 9px;
}
#contact #rightcont2 {
	margin: -12px 0 0 0;
}
*html #contact #rightcont2 {
	margin: -20px 0 0 0;
}
#contact #flag1 {
   background: transparent url(../img/flFR.gif) 0 0 no-repeat scroll;
}
#contact #flag2 {
   background: transparent url(../img/flBE.gif) 0 0 no-repeat scroll;
	padding: 0px;
	margin: 0px;
}
.cont123, .cont124 {
	display: block;
	width: 213px;
	height: 120px;
	background-color: #fff;
   padding: 0;
	margin: 0;
	margin-bottom: 18px;
	overflow: hidden;
}
.cont124 {
	margin-bottom: 0px;
}
#contact .intro1 {
	background-color: #fff;
	padding-bottom: 18px;
}
#contact .cont123 span, #contact .cont124 span {
	color: #213239;
   font-size: 1.3em;
	display: inherit; /*nice way how to solve IE6 stupidity */
	padding: 0;
	margin: 0;
}
#contact .cont123 span {
	margin-top: -2px;
}
#contact .cont124 span {
	margin-top: 1px;
}
#contact .cont123 span:first-line, #contact .cont124 span:first-line {
	font-weight: bolder;
}
html>body #contact .cont123 span, html>body #contact .cont124 span {
	display: block;
}
#contact #form2cont {
	display: block;
	margin: 0 0 -5px 18px;
	padding: 18px 0 0 0;
	background-color: #fff;
	width: 463px;
	clear: both;
	overflow: visible;
}
#form2 {
padding: 0;
margin: 0;
background: transparent url(../img/Wrap5px.gif) bottom left repeat-x scroll;
overflow: visible;
}
#form2 input, #form2 select {
	display: block;
	margin-left: 0;
	padding: 0;
}
.inpholder {
	display: block;
	width: 463px;
	/*height: 20px;*/
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}
#form2cont label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #213239;
	display: block;
	margin-bottom: 3px;
}
.inpbody {
	display: block;
	width: 463px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: #fff url(../img/inputcontbg.gif) 0 0 no-repeat scroll;
	padding-top: 1px;
	padding-left: 1px;
}
*html .inpbody {/*...to remove IE double padding-top...*/
	padding-top: 0px;
}
#form2cont input.basic {
	display: block;
	width: 456px;/*has to be 461,because of padding left = -5px*/
	height: 18px;
	.height: 17px;
	_height: 18px;
	padding: 0;
	margin: 0;
	background-color: #f8f9f9;
	border: none;
	padding-left: 5px;
	overflow: hidden;
}
#form2cont input.basic:hover {
	background-color: #eeeeee;
}
#form2cont input.basic:focus {
	background-color: #fff;
	cursor: text;
}
#form2cont select {
	display: block;
	width: 350px;
	border: 1px solid Silver;
	outline: none;
	color: #000;
}
#form2cont select option {
	color: #213239;
	padding-left: 10px;
}
#form2cont select option.val1 {
	color: Gray;
}
.areashape {
	display: block;
	margin-top: 10px;
	width: 463px;
}
.areabody {
	display: block;
	width: 463px;
	height: 281px;
	margin: 0;
	padding: 0;
	background: #fff url(../img/areabg.gif) 0 0 no-repeat scroll;
	padding-top: 1px;
	padding-left: 1px;
}
*html .areabody {
	_padding-top: 0;
}
#form2cont textarea {
	display: block;
	width: 456px;
	height: 276px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: #f8f9f9;
	padding-left: 5px;
	padding-top: 3px;
	.padding-top: 2px;
	_padding-top: 3px;
	outline: none;
}
#form2cont textarea:hover {
	background-color: #eeeeee;
}
#form2cont textarea:focus {
	background-color: #fff;
	cursor: text;
}
#form2cont .horizontal1 {
   margin-top: 16px;
   margin-bottom: 14px;
   background: #fff url(../img/1001hor2.gif) 0 0 repeat-x scroll;
}
*html #form2cont .horizontal1 {/*...to remove IE double margin-bottom...*/
	margin-bottom: 5px;
}
.submithov {
   display: block;
	width: 126px;
	height: 20px;
	background: #fff url(../img/inputback.gif) no-repeat scroll;
	background-position: 0 0;
	border: none;
	padding-bottom: 8px;
}

.submithov .contactsubm {
   display: block;
	width: 126px;
	height: 20px;
   background: transparent url(../img/contsubmit1.gif) no-repeat scroll;
	background-position: 0 0; 
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	outline: none;
}
.submithov input.contactsubm {
  color: expression(
   isNaN(this.js)?(this.js=1,
   this.onmouseover=new Function("this.className+=' submitter2';"),
   this.onmouseout=new Function("this.className=this.className.replace(' submitter2','');")
   ):false);
  );
}
.submithov .contactsubm:hover, .contactsubm2 {
   display: block;
	width: 126px;
	height: 20px;
   background: transparent url(../img/contsubmit2.gif) no-repeat scroll;
	background-position: 0 0;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
/*-------------main stuff on the end to overwrite some custom properties-----------------*/