body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #contenedor */
	color: #000000;
}
.columnaFija #contenedor {
	width: 940px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
.columnaFija #cabecera {
	background: #ffffff;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #cabecera en lugar de texto, es posible que le interese quitar el relleno. */
	height: 120px;
}
.columnaFija #cabecera h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #cabecera evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.columnaFija #contenidoPrincipal {
	padding:15px 0 0 0; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	background: #FFFFFF;
}
.columnaFija #pie {
	width:940px;
	height:310px;
	float: left;
	margin:0;
	padding:15px 0 0 0; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background-image: url(imagenes/texture.gif);
}
.columnaFija #pie p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#logo {
	width:420px;
	height: 110px;
	position: absolute;
	float: left;
}

#menu {
	width:472px;
	height: 110px;
	position: absolute;
	float: right;
	margin-left: 478px;
}

.titulos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #003881;
	margin:20px 0 0 0;}
	
.subtitulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #959390;
	margin:3px 0 20px 0;}

ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #666;
	padding-left:15px;
	list-style:circle;
}

.txt_azul{
	text-decoration: none;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	text-align:justify;
	color: #003881;}
	
.txt2{
	text-decoration: none;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	text-align:justify;
	color: #666;}
	
.txt3{
	text-decoration: none;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	text-align:justify;
	color: #666;
	display:inline;}

.txt{
	text-decoration: none;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0;
	text-align:justify;
	color: #666;}
	
.txt a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
	text-align:justify;
	color: #797979;
}
.txt a:visited {
	text-decoration: none;
	color: #003881;
}
.txt a:hover {
	text-decoration: none;
	color: #003881;
}
.txt a:active {
	text-decoration: none;
	color: #003881;
}

.columna{
	margin:50px 4px 20px 4px;
	width:225px;
	float:left;
	height: 360px;
}
	
.texto_contenido{
	margin:0 5px 20px 5px;
	padding:0 17px 0 19px;
	width:903px;
	float:left;}
	
.fondo_azul{
	background-color:#eceef1;
	margin:0 5px 20px 0;
	padding:0 17px 20px 14px;
	float:left;}
	
.texto_con_foto{
	background-color:#eceef1;
	margin:0 5px 20px 25px;
	padding:0 17px 0 14px;
	width:615px;
	float:left;}
	
.texto_con_mapa{
	background-color:#eceef1;
	margin:0 5px 20px 3px;
	padding:0 17px 0 14px;
	width:429px;
	height:250px;
	float:left;}
	
.recuadros_redes{
	margin:8px 0 0 40px;
	padding:0;
	width:250px;
	float:left;}
	
.barraInf{
	margin-top:40px;
	margin-bottom:40px;
	width:940px;
	height: 120px;
	float: left;
}

.textoLogo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#003881;
	display:inline;}
	
.textoLogo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 300px;
	color:#003881;
	display:inline;}

.staff {
	background-color:#eceef1;
	margin:0 5px 0px 25px;
	padding:0 17px 0 14px;
	width:550px;
	float:right;
	height: 615px;
	margin-top: 20px;
}
.empgrupo {
	margin:0 5px 20px 25px;
	padding:0 17px 0 19px;
	width:880px;
	float:left;
	height: 480px;
}
.somos {
	margin:0 5px 5px 25px;
	padding:0 17px 0 19px;
	width:260px;
	float:left;
	height: 620px;
}
.texto_contenido_portfolio{
	margin:0 5px 20px 5px;
	padding:0 17px 0 19px;
	width:903px;
	height:535px;
	float:left;
}
.texto_contenido_servicios {
	margin:0 5px 20px 5px;
	padding:0 17px 0 19px;
	width:903px;
	float:left;
	height: 1500px;
}
#disenosweb {
	position:absolute;
	width:450px;
	height:500px;
	z-index:1;
}
#disenoscorporativos {
	position:absolute;
	width:200px;
	height:480px;
	z-index:2;
	margin-left: 460px;
	border-left-color: #e4e4e4;
	border-left-style: solid;
	border-left-width: 1px;
}
.bordegris{
	border:#e4e4e4 solid 1px;
	
}
#servicios_disenosweb {
	position:absolute;
	width:480px;
	height:240px;
	z-index:1;
	padding: 20px;
}
#servicios_disenoscorporativos {
	position:absolute;
	width:340px;
	height:240px;
	z-index:2;
	margin-left: 540px;
	padding: 20px;
	background-color: #eaeaea;
}
#servicios_marketing {
	position:absolute;
	width:899px;
	height:365px;
	z-index:1;
	padding: 20px 0 20px 20px;
	background-color: #FFF;
	border-top-color: #959390;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #959390;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 300px;
}
#servicios_servidores {
	position:absolute;
	width:650px;
	height:280px;
	z-index:1;
	padding: 20px;
	margin-top: 870px;
}
#servicios_dominios {
	position:absolute;
	width:180px;
	height:280px;
	z-index:2;
	margin-left: 700px;
	padding: 20px;
	background-color: #eaeaea;
	margin-top: 870px;
}
#servicios_software {
	position:absolute;
	width:880px;
	height:180px;
	z-index:1;
	padding: 20px;
	background-color: #FFF;
	border-top-color: #959390;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 1200px;
}
.avisolegal{
	text-decoration: none;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding: 0;
	color: #666;}
	
.avisolegal a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin: 0;
	padding: 0;
	color: #797979;
}
.avisolegal a:visited {
	text-decoration: none;
	color: #003881;
}
.avisolegal a:hover {
	text-decoration: none;
	color: #003881;
}
.avisolegal a:active {
	text-decoration: none;
	color: #003881;
}
#jaime {
	width:180px;
	z-index:1;
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #003881;
	padding: 11px;
	float:left;
	height: 240px;
	margin-left: 50px;
}
#mario {
	width:180px;
	height:240px;
	z-index:1;
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #003881;
	padding: 11px;
	float:left;
	margin-left:40px;
}
#ana {
	width:180px;
	height:240px;
	z-index:1;
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #003881;
	padding: 11px;
	float:left;
	margin-left:50px;
}
#anan {
	width:180px;
	height:240px;
	z-index:1;
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #003881;
	padding: 11px;
	float:left;
	margin-left:40px;
}
#system {
	position:absolute;
	width:400px;
	height:340px;
	z-index:1;
	padding: 20px;
	background-color: #eceef1;
}
#leyes {
	position:absolute;
	width:400px;
	height:340px;
	z-index:1;
	margin-left:460px;
	padding: 20px;
	background-color: #eceef1;
}
#certificados {
	width:900px;
	z-index:1;
	height: 50px;
	margin-top: 5px;
}
#servicios_seo {
	position:absolute;
	width:880px;
	height:120px;
	z-index:1;
	padding: 20px;
	background-color: #FFF;
	border-top-color: #959390;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #959390;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 700px;
}

.palabras_clave{
	display:inline;
	text-decoration: none;
	font-weight:normal;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	text-align:justify;
	color: #666;
	display:inline;
}