@charset "utf-8";
/* CSS Document */

/****************************************************************** ETIQUETAS HTML */

*{
	margin: 0px;
	padding: 0px;
}

body{
	font-family: arial, cortoba, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	background-color: #f1f1f1;
}

a:link, a:visited, a:hover{
	text-decoration: none;
	color: #00b1de;
}

a, img{
	border: none;
}

ul{
	list-style-type: none;
}

/********************************************************************* ESTILOS GLOBALES */

.oculto{
	display: none;
}

.clear{
	clear: both;
}

.left{
	float: left !important;
}

.right{
	float: right !important;
}

.azul_hwsol{
	color: #00a9cd !important;
}

.subrayado_naranja{
	color: #d85a38;
}

.subrayado_verde{
	color: #5a9c5f;
}

.subrayado_morado{
	color: #844b77;
}

.inclinado{
	font-style: italic;
}

.no-top{
	margin-top: 0px !important;
	padding-top: 0px !important;
}
/********************************************************************** LAYOUT */

.envoltorio_general{
	width: 1001px;
	overflow: auto;
	margin: 0px auto;
	background: url("../images/envoltorio_med.jpg") repeat-y;
}

.envoltorio_top{
	height: 29px;
	background: url("../images/envoltorio_top.jpg") no-repeat;
}

.envoltorio_bottom{
	height: 81px;
	background: url("../images/envoltorio_bot.jpg") no-repeat;
}

.cabecera{
	background: url("../images/logo_hwsol.jpg") no-repeat top left #fdfdfd;
	width: 963px;
	height: 99px;
	margin-left: 19px;
	overflow: hidden;
}

.contenido{
	width: 900px;
	margin: -351px auto 0px auto;
	overflow: auto;
}

/********************************************************************** CABECERA */
a.enlace_inicio:link, a.enlace_inicio:hover, a.enlace_inicio:visited{
	width: 298px;
	height: 99px;
	display: block;
	float: left;
}

.caja_contacto{
	float: right;
	color: #8b8b8b;
	line-height: 1.5em;
	margin: 20px 20px 0px 0px;
	width: 194px;
	overflow: hidden;
}

.caja_contacto a:link, .caja_contacto a:hover, .caja_contacto a:visited{
	color: #8b8b8b;
	text-decoration: none;
	display: block;
	cursor: pointer;
	width: 194px;
}

a.descarga:link, a.descarga:hover, a.descarga:visited{
	background: url("../images/enlace_descarga.jpg") no-repeat;
	height: 21px;
}

a.email_contacto:link, a.email_contacto:hover, a.email_contacto:visited{
	background: url("../images/enlace_email.jpg") no-repeat;
	height: 19px;
}

/********************************************************************** ROLLOVER */

.rollover_home, .rollover_empresa, .rollover_servicios, .rollover_desarrollo, .rollover_productos, .rollover_clientes, .rollover_trabajo, .rollover_contacto, .rollover_otros{
	width: 965px;
	height: 381px;
	background-repeat: no-repeat;
}

.rollover_home, .rollover_otros{
	background-image: url("../images/fondo_rollover_home.jpg");
}

.rollover_empresa{
	background-image: url("../images/fondo_rollover_empresa.jpg");
} 

.rollover_servicios{
	background-image: url("../images/fondo_rollover_servicios.jpg");
}

.rollover_desarrollo{
	background-image: url("../images/fondo_rollover_desarrollo.jpg");
}

.rollover_productos{
	background-image: url("../images/fondo_rollover_productos.jpg");
}

.rollover_clientes{
	background-image: url("../images/fondo_rollover_clientes.jpg");
}

.rollover_trabajo{
	background-image: url("../images/fondo_rollover_trabajo.jpg");
}

.rollover_contacto{
	background-image: url("../images/fondo_rollover_contacto.jpg");
}

.rollover_home_texto, .rollover_empresa_texto, .rollover_servicios_texto, .rollover_desarrollo_texto, .rollover_productos_texto, .rollover_clientes_texto, .rollover_trabajo_texto, .rollover_contacto_texto{
	width: 965px;
	height: 381px;
	background-repeat: no-repeat;
}

.rollover_home_texto{
	background-image: url("../images/fondo_rollover_home_texto.jpg");
}

.rollover_empresa_texto{
	background-image: url("../images/fondo_rollover_empresa_texto.jpg");
} 

.rollover_servicios_texto{
	background-image: url("../images/fondo_rollover_servicios_texto.jpg");
}

.rollover_desarrollo_texto{
	background-image: url("../images/fondo_rollover_desarrollo_texto.jpg");
}

.rollover_productos_texto{
	background-image: url("../images/fondo_rollover_productos_texto.jpg");
}

.rollover_clientes_texto{
	background-image: url("../images/fondo_rollover_clientes_texto.jpg");
}

.rollover_trabajo_texto{
	background-image: url("../images/fondo_rollover_trabajo_texto.jpg");
}

.rollover_contacto_texto{
	background-image: url("../images/fondo_rollover_contacto_texto.jpg");
}

/********************************************************************** HOME */

.introduccion{
	height: 380px;
}

.caja{
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	padding: 1px;
}

.titulo_caja{
	background: url("../images/titulo_fondo.jpg") repeat-x;
	height: 46px;
	border-bottom: 1px solid #e7e7e7;
}

.columna1{
	float: left;
	width: 48%;
	padding: 20px 0px 20px 20px;
}

.columna2{
	float: right;
	width: 45%;
	padding: 20px 20px 20px 0px;
}

.columna1 p, .columna2 p, .columna1_inferior p, .columna2_inferior p{
	margin: 10px 0px;
	line-height: 1.7em;
}

h1.titulo_destacados{
	height: 46px;
	background: url("../images/titulo_destacados.jpg") no-repeat;
}

h1.titulo_tecnologia{
	height: 46px;
	background: url("../images/titulo_tecnologia.jpg") no-repeat;
}

h1.titulo_quienes_somos{
	height: 46px;
	background: url("../images/titulo_quienes_somos.jpg") 0px -1px no-repeat;
}

h1.titulo_que_apostamos{
	height: 46px;
	background: url("../images/titulo_que_apostamos.jpg") 0px -3px no-repeat;
}

h1.titulo_desarrollo{
	height: 46px;
	background: url("../images/titulo_desarrollo.jpg") 0px -3px no-repeat;
}

h1.titulo_integracion{
	height: 46px;
	background: url("../images/titulo_integracion.jpg") 0px -3px no-repeat;
}

h1.titulo_consultoria{
	height: 46px;
	background: url("../images/titulo_consultoria.jpg") 0px -3px no-repeat;
}

h1.titulo_formacion{
	height: 46px;
	background: url("../images/titulo_formacion.jpg") 0px -3px no-repeat;
}

h1.titulo_agiles{
	height: 46px;
	background: url("../images/titulo_agiles.jpg") 0px 0px no-repeat;
}

h1.titulo_metodologia{
	height: 46px;
	background: url("../images/titulo_metodologia.jpg") 0px 0px no-repeat;
}

h1.titulo_software{
	height: 46px;
	background: url("../images/titulo_software.jpg") 0px -2px no-repeat;
}

h1.titulo_productos{
	height: 46px;
	background: url("../images/titulo_productos.jpg") 0px -2px no-repeat;
}

h1.titulo_frameworks{
	height: 46px;
	background: url("../images/titulo_frameworks.jpg") 0px -2px no-repeat;
}

h1.titulo_necesitamos{
	height: 46px;
	background: url("../images/titulo_necesitamos.jpg") 0px -2px no-repeat;
}

h1.titulo_ofrecemos{
	height: 46px;
	background: url("../images/titulo_ofrecemos.jpg") 0px -2px no-repeat;
}

h1.titulo_hello{
	height: 46px;
	background: url("../images/titulo_hello.jpg") 0px -1px no-repeat;
}

h1.titulo_formulario{
	height: 46px;
	background: url("../images/titulo_formulario.jpg") 0px -1px no-repeat;
}

h1.titulo_nuestros{
	height: 46px;
	background: url("../images/titulo_nuestros.jpg") 0px 0px no-repeat;
}

.caja_destacados{
	width: 550px;
	float: left;
}

.caja_tecnologia{
	width: 330px;
	float: right;
}

.caja_standard{
	margin-top: 25px;
}

.destacado{
	margin: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e7e7e7;
}

.destacado h3{
	color: #6f6f6f;
	font-size: 18px;
	font-weight: bold;
}

.destacado p{
	margin-top: 10px;
}

.tecnologias{
	background: url("../images/iconos_teconologias.jpg") no-repeat;
	width: 328px;
	height: 234px;
}

/********************************************************************** PIE */

.pie{
	width: 930px;
	margin: 0px auto 20px auto;
	color: #00b1de;
}

.pie p{
	padding: 8px 0px;
	color: #acacac;
	border-bottom: 1px dotted #acacac;
}

.pie p.titulo_pie{
	border-bottom: 1px dotted #00b1de;
}

.pie p a:link, .pie p a:hover, .pie p a:visited{
	color: #acacac;
	text-decoration: underline;
}

.pie p a:hover{
	color: #00b1de;
}

.pie p a.validador:link, .pie p a.validador:hover, .pie p a.validador:visited{
	text-decoration: none;
}

/*********************************************************************** EMPRESA */

h1.titulo_general{
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	text-align: right;
	padding: 0px 50px 15px 0px;
}

h1.titulo_gris{
	color: #a1a1a1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px;
}

h3.naranja{
	font-size: 14px;
	font-weight: bold;
	color: #d85a38;
}

ul.ticks{
	list-style-image: url("../images/tick.jpg");
	color: #727272;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px 20px 20px;
	line-height: 1.7em;
}

p.importante_naranja{
	font-size: 19px;
	font-weight: bold;
	color: #d85a38;
	line-height: 1.3em !important;
	margin-top: 15px;
}

.cronologia{
	margin-top: 20px;
	overflow: hidden;
	text-align: center;
}

/************************************************************************** SERVICIOS */

.contenido_caja_servicios{
	padding: 20px;
	height: 25em;
}

ul.cuadrados{
	list-style-type: square;
	margin: 15px;
	line-height: 1.7em;
}

/************************************************************************** DESARROLLO */

.contenido_caja{
	padding: 20px;
}

p.importante_rosa{
	font-size: 19px;
	font-weight: bold;
	color: #c6495c;
	line-height: 1.3em !important;
	margin: 20px 0px;
}

p.intro{
	color: #727272;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7em;
	margin: 15px 0px;
}

/************************************************************************** PRODUCTOS */

p.importante_morado{
	font-size: 19px;
	font-weight: bold;
	color: #844b77;
	line-height: 1.3em !important;
	margin: 20px 0px;
}

p.importante_morado_inferior{
	font-size: 19px;
	font-weight: bold;
	color: #844b77;
	line-height: 1.3em !important;
	margin: 30px 0px 0px 0px;
}

.espaciado{
	line-height: 2.1em !important;
}

.columna1_inferior{
	float: left;
	width: 48%;
	padding: 0px 0px 20px 20px;
}

.columna2_inferior{
	float: right;
	width: 45%;
	padding: 0px 20px 20px 0px;
}

.grafico{
	overflow: hidden;
	text-align: center;
}

/************************************************************************** TRABAJO */

p.importante_marron{
	font-size: 19px;
	font-weight: bold;
	color: #856822;
	line-height: 1.3em !important;
	margin: 20px 0px;
}

a.enlace_clasico:link, a.enlace_clasico:hover, a.enlace_clasico:visited{
	color: #4b4b4b;
	text-decoration: underline;
}

/************************************************************************** CONTACTO */

.direccion{
	float: left;
	color: #727272;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7em;
}

.email{
	float: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7em;
	margin-right: 20px;
}

.email a:link, .email a:hover, .email a:visited{
	color: #448fbe;
	text-decoration: underline;
}

.mapa{
	border: 1px solid #939393;
	height: 355px;
	text-align: center;
	margin-top: 20px;
}

.fila_form{
	margin-top: 10px;
}

.fila_form label{
	color: #727272;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 200px;
	padding-top: 14px;
}

.fila_form input{
	font-family: arial, cortoba, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: right;
	width: 571px;
	height: 28px;
	margin: 2px 4px 0px 0px;
	padding: 12px 20px 0px 20px;
	border: none;
	background: none;
}

.fila_form textarea{
	font-family: arial, cortoba, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: right;
	width: 571px;
	height: 148px;
	margin: 2px 4px 0px 0px;
	padding: 12px 20px 0px 20px;
	border: none;
	background: none;
	color: #ffffff;
}

.fila_blanca{
	height: 48px;
	background: url("../images/fondo_input_blanco.jpg") top right no-repeat;
}

.fila_azul{
	height: 48px;
	background: url("../images/fondo_input_azul.jpg") top right no-repeat;
}

.fila_textarea{
	height: 170px;
	background: url("../images/fondo_textarea_azul.jpg") top right no-repeat;
}

.fila_blanca input{
	color: #458fbd;
}

.fila_azul input{
	color: #ffffff;
}

.fila_enviar{
	height: 36px;
	float: right;
	width: 625px;
	text-align: center;
}

a.boton_enviar:link, a.boton_enviar:hover, a.boton_enviar:visited{
	display: block;
	width: 86px;
	height: 36px;
	background: url("../images/boton_enviar.jpg") no-repeat;
	padding: 0px;
	margin: 0px auto;
}

a.boton_enviar:hover{
	background: url("../images/boton_enviar_ov.jpg") no-repeat;
}

.leyenda{
	color: #727272;
	float: left;
	margin-top: 30px;
}

.leyenda .cuadro_azul{
	background-color: #458fbd;
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	margin-top: 2px;
}

/*************************************************************************** CLIENTES */

.contenido_caja_clientes{
	padding: 32px;
}

.errores, .mensaje{
	border: 1px solid #458fbe;
	padding: 10px;
	color: #458fbe;
	font-weight: bold;
	margin-bottom: 10px;
}

.errores{
	border: 1px solid #be4551;
	color: #be4551;
}

.errores ul{
	margin-left: 10px;
	list-style-type: circle;
}

/*************************************************************************** COPYRIGHT */

.contenido_caja_copy{
	padding: 30px 70px;
}

.contenido_caja_copy p{
	margin: 10px 10px 0px 10px;
	line-height: 1.7em;
	text-align: justify;
}

.contenido_caja_copy h3{
	margin: 20px 10px 0px 10px;
	line-height: 1.7em;
	font-size: 14px;
	font-weight: bold;
}