@charset "utf-8";
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background: #666666 url("imagenes/fondo.jpg") repeat-x top center;
}

a:link {
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#993333;
	font-weight:bold;
}
a:hover, a:active {
	color:#CC0000;
	text-decoration:none;
}	
#contenido_home ul li { font-family:Verdana, Tahoma, sans-serif }

#container {
	width:900px;
	margin:auto;
}

#cabecera {
	position:absolute;
	width:900px;
	height:380px;
	background: url("imagenes/top1.jpg") no-repeat top center;
}

/* ------------- Logotipo y H1 ----------*/
#logo {
	display:block;
	width:242px;
	height:90px;
	float:left;
	margin-left:50px !important;
	margin-left:25px;
	margin-top:25px;
}

#logo h1 {
	margin:0;
	padding:0;
}

#logo h1 a {
	width:242px;
	height:90px;
	display:block;
	text-indent:-9000em;
	outline: 0;
}

/* -------------- Slogan y Descripcion -----------*/
#slogan {
	float:left;
	clear:left;
	margin:55px 0 0 45px !important;
	margin:55px 0 0 23px;
	padding:0;
	width:420px;
}
#slogan h2 {
	margin:0;
	padding:0;
}	
#descripcion {
	float:left;
	clear:left;
	margin:10px 0 0 45px !important;
	margin:10px 0 0 23px;
	width:420px;
	font-size:18px;
}
/* -------------- Visor de Flash ----------- */
#flash {
	clear:right;
	float:right;
	width:278px;
	height:180px;
	margin-right:89px !important;
	margin-right:44px;
	margin-top:56px;
}

/* -------------- Menu horizontal ---------- */
#menu_horiz {
	position:absolute;
	width: 811px;
	height: 38px;
	left: 42px;
	top: 314px;
	list-style:none;
}
	
#menu {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu li{
	margin:0;
	float:left;
}

#menu li a{
	height: 38px;
	display:block;
	float:left;
	text-decoration:none;
	list-style:none;
	text-indent: -9000em;
	outline: 0;
}
#menu #binicio a{
	width: 59px;
	background: url("imagenes/b_inicio_off.gif") no-repeat left top;
}
#menu #binicio a:hover {
	background: url("imagenes/b_inicio_on.gif") no-repeat left top;
}
#menu #bquienes a{
	width: 110px;
	background: url("imagenes/b_quienes_off.gif") no-repeat left top;
}
#menu #bquienes a:hover {
	background: url("imagenes/b_quienes_on.gif") no-repeat left top;
}
#menu #bmnto a{
	width: 173px;
	background: url("imagenes/b_mnto_off.gif") no-repeat left top;
}
#menu #bmnto a:hover {
	background: url("imagenes/b_mnto_on.gif") no-repeat left top;
}
#menu #bprogr a{
	width: 196px;
	background: url("imagenes/b_progr_off.gif") no-repeat left top;
}
#menu #bprogr a:hover {
	background: url("imagenes/b_progr_on.gif") no-repeat left top;
}
#menu #bproasoft a{
	width: 72px;
	background: url("imagenes/b_proasoft_off.gif") no-repeat left top;
}
#menu #bproasoft a:hover {
	background: url("imagenes/b_proasoft_on.gif") no-repeat left top;
}
#menu #bclientes a{
	width: 120px;
	background: url("imagenes/b_clientes_off.gif") no-repeat left top;
}
#menu #bclientes a:hover {
	background: url("imagenes/b_clientes_on.gif") no-repeat left top;
}
#menu #bcontacto a{
	width: 81px;
	background: url("imagenes/b_contacto_off.gif") no-repeat left top;
}
#menu #bcontacto a:hover {
	background: url("imagenes/b_contacto_on.gif") no-repeat left top;
}

/* ---------- Caja principal ------------ */

#cajaprincipal {
	width:900px;
	position:absolute;
	top:381px;
	background: #ffffff url("imagenes/top2.jpg") no-repeat top left;
	padding-top:60px;
}

#cajaprincipal p, ul, table, ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:1.5em;
}

#contenido_home {
	width:812px;
	margin:auto;
}

#contenido_quienes {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/quienes.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#contenido_mantenimiento {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/mantenimiento.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#contenido_desarrollo {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/programacion.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#contenido_clientes {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/kiwi.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#contenido_contacto {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/contacto.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#contenido_gracias {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/contacto.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#contenido_proasoft {
	width:515px;
	margin:0 0 0 16px;
	padding-right:325px;
	background-image: url(fotos/proasoft.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}

h3 {
	margin:0;
	padding:0;
}

.masinfo {
	text-align:right;
}
/* ------------ Pie ---------------- */
#pie {
	position:relative;
	width:900px;
	height:175px;
	clear:both;
	background: #666666 url("imagenes/pie.jpg") no-repeat top left;
}

#direccion {
	float:left;
	margin: 85px 0 0 345px !important;
	margin: 85px 0 0 170px;
	width:220px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
	line-height:1.5em;
	color: #fff;
}

#email {
	float:left;
	margin: 85px 0 0 60px;
	width:200px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
	line-height:1.5em;
	color: #fff;
	background:url("imagenes/icoemail.jpg") no-repeat top left;
	padding-left:30px;
	height:60px;
}

#calidad {
	float:left;
	margin: 0px 0 0 60px;
	width:200px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
	line-height:1.5em;
	color: #fff;
	background:url("imagenes/info.png") no-repeat top left;
	padding-left:30px;
	height:60px;
}

#email a:link, #email a:visited {
	color:#fff;
	text-decoration:underline;
}
#email a:hover, #email a:visited {
	color:#FFF0F0;
	text-decoration:none;
}

.separador {
	background: #666666 !important;
	height:20px;
}
#copyright {
	width:855px;
	margin-top:0px;
	background: #666666 !important;
	padding-left:45px;
	padding-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
}
#copyright a:link, #copyright a:visited {
	color:#f0f0f0;
	font-weight:bold;
	text-decoration:underline;
}

#copyright a:hover, #copyright a:active {
	color:#fff;
	text-decoration:underline;
}

/* ----------- Columnas pag. principal ------------ */

h4 {
	font-size:19px;
}
#col1 p, #col2 p, #col3 p {
	margin:0 15px 10px 15px !important;
}

p.centrado {
	text-align:center;
	padding-top:20px;
}
.separar {
	width:800px;
	clear:both;
	height:1px;
}

/* ---------- Col 1 ------------ */
#col1 {
	width:270px;
	float:left;
	background:url("imagenes/col1.jpg") no-repeat top left;
}

#col1 h4 {
	margin:10px 0 0 127px;
}

div.entradilla1 {
	height:70px;
	margin-left:126px;
	margin-top:10px;
	margin-bottom:40px !important;
	margin-right:4px;
	font-size:14px;
}

#col1mas {
	width:270px;
	float:left;
	text-align:center;
}
/* ---------- Col 2 ------------ */
#col2 {
	width:270px;
	float:left;
	background:url("imagenes/col2.jpg") no-repeat top left;
}

#col2 h4 {
	margin:10px 0 0 127px;
}

div.entradilla2 {
	height:70px;
	margin-left:127px;
	margin-top:10px;
	margin-bottom:40px !important;
	margin-right:4px;
	font-size:14px;
}
#col2mas {
	width:270px;
	float:left;
	text-align:center;
}
/* ------------ Col 3 ----------- */
#col3 {
	width:270px;
	float:left;
	background:url("imagenes/col3.jpg") no-repeat top left;
}

#col3 h4 {
	margin:17px 0 0 127px;
}
div.entradilla3 {
	height:70px;
	margin-left:127px;
	margin-top:10px;
	margin-bottom:58px !important;
	margin-right:4px;
	font-size:14px;
}
#col3mas {
	width:270px;
	float:left;
	text-align:center;
	margin:0;
}