/* CSS Document */

/*******ESTILOS PARA PAGINA INDEX******/


h1,h2,h3,h4,h5,h6,form,body,html,p,address,fieldset,input,table,th,td,ul,li{ margin:0; padding:0;}

a{outline:none;}

a img,:link img,:visited img { border:none;}

a {text-decoration:none; 	outline:none; }

ul,ol { list-style:none; }

li { 	list-style-type:none; }

img { border:none;}

address { font-style:normal; }

table { border-collapse: collapse;  border-spacing: 0; }

html { font-size:100%;}

body {
	font-size:0.69em;
	color:#2e2f8e;
	height:100%;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	background:#bac3d5 url(../images/fondo_index.jpg) no-repeat top center;
}


#body {width:90em;clear:both;margin:auto;padding:0 0 0 0;}

/****HEADER****/
#header {padding:0 0em 0 0em;width:821px;clear:both;margin:auto;}

#cabecera_index {
	width:100%;
	float:left;
	text-align:left;}
	
h1{text-indent:-9999px;}

h2 {
	font-size:1.1em;
	text-transform: uppercase;
	font-weight: normal;
	margin:0 0 3em 0;
	padding:0 0 0 0EM;
	letter-spacing: 0.4em;
	}

#cabecera_index img {float:left; margin:9.5em 0 0 2em;}


#cabecera_index ul li { display:inline;margin:0 0.3em 0 1.5em;}

#cabecera_index ul li a {padding:3em 4em 2em 0;}
.ico_inicio {background:url(../images/ico_inicio.png) right center no-repeat;}
.ico_inicio:hover {background:url(../images/ico_inicio_hover.png) right center no-repeat;}
.ico_not {background:url(../images/ico_not.png) right center no-repeat;}

.ico_contacto {background:url(../images/ico_contacto.png) right center no-repeat;}
.ico_contacto:hover {background:url(../images/ico_contacto_hover.png) right center no-repeat;}

#cabecera_index div {
	float:right;
	text-align:right;
	font-weight:bold;
	margin:14.3em 1.5em 0 0;
	color:#1d1f95;
	font-size:1.1em;
	letter-spacing: 0.1em;}
	

#cabecera_index a:link{font-weight:bold;color:#1d1f95;}
#cabecera_index a:visited{font-weight:bold;color:#1d1f95;}	
#cabecera_index a:hover{font-weight:bold;color: #445dc1;}	
#cabecera_index a:focus{font-weight:bold;color: #445dc1;}		    
#cabecera_index a:active{font-weight:bold;color:#445dc1;}

/****menu*****/

#menu_index {
	background:url(../images/menu_index.png) center no-repeat;
	float:left;
	height:98px;
	margin:0.8em 0 2em 0em;
	width:100%;
	text-align:justify;}
	
#menu_index ul { text-align:left; margin:0 0 0 4em; padding:2em 0 0 0em;}

#menu_index ul li {display:inline; margin:0em 0 0 0em; background:none; background-image:none;}

          /*recursos menu*/


.quien {width:224px; height:63px; position:relative; padding:0 16em 0 0em; margin:0 0em 0em 0;}
.quien em {/*display:block;*/width:224px;height:63px; background:url(../images/quienes_somos.png) 0px -63px no-repeat;position:absolute;top:0;left:0;}
.quien a:link,.quien a:visited,.quien a:hover,.quien a:active {cursor:pointer; color:#ffffff/*40497C*/;}
.quien a:hover em {background:url(../images/quienes_somos.png) -0px -0px no-repeat;} 

.productos {width:157px; height:63px; position:relative; padding:0 13em 0 0em; margin:0 0 0em 0;}
.productos em {/*display:block;*/width:157px;height:63px; background:url(../images/productos.png) -0px -63px no-repeat;position:absolute;top:0;left:0;}
.productos a:link,.productos a:visited,.productos a:hover,.productos a:active {cursor:pointer; color:#FFFFFF;}
.productos a:hover em {background:url(../images/productos.png) -0px -0px no-repeat;} 

.servicios {width:128px; height:63px; position:relative; padding:0 11em 0 0em; margin:0 0 0em 0;}
.servicios em {/*display:block;*/width:128px;height:63px; background:url(../images/servicios.png) -0px -63px no-repeat;position:absolute;top:0;left:0;}
.servicios a:link,.servicios a:visited,.servicios a:hover,.servicios a:active {cursor:pointer; color:#FFFFFF;}
.servicios a:hover em {background:url(../images/servicios.png) -0px -0px no-repeat;} 

.pedidos {width:109px; height:63px; position:relative; padding:0 1em 0 0em; margin:0 0 0em 0;}
.pedidos em {/*display:block;*/width:109px;height:63px; background:url(../images/pedidos.png) -0px -63px no-repeat;position:absolute;top:0;left:0;}
.pedidos a:link,.pedidos a:visited,.pedidos a:hover,.pedidos a:active {cursor:pointer; color:#FFFFFF;}
.pedidos a:hover em {background:url(../images/pedidos.png) -0px -0px no-repeat;} 

/******FOOTER*****/

#footer {clear:both;width:90em;margin:auto;background:url(../images/fondo_footer.png) no-repeat top center; height:173px; color:#445dc1; padding:9em 0em 0 0em;}

#datos_empresa{ float:left;margin:0 0 0 10em;}
#datos_empresa span{color:#1d1f95; font-weight:bold;}

#footer a:link{font-weight:normal;color:#445dc1;}
#footer a:visited{font-weight:normal;color:#445dc1;}	
#footer a:hover{font-weight:normal;color: #1d1f95;}	
#footer a:focus{font-weight:normal;color: #1d1f95;}		    
#footer a:active{font-weight:normal;color:#1d1f95;	}

#datos_sli {float:right; text-align:right; margin:0 10em 0 0em;}
#datos_sli span {font-size:1.4em;}

#datos_sli ul{ float:right; padding:0 0em 1em 0em; }
#datos_sli ul li{ float:left; list-style:none; margin:0em 3em 0em 0.5em;}	
#datos_sli p{padding:1.5em 0em 0 0em;}
 .xhtml em{background:url(../images/w3c_xhtml.png);
	background-repeat:no-repeat;		
	width:68px;
	height:24px;
	position: absolute;
	 }
	
 .css em{background:url(../images/w3c_css.png);
	background-repeat:no-repeat;		
	width:68px;
	height:24px;
	position: absolute;}


/******** COMUNES ************/

.negrita {	font-weight:bold;}
.izquierda {	float:left;}
.derecha {	float:right;}
.clear {	clear:both;}