/* DEVEGO COLORS */
/* devego orange : #FF6C1F
/* devego blue: #05AFE6

/* RESET STYLES - EricMeyer */
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, b, u, i, center, 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; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1;   background: url(images/bgbody.png) no-repeat 50% 0px; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* COMUNES */
.cleaner { clear: both; }

/* SELECTORES */
body { font-family: Arial, sans-serif; font-size: 14px; color: #515151; text-align: center;  background: white; }
a:hover { color: #FF660D; }

/* ESTRUCTURE */
#container { width: 800px; text-align: left; margin: 20px auto; }
.bottomBigBox { width: 100%; background: url(images/bgbottomboxes.png) repeat-x; border-top: 2px solid #eaeaea; }

/* HEADER */
#header .logo { float: left; margin:15px 20px 5px 0px; } 
#header .language { padding: 10px 0px 10px 20px ; color: #ccc; clear: right; text-align: right;}
#header .mainNav { float: right; padding: 10px 0px 20px 40px; } 
#header .mainNav ul { list-style-type: none; }
#header .mainNav li { display: inline; padding: 0px 10px; border-right: 1px solid #ccc; font-size: 14px;}
#header .mainNav li.last { border: none; padding-right: 0px; } 
#header .mainNav li a { color: #515151; text-decoration: none;}
#header .mainNav li a:hover { color: #FF660D; }
#header .mainNav li#active a { color: #FF660D; }

/* TAGLINE */
.tagline { background: #FF660D url(images/bg-tagline.png) repeat-x; color: white; text-align: left; margin-bottom: 10px;}
.tagline h1 { font-weight: normal; padding: 10px; font-size: 22px; letter-spacing: -1px;} 
.tagline small { font-size: 12px; letter-spacing: 0px; }

/* EXTRABOX */

.extraBox { width: 460px; float: left; margin: 10px 0px 0px 10px; }
.extraBox h2 { font-size: 18px; color:#FF660B; padding: 4px 4px 2px 0px;  letter-spacing: -1px; }
.extraBox p { padding: 0px 0px 5px 0px; clear: both; }
.extraBox ul { width: 210px; float: left; list-style-type: none; font-size: 12px; margin: 10px 5px;}
.extraBox li { background: url(images/arrowLis.gif) no-repeat 0 50%; padding: 5px 10px; border-bottom: 1px solid #ccc; }
.extraBox p.texto { font-size: 12px; line-height: 16px;}
.extraBox dl { margin-top: 25px;  font-size: 12px;}
.extraBox dt { float: left; width: 200px; }
.extraBox dd { width: 250px; float: right; padding: 0px 0px 10px; }

li.website, li.app, li.websiteEn, li.consultancy, li.outsourcing, li.projectmng { padding: 6px 33px; margin-top: 8px; border: none; } 
li.website { background: url(images/home-icons.png) no-repeat top left; }
li.app { background: url(images/home-icons.png) no-repeat 0px -24px; }
li.websiteEn { background: url(images/home-icons.png) no-repeat 0px -48px; }
li.consultancy { background: url(images/home-icons.png) no-repeat 0px -72px; }
li.outsourcing { background: url(images/home-icons.png) no-repeat 0px -96px; }
li.projectmng { background: url(images/home-icons.png) no-repeat 0px -120px; }


/* CONTACT BOX */

.boxContact { width: 310px; border-left: 1px solid #ccc; float: right; margin-top: 10px; padding-left: 10px; }
.boxContact h2 { font-size: 18px; color:#FF660B; padding: 4px 4px 2px 0px;  letter-spacing: -1px; }
.boxContact h3 {font-size: 14px; padding: 9px 0px 0px; color:#6b7279; line-height: 18px }
.boxContact ul { list-style-type: none; padding-left: 0px; margin-bottom: 0px; }
.boxContact li { background: url(images/telephone-icon.gif) no-repeat 0px 50%; padding: 5px 0px 5px 0px; color: #999; font-size: 11px;}
.boxContact li strong { color: #666; }
.boxContact .email { color: #999; text-decoration: none; background: url(images/icon-email.png) no-repeat 0px 50%; display:block; margin-top:5px; padding-left:25px; }
.boxContact .email:hover { color: #FF660D; }
.boxContact li a { color: #999; text-decoration: none; }
.boxContact p.homeEmail { font-size: 14px; color: #6b7279; font-weight: bold; padding: 0px 0px 10px 0px; }

/* HOME*/
.boxWorks { width: 470px; float: left; background:#05AFE6; color: white; }
.workTitle { width: 470px; }
.workTitle p.ttl { float: left; font-size: 30px; padding: 10px 10px 5px; }
.workTitle p.workURL a { float: right; font-size: 11px; padding: 30px 15px 0px 0px; text-align: right; color: white; text-decoration: none; }
.workTitle p.workURL a:hover { text-decoration: underline; }

.workDetails { text-align: center; padding: 2px 0px 10px; font-size: 12px; }
.workDetails strong { font-size: 16px; }
.workDetails p { padding: 10px 10px 0px; text-align: left; }

.moreWork { width: 320px; float: right; padding-top: 0px; }
.moreWork h2 { color: #FF6609; font-size: 22px; padding-left: 5px; letter-spacing: -1px;}
.moreWork p { padding-bottom: 21px;  padding-left: 5px;}
.moreWork ul { list-style-type: none; margin: 5px 0px; }
.moreWork li { display: inline; padding: 0px 0px 0px 5px;  }
.moreWork li img { border: 1px solid #ccc; } 
.moreWork ul.mgb8{margin-bottom:8px}

/* CONTENT */
.contentBox { margin: 20px 0px 40px; position: relative;}
.contentBox h2 { color: #FF6609; font-size: 22px; letter-spacing: -1px;}
.contentBox p.smartie { padding: 0px; margin: 0px; }
.contentBox img { float: right; margin: 0px 0px 10px 10px; }
.contentBox dt { font-size: 16px; font-weight: bold; margin-top: 20px; }
.contentBox dd { padding: 5px; }
.contentBox p { margin: 10px 0px; }
.content h3 { margin-top: 30px; background: #FEFF8F; padding: 5px 10px; text-align: center;}
.content div.floaterL { width: 50%; float: left; }
.content div.floaterR { width: 47%; float: right; }

div.floaterL dt, div.floaterR dt { color: #FF6C1F; }

#balloon { position: absolute; width: 222px; height: 137px; background: url(images/balloon.gif) no-repeat; top: -30px; left: 450px; }
#spaceinvader { cursor: pointer; }
#morecontent { margin-top: 30px; }

/* CONTENT COLUMNS */

.mainCol { width: 500px; float: left; }
.mainCol p { padding: 5px 0px; }
.mainCol ul { list-style-type: square; padding: 10px 20px; }
.mainCol li { padding: 5px 0px; }

.secondaryCol { width: 250px; float: right; }

.jobBadge { border-top: 2px dashed #efefef; border-bottom: 2px dashed #efefef; padding: 10px 0px; margin-bottom: 50px; font-size: 16px; text-align: center;}
.jobBadge p { padding: 0px; margin: 0px; }
.jobBadge p.jobMail { color: #FF6C1F; }

.jobBadge:hover { background: #05AFE6; color: white; }
.jobBadge:hover p.jobMail { color: white; font-weight: bold;}


/* FOOTER */
.footer { width: 800px; border-top: 1px solid #ccc; margin: 20px auto; text-align: left; font-size: 12px; padding: 10px;  }
.footer span { color: #FF6C1F; font-size: 14px; }
.footer strong { color: black; font-size: 14px; }

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;   -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 5px 0px 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; }

#imageData{	padding:0px 10px 10px; }
#imageData #imageDetails{ width: 460px; float: left; text-align: left; background: #515151; padding: 10px 0px 10px 10px; }	
#imageData #imageDetails #caption{ font-weight: normal; color: #FF6C1F; font-size: 20px; }
#imageData #imageDetails #caption a { color: white; font-size: 11px; font-weight: normal; }

#imageData #bottomNavClose{ width: 180px; float: right; background: #515151; text-align: right; }	 	
#imageData #bottomNavClose img { padding: 10px 5px 7px; }

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* FRIENDFEED WIDGET */
.friendfeed.widget { border: none !important; font-size: 11px !important; }
.friendfeed .logo img { display: none !important; }
.friendfeed .info { font-size: 9px !important; }