/*************************
GFDD.net v4
Main.css

©2008 GFDD - www.gfddgroup.com
*************************/

body{
background:#0b0b0b url(../images/bg.jpg) no-repeat center -15px;
color:white;
margin:0;
padding:94px 0 0 0; /*top padding for interior pages*/
}

/*primary fonts*/
body,input,textarea,select{
font-family: Segoe UI, Verdana, Tahoma, sans-serif;
font-size:12px;
}

/*special font*/
#header ul#nav-main li a, .smbutton,#section-title, #content h1, h2, h3, h4, h5{
font-family:"Segoe UI","Lucida Grande","Lucida Sans",Verdana,Tahoma,sans-serif;
}

#ajax-status {
	position:fixed;
	top:1px;
	right:1px;
	max-width:150px;
	padding:5px;
	border:1px solid #666;
	background:#FFFFCC;
	font-size:12px;
}

form{
margin:0;
}

img{
border:0;
}

p{
margin:0 0 7px;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
}

ul{
margin:0;
padding:0;
list-style-type:none;
}

li{
margin:0;
padding:0;
}

ol li{
margin:5px;
padding:0;
line-height: 1.3em;
}

ol {
padding: 5px 0 0 30px;
text-align: left;
}

/*Header*/

#header{
	position:absolute;
	left:50%;
	margin-left:-381px;
	width:762px;
	top:0;
	background: url(../images/header-bg.png) no-repeat 0 10px;
	height:90px;
	color:#abb8c3;
}

#header strong{ /*originally only used for the country*/
color:black;
font-weight:normal;
}
#header a{ /*originally only used for "change location"*/
color:gray;
}

#header h1#logo{
text-indent:-9999px;
position:absolute;
left:50%;
margin-left:-375px;
top:1px;
}
#header h1#logo a{
height:65px;
display:block;
width:70px;
}

#header ul{
padding:0;
margin:0;
}

#header ul li{
	float:left;
	background:transparent;
	padding:0;
	margin:0;
}

#header ul#nav-areas{
	margin:0 0 0 69px;
	padding-top:9px;
	overflow:hidden;
}
#header ul#nav-areas li a{
color:#daebf6;
padding: 2px 7px;
}
#header ul#nav-areas li a:hover{
color:white;
padding: 2px 7px;
}
#header ul#nav-main{
	padding: 24px 0 0 0;
	margin-left:132px;
	clear:left;
	overflow:hidden;
}
#header ul#nav-main li a{
	padding: 4px 7px 5px;
	text-transform:uppercase;
	font-size:11px;
	color:gray;
	border-right:1px solid #d5e6f4;
}
#header ul#nav-main li a:hover{
	color:black;
	text-decoration:none;
}
#header ul#nav-main li.last a{
	border:0;
}
#header #searchbox{
	float:right;
	margin:-4px 9px 0 0;
	text-align:right;
}
#header #searchbox input#q{
	border:1px solid #d5e6f4;
	border-right:0;
	padding:2px 4px;
	vertical-align:middle;
	width:150px;
	margin-left:-4px;	
}

input.typehere{
	color:gray;
	color:#abb8c3
}
#header #searchbox input.imgbutton{
	border:1px solid #d5e6f4;
	border-left:0;
	vertical-align:middle;
	margin-left:-4px;
}
#header #locationbox{
	float:right;
	margin:-4px 13px 0 0;
	text-align:right;
}
#header #locationbox img#flag{
	vertical-align:middle;
	margin-top:-2px;
}

/*Footer*/
#footer{
	border-top:1px solid #242424;
	background:#0b0b0b;
}
#footer #footer-in{
width:779px;
margin:0 auto;
}
#footer-nav{
float:left;
color:#333;
padding:20px 0 20px 20px;
}
#footer-nav a{
color:#555;
text-decoration:none;
border-bottom:1px solid #0f0f0f;
}
#footer-nav a:hover{
color:#f0f0c0;
border-bottom:1px solid #424a50;
}
#copyright{
float:right;
color:#333;
text-align:right;
padding:20px 20px 20px 0;
}
#copyright a{
color:#f0f0c0;
border-bottom:1px solid #8fa1b1;
}
#copyright a:hover{
color:white;
border-color:#f0f0c0;
text-decoration:none;
}



/*********************************/

/*general black styles*/

ul{
	margin:6px 0 6px -5px;
}
ul li{
	padding:0 0 8px 15px;
	background:url(../images/bullet_darkblue.gif) no-repeat 6px 5px;
}
a,a:visited{
	color:#58B7E6;
	text-decoration:none;
}
a:hover{
color:#c0d7df;
text-decoration:underline;
}
a small{
color:#666;
}
li a:hover{
text-decoration:none;
}

.smbutton:link,.smbutton:visited{
	text-transform:uppercase;
	display:block;
	text-align:center;
	float:right;
	border:1px solid #3b545d;
	background: #11191b url(/images/smbutton_bg.png) repeat-x center bottom;
	font-size:10px;
	padding:1px 4px 4px;
	color:white;
}
.smbutton:hover{
color:#ffffaa;
background-color:#202e32;
text-decoration:none;
}

h3{
margin:12px 0 8px 0;
padding:0;
font-size:17px;
font-weight:normal;
color:white;
}

h4{
clear:both;
color:white;
padding:5px 0 3px;
}

/*accesories*/

div.listpage{
float:right;
margin-top:11px;
}
div.listpage img{
margin:6px 3px;
vertical-align:middle;
}
div.contextual{
float:right;
color:#525242;
font-size:10px;
text-align:right;
margin-right:-5px;
padding:12px 0 0 0;
}
div.contextual a{
color:#84846b;
}
div.contextual a img{
vertical-align:bottom;
}

/*********************************/

/*home*/

body#home #cover{
width:731px;
margin:0 auto 20px;
height:208px;
padding-left:48px;
}

body#home #cover h2{
font-size:24px;
margin:0;
padding:0 40px 10px 0;
font-weight:normal;
letter-spacing:-1px;
line-height:110%;
width:240px;
top:115px;
left:50%;
margin-left:115px;
text-align:right;
position:absolute;
}

body#home #cover p{
font-family:"Segoe UI",Tahoma,sans-serif;
color:#fff;
width:450px;
font-size:19px;
letter-spacing:-1px;
margin:0 0 0 -350px;
position:absolute;
top:127px;
left:50%;
}


body#home #cover #areas{
position:absolute;
left:50%;
margin-left:-360px;
top:200px;
width:600px;
}



body#home #learn ul li{
padding:0 0 4px 15px;
}
body#home #learn img{
margin-bottom:12px;
}

ul.projectimages li{
background:transparent;
padding:0;
margin:0 0 5px;
}
ul.projectimages li a:hover img{
border-color:#ffffaa;
}
ul.projectimages li a img{
border:3px solid white;
}

body#home #bottom{
background: black url(../images/home-bottom-bg.png) no-repeat top center;
color:gray;
padding:10px 0 0;
border-bottom:14px solid black;
}
body#home #bottom .in{
margin:0 auto;
width:779px;
}

body#home #bottom #featured,body#home #bottom #learn{
width:166px;
padding:0 20px 0 20px;
margin:0 0;
float:left;
}
body#home #bottom #contact{
width:325px;
padding:0 5px 10px 20px;
float:left;
}
body#home #bottom #contact ul{
margin-bottom:10px;
padding-top:2px;
}
body#home #bottom #contact li.post{
margin:5px 0 0 10px;
text-align:justify;
}
body#home #bottom #contact li.post a{
padding-right:10px;
}
body#home #bottom li a{
display:block;
}
body#home #bottom #contact .post h2{
font-size:14px;
clear:both;
line-height:95%;
}
body#home #bottom #contact .post h2 small{
font-size:9px;
font-weight:normal;
}
body#home #bottom #contact h4{
font-weight:normal;
}
body#home #bottom h3 a{
color:white;
}
body#home #bottom a span{
display:none;
}
body#home #featured form#subscribe input{
margin:4px 0;
width:130px;
}
body#home #featured form#subscribe input.submit{
width:inherit;
padding:0;
}

/*INTERNAL*/

#section-title{
	background: black url(/images/internal-header-bg.png) no-repeat top center;
	height:73px;
	position:relative;
	z-index:10;
}
#section-title .in{
	margin:0 auto;
	width:779px;
}
#section-title h1{
	float:left;
	padding:0;
	font-size:26px;
	font-weight:normal;
	padding:17px 15px 18px 15px;
}
#section-title h1 a{
	display:block;
	margin:-19px -15px -16px -15px;
	padding:19px 15px 16px 15px;
	color:white;
}
#section-title .subnav li{
	background:transparent;
	padding:0;
	float:left;
}
#section-title .subnav li a{
	display:block;
	padding:32px 10px 22px 10px;
	text-transform:uppercase;
	color:#818181;
	font-size:11px;
}
#section-title .subnav li a:hover{
	color:silver;
	border-bottom:1px solid #105f86;
}
#section-title .subnav li.selected a{
	color:#fff;
	border-bottom:1px solid #08A9FA;
	cursor:default;
}
#section-title h1 a:hover{
	color:white;
	border-bottom:1px solid #105f86;
	text-decoration:none;
}

#content blockquote {
	background:#151515;
	margin:15px -15px 0;
	padding:1px 15px 10px;
}
#content blockquote h3{
margin:9px 0 6px 0;
color:silver;
}
#content .alert {
	background:transparent;
	margin:0 -15px;
	padding:8px 15px;
	color:#666;
}

/*TEMP NEW SITE*/

#content blockquote {
	background:#151515;
	margin:15px -15px 0;
	padding:1px 15px 10px;
}
#content blockquote h3{
margin:9px 0 6px 0;
color:silver;

}
#content blockquote.contrast{
width:200px;float:left;background:white;
color:#333;
margin-bottom:10px;
}
#content blockquote.contrast h3{
color:#08A9FA;
font-weight:bold;
}
#content blockquote.contrast a{
color:#333;
text-decoration:underline
}
#content .alert {
	background:transparent;
	margin:0 -15px;
	padding:8px 15px;
	color:#666;
}
#contact h5{
margin:14px 0 4px 0;
padding:0;
font-size:11px;
color:#fff;
}
#contact blockquote{
padding:0 0 3px 5px;
border-left:3px solid #111;
font-size:11px;
margin:0 0 0 2px;
}
#contact blockquote p{
margin:0;
}
#contact .lefthalf{
width:49%;
margin:-15px 1% 4px 0;
float:left;
}

#learn h3 a{
color:white;
text-decoration:none;
}

/*careers*/
body.task-careers h1{

}
.fotosoficina img{
margin:0 4px 4px 0;
float:left;
width:328px;
height:246px;
}
.fotosoficina{
padding:20px 0 0 0;
margin-bottom:20px;
}

/*highlight*/
body.about-story #section-title .subnav li.about-story a,body.about-team #section-title .subnav li.about-team a{
	border-bottom:3px solid #08a9fa;
	padding-bottom:21px;
	color:white;

}

#content{
background:black;
padding-bottom:40px;
margin-top:-15px;
padding-top:15px;
}
#content #content-in{
margin:0 auto;
padding:0 50px 0;
width:679px;
text-align:justify;
}
#content #content-in h1,
#content #content-in h2,
#content #content-in h3,
#content #content-in h4{
text-align:left;
}
#content #content-in ul{
text-align:left;
}
#content #content-in p{
line-height:145%;
}
#content h3 a{
color:#08a9fa;
}
#content h1{
color:#08a9fa;
font-weight:normal;
font-size:26px;
margin:15px 0 6px;
clear:left;
}
#content h2{
color:#666;
}
#content #content-in .large{
font-size:16px;
color:silver;
line-height:115%;
}
#content #missionvision{
width:37%;
float:left;
text-align:left;
}
#content #missionvision h1{
font-weight:normal;
color:gray;
margin-top:20px;
text-transform:uppercase;
letter-spacing:3px;
font-size:12px;
}
#content #ourvalues{
width:57%;
float:left;
margin-left:6%;
}
#content .mainpicture{
float:left;
margin:0 30px 30px 0;
}
#content h3{
color:white;
font-weight:bold;
font-size:14px;
}
body.subtask-about-management-team #content h3{
font-weight:normal;
color:gray;
margin-top:0;
text-transform:uppercase;
letter-spacing:3px;
font-size:12px;
}
body.subtask-about-management-team #content h2{
font-weight:bold;
color:white;
margin-bottom:0;
margin-top:15px;
}
body.subtask-about-management-team #content h2 small{
font-size:14px;
color:silver;
letter-spacing:-1px;
}
body.subtask-about-management-team div.emailaddress{
float:right;
width:200px;
text-align:right;
color:gray;
margin:20px 0 -20px 0;
}

body.subtask-about-team div.teamside{
color:gray;
font-size:15px;
text-align:left;
width:165px;
float:left;
}
body.subtask-about-team #content ul{
list-style-type:none;
float:right;
width:486px;
margin-top:-30px;
}

body.subtask-about-team #content ul li{
float:left;
width:147px;
padding:8px 15px 30px 0;
height:150px;
background:transparent;
margin:0;
}

body.subtask-about-team #content ul li img{
margin:0 0 5px 0;
}
body.subtask-about-team #content ul li strong{
display:block;
padding:0 0 4px 0;
font-size:13px;
color:white;
}

body.subtask-about-team #content ul li p{
color:#c0c0c0;
margin:0;
padding:0;
font-size:10px;
}

/*PORTFOLIO*/

#project{
	margin:-15px -50px -0 -50px;
	color:#6c6c6c;
	padding:0 15px;
}
#project-header {
	height:150px;
	position:relative;
}

dl#project-metadata{
	margin:0;
	padding:0;
}
dl#project-metadata dt{
	width:85px;
	float:left;
	color:#535e67;
	text-align:right;
	padding:0 10px 3px 0;
}
dl#project-metadata dd{
	color:white;
	padding:0 3px 3px 0;
}
dl#project-metadata dd a{
	/*demiagic reemplazará esto*/
	color:white;
	text-decoration:none;
	border-bottom:1px solid #192735;
	margin:4px 0;
}

#project-mainimages {
	width:470px;
	position:absolute;
	right:-70px;
	top:50px;
}
#project-mainimages a {
	float:left;
	padding-right:2px;
	padding-bottom:2px;
}
#project-mainimages img {
	width:80px;
	position:relative;
}
#project-client {
	float:left;
	background:#151515;
	margin:0 15px 15px 0;
	width:180px; /* 215 */
	padding:0 10px;
}
#project-brief, #project-process {
	padding:0;
	margin-left:215px;
	margin-right:215px;
	text-align:justify;
}
#project-brief h3 {
	padding-top:13px;
	margin-top:0;
}
#project-brief img, #project-process img {
	width:80px;
	height:45px;
	margin-right:3px;
}
#project-result{
	float:right;
	margin-left:15px;
	width:200px;
}


/*========== capita loca para ver thumbnails ==========*/
#thumbnail-viewer {
	position:fixed;
	width:50px;
	height:40px;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-20px;
	z-index:800;
	text-align:center;
	border:4px solid #000;
	background:#000;
	overflow:visible;
}
#thumbnail-viewer-img {
	width:100%;
	height:100%;
	cursor:pointer;
}
#thumbnail-viewer-prev {
	position:absolute;
	left:-55px;
	padding:22px;
	top:50%;
	margin-top:-22px;
}
#thumbnail-viewer-next {
	position:absolute;
	right:-55px;
	padding:22px;
	top:50%;
	margin-top:-22px;
}
#thumbnail-viewer-prev,
#thumbnail-viewer-next {
	cursor:pointer;
}
#thumbnail-viewer-desc {
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	margin-top:10px;
	overflow:auto;
	font-size:12px;
	color:white;
	font-family:tahoma, sans-serif;
	text-align:center;
}
#thumbnail-viewer-thumbs {
	position:fixed;
	z-index:800;
	bottom:10px;
	width:100%;
	text-align:center;
	white-space:nowrap;
	overflow:auto;
}
#thumbnail-viewer-thumbs a:focus {
	outline:0;
}
#thumbnail-viewer-thumbs img {
	border:1px solid black;
	height:40px;
}
#thumbnail-viewer-loading {
	width:36px;
	height:36px;
	left:50%;
	top:50%;
	margin-left:-18px;
	margin-top:-18px;
	position:absolute;
	z-index:10;
}
#thumbnail-viewer-close {
	position:absolute;
	right:0;
	top:-30px;
	font-size:12px;
	color:#ddd;
	cursor:pointer;
}
#thumbnail-viewer-close span {
	text-decoration:underline;
}
#thumbnail-viewer-layer {
	position:fixed;
	right:0;
	bottom:0;
	top:0;
	left:0;
	z-index:10;
	background-image: url('/images/overlay.png');
	background:#000;
}
#thumbnail-viewer-thumbs .thumbnail-viewer-selectedimg {
	border:1px solid white;
}
/*=====================================================*/

.tpl-info-message {
	margin:10px 0;
}




/*hacks*/

/*FIX FOR CSS FLOATS*/
.clearfix:after, #content:after, #footer:after, .fotosoficina:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, #content, #footer, .fotosoficina {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, #content, #footer, .fotosoficina {display:block;}
/* End hide from IE Mac */

/* ENTRENAMIENTO */

dl {padding:0 20px 20px 20px;}
dt {display:block; margin: 0 0 5px 0; font-weight:bold; padding:0;}
dd {display:block; margin:0 0 10px 0px; border-bottom:1px solid #222; padding-bottom:8px;}








#header #location-list {
	list-style-type:none;
	padding:0;
	margin:0;
}
html #header #locationbox{
color:silver;
}
html #header #locationbox a{
text-decoration:underline;
color:gray;
}
html #header #locationbox a:hover{
text-decoration:underline;
}
html #header #locationbox a.current-lang{
color:black;
text-decoration:none;
margin:0 5px;
cursor:default;
}



/*mobile*/

#mobilebanner{
border:3px solid white;
margin:0 -1px;
}
#mobilehome{
padding:220px 15px 20px 390px;
background:url(/images/mobile_en.jpg) no-repeat 0 0;
margin:20px -33px 0 -37px;
}
body.lang-es #mobilehome{
background-image:url(/images/mobile_es.jpg);
}
.lefthalf{
float:left;
width:49%;
margin-bottom:20px;
}
.righthalf{
width:42%;
float:right;
margin-bottom:20px;
}
body.subtask-services-mobile-development #content blockquote.contrast{
width:100%;
float:none;
font-size:120%;
clear:both;
margin-top:10px;
}
body.subtask-services-mobile-development #content .righthalf,
#content.uxhome .righthalf{
margin-bottom:15px;	
}

/*UX*/

#uxbanner{
border:3px solid white;
margin:-7px -1px;
}

#content.uxhome  blockquote h3{
margin:0;
color:#08a9fa;
}

#content.uxhome  blockquote.contrast{
background:white;
color:#333;
width:100%;
float:none;
font-size:120%;
clear:both;
padding:13px 17px 17px;
}

#content.uxhome .lefthalf{
float:left;
width:51%;
margin-bottom:0px;
padding-top:15px;
}
#content.uxhome .lefthalf ol{
font-size:14px;
color:silver;
}
#content.uxhome .lefthalf ol strong{
color:white;
display:block;
}

#content.uxhome blockquote {
background:#151515;
margin:0px -15px 0;
padding:1px 15px 10px;
}
#content.uxhome #cover{
background: url(../images/ux_en.png) no-repeat center 75px;
width:795px;
height:252px;
font-size:35px;
letter-spacing:-2px;
font-weight:normal;
margin: 30px 0 10px -57px;
color:white;
text-align:center;
}
body.lang-es #content.uxhome #cover{
background-image:url(../images/ux_es.png);
}
#content.uxhome #subcover{
font-family:"Segoe UI", Verdana,Tahoma,sans-serif;
font-size:18px;
color:silver;
text-align:center;
padding:0 0 30px 0;
}

/*portfolio_temp*/
ul.pdfitems{
list-style-type:none;
background:none;
padding:0 0 0 5px;
}
ul.pdfitems li{
background:url('/modules/en/portfolio_temp/pdf_icon.png') no-repeat 0 0;
padding:2px 0 7px 20px;
}