/*===========================================*/
                              /*------------- CSS AVATARLA.COM ------------*/
                              /*===========================================*/
                              /*---------- Desarrollado por Avatar --------*/
                              /*------------- www.Avatarla.com ------------*/
                              /*===========================================*/



/* ---------------------------------------------- GENERAL ---------------------------------------------- */

html { min-height: 100%;  }
* {padding: 0; margin: 0; z-index: 200; font-size: 1em;  }
h1, h2, h3, h4, h5, h6, p {padding: 0;margin: 0;}
a {color: #586b06;text-decoration: none; outline: none;}
a:hover {color: #586b06; text-decoration:underline;}
a img{border: 0;}

/* CLEARFIX */
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

#clear{ clear:both;}

/* ---------------------------------------------- ESTRUCTURE ---------------------------------------------- */

body {
	margin: 0;
	font: 62.5% Helvetica, Arial, sans-serif, Tahoma;
	color: #666; 
	/*width:100%;*/
	height: 100%;
	
	
}
#wraper {
	
	padding-top: 33px;
	max-width: 1440px;
	min-width: 1000px;
	height: 100%;
	min-height: 800px;
	overflow: hidden;
	position: relative;
}

#container {
	margin:0 auto;
	width: 966px;
	position: relative;
	z-index: 1000;
}
#content {
	padding:20px 0 0 0;
	overflow: hidden;
	width: 966px;
	margin: 0 auto;
	clear: both;
}
#content.que-hacemos {
	background: url(../images/backgrounds/content-que-hacemos.png) 0 47px repeat-x !important;
	width: 966px;
	min-height: 750px;
	overflow: hidden;
}
* html #content.que-hacemos {
	background: url(../images/backgrounds/content-que-hacemos.gif) 0 47px repeat-x !important;
}
#content p {
	font-size: 1.1em;
}
#wraper .links-externos {
	width: 38px;
	height: 442px;
	position: absolute;
	right: 0;
	top: 200px;
	background: url(../images/buttons/links-externos.gif) no-repeat;
	z-index: 4000;
}
#wraper .links-externos ul {
	list-style: none	
}
#wraper .links-externos ul li a {
	width: 42px;
	height: 47px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
#wraper .brochure {
	width: 38px;
	height: 112px;
	position: absolute;
	right: 0;
	top: 645px;
	z-index: 4700;
}
#wraper .brochure ul {
	width: 38px;
	height: 112px;
	list-style: none;	
	background: url(../images/buttons/brochure.gif) 0 0 no-repeat;
}
#wraper .brochure ul li a {
	width: 38px;
	background: url(../images/buttons/brochure.gif) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	height: 30px;
	margin-bottom: 10px;
}
#wraper .brochure li.ingles a {
	background-position: -38px 0;
}
#wraper .brochure li.espanol a {
	background-position: -38px -40px;
	margin-bottom: 0;
}
#wraper .brochure li.espanol2 a {
	background: none;
}

#wraper .brochure li a:hover, #wraper .brochure .active {
	background-image: none;
}


#content .primary-content {
	width: 470px;
	float: left;
}


/* ---------------------------------------------- HEADER ---------------------------------------------- */

#menuWraper{
	background:url(../images/backgrounds/menu_bg.gif) repeat-x;	
	width: 100%;
	height:80px;
}
#menuWraper #menu{
	margin:auto;
	width: 966px;
}
#menuWraper h1 {
	float:left;
	width:219px;
}
#menuWraper h2 {
	text-indent: -999em;
	overflow: hidden;
	display: block;
	height: 0;
}
#menuWraper .white{
	float:left;
	width:60px; 
	height:78px;
	background: url(../images/backgrounds/menu.jpg) no-repeat;
}
#menuWraper .menu{
	float:left;
	width:680px;
	background:url(../images/backgrounds/menu_bg.gif) repeat-x;
}

/* ---------------------------------------------- NAV ---------------------------------------------- */

#nav {
	background: url(../images/backgrounds/menu-nav.jpg) bottom left no-repeat;
	height: 78px;
}
#nav, #nav ul {line-height:1.5em;list-style-type:none;margin:1px 0 0 0;padding:0;position:relative;}
#nav li {float:left; margin:0; padding:0; position:relative;}
#nav a.clients, #nav a.clients:visited, #nav a.clients:active {
	background:transparent url(../images/buttons/menu_btn_01.jpg) no-repeat scroll top left;
	display:block;
	height:64px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-6666px;
	width:129px;
}
#nav a.clients:hover {
	background-position:bottom left;
}
#nav a.what-we-do, #nav a.what-we-do:visited, #nav a.what-we-do:active {
	background:transparent url(../images/buttons/menu_btn_02.jpg) no-repeat scroll top left;
	display:block;
	height:64px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-6666px;
	width:175px;
}
#nav a.what-we-do:hover {
	background-position:bottom left;
}
#nav a.we-are, #nav a.we-are:visited, #nav a.we-are:active {
	background:transparent url(../images/buttons/menu_btn_03.jpg) no-repeat scroll top left;
	display:block;
	height:64px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-6666px;
	width:129px;
}
#nav a.we-are:hover {
	background-position:bottom left;
}

#nav a.work-with-us, #nav a.work-with-us:visited, #nav a.work-with-us:active {
	background:transparent url(../images/buttons/menu_btn_04.jpg) no-repeat scroll top left;
	display:block;
	height:64px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-6666px;
	width:112px;
}
#nav a.work-with-us:hover {
	background-position:bottom left;
}
#nav a.contact, #nav a.contact:visited, #nav a.contact:active {
	background:transparent url(../images/buttons/menu_btn_05.jpg) no-repeat scroll top left;
	display:block;
	height:64px;
	margin:0 0 0 5px;
	padding:0;
	text-decoration:none;
	text-indent:-6666px;
	width:129px;
}
#nav a.contact:hover {
	background-position:bottom left;
}
#menu .menu #nav li.current a {
	background-position:bottom left;
}

/* ---------------------------------------------- CONTENTS ---------------------------------------------- */

#content h2 {
	width: 966px;
	font: italic 1.9em 'Trebuchet MS',Helvetica,sans-serif;
	letter-spacing:-2px;
	color:#7e7c7c;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #818181;
	position: relative;
}
#content h2 span.numero {
	color:#bcdf23;
}
#content h2 span.seccion {
	text-align:right;
	width:300px;
	/*margin:-24px 10px 0 0;
	float:right;*/
	color:#bcdf23;
	position: absolute;
	right: 0;
	bottom: 0;
}
#content .casos-de-exito {
	width: 966px;
	clear: both;
}
#content .casos-de-exito h3 {
	width: 966px;
	font: italic 1.9em 'Trebuchet MS',Helvetica,sans-serif;
	letter-spacing:-2px;
	color:#7e7c7c;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #818181;
}
#content .casos-de-exito h3 span {
	color:#00b4ff;
}

.contenido-error  {
    background: url(./images/backgrounds/bg_content_brick.jpg) left 25px repeat-x;
}

.logo-error{
	with:100%;
    background-color:#000000;
   	text-align:center;

}

#contenido-error{
	font: Italic 2em 'Trebuchet MS', Helvetica, sans-serif;
	color:#BCDF23;
	font-weight:bold;
	text-transform: uppercase;
}

#contenido-error span{
	font: bold 0.8em 'Trebuchet MS',Helvetica,sans-serif;
    color:#444444;
	text-transform:none;
}


/*--- CLIENTS --*/
#content.clients {
	width: 966px;
	min-height: 820px;
	overflow: hidden;
	background: url(../images/backgrounds/clients-content.png) no-repeat;
}

#logos{
	margin:20px 0 auto;
	clear:both;
	float:left;
	/*height:336px;*/
}
#logos .containerLogo {
	margin:0 13px 13px 13px;
	float:left;
	background: url(../images/backgrounds/bg_clients.png) no-repeat;
	height: 101px;
	width: 134px;
}
* html #logos .containerLogo {
	margin:0 8px 13px 13px;
}
/*#logos .containerLogo .success {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_success.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}*/
#logos .containerLogo .desde-2001 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2001.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2002 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2002.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2003 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2003.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2004 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2004.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2005 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2005.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2007 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2007.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2008 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2008.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}

#logos .containerLogo .desde-2009 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2009.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .desde-2010 {
	position:absolute;
	background: url(../images/backgrounds/bg_clients_date_2010.png) no-repeat;
	width: 134px;
	height: 101px;
	z-index:20;
}
#logos .containerLogo .logoUnder {
	width: 134px;
	height: 101px;
	z-index:10;
}
#slide{
	margin:5px 0 0 0 ;
	float:left;
	width:332px;
	height:200px;
	border-right:1px solid #CCCCCC;
}
#slide .slideContent{
	z-index:20;
	margin:5px 0 0 5px;
	width:315px;
	height:198px;
	background: url(../images/backgrounds/bg_home_slide.png) no-repeat;
}
.#slide .slideImage{
	width:315px;
	height:198px;
	z-index:10;
}
#txt-bottom{
	clear:both;
	height:200px;
}
.txt-column{
	margin:10px 0 0 0 ;
	float:left;
	width:200px;
	height:200px;
	border-right:1px solid #CCCCCC;
}
.txt-column h4, .txt-column-bg h4{
	padding:0 0 0 5px;
	width: 196px;
	float:left;
	font: Italic 1.7em 'Trebuchet MS',Helvetica,sans-serif;
	color:#00b4ff;
	font-weight:bold;
	border-bottom:0 solid #818181;
	text-transform: uppercase;
}
.txt-column h4 img, , .txt-column-bg h4 img{
	padding:1px 0 3px 0;
}
.txt-column p{
	text-align:justify;
	padding:0px 5px 0 10px;
	font: 1.1em 'Trebuchet MS',Helvetica,sans-serif;
	color:#3e3e3e;
}
.txt-column-bg {
	padding:10px 0 0 0;
	float:right;
	width:229px;
	height:200px;
	background-color:#323232;
}
.txt-column-bg  p{	
	text-align:justify;
	padding:0 5px 0 10px;
	font: 1.1em 'Trebuchet MS', Helvetica, sans-serif;
	color:#FFF;
	text-transform: none;
}


#content.que-hacemos .primary-content a, #content.que-hacemos .primary-content a:visited {
	text-decoration: none;
	cursor: hand;
} 
.content-module-wedo {
	border-left:1px solid #d5d5d4;
	margin:15px 0 0 20px; 
	padding: 0; 
	width:440px;
	float:left;
	clear: both;
}
* html .content-module-wedo {
	margin:15px 0 0 5px; 
}

.content-module-wedo-selected {
	border-left:1px solid #d5d5d4;
	background:  url(../images/backgrounds/content-module-wedo-selected.gif) 410px no-repeat;
	margin:15px 0 0 20px; 
	padding: 0; 
	width:440px;
	float:left;
	clear: both;
}
* html .content-module-wedo-selected {
	margin:15px 0 0 5px; 
}
.content-module-wedo div   {
	margin: 0;
	padding: 10px 5px 10px 10px;
	width: 400px;
}
.content-module-wedo-selected div   {
	background: #f1f1f1;
	margin: 0;
	padding: 10px 5px 10px 10px;
	width: 400px;
}
.content-module-wedo p, .content-module-wedo-selected p {
	text-align:justify;
	margin:0;
	padding:0;
	font: 1.1em 'Trebuchet MS', Helvetica, sans-serif;
	color:#444;
}
.content-module-wedo h3, .content-module-wedo-selected h3 {
	width:430px;
	clear:both;
	letter-spacing:0.01em;
	border-bottom:0 solid;
	font: Italic 1.5em 'Trebuchet MS', Helvetica, sans-serif;
	color:#00baff;
	font-weight:bold;
	text-transform: uppercase;
}
#content-module-wedo-img {
	padding:30px 0 0 0 ; 
	width:483px;
	float:left;
}

#content-module-wedo-img ul.servicios  {
	background: url(../images/buttons/que-hacemos-ul.jpg) 0 0 no-repeat;
   width: 401px;
	height: 34px;
	list-style: none;
	margin: 0 auto;
}
#content-module-wedo-img ul.servicios li {
	float: left;
}
#content-module-wedo-img ul.servicios li a {
	display: block;
	height: 34px;
	background: url(../images/buttons/que-hacemos-ul.jpg) no-repeat;
   /* hide from IE Mac \*/
   text-indent: -999em;
   overflow: hidden;
   /* end hide */
}
* html>body #content-module-wedo-img ul.servicios li a {
   letter-spacing: -999em;
}
#content-module-wedo-img ul.servicios li.estrategicos a {
	width: 105px;
	background-position: 0 100%;
}
#content-module-wedo-img ul.servicios li.creativos a {
	width: 117px;
	background-position: -105px 100%;
}
#content-module-wedo-img ul.servicios li.desarrollo a {
	width: 179px;
	background-position: -222px 100%;
}
#content-module-wedo-img ul.servicios li a:hover, #content-module-wedo-img ul.servicios .active {
	background-image: none;
}
/*--- CONTACT --*/
#content.contact {
	width: 966px;
	min-height: 800px;
	overflow: hidden;
}
#content .content-module-contact {
	width: 455px;
	float: left;
	margin-right: 40px;
}
#content .content-module-contact {
	color: #262626;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
#content .last {
	margin-right: 0;
	/*position: relative;*/
}
#content .content-module-contact .world {
	background: url(../images/content/contact-world.png) no-repeat;
	padding: 0;
	width: 455px;
	height: 410px;
	float: left;
	position: relative;
	top: -4px;
}
* html #content .content-module-contact .world {
	background: url(../images/content/contact-world.gif) no-repeat;
	top: 0;
}
#content .content-module-contact .world p.argentina, #content .content-module-contact .world p.mexico {	
	text-indent: 0;
	height: 20px;;
	overflow: visible;
	display: block;
}
#content .content-module-contact .world a, #home-contact a:visited {	
	position: absolute;
	color: #00b4ff;
	font:  italic bold 1.1em 'Trebuchet MS',Helvetica,sans-serif;
	text-decoration: none;
}
#content .content-module-contact .world a:hover {
	color: #666;
}
#content .content-module-contact .world p.argentina a {	
	top: 180px;
	left: 170px;
}
#content .content-module-contact .world p.mexico a {	
	top: 380px;
	left: 170px;
}
#content .content-module-contact div {
	background: url(../images/backgrounds/contacto.png) repeat-x;
	padding: 10px 0 10px 10px;
}
* html #content .content-module-contact div {
	background-image: none;
	background-color: #FFF;
}
#content .content-module-contact h2 {
	width: 455px;
}
#content .content-module-contact form.contact {
	margin: 10px 0;
}
#content form fieldset {
	border: none;
}
#content .content-module-contact fieldset {
	border: none;
}
#content .content-module-contact .contact label {
	color: #262626;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
#content .content-module-contact .contact input {
	display: block;
	background: #F1F0F0;
	border: solid 1px #DFDFDF;
	width: 200px;
	padding-left: 2px;
	height: 16px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}

#content .content-module-contact .contact .telefono {
	margin-right: 10px;
}
#content .content-module-contact .contact .telefono, #content .content-module-contact .contact .celular  {
	width: 210px;
	float: left;
}
#content .content-module-contact .contact  label {
	float: none;
}
#content .content-module-contact .contact .codigo-pais {
	width: 25px;
	float: left;
	margin-right: 15px;
}
#content .content-module-contact .contact .codigo-area {
	width: 25px;
	float: left;
	margin-right: 15px;
}
#content .content-module-contact .contact .codigo-telefono {
	width: 110px;
	float: left;
	margin-right: 0;
}
#content.contact .content-module-contact .contact .email {
	width: 420px;
}
#content.contact .content-module-contact .contact .email input {
	width: 420px;
}
#content.contact .gracias {
	color: #00b4ff;
	font:  italic bold 1.6em 'Trebuchet MS',Helvetica,sans-serif;
	width: 300px !important;
}

#work-with-us form.contact .gracias {
	color: #00b4ff;
	font:  italic bold 1.6em 'Trebuchet MS',Helvetica,sans-serif;
	width: 300px !important;
}


#content .content-module-contact .contact textarea {
	display: block;
	background: #F1F0F0;
	border: solid 1px #DFDFDF;
	width: 419px;
	padding-left: 2px;
	height: 100px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#content .content-module-contact .contact p {
	width: 207px;
	margin: 5px 0;
	float: left;
	margin-right: 15px;
}
* html #content .content-module-contact .contact p {
	width: 207px;
	margin-right: 7px;
}
#content.sumate #work-with-us .contact .telefono {
	/*margin-right: 10px;*/
}
* html #content.sumate #work-with-us .contact .telefono {
	margin-right: 0;
}
#content.sumate #work-with-us .contact .telefono, #content.sumate #work-with-us .contact .celular  {
	width: 210px;
	float: left;
}
#content.sumate #work-with-us .contact  label {
	float: none;
}
#content.sumate #work-with-us .contact .codigo-pais {
	width: 25px;
	float: left;
}
#content.sumate #work-with-us .contact .codigo-area {
	width: 25px;
	float: left;
}
#content.sumate #work-with-us .contact .codigo-telefono {
	width: 100px;
	float: left;
	margin-right: 0;
}
#content.sumate #work-with-us .contact select  {
	width: 210px;
}
#content .content-module-contact .contact .subject {
	width: 420px;
	float: left;
}
#content .content-module-contact .contact .subject input {
	width: 420px;
}
#content .content-module-contact .contact .message {
	width: 290px;
	height: 125px;
}
#content .content-module-contact .contact .send {
	width: 110px;
	height: 125px;
	float: left;
}
#content .content-module-contact .contact .send input {
	background: url(../images/buttons/contact-send.png) no-repeat;
	width: 110px;
	height: 125px;
	border: none;
}
#content .content-module-contact .contact .reset {
	width: 300px;	
}
#content .content-module-contact .contact .reset input {
	background: url(../images/buttons/contact-reset.png) no-repeat;
	width: 54px;
	height: 16px;
	border: none;
	float: right;
}
#content.contact .content-module-contact .contact .bt-enviar, #content.sumate .contact .bt-enviar  {
	float: right;
	margin-right: 10px;	
}


#content.contact .content-module-contact .contact .bt-enviar .enviar, #content.sumate .contact .bt-enviar .enviar {
	background: url(../images/buttons/send-btn.png) no-repeat;
	width: 53px;
	height: 18px;
	border: none;
	float: right;
	color: #FFF;
	font: Helvetica, Arial, sans-serif, Tahoma;
	font-weight: bold;
	text-transform: uppercase;
}
 


#content .contact #flotante,
#content .contact #flotantejs {
	width: 325px;
	padding: 5px;
	background: #FFF;
	clear: both;
	position: absolute;
	z-index: 800;
	top: 110px;
	left: 60px;
}
#content .contact #flotante div#marco,
#content .contact #flotantejs div#marcojs {
	width: 300px;
	padding: 5px;
	background: #FFF;
	clear: both;	
	border: solid 2px #00B4FF;
	overflow: hidden;
        padding:10px;
	/*position: absolute;
	z-index: 800;
	top: 100px;
	left: 60px;*/
}
#content .contact #flotante div ul,
#content .contact #flotantejs div ul{
	list-style: none;
	
}
#content .contact #flotante div li,
#content .contact #flotante div label,
#content .contact #flotantejs div li,
#content .contact #flotantejs div label
{
        margin:0px;
	font-size: 1.1em;
        font-family:Arial,Helvetica,sans-serif;
        padding:0;
        width:250px;
}
#content .contact #flotante div .cerrar,
#content .contact #flotantejs div .cerrar{
	text-align: right;
	text-transform: uppercase;
	float: right;
}
#content .contact #flotante div .cerrar a,
#content .contact #flotantejs div .cerrar a{
	color: #00B4FF;
}
/* ---------------------------------------------- WORK-WITH-US ---------------------------------------------- */
#content.sumate {
	width: 966px;
	min-height: 750px;
	overflow: hidden;
}
#work-with-us {
	height: 434px;
	padding: 10px 0 0 10px;
	background-image: url(../images/backgrounds/opacity50.png);
	font: 1em Arial, sans-serif;
	color: #262626;
}
* html #work-with-us {
	background-image: none;
	background-color: #FFF;
}
#work-with-us #job-list {
	float: left;
	width: 476px;
	height: 400px;
}
#work-with-us #job-list li {
	width: 420px;
	padding: 8px 0;
	border-bottom: 1px dotted #101010;
}
#work-with-us #job-list li h3 {
	font: bold 12px Arial, sans-serif;
	margin-bottom: 3px;
	text-transform: uppercase;
	color: #00B4FF;
}
#work-with-us #job-list li a.button {
	display: block;
	float: right;
	width: 64px;
	height: 64px;
	margin: 10px 0 0 10px;
	background-image: url(../images/buttons/btn-job-item.png);
	cursor: pointer;
	behavior: url(iepngfix.htc);
}

#work-with-us #job-list #scrollable {
	float: left;
	width: 420px;
	height: 400px;
	overflow: hidden;
}
#work-with-us #job-list #wrap {
	float: left;
	width: 56px;
	height: 400px;
	background: url(../images/structure/track.png) no-repeat 27px 100%;
}
* html #work-with-us #job-list #wrap {
	background: url(../images/structure/track.gif) no-repeat 27px 100%;
}
#work-with-us #job-list #track {
	position: absolute;
	width: 56px;
	height: 400px;
}
#work-with-us #job-list #handle { width: 56px; height: 65px; }

#work-with-us #job-form {
	float: left;
	width: 442px;
	height: 400px;
	margin-left: 10px;
	position: relative;
}
#work-with-us #job-form #clock-wrap {
	position: absolute;
	left: 0;
	top: -50px;
	width: 186px;
	height: 240px;
}

#work-with-us #job-form p { margin: 5px 0;  }

#content.sumate textarea {
	width: 420px;
}

/* Forms */

.form-wrap label,
.form-wrap input,
.form-wrap textarea { display: block; float: left;  }
.form-wrap br { clear: both; }
.form-wrap input {
	margin-right: 10px;
}
.form-wrap label {
	width: 203px;
	padding: 2px;
	margin-top: 4px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
* html .form-wrap label {
	width: 120px;
}
.form-wrap input,
.form-wrap textarea {
	padding: 3px 3px 0 3px;
	border: 1px solid #DFDFDF;
	/*background: transparent url(../images/backgrounds/opacity3.png);*/
	background: #F1f0f0;
	font: 1em Arial, sans-serif;
	color: #262626;
}
.form-wrap input:focus,
.form-wrap textarea:focus { border: 1px solid #CFCFCF; }
.form-wrap input {
	width: 199px;
	height: 15px;
}
* html .form-wrap input {
	width: 180px;
}
.form-wrap textarea {
	width: 284px;
	height: 97px;
}
.form-wrap input.submit {
	display: block;
	float: right;
	width: 108px;
	height: 124px;
	border: none;
	background-image: none;
	margin-top: 12px;
}
#work-with-us #job-form .txt-form, #work-with-us #job-form .first-data {
	margin-left: 220px;
}
#work-with-us #job-form .first-data-apellido {
	margin-left: 220px;
	margin-bottom: 40px;
}
#work-with-us #job-form .txt-form, #work-with-us #job-form label {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
.form-wrap .numberone, .form-wrap .numbertwo {
	width: 210px;
	height: 35px;
	float: left;
}

.form-wrap .numberone {
	margin-right: 10px !important;
}

/* Input file */

div.fileinputs {
	position: relative;
	float: left;
	width: 426px;
	height: 18px;
	border: 1px solid #DFDFDF;
	/*background: transparent url(../images/backgrounds/opacity3.png);*/
	background: #F1F0F0;
}
div.fileinputs input:focus { border: 0; }

div.fakefile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
div.fakefile input {
	/*width: 367px;*/
	width: 364px;
	margin-right: 0;
	border: 0;
	background-image: none;
}

div.fakefile img {
	display: block;
	float: left;
}
input.file {
	position: relative;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	text-align: right;
	float: right;
	height: 18px;
	width: 400px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

/* ---------------------------------------------- WE DO ---------------------------------------------- */

#content-module-weare{
	padding: 20px 0 100px 0;
	width:956px;/* height:500px;*/
}
#content.nosotros {
	width: 966px;
	min-height: 880px;
	overflow: hidden;
}

#content.nosotros p {
	margin-bottom: 10px;
}
#content.nosotros .StackGallery {
	position:relative;
	width: 855px;
	margin: 20px 0 0 50px;
}
#content.que-hacemos .how{
	margin: 0;
	float: left;
	width:430px;
	clear: both;
}
#content.que-hacemos .primary-content .how a, #content.que-hacemos .primary-content .how a:visited {
	background:transparent url(../images/buttons/bt_how.png) no-repeat scroll top left;
	display:block;
	height:30px;
	margin-top:20px;
	margin-left:20px;
	padding:0;
	text-decoration:none;
	text-indent:-999px;
	width:163px;
}
#content.que-hacemos .primary-content .how a:hover {
	background-position: bottom left;
}

/* ---------------------------------------------- HOME ---------------------------------------------- */

.content-home {
	float:left;
	margin:20px 0 0 0;
	width:470px;
	height: 450px;
}
.content-home-clients {
	float:left;
	margin:20px auto;
	width:470px;
}
.content-home h2 {
	border-bottom:2px solid #818181;
	font: 1.3em 'Trebuchet MS',Helvetica,sans-serif;
	letter-spacing:-2px;
	width:430px !important;
	margin-top:-26px;
	color:#bcdf23 !important;
}
.content-home-clients h2 {
	border-bottom:2px solid #bcdf23 !important;
	font: 1.3em 'Trebuchet MS',Helvetica,sans-serif;
	letter-spacing:-2px;
	width:430px !important;
	margin-top:-26px;
	color:#bcdf23 !important;
}
.content-home-clients .containerLogo{
	float:left;
	width: 130px;
}
.content-home #logos{
	float:left;
	width:440px;
}
.content-home #logos .containerLogo {
	margin:0 5px 13px 5px;
	float:left;
	background: url(../images/backgrounds/bg_clients.png) no-repeat;
	height: 101px;
}
#home-contact {
	background: url(../images/content/home-contact.gif) no-repeat;
	width: 400px;
	height: 132px;
	float: left;
	margin-right: 70px;
	clear: both;
}
#home-contact p {	
	text-indent: -999em;
	height: 0;
	overflow: hidden;
	display: block;
}

.news {
	float: left;
	width: 476px;
	height: 210px;
	background: url(../images/content/home-news.gif) left 25px repeat-x;
}
.news h3 {
	font: italic 1.9em 'Trebuchet MS',Helvetica,sans-serif;
	letter-spacing:-2px;
	color:#818181;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #818181;
}
.news li {
	width: 420px;
	padding: 8px 0;
	border-bottom: 1px dotted #101010;
}
.news li h4 {
	font: bold 1.2em Arial, sans-serif;
	margin-bottom: 3px;
	text-transform: uppercase;
	color: #cfcfcf;
	float: left;
	line-height: 24px;
}
.news p {
	clear: both;
}
.news li h4 span {
	color: #444544;
}
.news .ver {
	background: url(../images/buttons/home-news.gif) left center no-repeat;
	width: 34px;
	height: 24px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
.news #scrollable {
	float: left;
	width: 420px;
	height: 200px;
	overflow: hidden;
}
.news #scrollable ul {
	padding: 5px 5px 5px 10px;
	list-style: none;
}
.news #wrap {
	float: left;
	width: 56px;
	height: 400px;
	background: url(../images/structure/track.png) no-repeat 27px 100%;
}
.news #track {
	position: absolute;
	width: 56px;
	height: 210px;
}
.news #handle { width: 56px; height: 65px; }

.sub {
	display:none;
	visibility: hidden;
	width: 500px;
	height: 600px;
}
#sub_1 {
	background: url(../images/content/estrategicos.png) no-repeat;
	width: 482px;
	height: 404px;
	behavior: url(iepngfix.htc);
}
#sub_2 {
	background: url(../images/content/creativos.png) no-repeat;
	width: 482px;
	height: 404px;
	behavior: url(iepngfix.htc);
}
#sub_3 {
	background: url(../images/content/desarrollo.png) no-repeat;
	width: 482px;
	height: 404px;
	behavior: url(iepngfix.htc);
}
#sub_1 ul, #sub_2 ul, #sub_3 ul {
	list-style: none;
}


#sub_1 h3, #sub_2 h3, #sub_3 h3 {
	color: #00baff;
	font: italic 1.7em 'Trebuchet MS',Helvetica,sans-serif;
}
#sub_1 p, #sub_2 p, #sub_3 p {
	color: #737373;
	font-size: 1.2em;
	width: 400px;
}

#sub_1 a, #sub_2 a, #sub_3 a {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	position: absolute;
	background: url(../images/content/blank.gif);
}
/*sub_1*/
#sub_1 .site-managment a {
	width: 160px;
	height: 70px;
	top: 370px;
	left: 500px;
}
#sub_1 .social-media a {
	width: 160px;
	height: 90px;
	top: 220px;
	left: 470px;
}
#sub_1 .digital-mkt a {
	width: 130px;
	height: 60px;
	top: 98px;
	left: 550px;
}
#sub_1 .email-mkt a {
	width: 130px;
	height: 70px;
	top: 95px;
	left: 810px;
}
#sub_1 .data-base a {
	width: 150px;
	height: 70px;
	top: 233px;
	left: 810px;
}
#sub_1 .search-mkt a {
	width: 190px;
	height: 60px;
	top: 340px;
	left: 750px;
}
#sub_1 .buzz-monitoring a {
	width: 130px;
	height: 60px;
	top: 170px;
	left: 650px;
}
#sub_1 .pr a {
	width: 100px;
	height: 50px;
	top: 230px;
	left: 680px;
}

/*sub_2*/
#sub_2 .concept-development a {
	width: 130px;
	height: 50px;
	top: 90px;
	left: 550px;
}
#sub_2 .information a {
	width: 150px;
	height: 60px;
	top: 120px;
	left: 780px;
}
#sub_2 .visual a {
	width: 150px;
	height: 50px;
	top: 210px;
	left: 650px;
}
#sub_2 .interaction a {
	width: 170px;
	height: 50px;
	top: 260px;
	left: 480px;
}
#sub_2 .content-development a {
	width: 190px;
	height: 50px;
	top: 310px;
	left: 730px;
}

/*sub_3*/
#sub_3 .application-development a {
	width: 220px;
	height: 40px;
	top: 350px;
	left: 490px;
}
#sub_3 .wireless-applications a {
	width: 150px;
	height: 60px;
	top: 160px;
	left: 490px;
}
#sub_3 .managed-hosting a {
	width: 150px;
	height: 60px;
	top: 90px;
	left: 700px;
}
#sub_3 .consulting-services a {
	width: 150px;
	height: 60px;
	top: 190px;
	left: 650px;
}
#sub_3 .quality-assurance a {
	width: 130px;
	height: 60px;
	top: 270px;
	left: 730px;
}

#cd, #ir, #visual-design, #inter, #cdevelopment, #smanagment, #smedia, #digitalMkt, #emailMkt, #DataBase, #searchMkt, #buzz, #pr2, #ad, #wa, #mh, #cs, #qa  {
	display:none; 
	position:absolute;
	background: #FFF;
	padding: 5px;
	z-index: 5000;
}
#cd div, #ir div, #visual-design div, #inter div, #cdevelopment div, #smanagment div, #smedia div, #digitalMkt div, #emailMkt div, #DataBase div, #searchMkt div, #buzz div, #pr2 div, #ad div, #wa div, #mh div, #cs div, #qa div {
   border: solid 2px #7fdcff; 
	padding: 10px;
}
/* ---------------------------------------------- FOOTER ---------------------------------------------- */

/*#footerWrapper {
	clear: both;
	height: 350px;
	height: 536px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 250;
	margin-top: 50px;
}*/
#footerWrapper .flash {
	width: 966px;
	margin: 184px auto 0 auto;
	height: 350px;
	bottom: 0;
	position: relative;
	vertical-align: bottom;	
}
/*--- Footer Banners ---*/

.footerWeDo {
	width:557px; 
	height:625px;
	position: absolute;
	left: 470px;
	bottom: 0;
}
.footerWeare{
	width:500px; 
	height:350px;
	position: absolute;
	left: -150px;
	bottom: 0;
	z-index:300;
}
* html .footerWeare{
	bottom: -180px;
}
.footerHome {
	width: 550px;
	z-index:100;
	height: 450px;
	position: absolute;
	left: -60px;
	top: 38px;
}
.footerGeneral {
	width:500px;
	height:350px;
	z-index:300;
	position: absolute;
	left: -150px;
	bottom: 0;
}
* html .footerGeneral {
	bottom: -130px;
}
.footerTel {
	border: 0px solid red;
	width: 450px;
	height: 450px;
	position: absolute;
	bottom: -26px;
	left: 300px;
	z-index: 600;
}
* html .footerTel {
	bottom: -200px;
}