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

#body { /* el fondo */
background:url(../images/bg_110538.png);


}


.pespañol{ /*le da formato a los textos*/
font-family:Arial, Helvetica, sans-serif;
color:#80ba23;
font-size:11px;
text-align:center;
}

.pingles{ /*le da formato a los textos*/
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
text-align:center;
}


#box1 { /*este div contiene la imagen principal y a todos los demas divs*/
    background-image:url(../images/index_green1.jpg);
    background-repeat:no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 240px;
    margin-top: -120px;   
    width: 550px;
    margin-left: -275px; 
	
}







#Magenta { /* contiene el design by */
	width:60px;
	height:20px;
	position:absolute;
	margin-top: 159px;
	margin-left: 498px;
}

#logito { /* contiene el loguito magenta*/
	width:50px;
	height:23px;
	margin-top:174px;
	margin-left:496px;
	position:absolute;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}



#Español a { /* estilo para el link español */
   padding: 2px 2px 2px 2px;
   color:#003366;
   text-decoration: none;
} 


#Español a:hover{ /* estilo para el link español sobre */
 
   color:#FFFFFF;
  
   
}

#Ingles a { /* estilo para el link ingles */
   padding: 2px 2px 2px 2px;
   color:#003366;
   text-decoration: none;
} 


#Ingles a:hover{ /* estilo para el link ingles sobre */
 
   color:#FFFFFF;
  
   
   
}

#Magenta a{ /* estilo para el link de design by */
   padding: 2px 2px 2px 2px;
   color:#999999;
   text-decoration: none;
   font-size:9px;
} 


#Magenta a:hover{ /* estilo para el link de design by sobre*/
 
   color:#99CC00;
}

img{ border:none;}