html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline; }
/*body {background:url('../images/body_bg.jpg') repeat-x #d9d9da; margin:0;}*/
*:focus {outline:0;}
body {font-size:62.5%; font-family:Tahoma, Arial, Helvetica; background:#444;}
#bodyapp {background:#d9d9d9; }

h1,h2,h3 {font-weight:normal; line-height:normal;}
h1 {font-size:22px; margin:0 0 14px 0; }
h2 {font-size:15px; margin:14px 0 5px 0; color:#009900;}
h3 {color:#009900;}
a {color:#036cb6; outline-style:none;}
a:hover {color:#023f6b;}
ul li { list-style-image:url('../images/bullet_blue.gif'); }
ul, ol {
	margin:20px 0;
	margin-bottom:30px;
	margin-left:80px; 
	text-align:justify;
}
img {border:0;}
br {line-height:7px;}
.line {background:url(../images/line.png); width:100%; height:2px; margin:40px 0 20px 0; font-size:1px; clear:both;}
.clear {clear:both;}
.sublink {margin-left:11px; list-style:circle;}
.url {margin:-5px 0 15px 0;}

.negrita { font-weight:bold;}
.centrar { text-align:center;}
.ok { color:#222; background: #bdebb9; border: 1px solid #b3cbb2; }
.error { color:#666; background: #edb0c1; border: 1px solid #ab7d89; }
.area { color:#444; background: #ffffdd; border: 2px solid #ffd700; }
.area, .error, .ok { width:400px;margin:0 auto; padding:15px; text-align:center; font-size: 1.1em;  }

#container {width:100%; margin:0 auto;padding-bottom:40px;}
#header {width:100%;height:134px; background-image:url('../images/header_bg.png');}
#menu_top {width:948px; height:24px; margin:0 auto;font-size:1.1em; color:#fff;}
#menu_top ul {margin:0px; padding-top:1px;list-style:none;}
#menu_top ul li {float:right; padding:0 4px;display:block; }
#menu_top a {height:16px; display:block;margin-top:4px;text-decoration:none;color:#fff;overflow:hidden;}
#menu_top a:hover { text-decoration:underline; }
#menu_top a.inicio { background:url('../images/home.png') no-repeat; padding-left:19px;}
#menu_top a.mapa { background:url('../images/sitemap.png') no-repeat; padding-left:19px;}
#menu_top a.contacto { background:url('../images/email.png') no-repeat; padding-left:19px;}
#menu_top a.inicio:hover,#menu_top a.mapa:hover,#menu_top a.contacto:hover { background-position:0 -16px;}
#menu_top a.client-login {width:91px;height:16px;margin:2px 9px 0 0;padding:3px 0 0 30px;color:#222;background:url('../images/client-login-bg.png') no-repeat;}

#logo {width:310px; height:66px; float:left;}
#logo a {display:block; width:313px; height:48px;}
#banner {background-image:url('../images/banner_2011_final.png'); width:944px; height:105px; margin:0 auto;}

#menu {height:39px; width:100%; background-image:url(../images/menu_bg.png);}
#menu ul { width:930px; margin:0 auto; padding:0px;list-style:none; }
#menu ul li {float:left; height:35px; display:block; text-indent:-9999px;}
#menu a {display:block; width:100%; height:100%;}

#menu .apartado {width:110px;}
#menu_soluciones a {background:url('../images/menu_soluciones.png') no-repeat}
#menu_diseno_grafico a {background:url('../images/menu_diseno_grafico.png') no-repeat}
#menu_diseno_web a {background:url('../images/menu_diseno_web.png') no-repeat}
#menu_portfolio a {background:url('../images/menu_portfolio.png') no-repeat}
#menu_nosotros a {background:url('../images/menu_nosotros.png') no-repeat}
#menu_hosting a {background:url('../images/menu_hosting.png') no-repeat}
#menu_posicionamiento a {background:url('../images/menu_posicionamiento.png') no-repeat}
#menu .apartado a:hover {background-position:0 -35px;}
#menu .apartado a.activo {background-position:0 -70px;}
#menu_empty {width:10px; background:url('../images/menu_fin.png') left no-repeat;}

#main_top {width:944px; height:6px; margin:0 auto; padding-top:4px; background:url('../images/main_top.png') bottom no-repeat; }
#main {width:884px; margin:0 auto; background-image:url('../images/main_bg.png'); padding:20px 30px; color:#140505; font-size:1.2em; line-height:17px;}
#main p { margin:12px 0;}
#main strong { font-weight:normal; color:#0099cc;}
#main_bottom {width:944px; height:6px; margin:0 auto;padding-bottom:4px;background:url('../images/main_bottom.png') no-repeat;}
.separador{margin:20px 0;}

#number {font-family:"Myriad Pro", "Trebuchet MS", Arial; font-size:20px; text-align:right; width:140px; float:left; padding:19px 10px 0 357px;}
#contact {width:84px; height:19px; background-image:url('../images/contact.png'); float:left; margin-top:22px; text-indent:-9999px;}
#contact a {display:block; width:84px; height:19px;}
#contact a:hover {background-image:url('../images/contact_over.png');}

#actualizando { margin:50px 0 50px 50px;}

#awards { width:884px; margin-top:20px;}
#awards .caja { float:left; width:255px; height:145px; padding:15px 15px 5px 15px; font-size:.9em; color:#666; border:1px solid #E4E4E4; background:#fff;}
#awards .separa {margin-left:10px;}
#awards .caja h3 {margin-top:5px;margin-bottom:10px; color:#000; font-weight:bold; font-size:1.4em;font-family:"Myriad Pro", "Trebuchet MS", Arial;}

#services { height:185px; padding-top:20px; clear:both;}
#services ul { margin:0 0 0 70px; padding:8px 0 0 0; clear:both; height:100px;}
#services li { list-style:none; background:url('../images/services_li.png') no-repeat 0px 5px; padding:0 0 0 12px; font-size:11px; line-height:14px;}
#services li a { color:#535353; text-decoration:none; border-bottom:1px dotted;}
#services li a:hover { text-decoration:none; border-bottom:none;}
#services li.sublink { background:url('../images/services_subli.png') no-repeat 0px 5px; padding:0 0 0 8px; margin-left:10px; color:#999;}
#services li.sublink a { color:#747474;}
#services h3 a { text-transform:uppercase; font-size:14px; font-weight:bold; text-decoration:none; display:block; float:left; margin-top:22px;}
#services a.more { display:block; margin-left:135px; font-size:.9em; }
#services_software, #services_websites, #services_marketing {width:279px; height:185px; float:left; }
#services_websites, #services_marketing {margin-left:23px; }
#services_websites { background:url('../images/services_bg_publi.png') no-repeat;}
#services_marketing {background:url('../images/services_bg_mante.png') no-repeat;}
#services_software {background:url('../images/services_bg_sites.png') no-repeat;}
#services_software div.icon { width:31px; height:32px; margin:16px 7px 0 15px; background-image:url(../images/services_websites.png); float:left; display:inline; background-repeat:no-repeat;}
#services_software h3 a { color:#408508;}
#services_websites div.icon { width:30px; height:33px; margin:15px 7px 0 15px; background-image:url(../images/services_marketing.png); float:left; display:inline; background-repeat:no-repeat;}
#services_websites h3 a { color:#0666b2;}
#services_marketing div.icon { width:48px; height:30px; margin:16px 7px 2px 15px; background-image:url(../images/services_software.png); float:left; display:inline; background-repeat:no-repeat;}
#services_marketing h3 a { color:#f73906;}

#projects { clear:both; line-height:normal;}
#projects h3 { text-transform:uppercase; font-size:16px; color:#606060; margin:0 0 0 7px;}
#projects h3 a { text-decoration:none;}
#projects a.more { display:block; background:url(../images/projects_more.png) no-repeat; width:102px; height:12px; margin:15px 0 0 7px;}
#projects .projects { float:left; margin-right:24px;}
.projects { background:url(../images/projects_bg.png) no-repeat; width:264px; height:173px; padding:13px 0 0 14px; margin-top:15px;}
.projects a { text-decoration:none; font-size:13px; color:#000000;}
.projects a:hover span { text-decoration:underline; color:#000000;}
.projects img { margin-bottom:7px; border:#e0e0e0 solid 2px;}
.projects p { margin:3px 48px 0 0; color:#6b6b6b; font-size:11px;}
#projects_software, #projects_websites, #projects_marketing { float:left; width:278px; margin:20px 24px 0 0;}
#projects_software .projects, #projects_websites .projects, #projects_marketing .projects { float:none; margin-right:0;}
#projects_software h3 a { color:#408508;}
#projects_websites h3 a { color:#0666b2;}
#projects_marketing h3 a {color:#f73906;}
#projects .last, #services_marketing, #projects_marketing {margin-right:0;}
.screenshot {border:#e0e0e0 solid 4px; margin:10px 0;}

.sidebar {float:right; margin:0 0 10px 20px; width:276px;}
.sidemenu_top {width:276px; height:34px; background-image:url('../images/sidemenu_top.png');}
.sidemenu_top h3 {background:url('../images/sidemenu_arrow.png') no-repeat right bottom; float:left; padding:10px 30px 0 15px; height:24px; text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px;}
.sidemenu_top h3 a {color:#000000; text-decoration:none;}
.sidemenu {width:276px; background-image:url('../images/sidemenu_bg.png');}
.sidemenu ul {padding:12px 0 12px 0; margin:0 0 0 25px;}
.sidemenu li {list-style:none; background:url('../images/sidemenu_li.png') no-repeat 0px 9px; padding:0 0 0 12px; font-weight:bold; color:#444; text-transform:uppercase; font-size:11px; line-height:22px;}
.sidemenu li a {color:#000000; text-decoration:none; font-weight:normal; font-style:normal;}
.sidemenu li a:hover {text-decoration:underline;}
.sidemenu li.sublink {text-transform:none;background:url('../images/sidemenu_subli.png') no-repeat 0px 9px; padding:0 0 0 7px; margin-left:20px; color:#606060;}
.sidemenu li.sublink a {color:#606060;}
.sidemenu_bottom {width:276px; height:14px; background-image:url(../images/sidemenu_bottom.png);}
.testimonial {border:2px solid #FFFFFF; background-color:#F4F4F4; padding:15px 20px 20px 20px; margin:20px 2px 0 3px;}
.testimonial h3 {text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px; margin:0 0 10px 0;}
.testimonial p {text-align:right; margin:5px 0 0 0; font-style:italic;}

/* formularios */

#buscar input[type="text"] { border: none;}
#buscar input #btnbuscar { font-size:small}
#busqueda {
	width: 150px;
	height: 14px;
	margin-top:3px;
	padding: 2px 5px;
	background: #C4C2C1;
	color: #6D6663;
	font-size:.8em;
}

/* contacto */
#formulario-contacto input[type="text"], #formulario-contacto textarea { width:350px; font-size:1em;}
#respuesta { width:400px; margin:50px;}

form {margin-left:30px;}
form div {margin-top:4px;}
label {display:block; float:left; width:90px;}
.textfield {width:250px;}
textarea {height:100px; width:250px;}
input {width:255px;}
.button {margin-left:89px; margin-top:3px; cursor:pointer;}
.textfield:focus, textarea:focus {background-color:#FAFAFA;}