/* reset */
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: 0px 0px; padding: 0px 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { color: #999; line-height: 0.8em; font-family: Arial, "Trebuchet MS", Georgia, Verdana, Helvetica, Sans-Serif; font-size: 0.75em; background-color: #FBFBFB; }
ol, ul, li { list-style-type: none; }
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* main */
a:hover, a:active, a:visited, a:link { color: #999; text-decoration: none; padding: 1px 2px; }
a:hover { text-decoration: underline; }
hr, * .hidden, legend { display: none !important; }
* .last { background: none !important; padding-right: 0px !important; margin-right: 0px !important; }
* .first { background: none !important; padding-left: 0px !important; margin-left: 0px !important; }
sup { font-size: 0.8em; position: relative; bottom: 0.4em; }
sub { line-height: 0.8em; font-size: 0.7em; }
#global { width: 100%; height: 100%; margin: 0px 0px; background: url("images/global-background.png") no-repeat 0px 0px; padding-bottom: 20px; }
/* global */
#header { height: 120px; position: relative; width: 1003px; margin: 0px auto; }
#header h1, #header strong.logo { position: absolute; top: 20px; left: -45px; width: 278px; height: 86px; background: url("images/logo.png") no-repeat 0px 0px; }
#header h1 a, #header strong.logo a { display: block; width: 278px; height: 86px; text-indent: -9999px; }
#header p#description { position: absolute; top: 40px; right: 60px; width: 433px; height: 65px; text-indent: -99999px; }
#header p.description_ca { background: url("images/slogan_ca.png") no-repeat 0px 0px; }
#header p.description_es { background: url("images/slogan_es.png") no-repeat 0px 0px; }
#header #menu { width: 75px; height: 116px; position: absolute; top: 162px; right: 161px; }
#header #menu li { height: 16px; width: 75px; text-indent: -9999px; margin-bottom: 9px; }
#header #menu li a { height: 16px; width: 75px; display: block; }
#header .menu_lang_es { background-image: url("images/menu_es.png"); background-repeat: no-repeat; }
#header .menu_lang_ca { background-image: url("images/menu_ca.png"); background-repeat: no-repeat; }
#header #menu li.link_serveis a:hover { background: url("images/menu_ca.png") no-repeat -81px 0px; }
#header #menu li.link_projectes a:hover { background: url("images/menu_ca.png") no-repeat -81px -25px; }
#header #menu li.link_noticies a:hover { background: url("images/menu_ca.png") no-repeat -81px -50px; }
#header #menu li.link_clientes a:hover { background: url("images/menu_ca.png") no-repeat -81px -75px; }
#header #menu li.link_contacte a:hover { background: url("images/menu_ca.png") no-repeat -81px -100px; }
#header #menu li.current_link_serveis a, #header #menu li.current_link_serveis a:hover { background: url("images/menu_ca.png") no-repeat -81px 0px; }
#header #menu li.current_link_projectes a, #header #menu li.current_link_projectes a:hover { background: url("images/menu_ca.png") no-repeat -81px -25px; }
#header #menu li.current_link_noticies a, #header #menu li.current_link_noticies a:hover { background: url("images/menu_ca.png") no-repeat -81px -50px; }
#header #menu li.current_link_clientes a, #header #menu li.current_link_clientes a:hover { background: url("images/menu_ca.png") no-repeat -81px -75px; }
#header #menu li.current_link_contacte a, #header #menu li.current_link_contacte a:hover { background: url("images/menu_ca.png") no-repeat -81px -100px; }
#header #menu li.link_esserveis a:hover { background: url("images/menu_es.png") no-repeat -81px 0px; }
#header #menu li.link_esprojectes a:hover { background: url("images/menu_es.png") no-repeat -81px -25px; }
#header #menu li.link_esnoticies a:hover { background: url("images/menu_es.png") no-repeat -81px -50px; }
#header #menu li.link_esclientes a:hover { background: url("images/menu_es.png") no-repeat -81px -75px; }
#header #menu li.link_escontacte a:hover { background: url("images/menu_es.png") no-repeat -81px -100px; }
#header #menu li.current_link_esserveis a, #header #menu li.current_link_esserveis a:hover { background: url("images/menu_es.png") no-repeat -81px 0px; }
#header #menu li.current_link_esprojectes a, #header #menu li.current_link_esprojectes a:hover { background: url("images/menu_es.png") no-repeat -81px -25px; }
#header #menu li.current_link_esnoticies a, #header #menu li.current_link_esnoticies a:hover { background: url("images/menu_es.png") no-repeat -81px -50px; }
#header #menu li.current_link_esclientes a, #header #menu li.current_link_esclientes a:hover { background: url("images/menu_es.png") no-repeat -81px -75px; }
#header #menu li.current_link_escontacte a, #header #menu li.current_link_escontacte a:hover { background: url("images/menu_es.png") no-repeat -81px -100px; }
#langs { position: absolute; top: 5px; right: 30px; }
#langs li { width: 17px; height: 14px; float: left; margin-left: 5px; }
#langs li a { padding: 1px; display: block; text-transform: uppercase; font-size: 0.8em; color: #666; width: 17px; height: 14px; }
#langs li a:hover { text-decoration: none; color: #000; }
#langs li.current a { color: #fff; background: url("images/langs.png") no-repeat 0px 0px; }
#langs li.current a:hover { color: #fff; }
/* content */
#content { background: url("images/dots.png") repeat-y 738px 0px; width: 1003px; margin: 40px auto 30px auto; overflow: hidden; padding-bottom: 20px; }
#content .left { float: left; width: 675px; margin-left: 60px; }
#content .right { padding: 160px 0px 0px 30px; float: right; width: 210px; margin: 0px 25px 20px 0px; }





#content .right h4 { letter-spacing: 0.2px; float: left; width: 100%; font-family: Helvetica, Verdana, Arial, Georgia; margin: 30px 0px 10px 0px; font-size: 1.2em; font-weight: bold; color: #090909; }
#content .right ul, #content .right p { float: left; }

#content .right p { line-height: 1em; font-size: 1em; }
#content .right h2.infoTitle { float: none; padding: 1px 2px; color: #000; background-color: #f5f5f5;
 border-bottom: 1px solid #d4d4d4; font-size: 1em; font-weight: bold; display: inline; line-height: 1.8em; }
#content .right h4.infoTitle { float: none; padding: 1px 2px; color: #000; background-color: #f5f5f5;
 border-bottom: 1px solid #d4d4d4; font-size: 1em; font-weight: bold; display: inline; line-height: 1.8em; }
#content .right div.infoText { margin-top: 15px; }
#content .right div.infoText p { line-height: 2em; padding: 1px 2px; color: #444; background-color: #f0f0f0; float: none; border-bottom: 1px solid #d4d4d4; font-size: 0.95em; display: inline; }
#content .right p.infoTel { padding: 3px 5px; color: #CC0000; background-color: #f5f5f5; border-bottom: 1px solid #bbb; font-size: 1.05em; font-weight: bold; display: inline; }

#clients { margin-top: 30px; width: 100%; }
#clients li { float: left; margin: 0px 10px 10px 0px; width: 94px; height: 52px; text-indent: -99999px; }
#clients li.client_firabcn { background: url("images/logo_fira.png") no-repeat 0px 0px; }
#clients li.client_gencat { background: url("images/logo_gencat.png") no-repeat 0px 0px; }
#clients li.client_lacaixa { background: url("images/logo_lacaixa.png") no-repeat 0px 0px; }
#clients li.client_tv3 { background: url("images/logo_tv3.png") no-repeat 0px 0px; }


#content .left h2,
#content .left #projectDetail h1 { line-height: 1.1em; overflow: hidden; margin-bottom: 30px; font-weight: normal; font-size: 1.8em; display: block; width: 100%; padding-bottom: 3px; color: #171411; }
#content #featuredProject h2, #content .left h3, #content #projectDetail h2 { display: block; margin-bottom: 10px; font-family: Helvetica, Verdana, Arial, Georgia; font-weight: bold; border: none; font-size: 1.4em; color: #000; }
#content #lastProjects h2 { width: 630px; margin-bottom: 15px; padding-bottom: 3px; background: url("images/dots2.png") repeat-x 0px bottom; }

#content #featuredProject { width: 630px; display: block; overflow: hidden; margin-bottom: 40px; }
#content #featuredProject h2 { padding-left: 0px; font-size: 1.75em; margin-bottom: 0px; }
#content #featuredProject h2 a { padding: 0px 0px; color: #090909; font-weight: normal; }
#content #featuredProject p { color: #000; font-size: 1em; line-height: 1.1em; }
#content #featuredProject p.image { text-align: center; }

#content #projectDetail h2 { font-size: 1.05em; color: #C10003; margin-bottom: 5px; }

#content #projectDetail p.link a { padding: 0px 0px; margin-left: 5px; text-decoration: none; color: #C10003; }
#content #projectDetail p.link a:hover { text-decoration: underline; }

/* right */

#clients { overflow: hidden; }

#projects { width: 100%; background: url("images/dots2.png") repeat-x 0px 0px; padding-top: 10px; margin-bottom: 30px;  }
#projects li { line-height: 2.2em; border-bottom: 1px solid #e5e5e5; padding: 2px 0px; height: 27px; }
#projects li a { color: #000; font-size: 1.1em; padding: 1px 0px; }
#projects li a span { cursor: pointer; padding: 0px 2px; overflow: hidden; display: block; height: 26px; }
#projects li a:hover { color: #C10003; text-decoration: none; }
#content #projects li.postIcons span { padding-left: 65px; background-image: url("images/logos_list.png"); background-repeat: no-repeat; }

#content #projectDetail ul { color: #716F6E; }
#content #projectDetail ul li { margin-bottom: 20px; }
#content #projectDetail ul li img { border: 1px solid #ccc; }
#content #projectDetail ul.tasks { width: 100%; overflow: hidden; margin-bottom: 20px; }
#content #projectDetail ul.tasks li { line-height: 1.25em; padding-left: 15px; background: url("images/tasks-star.png") no-repeat 0px 3px; width: 47%; float: left; display: inline; margin-bottom: 5px; overflow: hidden; }
#featuredProject p, #content #projectDetail p { color: #716F6E; overflow: hidden; }

#featuredProject, #projectsList, #clientsList, #teamList { overflow: hidden; }
#projectsList li { width: 310px; float: left; height: 230px; margin: 0px 27px 15px 0px; overflow: hidden; }
#featuredProject h2, #projectsList li h3 { padding-left: 3px; font-size: 1.1em; font-weight: normal; color: #C71E21; margin-bottom: 10px; }
#projectsList li h3 { line-height: 0.9em; }
#projectsList li h3 a { color: #171411; }
#projectsList li img { border: 1px solid #ccc; padding: 2px; background-color: #fff; margin-bottom: 10px; }
#content #projectsList li p { width: 280px; color: #716F6E; line-height: 1.2em; }

#content #projectsList li a:hover img { border: 1px solid #dcdcdc; background-color: #dcdcdc; }

#content #serveis { display: none; /*temp*/border: 8px solid #fff; margin: 0px 0px 10px 10px; float: right; width: 275px; height: 180px; background: url("images/img_serveis.jpg") no-repeat 0px 0px; }
#content .serveis h2 { width: 50%; margin-bottom: 10px; font-size: 1.1em; font-weight: bold; color: #C51013; }
#content .serveis h2.black { font-style: italic; color: #000; }

#content h2 span { padding-bottom: 3px; display: inline; background: url("images/dots2.png") repeat-x 0px bottom; }
#content .left p { color: #000; line-height: 1.3em; display: block; margin: 0px 0px 15px 0px; }
#content .left p strong { font-weight: bold; }
#content .left p a { color: #CC0000; }
.intContent { width: 630px; margin: 0px 0px; }


#content #projectDetail ul.gallery li { display: none; }

#content #projectDetail ul.gallerySwitcher { overflow: hidden; margin-bottom: 5px; }
#content #projectDetail ul.gallerySwitcher li { padding: 4px; cursor:pointer; margin-bottom: 0px; float: left; margin-right: 10px; margin-bottom: 0px; display: inline; background-color: #e6e6e6; }
#content #projectDetail ul.gallerySwitcher li.current { background-color: #C10003; color: #fff; font-weight: bold; }

/* clients */
#clientsList li { width: 135px; text-align: left; font-size: 0.9em; color: #444; float: left; display: inline; overflow: hidden; height: 125px; margin: 0px 20px 20px 0px; line-height: 1.3em; }
#clientsList li img { float: left; margin-bottom: 7px; background: url("images/dots2.png") repeat-x 0px bottom; padding-bottom: 2px; }
/* news */
#newsList, #projectDetail { width: 650px; }
#newsList li { margin-bottom: 40px; }
#content #newsList h2 { margin-bottom: 15px; }
#newsList h2 span.date { background: none; display: block; padding-left: 3px; float: left; font-size: 0.5em; font-weight: normal; color: #C10003; line-height: 1.3em; }
#newsList p { color: #333; padding: 10px; background-color: #f3f3f3; }
/* footer */
#footer { padding-bottom: 1px; overflow: hidden; width: 1003px; margin: 20px auto 0px auto; position: relative; }
#footer p { float: left; padding-left: 60px; text-transform: uppercase; font-weight: bold; font-size: 0.9em; color: #000; }
#footer ul { position: absolute; top: 0px; right: 60px; }
#footer ul li { font-size: 0.8em; float: left; margin-right: 7px; padding-right: 6px; background: url("images/footer-separator.png") no-repeat right 0px; }
#footer ul li.last { margin-right: 0px; padding-right: 0px; background: none; }
#footer ul li a { line-height: 0.8em; text-decoration: underline; font-size: 1.1em; color: #000; }
/* incons posts */
.postIcon-641 span { background-position: 0px 9px; }
.postIcon-309 span { background-position: 0px -84px; }
.postIcon-11 span { background-position: 0px -115px; }
.postIcon-166 span { background-position: 0px -578px; }
.postIcon-101 span { background-position: 0px -302px; }
.postIcon-95 span { background-position: 0px -271px; }
.postIcon-69 span { background-position: 0px -177px; }
.postIcon-84 span { background-position: 0px -210px; }
.postIcon-65 span { background-position: 0px -144px; }
.postIcon-165 span { background-position: 0px -302px; }
.postIcon-164 span { background-position: 0px -364px; }
.postIcon-91 span { background-position: 0px -238px; }
.postIcon-107 span { background-position: 0px -333px; }
.postIcon-115 span { background-position: 0px -397px; }
.postIcon-119 span { background-position: 0px -427px; }
.postIcon-122 span { background-position: 0px -458px; }
.postIcon-126 span { background-position: 0px -302px; }
.postIcon-143 span { background-position: 0px -302px; }
.postIcon-147 span { background-position: 0px -483px; }
.postIcon-155 span { background-position: 0px -513px; }
.postIcon-161 span { background-position: 0px -544px; }
.postIcon-635 span { background-position: 0px -53px; }
.postIcon-732 span { background-position: 0px -19px; }
.postIcon-657 span { background-position: 0px 10px; }
.postIcon-842 span { background-position: 0px -635px; }
.postIcon-891 span { background-position: 0px -669px; }
.postIcon-982 span { background-position: 0px -711px; }