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

a:link  { color: #ede8c5; text-decoration: none; border: none; outline: none; }
a:hover { color: #ede8c5; text-decoration: none; border: none; outline: none; }
a:active { color: #ede8c5; text-decoration: none; border: none; outline: none; }
a:visited { color: #ede8c5; text-decoration: none; border: none; outline: none; }

ul { margin: 0; padding: 0; }
img { border:none;}


/* ------------------------------------------------------------------------------------------------------------------------- */
.hidden { display:none; }
.blue { color: #00EEFF;}
.clear {clear:left;}

body {
font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 11px; color: #fff; line-height: 17px; border-top:solid 8px #00EEFF;  
background-color: #080808; width: 100%; height: 100%; margin: 0; padding: 0;}

#pageWrapper { background: url(images/bg_img.jpg) no-repeat top center ; width: 100%; margin: 0; padding: 0;}
#content { margin:0 auto; width: 920px; padding: 0; text-align:justify;}

/* HEADER Y FEATURED*/
#header_clientes { height:200px; }
.areaClientes { float:right; background: url(images/header_clientes.png) no-repeat; width: 74px; height: 31px; cursor:pointer;}
#header_logo { background: url(images/header_logo.png) no-repeat; width: 216px; height: 45px; margin: 0; padding: 0; }
#header_contact { background: url(images/header_contact.png) no-repeat; width: 89px; height: 45px; float:right }
.section { border-top:solid 1px #404040; border-bottom:solid 1px #404040; height:17px; margin-top:25px; margin-bottom:25px; padding-top:10px;}
#s_featuredprojects { background: url(images/s_proyectosDestacados.gif) no-repeat; width: 119px; height: 7px; margin: 0; padding: 0;}
.mask1{	position:relative; width:920px; height:270px; overflow:hidden;}
.mask1 img { position:absolute; display:block; border:none;}
#featured { border:solid 1px #404040; width:918px; height:268px; position:absolute;}

/* GALERIA */
.buttons { border-top:solid 1px #303030; border-bottom:solid 1px #303030; height:27px; margin-top:25px; margin-bottom:25px; }
.buttons div { padding:0px; margin:0px 18px 0px 0px; cursor:pointer; float:left; }
.buttons div.active { border-bottom: 3px solid #00EEFF;  } 
.buttons div:hover { border-bottom: 3px solid #CDCDCD; }

.g_lastWorks { background: url(images/s_ultimosTrabajos.gif) no-repeat; width: 95px; height: 27px; float:left; }
.g_print { background: url(images/s_grafico.gif) no-repeat; width: 41px; height: 27px; margin: 0; float:left; padding: 0;}
.g_web { background: url(images/s_websites.gif) no-repeat; width: 47px; height: 27px; margin: 0; float:left; padding: 0;}
.g_logo { background: url(images/s_identidad.gif) no-repeat; width: 52px; height: 27px; margin: 0; float:left; padding: 0;}

.mask2{	position:relative; width:920px; height:450px; overflow:hidden; }

#box{ position:absolute; }
#box div{ width:920px; height:450px; float:left; }
#box img{ width:222px; height:140px; float:left; }

/* ABOUT */
#w_about { width:440px; float:left; margin-top: -8px; }
#s_aboutEight87 { background: url(images/s_sobreEight87.gif) no-repeat; width: 77px; height: 7px; margin: 0; padding: 0;}

/* CONTACT */
#w_contact { width:440px; float:left; margin-top: -8px; margin-left:40px;  }
#s_contact { background: url(images/s_contacta.gif) no-repeat; width: 47px; height: 7px; margin: 0; padding: 0;}

#resultado_mensaje { width:440px; display:none;  }

#w_contact form label{ float:left; margin-bottom: 7px; }
#w_contact form input, textarea {
	 background-color: #252525; padding: 4px 4px 4px 6px;; border: none; border-left: 3px solid; 
	 font-family: 'Lucida Grande', Tahoma, sans-serif; font-size:11px; color:#00EEFF; letter-spacing:1px; word-spacing:2px;
}
#w_contact form .nombre{ width:201px; margin-right:12px; border-left-color:#00EEFF;   }
#w_contact form .email{ width:201px; border-left-color:#00EEFF;  }
#w_contact form .asunto{ width:427px; border-left-color:#00EEFF;  }
#w_contact form .web{ width:427px; border-left-color:#666; color:#999; }
#w_contact form .msg{ width:427px; height:100px; border-left-color:#00EEFF; }

#botones { float:right; }
#w_contact form .btn{ height:25px; width:82px; border:none; color:#00EEFF; background-color:#252525; 
font-size: 0.8em; font-weight:normal; font-family: Arial, Verdana, 'Lucida Grande', sans-serif; text-transform:uppercase;  }

#w_contact form .btn:hover{ background-color: #444; color:#FFFFFF;  }

#w_contact form input:focus, textarea:focus { background-color: #333;  }

.nError { border-left-color:#990000 !important; width:201px; margin-right:12px; }
.eError { border-left-color:#990000 !important; width:201px; }
.aError { border-left-color:#990000 !important; width:427px; }
.mError { border-left-color:#990000 !important; width:427px; height:100px; }


#footer { border-top:solid 1px #404040; padding:15px 0 30px 0;font-size:9px;height:50px;clear:both; 
                                       position:relative;} /* Solves the footer link problem in Firefox */
* html #footer                         {margin-top:-50px;} /* Moves the footer up in IE6 */
   #footer img                         {float:left}
   #footer div#author                  { float:left; margin:0 0 0 16px; background: url(images/vertical-line.gif) repeat-y; height:31px; }
   #footer div#e87logo                  { float:left; margin:0 0 0 16px; background: url(images/vertical-line.gif) repeat-y; height:31px; }
   #footer div#e87logo span             	{display:block;color:#404040; padding-left:17px; }
   #footer div#author span             	{display:block;color:#404040; padding-left:17px; }

   #footer a     		{color:#404040;}  
   #footer a:hover      {color:#00EEFF; text-decoration:underline;}  
   #footer div#hosting                 	{float:right; /* margin:0 -16px 0 0; */}
   #footer div#hosting	p             	{color:#404040;}
   #footer div#hosting	a img           {background:url(images/vertical-line.gif) repeat-y;padding:0 16px;}