@font-face {
    font-family: 'Gnuolane';
    src: url('/fonts/GnuolaneRg-Regular.eot');
    src: local('?'),
        url('/fonts/GnuolaneRg-Regular.ttf');
}

#rightSide { width:747px; height:697px; float:left; background:url(../images/rightSide.png) no-repeat; position:relative; z-index:30;}
#bgrImage { position:absolute; width:960px; height:500px; z-index:10; left:0px; top:0px;}

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

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

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


#pageBody { background:url(../images/pageBGR_to_white.jpg) no-repeat center top;}
#main{ width:1004px; margin:0px auto; position:relative;}
#mainInner{ }
#leftSide { width:255px; height:565px; float:left; background:url(../images/leftSide.png) no-repeat; position:relative; z-index:30;}
#leftSideInner { background:url(../images/kontomatLogo.jpg) center top no-repeat; width:210px; height:300px; margin:75px 0px 0px 10px;
				padding-top:100px;}
				
#logo_click {
    background-color: black;
    cursor: pointer;
	width: 190px;
    height: 100px;
	top: 80px;
    left: 30px;
    opacity: 0;
    position: absolute;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!
	filter: alpha(opacity=0);					// second!    
    z-index: 100;
}				

#rightSideInner { padding:0px 40px 15px 40px; position:relative;}
#rightHead { height:85px; position:relative; z-index:10;}
#content { width:680px;}
h2.mainTitle { font-size:24px; text-align:left; color:#1c61ae; position:absolute;  width:220px; right:0px; bottom:0px;
		line-height:26px;}
		
#center { padding-left:15px; width:420px; padding-top:25px; float:left; background:url(/images/scrollbar_right.png) right 90px no-repeat;}		
#rightCol { width:230px; float:right; padding-top: 24px; }

#rightColInner { position:relative;}
#rightMenu { margin-bottom:2px;width:175px; background:#2c94dc; padding:3px 0px 3px 10px; color:#FFF; position:relative; z-index:50; float:left;}
#rightMenu a { text-decoration:none; color:#FFF;}
#rightMenu ul { padding-left:16px;}
#rightMenu li { list-style-image:url(../images/listImage.png); margin-bottom:2px; border-right:2px #fff solid; margin-right:1px; line-height:13px; font-size:11px;}
#rightMenu li.active { border-right:2px solid #B70000;}
#rightMenu li  a { font-size:11px;}
#rightMenu li  a:hover { color:#D8EAF7;}


#rightMenuDown { margin-top:2px; width:175px; background:#daf0ff; padding:3px 0px 3px 10px; color:#FFF; position:relative; z-index:50; float:left;}
#rightMenuDown a { text-decoration:none; color:#0c67a5;}
#rightMenuDown a:hover { text-decoration:none; color:#dc2c2c;}

#rightMenuDown ul { padding-left:16px;}
#rightMenuDown li { list-style-image:url(../images/listImage.png); line-height:13px;  margin-bottom:2px; border-right:2px #fff solid; margin-right:1px;}
#rightMenuDown li.active { border-right:2px solid #B70000; }
#rightMenuDown li a { font-size:11px; }


h2.rightMenuTitle { font-size:12px; font-weight:bold; margin-bottom:3px;}
#rightMenuDown h2.rightMenuTitle { font-size:12px; font-weight:bold; color: #0c67a5; }
h1.contentTitle { height:40px; font-size:22px; color:#b70000; overflow:hidden; padding:20px 0px 5px; text-transform:uppercase;
}

#center p { font-size:11px; /* line-height:20px; */ color:#777777; margin-bottom:20px; text-align:justify;}
#centerContent { height:340px; overflow:auto; width:380px;}
#centerContent.jspScrollable { width:420px !important;}
#centerContent .jspContainer {width:420px !important;}
#centerContent  .jspPane  {width:380px !important;}
#centerContent  .jspDrag {background: #B70000;  right:0px;
-webkit-box-shadow: #aaa -3px 0px 4px;
-moz-box-shadow: #aaa -3px 0px 4px;
box-shadow: #aaa -3px 0px 4px;
behavior: url(../pie/PIE.htc)}


#center .cList li {
	margin-left: 20px;
	color:#777777;
	font-size:11px;
	text-align:justify;
	list-style-type: disc;
}
#center .cList li a {
	color:#777777;
	font-size:11px;
	text-decoration: none;
}

#center div.contacts p.left {
	width: 185px;
	float:left;
}

#center div.contacts p.right {
	width: 185px;
	float:right;
}

#center div.contacts a {
	font-size:inherit;
	color: inherit;
	text-decoration:none;
}

.rightContent.jspScrollable { width:230px !important;}
.rightContent .jspContainer {width:230px !important;}
.rightContent  .jspPane  {width:190px !important;}
.rightContent  .jspDrag { right:4px;
-webkit-box-shadow: #aaa -3px 0px 4px;
-moz-box-shadow: #aaa -3px 0px 4px;
box-shadow: #aaa -3px 0px 4px;
behavior: url(../pie/PIE.htc)}

.rightContent { width:205px; height:360px; overflow:auto; padding-right:20px; margin-top:15px; position:absolute; top:0px; left:0px;  z-index:20;
		background:url(/images/scrollbar_right.png) right 12px no-repeat;}
.rightContent p { font-size:11px; line-height:30px; color:#949494;}
h2.rightTitle { font-size:18px; padding:0px 0px 5px; color:#b3b3b3;  }
.rightText {}

.clear { clear:both;}

#leftMenu { width:200px; padding:10px; color:#FFF;}
#leftMenu a { text-decoration:none; color:#FFF;} 
#leftMenu a:hover { text-decoration:none; color:#2C94DC;} 

#leftMenu ul { padding-left:16px;}
#leftMenu li {list-style-type:none; }
#leftMenu .level1 li { font-size:18px; color:#010101; text-align:right;  font-family: Gnuolane, Arial, Helvetica, sans-serif; }
#leftMenu .level1 li a { font-size:18px; color:#010101; text-align:right;}
#leftMenu .level1 li a:hover { text-decoration:none; color:#2C94DC;} 
#leftMenu .level1 li.active a { text-decoration:none; color:#B70000; } 
#leftMenu .level1 li.active  li a { text-decoration:none; color:#010101; font-weight:normal; } 
#leftMenu .level1 li.active  li a:hover {color:#2C94DC !important;}
#leftMenu .level2 { display:none ;}
#leftMenu .level2 li { font-size:12px; color:#010101; text-align:right;}
#leftMenu .level2 li a { font-size:12px; color:#010101; text-align:right;}
#leftMenu .level2 li a:hover { color:#2C94DC;}





#mailForm td { padding-right:10px; padding-bottom:10px; color:#999; vertical-align:top;}
#mailForm input[type="text"] {
	width:250px; border:1px solid #ccc; 
	-webkit-box-shadow: #aaa 0px 0px 4px;  -moz-box-shadow: #aaa 0px 0px 4px;
	box-shadow: #aaa 0px 0px 4px;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../pie/PIE.htc)}

#mailForm textarea {
	width:250px; 	border:1px solid #ccc; 
	-webkit-box-shadow: #aaa 0px 0px 4px; -moz-box-shadow: #aaa 0px 0px 4px;
	box-shadow: #aaa 0px 0px 4px;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../pie/PIE.htc)}

#mailForm  button{
	width:auto; margin-left:auto; display:block; color:#FFF; background:#1C61AE ;
	padding:3px 8px; border:none; cursor:pointer;
 	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url("../pie/PIE.htc"); }	
	
	


#langselect { height:40px; width:300px; position:absolute; right:0px; top:5px;}
#langselect  .langItem { height:26px; width:29px; margin-left:5px; float:right;}
#langselect #lang_en { background:url(../images/flag_en_inact.png) no-repeat;}
#langselect #lang_hu { background:url(../images/flag_hu_inact.png) no-repeat;}
#langselect #lang_de { background:url(../images/flag_de_inact.png) no-repeat;}
#langselect #lang_en.selected { background:url(../images/flag_en.png) no-repeat;}
#langselect #lang_hu.selected { background:url(../images/flag_hu.png) no-repeat;}
#langselect #lang_de.selected { background:url(../images/flag_de.png) no-repeat;}



#rightTitleBGR { width:265px; height:163px; position:absolute; top:40px; right:45px; background:url(../images/rightTitleBGR.png); z-index:15;
}