@charset "utf-8";
/* CSS Alpex-Digital.com */

body { background:#31363C; margin:0; padding:0; }
a { font-family:Tahoma, Verdana, Arial; margin:0; padding:0; text-decoration:none; }
p { font-size:13px; color:#31363C; font-family:"Trebuchet MS", Verdana, Arial; margin:0; padding:0; }
hr { display:block; clear:both; margin:0; padding:0; filter: alpha(opacity=0); opacity: .0; -moz-opacity:0.0;  }

#contenedor { width:900px; vertical-align:middle; margin:auto; }


/* HEADER */

#header { background:url(/images/bg_header.jpg) no-repeat right top; padding:40px 0 0 0; width:900px; vertical-align:middle; margin:auto;}
#header img { float:left; }

#botonera { width:380px; float:right; padding:30px 0 25px 0; }
#botonera ul { list-style:none; margin:0; padding:0; }
#botonera ul li { float:left; }
#botonera ul li a { width:76px; height:25px; font-family:Tahoma, Verdana, Arial; color:#BFBFBF; font-size:11px; display:block; text-align:center; padding:10px 0 0 0;}
#botonera ul li a.inicio { background:url(/images/bg_inicio.jpg) no-repeat top; border-left:none;  }
#botonera ul li a.inicio:hover, #botonera ul li a.inicio_s { background:url(/images/bg_inicio.jpg) no-repeat bottom; }
#botonera ul li a.empresa { background:url(/images/bg_empresa.jpg) no-repeat top; border-left:none;  }
#botonera ul li a.empresa:hover, #botonera ul li a.empresa_s { background:url(/images/bg_empresa.jpg) no-repeat bottom; }
#botonera ul li a.servicios { background:url(/images/bg_servicios.jpg) no-repeat top; border-left:none;  }
#botonera ul li a.servicios:hover, #botonera ul li a.servicios_s { background:url(/images/bg_servicios.jpg) no-repeat bottom; }
#botonera ul li a.trabajos { background:url(/images/bg_trabajos.jpg) no-repeat top; border-left:none;  }
#botonera ul li a.trabajos:hover, #botonera ul li a.trabajos_s { background:url(/images/bg_trabajos.jpg) no-repeat bottom; }
#botonera ul li a.contacto { background:url(/images/bg_contacto.jpg) no-repeat top;  }
#botonera ul li a.contacto:hover, #botonera ul li a.contacto_s { background:url(/images/bg_contacto.jpg) no-repeat bottom; }


/* CONTENEDOR > CONTENIDO */

#contenido { background:#FFFFFF url(/images/bg_contenido.gif) no-repeat top; padding:15px 0 0 0; }
#contenido_bottom { background:#FFFFFF url(/images/bg_contenido_bottom.gif) no-repeat bottom; padding:15px 0 0 0; }

#contenido h1 { background:url(/images/h1.jpg) no-repeat; width:472px; height:41px; margin:0; padding:0; }

#bienvenidos { width:460px; margin:0; padding:10px 0 0 10px; float:left; }
#bienvenidos span { display:none; }
#bienvenidos img { padding:8px 0 0 15px; }
#bienvenidos p { padding:10px 0 0 15px; }
#bienvenidos a { color: #333; text-decoration: underline; }
#bienvenidos a:hover { color: #111; }

#trabajos { width:390px; background:#DCE2CD url(/images/bg_trabajos.gif) no-repeat top; padding:12px 0 0 0px; margin:0 0 0 20px; float:left; }
#trabajos_bottom { background:url(/images/bg_trabajos_bottom.gif) no-repeat bottom; padding:25px 0 0 0;  }

#trabajos h1 { background:url(/images/h1_trabajos.jpg) no-repeat; width:370px; height:28px; margin:0 0 10px 0; }
#trabajos span { display:none; }
#trabajos a.todos { display:block; clear:both; font-size:10px; color:#748A38; font-weight:bold; background:url(/images/bg_boton_ver.gif) no-repeat right; padding:10px 15px 0 0; float:right; margin:0px 20px 0 0; }
#trabajos a.todos:hover { text-decoration:underline; }

#contenido .tr_reciente { width:362px; padding:0 3px 0px 15px; margin:0 0 10px 0; display:block; }
#contenido .tr_reciente a.titulo { font-size:11px; color:#31363C; font-weight:bold; }
#contenido .tr_reciente a.titulo:hover { color:#748A38; }
#contenido .tr_reciente p { font-size:11px; color:#535353; padding:3px 0 20px 0; font-family:Tahoma, Verdana, Arial; }
#contenido .tr_reciente img {background:url(/images/bg_imagen2.jpg) no-repeat;float:right; margin:0 0 0 7px; padding:5px 5px 8px 5px;}
#contenido .ver  { color:#606873; font-size:10px; text-align:right; padding:0px 10px 0px 0; }
#contenido .ver a { color:#606873; padding:0 5px 0 5px; }
#contenido .tr_reciente a:hover { text-decoration:underline; }
#contenido .tr_reciente img.linea { display:block; clear:both; margin:0; padding:5px 0 10px 0; background:none; }

#menu { font-size:11px; color:#3A4147; width:860px; display:block; clear:both; margin:30px 0 0 20px; padding:12px 0 20px 0; background:url(/images/bg_menu.gif) repeat-x top; }
#menu a { color:#3A4147; padding:0 5px 0 5px; }
#menu a:hover { text-decoration:underline; color:#748A38; }
#menu a.arriba { float:right; font-size:10px; font-weight:bold; color:#748A38; background:url(/images/bg_arriba.gif) no-repeat right; padding:0 15px 0 0; }


/* CONTENEDOR > FOOTER */

#footer { margin:0; padding:20px 10px 0 20px; background:url(/images/bg_footer.jpg) no-repeat right top; display:block; clear:both;}
#footer img { float:left;  }
#footer p { color:#A9AFB8; padding:0; font-size:11px; font-family:Tahoma, Verdana, Arial; }
#direccion { float:left; background:url(/images/linea_footer.jpg) repeat-y; padding:5px 0 5px 10px; margin:0 0 0 10px; line-height:15px; }
#copy { float:right; text-align:right; line-height:20px; padding:0px 10px 0 0; }
#footer a { color:#748A38; }
#footer a:hover { text-decoration:underline; }


/* LA EMPRESA */

#bienvenidos h1.bienvenido { background:url(/images/h1_empresa.jpg) no-repeat; }

#contenido h2 { background:url(/images/h2.jpg) no-repeat; width:390px; height:35px; margin:3px 0 10px 0;}
#contenido h2.porque { background:url(/images/h2_porque.gif) no-repeat; margin:30px 0 10px 0; }

#objetivos { width:390px; padding:12px 0 0 0px; margin:0 0 0 20px; float:left; }
#objetivos span { display:none; }

.tx_padding { padding:0 10px 0 30px; display:block; }
.tx_padding p { font-size:12px; color:#666; padding:0 0 10px 0;  }
.tx_padding ul { margin:0; padding:0; list-style:none; font-family:"Trebuchet MS", Verdana, Arial;}
.tx_padding li { color:#000; font-weight:normal; background:url(/images/bg_strong.gif) no-repeat left; padding:0 0 0 20px; margin:0 0 0 10px; font-size:12px;  }


/* SERVICIOS */

#menu_servicios { width:779px; height:35px; background:url(/images/bg_menu_servicios.jpg) no-repeat right; margin:0 0 10px 0; padding:8px 0 5px 105px; }
#menu_servicios a { font-size:12px; color:#000; display:block; height:25px; width:90px; float:left; padding:12px 0 0 0; text-align:center; }
#menu_servicios a:hover,
#menu_servicios a.activo { background:url(/images/bg_a_menu.jpg) repeat-x; color:#FFF; }

#bienvenidos h1.consultoria { background:url(/images/h1_consultoria.gif) no-repeat; }
#bienvenidos h1.internet { background:url(/images/h1_internet.gif) no-repeat; }
#bienvenidos h1.hosting { background:url(/images/h1_hosting.gif) no-repeat; }
#bienvenidos h1.hardware { background:url(/images/h1_hardware.gif) no-repeat; }
#bienvenidos h1.video_vigilancia { background:url(/images/h1_video_vigilancia.gif) no-repeat; }
#bienvenidos h1.seo { background:url(/images/h1_seo.gif) no-repeat; }

#objetivos h2.caracteristicas { background:url(/images/h2_caracteristicas.jpg) no-repeat; }
#objetivos h2.contratar { background:url(/images/h2_contratar.jpg) no-repeat; margin:30px 0 10px 0; }

#completar { padding:0 40px 0 100px; background:url(/images/sobre.gif) no-repeat left top; }
#completar p { color:#666; font-size:11px; padding:0 0 10px 0; }
#completar a { font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; color:#7E8894; font-weight:bold; background:url(/images/bg_a_completar.gif) no-repeat right; padding:0 15px 0 0; float:right; margin:0; }
#completar a:hover { text-decoration:underline; }


/* CONTACT0 */

#contenido h1.contacto { background:url(/images/h1_contacto.jpg) no-repeat; }
#contenido h2.informacion { background:url(/images/h2_informacion.gif) no-repeat; }
#contenido h2.mapa { background:url(/images/h2_mapa.gif) no-repeat; margin:30px 0 10px 0;  }

#bienvenidos form { display:block; margin:0px; padding:15px 0 0 15px; }
form input#enviar, form input#borrar { background:url(/images/enviar.gif) no-repeat;float:right; width:68px;height:17px; margin:8px  0px 0 20px; padding:0px }
form input#borrar { background:url(/images/borrar.gif) no-repeat;  }
.nombres { font-family:"Trebuchet MS", Arial, Verdana; font-size:13px; color:#7E8894; display:block; padding:0px 0px 2px 2px; font-weight:bold; }
#form1 input,textarea { width:435px; height:22px; background:url(/images/bg_input.gif) no-repeat; border:none; margin:0 0 8px 0; padding:3px 0 0 5px; font-family:"Trebuchet MS", Verdana, Arial; font-size:13px; }	
#form1 textarea { height:150px; background:url(/images/bg_textarea.gif) no-repeat; }
#bienvenidos .nombres { display:block; }

.info_contacto { padding:0 10px 0 35px; display:block; }
.info_contacto p { font-size:13px; color:#666; padding:0 0 10px 0; }
.info_contacto strong { color:#999; font-size:11px; }
.info_contacto a { font-family:"Trebuchet MS", Verdana, Arial; color:#748A38; font-size:13px; }
.info_contacto a:hover { text-decoration:underline; }
label.error { font-family:"Trebuchet MS", Verdana, Arial; display: inline-block; color: #A00; font-size: 70%; margin: -5px 0 10px 0; }
.sentOK { clear: both; display: inline-block; color: green; }
.sentKO { clear: both; display: inline-block; color: #A00; }


/* TRABAJOS */

#contenido h1.trabajo { background:url(/images/h1_largo_trabajos.jpg) no-repeat; width:870px; margin:10px 0 0 10px;}
#contenido h1 span { display:none; }
#contenido em { padding:5px 0 0 25px; font-style:normal; }

#works { width:420px; margin:20px 0 0 0; padding:10px 0 0 40px; float:left; background:url(/images/bg_trabajo.jpg) no-repeat right; }
#works2 { margin:22px 0 0 0; float:left; padding:10px 0 0 20px; }

#contenido .work, #contenido .works2 { width:380px; background:url(/images/bg_work.jpg) no-repeat bottom; display:block; padding:0 0 20px 0; margin:0 0 5px 0; }
#contenido .work h1, #contenido .works2 h1 { font-family:"Trebuchet MS", Verdana, Arial; color:#748A38; font-size:16px; background:url(/images/h1_work.gif) repeat-x bottom; margin:0; padding:0 0 5px 0; width:380px; height:auto; font-weight:normal;} 
#contenido .works_ver { display:block; text-align:right; padding:0 0 10px 0; }
#contenido .works_ver a { font-size:10px; color:#999; padding:0 15px 0 0; }
#contenido .works_ver a:hover { text-decoration:underline; color:#000; }
#contenido .works_ver a.visitar { background:url(/images/bg_visitarsitio.jpg) no-repeat right;  }
#contenido .works_ver a.imagenes { background:url(/images/bg_verimagenes.jpg) no-repeat right; margin:0 20px 0 0; }
#contenido .work p { font-family:Tahoma, Verdana, Arial; font-size:11px; color:#666; width:200px; display:block; float:left; line-height:15px; }
#contenido p.cliente { color:#7E8894; padding:0; text-align:right; width:73px; font-weight:bold; padding:0 7px 0 0; }
#contenido .work img {background:url(/images/bg_imagen.jpg) no-repeat; float:right; margin:00px; padding:5px 5px 8px 5px;}

#menu_trabajos { width:825px; height:25px; background:url(/images/bg_menu_trabajos.gif) no-repeat; margin:0px 0 0 20px; display:block; clear:both; padding:10px 0 0 35px; }
#menu_trabajos p { font-family:Tahoma, Verdana, Arial; font-size:11px; color:#333; }
#menu_trabajos a { font-weight:bold; padding:0 0px 0 10px; font-size:11px; color:#666; }
#menu_trabajos a:hover { color:#748A38; text-decoration:underline; }