/* HOJA DE ESTILOS CSS PARA LAS SECCIONES DE LA PÁGINA PRINCIPAL */
/* ------------------------------------------------------------- */


/* LAYOUT GENERAL DE LA PÁGINA: ANCHO, ALTO, CENTRADO, PADDING... */
/* ----------------------------------------------------------- */
body { 
	/*Necesitamos definir margin y padding para consistencia de navegadores*/
	/*  Definimos un borde de 10 pixeles arriba y abajo y los laterales los 
	    controlamos al centrar el layout */
	margin: 10px 0px;   
	padding: 0px;
	
	/* Texto Y Fondo */
	text-align: center; /*hack para IE5*/
	font-family:Arial, Helvetica, sans-serif;
}


/* Contenedor principal de la página: Todo irá dentro y ayudará al centrado */
#Main_Container{
/*  Con esta definición tenemos centrado con EFECTO LIQUID
    --------------------------------------------------- */
	/*margin-left:5%; 
	margin-right:5%;*/


/*  Con esta definición tenemos centrado con ANCHO FIJO
    --------------------------------------------------- */
	margin:0px auto;
	width:894px;
	     
	/* Texto & Fondo*/
	text-align:left; /*Contrarresta el hack IE5 */
	font-family:Arial, Helvetica, sans-serif;
}
/* ----------------------------------------------------------- */



/* LOGO DE LA CABECERA */
/* ----------------------------------------------------------- */
#Logo{
    /* Tamaño & Posicion */
	/*width:214px;
	height:47px;*/
	width:181px;
	height:auto;
	float:left;
	
	/* Texto & Fondo*/
	font-family:Arial, Helvetica, sans-serif;
}


#Logo img{
	width:150px;
	height:auto;
}
/* ----------------------------------------------------------- */



/* BUSCADOR Y LINKS SUPERIORES */
/* ----------------------------------------------------------- */
#Busqueda{
    /* Tamaño & Posicion */
	float:right;
	width: 415px;
	
	/* Texto & Fondo*/
	font-size: 75%;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
/* ----------------------------------------------------------- */



/* IMAGEN DE CABECERA */
/* [09-04-08] Actualmente hay una imagen Flash como imagen     */
/* ----------------------------------------------------------- */
#Cabecera{
	/* Tamaño & Posicion */
	width:auto;
	height:288px; 
}

* html #Cabecera{
	/* Tamaño & Posicion */
	width:500px;
	height:288px; 
}
/* ----------------------------------------------------------- */



/* BLOQUES DE LINKS (DEBAJO DE LA IMAGEN DE CABECERA) */
/* ----------------------------------------------------------- */
#Bloque_Productos{
	/* Tamaño & Posicion */
	width:245px;
	height:170px;
	margin-top:10px;
	/*margin:auto;*/
		
	/* Texto & Fondo*/
	font-family:Arial, Helvetica, sans-serif;	
	background-image:url(../Recursos/Imagenes/Cuadro1.jpg);	
}

#Bloque_Contact_Center{
	/* Tamaño & Posicion */
	width:245px;
	height:170px;
	margin-top:10px;
	/*margin:auto;*/
			
	/* Texto & Fondo*/
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../Recursos/Imagenes/Cuadro1.jpg);
}

#Bloque_Software{
	/* Tamaño & Posicion */
	width:295px;
	height:170px;
	margin-top:10px;
	/*margin:auto;*/

	/* Texto & Fondo*/
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../Recursos/Imagenes/Cuadro3.jpg);	
}

/* ----------------------------------------------------------- */



/* SECCIÓN DE ULTIMAS NOTICIAS */
/* ----------------------------------------------------------- */
#UltimasNoticias{
	/* Tamaño & Posicion */
	width:319px;
	height:133px;
	margin:auto;

	/* Texto & Fondo*/	
	color:#6C6C6C;
	font-weight: bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #E6E6E6;	
	border: 2px solid #CCCCCC;	
}
/* ----------------------------------------------------------- */



/* SECCIÓN DE ULTIMAS NOTICIAS */
/* ----------------------------------------------------------- */
#Video{
	/* Tamaño & Posicion */
	width:319px;
	height:133px;
	margin:auto;
	
	/* Texto & Fondo*/	
	color:#6C6C6C;	
	font-weight: bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	background-color: #E6E6E6;	
	border: 2px solid #CCCCCC;
}
/* ----------------------------------------------------------- */



/* PIE DE PÁGINA */
/* ----------------------------------------------------------- */
#PieDePagina{
	/* Tamaño & Posicion */
	width:814px;
	height:38px;

	/* Texto & Fondo*/	
	text-align:left;	
	font-size:11px;	
	font-family:Arial, Helvetica, sans-serif;
}
/* ----------------------------------------------------------- */
