body{
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/fndo.jpg) repeat-x;
	margin: 0;
	padding: 0;
	}	
/* capa encabezado*/
.encabezado{
	text-align:justify;
	background:url(../images/degradado.jpg) repeat-y;
	height:150px;
	width:981px;
	position:relative;
	margin:0 auto;
}
/* capa menu*/
.menu {
	text-align:justify;
	width: 981px;
	height: 70px;
	background:url(../images/menu2.jpg) repeat-x #FFFFFF;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	border: 0;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.menu a:hover {
	color: #ffffff;
	text-decoration: underline;
	/*font-weight: bolder;*/
}
.menu a{
	color: #E54008;
	text-decoration:none;
}
/* pie de pagina*/
.pie {
	font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	height: 34px;
	background-repeat: repeat-x;
	font-size: 12px;
	color:#FFFFFF;
	width: 966px;
	background-image: url(../images/menu2.jpg);
	margin:0 auto;
	line-height:250%;
	text-align:left;
	padding-left: 15px;
	}
.pie a{
color:#FFFFFF;
text-decoration:none;
}
.pie a:hover{
color:#E54008;
text-decoration:none;
}
/* div contenido (principal)*/
.contenido{
	text-align:justify;
	width: 968px;
	margin: 0 auto;
	position: relative;
	/*background-repeat:repeat-x;*/
	background-color:#FFFFFF;
	margin:0 auto;
	padding-top: 0;
	padding-left: 13px;
	height:700px;
	}
	
.contenido .lateral {
	text-align:justify;
	width: 300px;
	height: 454px;
	top: 50px;
	float:left;
	margin: 0 0 0 0px;
	width: 300px;
	background-image: url(../images/lateral2.jpg);
	background-repeat: no-repeat;
	}
.contenido .arriba{
	text-align:justify;
	padding:0;
	margin: 0 0 0 19px;
	width: 609px;
	height: 173px;
	display:block;
	float:left;
	border: 0;
	background-image: url(../images/arriba2.jpg);
}
.contenido .izquierda{
	text-align:justify;
	margin:21px 0 0 19px;
	width:295px;
	height:262px;
	display:block;
	float:left;
	background:url(../images/background.jpg) no-repeat;
	background-position: top right;
}
.contenido .derecha{
	text-align:justify;
	margin:21px 0 0 19px;
	width:295px;
	height:262px;
	display:block;
	float:left;
	background:url(../images/background.jpg) no-repeat;
	background-position: top right;}
	
.contenido .noticias{
	text-align:justify;
	padding:0;
	margin: 19px 0 0px 0;
	width:620px;
	height:192px;
	display:block;
	float:left;
	background:url(../images/inferior.jpg) no-repeat;

}
.contenido .contacto{
	text-align:justify;
	padding:0 0 0 0;
	margin: 19px 0 0px 19px;
	width:295px;
	height:192px;
	float:left;
	background:url(../images/contact2.jpg);
}
/*parrafos de principal*/
	
.prin{
	text-align:justify;
	margin: 20px 24px 0 24px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11.50px;
	font-weight:normal;
	color: #292929;
	display: block;
	line-height:150%;
}

/* div lateral*/
.plat1{
	text-align:justify;
	text-align:center;
	margin: 40px 24px 0 24px;
	font-family:Forte, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #003756;
	display: block;
	line-height: 14px;
}.platAse{
	text-align:justify;
	text-align:left;
	margin: 30px 24px 0 24px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight:bold;
	color: #003756;
	display: block;
	line-height: 14px;
}
.plat2{
	text-align:justify;
	text-align:center;
	margin: 40px 24px 0 24px;
	font-family:Bradley Hand ITC, Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight:bold;
	color: #003756;
	display: block;
	line-height: 20px;
}
.platRed{
	text-align:justify;
	text-align:right;
	margin: 35px 24px 0 24px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight:normal;
	color: #000000;
	display: block;
	line-height: 14px;
}
.platForm{
	text-align:justify;
	text-align:left;
	margin: 35px 24px 0 24px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight:normal;
	color: #000000;
	display: block;
	line-height: 14px;
}
/*Fin de la pagina principal*/
/* Comienzo de la pagina de empresa*/
.empresa{
	text-align:justify;
	margin: 0 0 0 15px;
	width:630px;
	height:625px;
	display:block;
	float:left;
	background:url(../images/cc5.jpg) no-repeat;
}
.contacto2{
	padding:0 0 0 0;
	margin: 19px 0 0px 19px;
	width:295px;
	height:436px;
	float:left;
	background:url(../images/back_contact2.jpg);
}

/*Fin de pagina de empresa*/
.distr{
	text-align:justify;
	padding:0;
	margin: 13px 0 0 19px;
	width: 900px;
	height: 600px;
	display:block;
	float:left;
	border: 0;
	
}
/*pagina servicios*/
.contacto3{
	text-align:justify;
	padding:0 0 0 0;
	margin: 19px 0 0px 19px;
	width:295px;
	height:192px;
	float:left;
	background:url(../images/back_contact.jpg);
}
/*parrafo de asesoramiento*/
.conS{
	text-align:justify;
	margin: 0 0 0 15px;
	width:630px;
	height:625px;
	display:block;
	float:left;
	line-height:120%;
	background:url(../images/cc5.jpg) no-repeat;
}

/*capa para la imagen del contacto*/
.cimg{
	text-align:justify;
	float:left;
	background:url(../images/img_contacto.jpg);
	width:300px;
	height:508px;
	margin: 0px 0 0 30px;
}
.tit2{
	text-align:center;
	margin: 0px 0px 8px 0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #E54008;
}
/* capas del menú*/
#Layer1{
text-align:center;
position:relative;
	width:80px;
	height:30px;
	z-index:1;
	left: 0px;
	top: 0px;
	float:right;
	line-height:230%;
}
#Layer3{
text-align:center;
position:relative;
	width:80px;
	height:30px;
	z-index:1;
	left: 0px;
	top: 0px;
	float:right;
	line-height:230%;
}
#Layer4{
text-align:center;
position:relative;
	width:80px;
	height:30px;
	z-index:1;
	left: 0px;
	top: 0px;
	float:right;
	line-height:230%;
}
#Layer2 {
text-align:center;
	position:relative;
	width:80px;
	height:30px;
	z-index:1;
	left: 0px;
	top: 0px;
	float:right;
	visibility: visible;
	line-height:230%;
}
#Layer5{
text-align:center;
position:relative;
	width:180px;
	height:30px;
	z-index:1;
	left: 0px;
	top: 0px;
	float:right;
	line-height:230%;
}
/*capa del menú desplegable*/
#Layer6 {
line-height:150%;
text-align:center;
	position:relative;
	left:310px;
	width:660px;
	height:30px;
	z-index:2;
	float:left;
	background-color:#ffffff;	
	margin-top:0px;
}
#Layer7{
position:relative;
	width:80px;
	height:30px;
	z-index:1;
	left: 0px;
	top: 0px;
	float:right;
	line-height:230%;
	}
	#Layer8 {
line-height:150%;
text-align:center;
	position:relative;
	left:350px;
	width:300px;
	height:30px;
	z-index:2;
	float:left;
	background-color:#ffffff;	
	margin-top:30px;
}
#Layer8 a{
color:#003756;
}
#Layer8 a:hover{
color: #E54008;
}

#Layer6 a{
color:#003756;
}
#Layer6 a:hover{
color: #E54008;
}
/*fin capas menu*/
/*enlaces de la página servicios*/
.conS a{
color:#003756;
font-weight:bold;

}
.conS a:hover{
color:#E54008;
font-weight:bold;
text-decoration:underline;}
/*capa de software*/
.soft{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/software2.JPG) no-repeat;
}
/*capa de pagina web*/
.pag{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/software.JPG) no-repeat;
}
/*capa de mantenimiento*/
.mant{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/mantenimiento.JPG) no-repeat;
}
/*capa de formacion*/
.form{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/formacion.JPG) no-repeat;
}
/*capa de asesoramiento*/
.ases{
	padding:0 0 0 0;
	margin: 0px 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/asesoramiento.JPG) no-repeat;
}
.empre{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/empresa.jpg) no-repeat;
}
.filo{
	padding:0 0 0 0;
	margin: 0px 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/filosofia.JPG) no-repeat;
}
/*capa de redes*/
.red{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/redes.JPG) no-repeat;
}
/*capa de distribuidores*/
.distribu{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/distribucion.jpg) no-repeat;
}
/*capa de servicios*/
.servi{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:664px;
	float:left;
	background:url(../images/servicios.jpg) no-repeat;
}
/*capa de clientes*/
.clie{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:650px;
	float:left;
	background:url(../images/clientes3.jpg);
}
/*mapa del sitio*/
.map{
text-align:justify;
	margin: 0 0 0 15px;
	width:350px;
	height:450px;
	display:block;
	float:left;
	line-height:120%;
	background-repeat: no-repeat;
}
.map a{
color:#000000;
text-decoration:none;
}
.map a:hover{
color:#E54008;
text-decoration:none;}
.imap{
float:left;
margin:19px 0 0 15px;
width:250px;
height:500px;
background:url(../images/mapa.JPG) no-repeat;
}
.latmap{
	padding:0 0 0 0;
	margin: 19px 0 0px 19px;
	width:295px;
	height:631px;
	float:left;
	background:url(../images/image.jpg) no-repeat;
}
/*mapa del sitio titulos*/
.m1 a{
margin: 20px 0 0 50px;
line-height:190%;
font-size:14px;
font-weight:bold;
color:#003756;
}
.m5 {
margin: 0 0 0 80px;
line-height:190%;
font-size:12px;
color:#335F79;
font-weight:bold;
}
.m2 a{
margin: 0 0 0 80px;
line-height:190%;
font-size:12px;
color:#335F79;
font-weight:bolder;
}
.m3 a{
margin: 0px 0 0 50px;
line-height:190%;
font-size:14px;
font-weight:bold;
color:#003756;
}
.m4{
margin: 0 0 0 110px;
line-height:190%;
font-size:11px;
}
/*pagina de formulario*/
.formu{
	padding:0 0 0 0;
	margin: 0 0 0px 19px;
	width:295px;
	height:660px;
	float:left;
	background:url(../images/formula.JPG) no-repeat;}
.conF{
	text-align:justify;
	margin: 0 0 0 15px;
	width:390px;
	height:450px;
	display:block;
	float:left;
	line-height:120%;
	}
.flat{
	margin: 0 0 0 15px;
	width:220px;
	height:450px;
	display:block;
	float:left;
	background:url(../images/document.jpg) no-repeat;
}
.tit2{
	margin: 30px 0px 8px 50px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #E54008;
	}
.for a{
display:block;
width:32px;
height:32px;
background:url(../images/flecha4.gif) no-repeat;
text-decoration:none;
font-size:12px;
color:#003756;
font-weight:bold;
	}
.for a:hover{
background: transparent url(../images/flecha5.gif) no-repeat;
color:#003756;
font-weight:bold;
size:12px;
color:#E54008;
}
.for2 a{
text-decoration:none;
font-size:14px;
color:#003756;
font-weight:bold;
}
.for2 a:hover{
color:#E54008;
}
.pv{
margin:0 0 16px 32px;
}
.ba3{
	margin: 0px 0px 0px 20px;}