/* CSS Document */
html, body,  #container-page  {
	height: 100%; /* Required */
}

body {
	margin:0; padding:0;
	background-color:#FFFFFF;
	background-image:url(../images/container-bg.jpg);
	background-repeat:no-repeat;
	background-position:50% center;
	font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#B2B2B2;
}


a {
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;

}

a:hover {
	text-decoration:none;

}

.clear {
    clear:both;
	height:0px;
	FONT-SIZE: 0px;
	LINE-HEIGHT: 0;
}

#container-page {
	 width:100%;
	/* fluid 100% height */
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}


#container {
    padding-bottom:45px;
	width:100%;
	height:auto;




}


#container:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}


#footer {
	width:100%;
	height:39px;
	border-top:1px solid #E5E5E5;
	position: absolute;
	bottom: 0 !important;
	text-align:center;
	bottom: -1px; /* For Certain IE widths */

}


.paradigma {
  width:305px;
  height:115px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-80px;
  margin-left:-80px;


}

.links  {
  position:absolute;
  top:50%; left:50%;
  margin-top:-6px;
  margin-left:-154px;
  width:305px;
  height:30px;
  line-height: 18px;

}

.links .easy {
  float:left;
  background-repeat:no-repeat;
  background-position:top left;
  padding:0 0 0 12px;
  
}



.links .eng{font-size:10px; color:#aaa; margin-left:-12px; }

.links .full .eng{float:right; margin-right:-12px;}
 .links .full a{float:right;}
.links .full {
  float:right !important;
  background-repeat:no-repeat;
  background-position:top right;
  padding:0 12px 0 0;
}

#footer p  {
  margin-top:9px;
}


#footer p a  {
  color:#B2B2B2;
  font-size:11px;
}



#flashLink {
width:243px;
height:220px;
background: url(/images/flash-link.png) no-repeat !important;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-238px;
  margin-left:196px;
  display:block;

}

#flashLink a {
width:243px;
height:180px;

position:relative;


  display:block;
}

#abcLink {
width:168px;
height:272px;
background: url(/img/tiser-abc.jpg) no-repeat top left #fff !important;
text-indent: -9999px;
position:absolute;
bottom:100px;
left:50%;
margin-left:310px;
z-index:1000;

}

#WonderLink {
width:230px;
height:272px;
background: url(/img/icon2.jpg) no-repeat top left #fff !important;
text-indent: -9999px;
position:absolute;
bottom:100px;
left:50%;
margin-left:310px;
z-index:1000;

}

#TwisterLink {
width:252px;
height:232px;
background: url(/img/icon3.jpg) no-repeat top left #fff !important;
text-indent: -9999px;
position:absolute;
bottom:100px;
left:50%;
margin-left:250px;
z-index:1000;

}