/* 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: #F2F0F0; }
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: "" ""; }
/* fonts */
@font-face {font-family: proxima; src: url('fonts/proxima.eot');}
@font-face {font-family: proxima; src: url('fonts/proxima.ttf');}
/* 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: 390px; height: 90px; background: url("images/logo.png") no-repeat 0px 0px; }
#header h1 a, #header strong.logo a { display: block; width: 390px; height: 90px; 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: 81px; height: 116px; position: absolute; top: 152px; right: 152px; }
#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 -50px; }
#header #menu li.link_contacte a:hover { background: url("images/menu_ca.png") no-repeat -81px -75px; }
#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 -50px; }
#header #menu li.current_link_contacte a, #header #menu li.current_link_contacte a:hover { background: url("images/menu_ca.png") no-repeat -81px -75px; }
#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 -50px; }
#header #menu li.link_escontacte a:hover { background: url("images/menu_es.png") no-repeat -81px -75px; }
#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 -50px; }
#header #menu li.current_link_escontacte a, #header #menu li.current_link_escontacte a:hover { background: url("images/menu_es.png") no-repeat -81px -75px; }
#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: 125px 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: 20px 0px 10px 0px; font-size: 1.2em; font-weight: bold; color: #441B2F; }
#content .right ul, #content .right p { float: left; }

#content .right p { line-height: 1.3em; font-size: 1em; color:#000}
#content .right p a{ color:#880934; text-decoration: underline; font-size: 0.9em}
#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 { background-image: url("images/globus.jpg"); background-repeat: no-repeat; height:120px; padding:16px;}
#content .right div.infoText p { line-height: 1.8em; padding: 1px 2px; color: #000; ; float: none; font-size: 0.95em; display: inline; }
#content .right .infoTel { padding: 5px 5px; color: #fff; font-size: 1em; display: block; background-color:#441B2F; margin-top:5px; font-weight:bold ; width:73px}

#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 {font-family:proxima; line-height: 1.1em; overflow: hidden; margin-bottom: 30px; font-weight: bold; font-size: 2em; display: block; width: 100%; padding-bottom: 3px; color: #41192C; }
#content #featuredProject h2, #content .left h3, #content #projectDetail h2 { display: block; margin-bottom: 10px; font-family: proxima, Helvetica, Arial; 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: #41192C; font-weight: bold; font-size: 1.3em; }
#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: #441B2F; margin-bottom: 5px; }

#content #projectDetail p.link a { padding: 0px 0px; margin-left: 5px; color:#880934; text-decoration: underline; }
#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: #880934; 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: 200px; 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; font-size:0.9em }
#projectsList li h3 a { color: #171411; font-size:0.9em  }
#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 {font-family:Arial, Helvetica, sans-serif; width: 50%; margin-bottom: 10px; font-size: 1.1em; font-weight: bold; color: #C51013; }
#content .serveis h2.black { font-style: italic; color: #000; }


#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: #880934; text-decoration:underline}
.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: #441B2F; 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; }
.postIcon-1019 span { background-position: 0px -767px; }
.postIcon-1048 span { background-position: 0px -796px; }
.postIcon-1039 span { background-position: 0px -742px; }
/* pagina serveis */
#content .left div#pagina-serveis p{font-family: Arial; color: #666; line-height: 1.4em; }
div#pagina-serveis div{float: left; margin-left: 45px; width: 420px;}
div#pagina-serveis ul#llista-serveis li{overflow:hidden; margin-bottom: 58px;}
div#pagina-serveis ul#llista-serveis li div li{ color: #666; margin-bottom: 0px; line-height:1.6em; font-style: italic;  padding-left: 13px; background: url("/wp-content/themes/putput/images/bullet-servei.gif") no-repeat scroll 0 4px transparent;}
div#pagina-serveis div.disseny{ margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_disseny_ca.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
div#pagina-serveis div.estrategia{margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_estrategia_ca.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
div#pagina-serveis div.tecnologia{margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_tecnologia_ca.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
div#pagina-serveis div.creixement{margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_creixement_ca.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}

div#pagina-serveis div.disseny-es{ margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_disseny_es.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
div#pagina-serveis div.estrategia-es{margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_estrategia_es.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
div#pagina-serveis div.tecnologia-es{margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_tecnologia_es.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
div#pagina-serveis div.creixement-es{margin-left: 0px; background: url("/wp-content/themes/putput/images/serveis_creixement_es.png") no-repeat; text-indent: -90000px; width:165px; height:165px; float:left;}
#content .left div#pagina-serveis h4{color: #666; font-size: 1.4em; font-family: Arial; font-weight: bold; margin:20px 0px 10px 0px;}