html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #840051 url(imagenes/fondo_fantasy2.jpg)  top center; 
 
}

A:link {text-decoration: none; border:none;color:#FFFFFF}
A:visited {text-decoration: none; border:none;color:#FFFFFF}
A:active {text-decoration: none; border:none;color:#FFFFFF}
A:hover {text-decoration: none; border:none; color:#FF0099} 
 
.enlace_imagen img {border:0}

#contenedor{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#leftcol{
	width:246px;
	float:left;
	height:850px;
	position:relative;
	background-image: url(imagenes/web_columna.jpg);
 }
 
 
#maincol{  
 float: right;  
 position: relative; 
 width:654px; 
 }
 
 #mainconten{  
 float: left;  
 position: relative; 
 width:545px;
 height:375px;
 top: 412.5px;
 left:53px; 
 }
 
 #mainvideo{  
 float: left;  
 position: relative;  
 top: 15px;
 left:15px; 
 }
 
 #imagen_logo {
 float:left;
 left:36px;
 top:35px;
 position: relative;
 width: 175px;
 height: 130px;
 background-image: url("imagenes/logo_fantasy.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/logo_fantasy.png");
 }
 
 #idiomas{
 height:81px;
 top:45px;
 width:246px; 
 float:left; 
 position:relative;
 
 
 }
 
  #documentos{
 height:231px;
 top:290px;
 width:246px; 
 float:left; 
 position:relative;
 }
 
  #doc {
	float:left;
	left:30px;
	top:-35px;
	position: relative;
	width: 200px;
	height: 200px;
	background-image: url(imagenes/documento.png) !important;
	background-image: none;
	filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/documento.png");
 }
 
   #senal_escolar{
	float:left;
	left:30px;
	top:15px;
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(imagenes/senal_escolar.png) !important;
	background-image: none;
	filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/senal_escolar.png");
 }
 
    #normas{
	float:left;
	left:30px;
	top:55px;
	position: absolute;
	width: 28px;
	height: 28px;
	background-image: url(imagenes/normas.png) !important;
	background-image: none;
	filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/normas.png");
 }
 
   #text_doc{
	height:20px;
	top:25px;
	width:246px;
	float:left;
	position:absolute;
	left: 3px;
 }
 
    #text_doc2{
	height:20px;
	top:65px;
	width:246px;
	float:left;
	position:absolute;
	left: 3px;
 }
 
 .text {text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; padding-left:75px; letter-spacing:1px}
 
 
    #fin{
 height:50px;
 top:50px;
 width:246px; 
 float:left; 
 position:relative;
 }
 
 #seleccionar{
 height:81px;
 top:50px;
 width:246px; 
 float:left; 
 position:relative;
 }
 
  #imagen_seleccionar {
 float:left;
 left:42px;
 top:5px;
 position: relative;
 width: 161px;
 height: 68px;
 background-image: url("imagenes/idiomas.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/idiomas.png");
 }

     #spain_boton {
 
 left:35px;
 top:25px;
 position: absolute;
 width: 40px;
 height: 30px;
 z-index:3;
  
}
  
  #spain {
 float:left;
 left:36px;
 top:25px;
 position: relative;
 width: 40px;
 height: 30px;
 background-image: url("imagenes/spain.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/spain.png");
 z-index:2;
 }
 
   #spain_on {
 
 left:16px;
 top:5px;
 position: absolute;
 width: 81px;
 height: 71px;
 background-image: url("imagenes/spain-on.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/spain-on.png");
 z-index:1;
 visibility:hidden;
 }
 
    #uk_boton {
 float:left;
 left:82px;
 top:25px;
 position: absolute;
 width: 40px;
 height: 30px;
  z-index:3;
 
 }
 
   #uk {
 float:left;
 left:42px;
 top:25px;
 position: relative;
 width: 40px;
 height: 30px;
 background-image: url("imagenes/uk.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/uk.png");
 }
 
    #uk_on {
 
 left:62px;
 top:5px;
 position: absolute;
 width: 81px;
 height: 71px;
 background-image: url("imagenes/uk-on.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/uk-on.png");
 z-index:1;
 visibility: hidden;
 
 }
 
    #de_boton {
 
 left:128px;
 top:25px;
 position: absolute;
 width: 40px;
 height: 30px;
 z-index:3;
 
 }
	
	#de {
 float:left;
 left:48px;
 top:25px;
 position: relative;
 width: 40px;
 height: 30px;
 background-image: url("imagenes/de.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/de.png");
 z-index:2;
 }
 
     #de_on {
 
 left:108px;
 top:5px;
 position: absolute;
 width: 81px;
 height: 71px;
 background-image: url("imagenes/de-on.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/de-on.png");
 z-index:1;
 visibility:hidden;
 }
 
  #fr_boton {
 float:left;
 left:172px;
 top:25px;
 position: absolute;
 width: 40px;
 height: 30px;
 z-index:3;
  }
 
    #fr {
 float:left;
 left:52px;
 top:25px;
 position: relative;
 width: 40px;
 height: 30px;
 background-image: url("imagenes/fr.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/fr.png");
 }
 
   #fr_on {
 
 left:152px;
 top:5px;
 position: absolute;
 width: 81px;
 height: 71px;
 background-image: url("imagenes/fr-on.png") !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/fr-on.png");
 z-index:1;
 visibility:hidden;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}