* { font-size: 13px; color: #333; font-family: Arial,Helvetica,sans-serif; margin:0; padding:0; outline:0; }

body,html { width: 100%; height: 100%; overflow: hidden; }

#logo img { border: 0 none; }

/*--- Layout ---*/
#sideMenu { z-index:3; position: absolute; top:0; left: 30px; width: 70px; height:100%; }
#sideMenu .lnkContainer { position: relative; display:block; width:103px; height:96px; }
#sideMenu .lnkContainer a { font-size: 13px; font-weight: bold; position: absolute; z-index:3; top:0;left:0; width:100%; padding: 38px 0px 40px 2px; display:block; vertical-align:  middle; text-align:center; color: #fff; text-decoration:none; }
#sideMenu .lnkContainer .overDrop { 
	position: absolute; z-index:2; top:0;left:0; width:100%; height:100%; 
	background: url("images/icons.png") no-repeat 0 -100px; visibility: hidden; opacity:0;
}
#sideMenu .lnkContainer:hover .overDrop { visibility: visible; opacity:1; }
#sideMenu .lnkContainer .backDrop { position: absolute; z-index:1; top:0;left:0; width:100%; height:100%; background: url("images/icons.png") no-repeat 0 0px; }

#footer { position: absolute; z-index: 10; bottom:0; width:100%; height: 40px;
	 /*background: rgba(255,255,255,0.5); */
	 background: url("images/footerTrans.png") scroll repeat-x;
}
#fbLink { position: absolute; z-index:2; left: 55px; top:12px; width:22px; height:20px; background: url("images/icons.png") -110px 0; }
#footer .discl { position: absolute; font-size: 11px; top:13px;left:0; width:100%; height: 20px; text-align:center; color: white; }

#sndControl { position: absolute; z-index:4; cursor: pointer; display:block; left: 20px; top:11px; width:26px; height:24px; background: url("images/icons.png") scroll no-repeat;}
.soundOn { background-position: -110px -110px !important; }
.soundOff { background-position: -110px -136px !important; }


.view { position: absolute;
		top: 120px; right:50px; width: 550px; bottom: 70px; margin: auto;
		background-color: rgba( 255,255,255, 0.8);
		border: 1px solid #00aeef;
		border-radius: 10px;
		-moz-box-shadow: 0px 0px 4px #000;
		-webkit-box-shadow: 0px 0px 4px #000;
		box-shadow: 0px 0px 4px #000;
		z-index: 10;

		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#d9ffffff',GradientType=0 );

}

.contentArrow {
	position: absolute; top: 50px; left: -15px; width:16px; height:16px;
	background: url("images/contentArrow.png");	
}

.view h1 { position:absolute; top: 15px; left:15px; display: block; font-size: 23px; color: #d12933; }
.view .content ul { margin: 0 0 0 10px; list-style: inside; }
.view .content h2 { margin: 10px 0 3px 0; }
.verticalImage { display: block; margin:0 0 5px 0; }

/*--- langChanger --*/
#langChanger { position: absolute; z-index:2; right: 40px; top:10px; height:20px; }
#currentLang { color: #fff; font-size: 12px; padding-top: 2px; text-align:center; }
#otherLangs { position: absolute; display:none; bottom:0; right:0; width: 120px; height: 20px; }
#otherLangs .lang { color: #ccc; text-decoration:none; display:block; position:relative; padding: 5px 0 5px 45px; background: url("images/footerTrans.png") repeat-x scroll 0 0% transparent; }
#otherLangs .lang .langIcon { position:absolute; opacity: 0.6; top: 3px; left: 2px; width: 34px; height:21px; background-repeat: no-repeat; }
#otherLangs .lang:hover { color: #fff }
#otherLangs .lang:hover .langIcon { opacity: 1; }


#langChanger .ell { background: url("images/icons.png") -110px -82px }
#langChanger .eng { background: url("images/icons.png") -110px -40px }
#langChanger .ita { background: url("images/icons.png") -110px -61px }

#langChanger .fra { background: url("images/icons.png") -144px -40px }
#langChanger .rus { background: url("images/icons.png") -144px -61px }
#langChanger .ger { background: url("images/icons.png") -144px -82px }
#langChanger .esp { background: url("images/icons.png") -144px -103px }
#langChanger .rom { background: url("images/icons.png") -144px -124px }


/*--- BG ---*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url("images/progress.gif") no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url("images/progress.gif") no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/*--- Anims ---*/
.menuAnim { 
	-webkit-transition: 	all .4s ease-in-out;
    -moz-transition:        all .4s ease-in-out;
    -o-transition:          all .4s ease-in-out;
    -ms-transition:         all .4s ease-in-out;  
}

/*--- Contact ---*/
#frmContact { width: 100%; text-align:center;
	
 }
#frmContact table { text-align:left; margin:0 auto; background-color: #F0F0F0; border: 1px solid silver; border-radius: 4px;}
#frmContact table td { padding: 4px 10px; }
.brdrBottom { border: 0 none; border-bottom: 1px dotted silver; background-color: #F0F0F0;  }
.textbox { width:100%; }
.textarea { width:100%; border: 1px solid silver; height: 40px; background-color: #F0F0F0; }
.invalidField { background-color: #FFC !important; }

.mapLink {  }
.mapLink img { margin: 0 10px 10px 0; }	

/*--- Scroll pane ---*/
#scollContent { position: absolute; top: 55px; right:10px; bottom: 25px; left: 10px; margin: auto; line-height: 18px; }
#scollContent .customScrollBox { position:relative; height:100%; overflow:hidden; }
#scollContent .customScrollBox .container{ position:relative; width:96%; top:0; float:left;}
#scollContent .customScrollBox .content{ clear:both; }
#scollContent .customScrollBox .content p{ padding:0 5px; margin:10px 0; line-height:20px;}
#scollContent .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#scollContent .customScrollBox img { border:5px solid #fff;}
#scollContent .dragger_container{ position:absolute; width:2px; top:40px; bottom: 40px; right: 6px; margin:auto; float:left; background:#ccc; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#scollContent .dragger { position:absolute; width:2px; height:60px; background:#D12933; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#scollContent .dragger_pressed{ position:absolute; width:4px; margin-left:-1px; height:60px; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#scollContent .scrollUpBtn,#scollContent .scrollDownBtn{ position:absolute; display:inline-block; width:14px; height:15px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
#scollContent .scrollUpBtn{ top:16px; background:url("images/mcs_btnUp.png") center center no-repeat;}
#scollContent .scrollDownBtn{ bottom:16px; background:url("images/mcs_btnDown.png") center center no-repeat;}
#scollContent .scrollUpBtn:hover, #scollContent .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}