@charset "utf-8";
/* CSS Document */

/*@font-face { font-family: SpaceAgeEOT; src: url('spaceage.eot'); }
@font-face { font-family: SpaceAge; src: url('spaceage.ttf'); }*/

@import url(http://fonts.googleapis.com/css?family=Play:400,700);

div.jspScrollable:focus,
div.jspScrollable:active, 
div.jspScrollable:selected, 
div.jspScrollable,
a:active, 
a:selected, 
a:visited, 
a:focus { 
    border: none;
    outline: none;
}

body {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A171B;
    background-color: #fff;
	}
	
.bodyContainer {
	width: 100%;
	height: 630px;
	background-image:url(../img/bodyContainer-bg.png);
	background-repeat:repeat-x;
position:relative;

	}	

.wrapper {
	width: 960px;
	margin: 0 auto;
	background-image:url(../img/wrapper-bg.png);
	background-repeat: no-repeat;
	
	}
	
/* FEJLEC  */

.header {
position:relative;
height: 70px;
	}
	
.header .lang{
position:absolute;
left: 30px;
top: 40px;
	}		
	
.header .lang ul{
padding: 0;
margin: 0;
list-style-type:none;
	}
	
.header .lang ul li{
padding: 0;
margin: 0;
float: left;
	}
	
.header .lang ul li a{
color: #1A171B;	
text-decoration:none;
margin-right: 10px;
	}

.header .lang ul li a:hover{
color: #7A1417;	
text-decoration:underline;
	}

.header .lang ul li.current a:hover,
.header .lang ul li.current a{
	color: #7A1417;
	cursor:default;	
	text-decoration:none;
}			
	
.header .lang ul li.inactive{
color: #989BA1;
margin-right: 10px;                        
  }
	
	
.header .pageTitle{
position:absolute;
left: 430px;
top: 33px;

	}
	
.header .pageTitle h1{
padding: 0;
margin: 0;
font-size: 19px;
color: #7A1417;
font-weight: normal;
/*font-family: SpaceAge, SpaceAgeEOT;*/
font-family: 'Play', sans-serif;
font-weight: 400;
text-transform: lowercase;
	}
	
/* TARTALOM */

.main {
height: 480px;
margin-bottom: 0;
	}	

.main a{
color: #7A1417;
	}
	
.main .leftSide {
float: left;
width: 400px;
padding-right: 10px;

	}	

.main .leftSide .content{
float: left;
width: 380px;
height: 290px;
margin-left: 20px;	
background-image:url(../img/leftSide-content-bg.png);
	}	
	
.main .leftSide .sysartistLogo{
background-image:url(../img/sysartist-logo.png);
background-repeat:no-repeat;
width: 250px;
height: 45px;
display: block;
margin: 20px 0 20px 15px;
	}	

.main .leftSide .sysartistLogo span{
display: none;
	}

	
.main .rightSide {
float: left;
width: 550px;
		
	}
	
.main .rightSide .content {
width: 480px;
height: 420px;
overflow: auto;		
margin-top: 20px;
margin-left: 10px;
padding: 0 15px 0 15px;
font-size: 14px;
line-height: 17px;
	}
	
.main .rightSide .content p {
text-align:justify;
margin-bottom: 20px;
line-height: 18px;
	}
	
.main .rightSide .content ul{
list-style-type:none;
padding-left: 0;
	}		
	
.main .rightSide .content li{
background-image:url(../img/list-point.png);
background-repeat:no-repeat;
background-position:  5px 7px;
padding-left: 20px;
	}	
	
.main .rightSide .content .toggle > div.csc-default {
line-height: 20px;
	}	
  
/*
body.hirek .main .rightSide  .content .csc-default {
border-bottom: 1px solid #b6b4b4;
}
*/


.main .rightSide  .content h2.toggleContainerHeader {
font-size: 14px;
margin: 0;
padding: 20px 0 15px 0;
font-weight: bold;
}

.main .rightSide  .content .csc-default .csc-header.{
border-top: 1px solid #afb1b9;
}

.main .rightSide  .content .csc-default .csc-header.csc-header-n1{
border-top: 0;
}



.main .rightSide  .content .csc-header h2{
font-size: 14px;
margin: 0;
padding: 10px 0 5px 0;
font-weight: bold;
}

.main .rightSide  .content .csc-header h2.toggle-trigger{
font-size: 14px;
margin: 0;
padding: 0 15px 0 0;
height: 20px;
display: inline;
}

.main .rightSide  .content .toggle-open .csc-header h2.toggle-trigger{
font-weight: bold;
color: #7A1417;
}

.main .rightSide  .content .toggleable .csc-header{
background-image:url(../img/arrow-right.png);
background-repeat:no-repeat;
background-position: left 3px;
color: #7A1417;
padding-left: 20px;
}

.main .rightSide  .content .toggle-open .csc-header {
padding-top: 0;
}

.main .rightSide  .content .toggle-close h2.toggle-trigger{
/*background-image:url(../img/arrow-right.png);
background-repeat:no-repeat;
background-position: left 3px;*/
color: #7A1417;
/*padding-left: 20px;*/
}

.main .rightSide  .content .csc-header .toggle-open h2.toggle-trigger{
background:none;

}

.main .rightSide  .content .csc-header h2.toggle-trigger span.toggle-status{
display: none;
}

.main .rightSide  .content .toggle-content a.toggle-trigger-close {
background-image:url(../img/arrow-left.png);
background-repeat:no-repeat;
background-position: right 3px;
float:right;
display: block;
width: 20px;
height: 15px;
margin-top: -20px;
}

.main .rightSide  .content .toggle-content a.toggle-trigger-close span.toggle-status{
display: none;
}



.toggle-content {
margin-bottom: 10px;
}

.toggle-content p {
margin-bottom: 10px;
padding-top: 0px;
margin-top: 0;

}

.toggle-content a.toggle-trigger-close {
margin-bottom: 0;
padding-top: 10px;
margin-top: 0;
}


/* SZOLGALTATASOK */

body.szolgaltatasok .rightSide .content p{
padding-bottom: 0;
margin-bottom: 0;
}

body.szolgaltatasok .rightSide .content ul{
padding-top: 0;
margin-top: 0;
}

/* REFERENCIAK  */

body.referenciak .rightSide .content .csc-default > p{
padding-bottom: 0;
margin-bottom: 0;
}

body.referenciak .rightSide .content  .csc-default > ul{
padding-top: 0;
margin-top: 0;
}


/* HIREK  */

body.hirek .rightSide .content .csc-default > p{
padding-bottom: 5px;
margin-bottom: 0;
}

body.hirek .rightSide .content  .csc-default > ul{
padding-top: 0;
margin-top: 0;
}


	

/* LABLEC */	
	
.footer {
height: 70px;
	position:absolute;
	bottom:0;
	width: 100%;
background-image:url(../img/footer-bg.png);	
	
	}		
	
.footer .footerMenu{
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
	}		
	
.footer .footerMenu ul{
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
	}	

.footer .footerMenu ul li{
   display:block;
   float:left;
   list-style:none;
   margin:0  0 0 0;
   padding:0 0 0 0;
   position:relative;
   right:50%;
	}
	
.footer .footerMenu ul li a {
   display:block;
   margin: 0;
   padding:6px 0 0 0;
   height: 37px;
   width: 188px;
   line-height: 43px;
   text-align:center;
   color:#fff;
   text-decoration:none;
   /*font-family: SpaceAge, SpaceAgeEOT;*/
   font-family: 'Play', sans-serif;
   font-weight: 400;
   text-transform: lowercase;
   font-size: 18px;
}

.footer .footerMenu ul li.current a:hover,
.footer .footerMenu ul li.current a {
   background-color: #501010;
   	cursor:default;	
}

.footer .footerMenu ul li a:hover {
   background-color: #3d0909;
}

.footer .footerMenu ul li.first a span{
   border-left: 2px solid #fff;
}		
	
.footer .footerMenu ul li a span{
    border-right: 2px solid #fff;
	display:block;
	height: 30px;
	line-height: 30px;

}


@media only screen and (max-height: 630px) {
	
	.bodyContainer {	
	position:static;
	}
	
	.footer {
	position:fixed;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	}
	
}
	

/* EGYEDI SCROLL */

.content .jspContainer .jspVerticalBar {
    background-image:url(../img/jspVerticalBar-bg.png);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

.content .jspContainer  .jspArrow {
background: none;
}

.content .jspContainer .jspArrowUp { 
background-image:url(../img/jspArrowUp-bg.png);
background-repeat: no-repeat;
}

.content .jspContainer .jspArrowDown {
background-image:url(../img/jspArrowDown-bg.png);
background-repeat: no-repeat;
}

.content .jspContainer .jspArrowUp.jspDisabled, 
.content .jspContainer .jspArrowDown.jspDisabled {
opacity:0.6;
filter:alpha(opacity=60);
}


.content .jspContainer .jspVerticalBar .jspTrack {
    background-image:url(../img/jspVerticalBar-bg.png);
}

.content .jspContainer .jspVerticalBar .jspTrack .jspDrag{
background: none;
/*background-image:url(../img/jspDrag-bg.png);*/
}

.content .jspContainer .jspVerticalBar .jspTrack .jspDrag .jspDragTop{
background: none;
/*background-image: url(../img/jspDragTop-bg.png);*/
background-color: #989aa1;
background-position: 0 top;
background-repeat: no-repeat;
width: 16px;
}

.content .jspContainer .jspVerticalBar .jspTrack .jspDrag .jspDragBottom{
background: none;
/*background-image:url(../img/jspDragBottom-bg.png);*/
background-color: #989aa1;
background-position: 0 bottom;
background-repeat: no-repeat;
width: 16px;
}


/* INTRO */
body.nyitolap .csc-default.intro { 
    display: none; /* hidden by default, used by JS */
    position: absolute;
    z-index: 9;
}

/* no scrollbar, reduced width */
body.nyitolap .main .rightSide .content { 
    overflow: hidden;	
    width: 460px;
}
body.nyitolap .main .leftSide .content .csc-default { 
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    padding: 60px 60px 0 30px;

}