/* se le da estilo al body agregando un fondo gif en degrade, con un margen superior e inferior. Define las fuentes por default como grupo Arial */
body {
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F8F8F8;
}
/* Mata el espacio por default entre los parrafos (p). Define tambien a las listas y sus bullets como cuadrados. */
p, ul {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	color: #333;
	line-height: 120%;
	list-style-type: square;
}
h1 {
	margin-top: 0px;
	color: #000;
	font-size: 150%;
	margin-bottom: 15px;
}
h2 {
	margin-top: 0px;
	color: #000;
	font-size: 100%;
	margin-bottom: 12px;
}
/* Corrige los png32bit par ie6. */
img {behavior:url(http://www.blastex.com/iepngfix.htc);
}
/* Se le da estilo a todas las imagenes con enlaces, para que no cree bordes */
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* #logo, #en_products, #en_about-us, #en_contact-us, son AP Divs insertados en el cabezal del sitio. Declaran su posicion y por ser imagenes png 32, es compatible para ie6 con el script que llama el tag img en esta hoja de estilo.*/
#logo {
	position:absolute;
	z-index:1;
	left: 47px;
	top: 35px;
}
#en_products {
	position:absolute;
	z-index:1;
	left: 596px;
	top: 35px;
}
#en_about-us {
	position:absolute;
	z-index:1;
	left: 765p
	top: 35px;
	left: 685px;
	top: 35px;
}
#en_contact {
	position:absolute;
	z-index:1;
	left: 770px;
	top: 35px;
}
/* Universo da el ancho total del sitio, la ubicacion central y con la propiedad relativa hace que los AP Div, sean relativos a el (estando siempre adentro) */
#universo {
	width: 986px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
/* El div head es el que le da el formato a la barra head. Tiene una altura especificada y como background la imagen del encabezado. Es la que contiene los AP divs del logo, y menu inicial. Las reglas de estos AP Div se encuentran declarados en el html */
#head {
	height: 86px;
	background-image: url(../en/base_images/topbar_bg.gif);
}
/* Es el que contiene la region editable del template. Le da el valor de margen superior e inferior de su contenido. La altura de las paginas no esta dada por este div. Estara dada por el div de contenido insertado en la region editable del template */
#cuerpo {
	margin: 8px 0px 16px 0px;
}
/* Es el div que contiene los elementos del pie de pagina. Su alineacion de texto es central */
#pie {
	text-align: center;
}
/* Formata el parrafo del div Pie. Es para darle el tamaño del texto, color y serparacion entre parrafos. */
#pie p {
	font-size: x-small;
	color: #666;
	margin-top: 0px;
	margin-bottom: 5px;
}
