/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
a:link {
	color: #FF0000;
}
a:visited {
	color: #FF0000;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/
	background-color:#CCCCCC;
	background-image:url(../imagen/fond.jpg);
	background-attachment:fixed;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:inherit;

}

.blur{
	margin-top:15px;
	width:1000px; /*ancho total de la pagina*/ 
	background-color:#999999; /*shadow color*/
	color: inherit;
	margin-left: 0px; 
}

.shadow,
.contenedor{
	position: relative;
	top: 3px;
	left: 3px;
	/*
	bottom: 3px;
	right: 3px;*/
}

.shadow{
	width:1000px; /*ancho total de la pagina*/ 
	background-color: #666; /*shadow color*/
	color: inherit;
}

.contenedor {
    width:1000px; /*ancho total de la pagina*/ 
    border:0.1px solid #9f9f9f; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	
}
#izquierda {
    margin:0px; /*para que no se pegue al borde*/ 
    padding:0px; /*algo de relleno*/
    width:1000px; /*este ancho es para que cuadre con el texto*/ 
    height:173px; /*idem*/
	background-image:url(../imagen/fon001.jpg);
    float:left; /*lo flotamos a la izquierda*/ 
    display:inline; /*(*)*/ 
	/*position:absolute;*/
}
#encabezado {
    margin:0px; /*para que no se pegue al borde*/ 
    padding:0px; /*algo de relleno*/
    width:173px; /*este ancho es para que cuadre con el texto*/ 
    height:94px; /*idem*/ 
	background-image:url(../imagen/fon002.jpg);
    float:left; /*lo flotamos a la izquierda*/ 

}
#flash {
margin-left:430px;
    /*margin:0px; /*para que no se pegue al borde*/ 
    padding:0px; /*algo de relleno*/
    width:321px; /*este ancho es para que cuadre con el texto*/ 
    height:145px; /*idem*/ 

}

#flash1 {
margin-left:0px;
    /*margin:0px; /*para que no se pegue al borde*/ 
    padding:0px; /*algo de relleno*/
    width:188px; /*este ancho es para que cuadre con el texto*/ 
    height:100px; /*idem*/ 

}
.Blanco {color: #FFFFFF}

/*------------------------------------------ servicios ----------------------*/
#black{
	width:942px;
	margin:0 auto;
}
#service{
	width:170px;
	float:left;
	margin:0 0 0 0;
}
#service h2{
	display:block;
	padding:0 0 0 24px;
	background:url(../imagen/service_icon.gif) 0 2px no-repeat;
	/*font:normal 18px/18px Arial, Helvetica, sans-serif;*/
	color:#fff;
	background-color:inherit;
	margin:0 0 20px 0;	
	float:left;
}
#service ul{
	width:170px;
	padding:0;
	margin:0;
}
#service ul li{
	background:url(../imagen/bot_div.gif) left bottom repeat-x;
	float:left;
	height:25px;
	display:block;
}
#service ul li a{
	background:url(../imagen/bullet.gif) 0 10px no-repeat;
	padding:0 0 0 15px;
	height:25px;
	/*font:normal 11px/24px Arial, Helvetica, sans-serif;*/
	color:#509BB4;
	background-color:inherit;
	text-decoration:none;
	display:block;
}
#service ul li a:hover{
	color:#509BB4;
	background-color:#254141;
}
#service ul li.noImg{
	background-image:none;
}
.spacer{
	clear:both; font-size:0; line-height:0;
} 

/*------------------------------------------------------------------------*/
#linea{
	background:url(../imagen/job.gif) no-repeat 0 0; height:37px; width:88px; padding:102px 0 0 66px; margin:0 0 13px 0;
	}
#titulos{
	width:170px;
	float:left;
	margin:0 0 0 0;
}
#titulos h4{
	display:block;
	padding:0 0 0 24px;
	background:url(../imagen/service_icon.gif) 0 2px no-repeat;
	/*font:normal 18px/18px Arial, Helvetica, sans-serif;*/
	color:#003366;
	background-color:inherit;
	margin:0 0 20px 0;	
	float:left;
}