*{
	margin:0;
	padding:0;
}
:focus {
	outline: 0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5A5B5E;
	background-image:url(../images/fondoBody.gif);
	background-repeat:repeat-x;
	background-color:#405157;
}
img{
	border:0;
}
a{
	/*color:#434D59;*/
	color:#019ACD;
	text-decoration:none;
}
a:hover{
	color:#02B0FC;
	text-decoration:underline;
}
h1{
	width:525px;	/* 533 - 8 */
	height:35px;
	padding-left:8px;
	background-image:url(../images/fondoH1.gif);
	background-repeat:no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
}
h2{
	margin-bottom:8px;
	font-size:16px;
	font-weight:bold;
	color:#434D59;
}

h3{
	margin-top:8px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#434D59;

}
p{
	line-height:14px;
	margin-bottom:10px;
}
#fondoContenedor{
	width:577px;
	background-image:url(../images/fondoFondoContenedor.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
}
#contenedor{
	width:533px;	/* 577 - 22 - 22 */
	padding-left:22px;	/* 15 de somra y 7 del borde blanco */
	padding-right:22px;	/* 15 de somra y 7 del borde blanco */
	padding-top:12px;
	background-image:url(../images/fondoContenedor.gif);
	background-repeat:no-repeat;
}
#cabecera{
	width:533px;
	background-image:url(../images/fondoCabecera.gif);
	background-repeat:no-repeat;
	text-align:center;
	margin-bottom:1px;
}
/**********************************************************************************
	Clases Generales
**********************************************************************************/
.barraHorizontal{
	width:518px;	/* 533 - 15 */
	height:29px;
	line-height:29px;
	padding-right:15px;
	margin-bottom:1px;
	clear:both;
	background-image:url(../images/fondoBarraHorizontal.gif);
	text-align:right;
}
.barraHorizontal a{
	color:#5A5B5E;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
.barraHorizontal a:hover{
	color:#171718;
}
.barra{
	width:100%;
	height:20px;
	background-image:url(../images/fondoBarra.gif);
	background-repeat:repeat-x;
	margin-bottom:2px;
}
.limpiar{
	clear:both;
}
.iconoSeccion{
	width:75px;
	height:75px;
	padding-top:18px;
	float:right;
	background-image:url(../images/fondoIconoSeccion.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:20px;
	overflow:hidden;	/* Para que Internet Explorer 6 no muestre diferente lo que queda debajo */
}
.columna50{
	width:50%;
}
.flotarIzquierda{
	float:left;
}
.flotarDerecha{
	float:right;
}
.bordeSuperior{
	border-top:1px #BDBFC0 solid;
	margin-top:10px;
}
.bordeInferior{
	border-top:1px #BDBFC0 solid;
	margin-top:10px;
}
.enlaceExterno{
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	color:#0087C2;
}
.enlaceExterno:hover{
	color:#02B0FC;
}
.enlaceExterno strong{
	color:#5A5B5E;
}
/***************************
	Paginación
***************************/
.paginacion{
	width:509px;	/* 533 - 12 - 12 */
	height:21px;	/* 27 - 6 */
	padding-left:12px;
	padding-right:12px;
	padding-top:6px;
	background-image:url(../images/fondoPaginacion.gif);
	background-repeat:no-repeat;
	clear:both;
}
.paginacion p{
	float:left;
	color:#5A5B5E;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
.paginacion span{
	float:right;
}
.paginacion span span{
	float:none;
	color:#707174;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
.paginacion span a{
	color:#5A5B5E;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
.paginacion span a:hover{
	color:#FFFFFF;
}
/***************************
	Fin Paginación
***************************/
/**********************************************************************************
	Fin Clases Generales
**********************************************************************************/

/**********************************************************************************
	Menú Horizontal Superior
**********************************************************************************/
#menuHorizontal{
	width:526px;	/* 533 - 7  No tiene margen a la derecha porque la imagen de los idiomas completa el diseño */
	height:20px;
	line-height:20px;
	padding-left:7px;
	margin-bottom:1px;
	background-image:url(../images/menu/fondoMenuHorizontal.gif);
	background-repeat:no-repeat;
	overflow:hidden;	/* Con esto arreglé un problema del Firefox */
}
#menuHorizontal span{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
}
#menuHorizontal ul{
	display:block;
	float:right;
	list-style-type: none;
}
#menuHorizontal ul li{
	display:block;
	float:left;
}
#menuHorizontal ul li span{
	display:none;
}
#menuHorizontal ul li a{
	display:block;
	height:20px;
}
#menuHorizontal ul li a:hover{
	background-position:-100%;
}
/* Opciones */
#menuHorizontal ul li#inicio a{
	width:42px;
	background-image:url(../images/menu/inicio.gif);
}
#menuHorizontal ul li#links a{
	width:41px;
	background-image:url(../images/menu/links.gif);
}
#menuHorizontal ul li#clientes a{
	width:55px;
	background-image:url(../images/menu/clientes.gif);
}
/**********************************************************************************
	Fin Menú Horizontal
**********************************************************************************/
/**********************************************************************************
	Menú Principal
**********************************************************************************/
#menuPrincipal{
	width:533px;
	height:72px;
	margin-bottom:1px;
}
#menuPrincipal ul{
	display:block;
	height:72px;
	list-style-type: none;
}
#menuPrincipal ul li{
	display:block;
	float:left;
}
#menuPrincipal ul li span{
	display:none;
}
#menuPrincipal ul li a{
	display:block;
	height:72px;
}
#menuPrincipal ul li a:hover{
	background-position:-100%;
}
/* Opciones */
#menuPrincipal ul li#innovavista a{
	width:97px;
	background-image:url(../images/menuPrincipal/innovavista.gif);
}
#menuPrincipal ul li#desarrolloWeb a{
	width:131px;
	background-image:url(../images/menuPrincipal/desarrolloWeb.gif);
}
#menuPrincipal ul li#maquetacionCSS a{
	width:136px;
	background-image:url(../images/menuPrincipal/maquetacionCSS.gif);
}
#menuPrincipal ul li#sistemas a{
	width:84px;
	background-image:url(../images/menuPrincipal/sistemas.gif);
}
#menuPrincipal ul li#contacto a{
	width:85px;
	background-image:url(../images/menuPrincipal/contacto.gif);
}
/**********************************************************************************
	Fin Menú Principal
**********************************************************************************/
/**********************************************************************************
	Contenido
**********************************************************************************/
#fondoContenido{
	width:533px;
	background-image:url(../images/fondoFondoContenido.gif);
	background-repeat:repeat-y;
}
#contenido{
	position:relative;
	width:533px;
	background-image:url(../images/fondoContenido.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#contenido.fondoInicio{
	background-image:url(../images/inicio/fondoContenidoInicio.gif);
}
#contenido.fondoGeneral{
	background-image:url(../images/fondoContenido.gif);
}
#columnaIzquierda{
	width:260px;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
}
#columnaDerecha{
	width:273px;
	float:right;
}
/*****************************************
	Inicio
******************************************/
#columnaIzquierda.inicio{
	background-image:url(../images/inicio/fondoColumnaIzquierdaInicio.jpg);
}
.columnaInicio{
	height:320px;
	overflow:hidden;
}
.columnaInicio h2{
	margin-top:22px;
	margin-bottom:16px;
}
#informacionInicio{
	width:246px;	/* 273 - 10 - 17 */
	padding-left:10px;
	padding-right:17px;
}
#informacionInicio p{
	margin-bottom:10px;
}
#informacionInicio p a{
	font-weight:bold;
}
#informacionInicio p a:hover{
	text-decoration:underline;
}
#pantallas{
	position:absolute;
	left:124px;
	top:191px;
}
#iconoInicio{
	width:100%;
	background-image:url(../images/fondoRayas.gif);
	background-repeat:repeat-x;
	background-position:0px 4px;
}
/*****************************************
	Fin Inicio
******************************************/
/*****************************************
	Cuadros de Información
******************************************/
#cuadros{
	background-image:url(../images/cuadros/fondoCuadro.gif);
	width:531px;	/* 533 - 1 - 1*/
	padding-left:1px;	/* 1 de padding izquierdo y derecho simplemente para que los cuadritos tengan el mismo ancho y quede parejo */
	padding-right:1px;
	height:172px;
	clear:both;	
}
.cuadrito{
	position:relative;
	float:left;
	width:146px;	/* 177 - 18 - 13 */
	height:172px;
	padding-right:18px;
	padding-left:13px;
	overflow:hidden;
}
.cuadrito ul{
	list-style-position:inside;
}
.cuadrito h4{
	width:146px;
	height:16px;	/* 76 - 60 */
	padding-top:60px;
	margin-bottom:5px;
	background-image:url(../images/fondoRayas.gif);
	background-repeat:repeat-x;
	background-position:0px 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#434D59;
	border-bottom:1px #7F7F7F dotted;
}
.cuadrito h4 img{
	position:absolute;
	right:18px;
	top:0px;
}
.cuadrito h4 a{
	font-style:normal;
	color:#434D59;
}
.cuadrito a{
	color:#434D59;
	font-weight:bold;
	font-style:italic;
}
.cuadrito a:hover{
	color:#1E2226;
}
/*****************************************
	Fin Cuadros de Información
******************************************/

/**********************************************************************************
	Fin Contenido
**********************************************************************************/
/**********************************************************************************
	Pie
**********************************************************************************/
#pie{
	width:525px;	/* 577 - 30 - 22 */
	height:34px;
	padding-left:30px;	/* 15 de sombra, 7 del borde blanco y 8 del padding que debería tener */
	padding-right:22px;	/* 15 de sombra y 7 del borde blanco */
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fondoPie.gif);
	background-repeat:no-repeat;
}
#datosContacto{
	width:525px;	/* 577 - 30 - 22 */
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	color:#CCCCCC;
	font-family:"Trebuchet MS",Arial;
	text-align:center;
}
/**********************************************************************************
	Fin Pie
**********************************************************************************/
/**********************************************************************************
	Contacto
**********************************************************************************/
#seccionContacto{
	width:533px;	/* 533 - 10 - 10 */
	padding-top:20px;
}
#seccionContacto .iconoSeccion{
	margin-right:10px;
}
#seccionContacto h2{
	padding-left:10px;
	padding-right:10px;
}
#seccionContacto p{
	padding-left:10px;
	padding-right:10px;
}
#seccionContacto h4{
	margin-top:40px;
	margin-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	color:#0087C2;
	overflow:hidden;
}
.mensajeExitoConsulta{
	padding-top:20px;
	padding-bottom:300px;
	margin-bottom:0px;
	font-weight:bold;
}
/**********************************************************************************
	Fin Contacto
**********************************************************************************/
/**********************************************************************************
	Trabajos
**********************************************************************************/
#seccionTrabajos{
	width:513px;	/* 533 - 10 - 10 */
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}
.trabajoWeb{
	position:relative;
	width:513px;
	height:214px;	/* 215 - 1 */
	margin-top:10px;
	border-top:1px #BDBFC0 solid;
	background-image:url(../images/fondoTrabajo.gif);
	background-position:center 36px;
	background-repeat:no-repeat;
	clear:both;
}
.trabajoWeb h4{
	margin-top:6px;
	margin-bottom:8px;
	font-family: Arial, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	color:#0087C2;
}
.capturaTrabajo{
	float:left;
}
.trabajoWebInfo{
	display:block;
	float:right;
	width:246px;
	padding-left:12px;
}
.trabajoWebInfo img{
	margin-bottom:6px;
}
.enlaceDesarrollo{
	position:absolute;
	bottom:6px;
	left:270px;
}
/**********************************************************************************
	Fin Trabajos
**********************************************************************************/
/**********************************************************************************
	Fin Links
**********************************************************************************/
#seccionLinks{
	width:512px;	/* 533 - 10 - 10  -1 para que quede número par */
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

#seccionLinks h4{
	margin-top:6px;
	margin-bottom:8px;
	font-family: Arial, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	color:#0087C2;
	overflow:hidden;
}
#seccionLinks ul{
	display:block;
	list-style-type:none;
}
#seccionLinks ul li{
	position:relative;
	height:80px;
	border-bottom:1px #C4C5C5 solid;
	margin-top:10px;
}
.fondoPunteado ul li{
	background-image:url(../images/fondoSeccionLinksUlLi.gif);
	background-repeat:no-repeat;
	background-position:245px 0px;
}
#seccionLinks ul li.quitarBorde{
	border:none;
}
#seccionLinks ul li h5{
	color:#727477;
	font-size:14px;
	padding-top:2px;
}
#seccionLinks ul li img{
	float:left;
	margin-right:4px;
}
#seccionLinks ul li a{
	position:absolute;
	bottom:12px;
	left:94px;
}
/**********************************************************************************
	Links
**********************************************************************************/
/**********************************************************************************
	Maquetación
**********************************************************************************/
#listadoMaquetaciones{
	background-image:url(../images/maquetaciones/fondoMaquetaciones.gif);
	background-repeat:repeat-x;
	height:70px;
}
#listadoMaquetaciones p{
	padding-top:5px;
}
#listadoMaquetaciones img{
	margin-right:10px;
}
/**********************************************************************************
	Fin Maquetación
**********************************************************************************/
/**********************************************************************************
	Sección Informativa
**********************************************************************************/
#seccionInformativa{
	width:513px;	/* 533 - 10 - 10 */
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}
#seccionInformativa a{
	color:#0087C2;
}
#seccionInformativa a:hover{
	color:#03B2FF;
}
#seccionInformativa p{
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:18px;
}
#seccionInformativa ul{
	margin-left:20px;
}
#seccionInformativa h2{
	margin-top:6px;
	margin-bottom:8px;
	font-family: Arial, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	color:#0087C2;
}
#seccionInformativa .cuadroInformacion{
	width:180px;
	background-image:url(../images/informacion/fondoCuadroInformacion.gif);
	background-repeat:repeat-y;
	margin:5px;
}
#seccionInformativa .cuadroInformacion h1{
	width:140px;	/* 180 - 20 - 20 */
	height:20px;	/* 34 - 14 */
	padding-left:20px;
	padding-right:20px;
	padding-top:14px;
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#0087C2;
	background-image:url(../images/informacion/fondoCuadroInformacionH1.gif);
	background-repeat:no-repeat;
}
#seccionInformativa .cuadroInformacion ul{
	width:180px;
	background-image:url(../images/informacion/fondoCuadroInformacionUl.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	list-style:none;
	padding-bottom:14px;
	margin-left:0px;
}
#seccionInformativa .cuadroInformacion ul li{
	width:156px;	/* 171 - 15 */
	height:21px;	/* 29 - 8 */
	padding-top:8px;
	padding-left:15px;
	background-image:url(../images/informacion/fondoCuadroInformacionUlLi.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	color:#5A5B5E;
	font-size:10px;
}

#seccionInformativa .cuadroInformacionGrande{
	width:460px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/informacion/fondoCuadroInformacionGrande.gif);
	background-repeat:repeat-y;
}
#seccionInformativa .cuadroInformacionGrande h1{
	width:420px;	/* 460 - 20 - 20 */
	height:21px;	/* 35 - 14 */
	padding-left:20px;
	padding-right:20px;
	padding-top:14px;
	clear:both;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(../images/informacion/fondoCuadroInformacionGrandeH1.gif);
	background-repeat:no-repeat;
}
#seccionInformativa .cuadroInformacionGrande ul{
	width:451px;	/* 460 - 5 - 4 */
	list-style:none;
	padding-bottom:13px;
	padding-left:5px;
	padding-right:4px;
	margin-left:0px;
	background-image:url(../images/informacion/fondoCuadroInformacionGrandeUl.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	clear:both;
}
#seccionInformativa .cuadroInformacionGrande ul li{
	width:436px;	/* 451 - 15 */
	padding-top:8px;
	padding-left:15px;
	background-color:#E6F2F8;
	border-bottom:1px solid #C0C3C5;
	color:#5A5B5E;
	font-size:11px;
	clear:both;
}
#seccionInformativa .cuadroInformacionGrande ul li span{
	display:block;
	width:198px;	/* 218 - 10 */
	padding-left:20px;
	float:left;
}
#seccionInformativa .cuadroInformacionGrande ul li span:first-child{
	width:217px;	/* 218 - 1 */
	padding-left:0px;
	border-right:#999999 dashed 1px;
}
#seccionInformativa .cuadroInformacionGrande ul li.separador{
	background-image:none;
	background-color:#CCCACA;
	color:#333333;
	font-weight:bold;
	clear:both;
}
/**********************************************************************************
	Fin Sección Informativa
**********************************************************************************/
/**********************************************************************************
	Sección Innova
**********************************************************************************/
#seccionInnova{
	width:513px;	/* 533 - 10 - 10 */
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:40px;
}
#seccionInnova .cuadro{
	width:499px;
	margin-left:7px;
	margin-right:7px;
	padding-bottom:25px;
	padding-top:15px;
	border-bottom:1px dotted #8A8A8A;
	clear:both;
	overflow:auto;
}
#seccionInnova .cuadro img{
	width:75px;
	height:75px;
	float:left;
	display:block;
	margin-right:10px;
}
#seccionInnova .cuadro p{
	width:414px;
	float:left;
}
/**********************************************************************************
	Fin Sección Innova
**********************************************************************************/
/**********************************************************************************
	Área Clientes
**********************************************************************************/
#seccionClientes{
	width:513px;	/* 533 - 10 - 10 */
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:120px;
}
#seccionClientes form{
	padding-top:5px;
	padding-bottom:5px;
}
#seccionClientes form input{
	width:100px;
	margin-right:20px;
}
/**********************************************************************************
	Fin Área Clientes
**********************************************************************************/