html {overflow-y:hidden;}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;	
	padding: 0px;
	margin: 0px;
}

.bg {
   position:fixed; top:0; left:0; width:100%; height:100%;
   z-index:0;
}

.intro_lang{
	padding:20px 40px 40px 20px;
	position:absolute; 
	right:0;
	top:0;
	z-index:1;
	text-align: right;
}

.mod {
   _padding-bottom:6px;  /* IE6: bound x1a and x2a's height */
   _overflow-y:hidden;
   position:relative;
   z-index:0;
	 position:absolute;
	 left: 20%;
	 top: 20%;
	 width: 500px;
}
.mod .mod-content {
   border:1px solid #fff;
   position:relative;
   z-index:2;
   padding: 15px;
   text-align: justify;
}
.mod .x1 { /*opacity layer*/
   display:block;
   background:#fff;
   width:100%;
   height:100%;
   _height:2000px;
   position:absolute;
   _bottom:6px;  /* IE6: offset the layer from 'mod' */
   opacity:.30;
   *filter:alpha(opacity="30");
}
/* the shadow's parent; controls offset */
.mod .x2 { 
   display:block;
   width:100%;
   height:100%;
   overflow:hidden;
   position:absolute;
   top:6px; /* offset the shadow */
   left:6px;
   _top:auto;
   _bottom:-6px;
}
.mod .x2a {
   display:block;
   border:6px solid #000;
   border-top:0;
   border-left:0;
   width:100%;
   height:100%;
   _height:3000px; /* IE6 can't do 100% of an unknown height */ 
   position:relative;
   bottom:6px;
   right:6px;
   opacity:.30;
   *filter:alpha(opacity="30");
}

 .button {
	font-size: 15px;
	color: #0083CE;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
  border: 1px solid #3D92C4;
  background-color: #F4F4F4;
	cursor: hand;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  
}

.ft {
   text-align:center;
}
   
h3 {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#0083CE;
}