body {
	margin:10px 0 0 0;
	padding: 0;
	font-size: 70%;
	color:black;
	text-align:center;
	background:black url(../img/fbody-geo.gif) repeat left top;

}

* {
	font-size: 1em;
	border:0;
	outline:0;
	text-decoration:none;
	line-height: 1.4em;
	font-family: verdana, arial, sans-serif;
	text-align:justify;
}
#llista_serveis h3,#llista_serveis h3 a,#llista_serveis li p,#opus a span,#obra h2,.diagnosi li *,#primeras-marcas *{
	text-align:left;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.offleft {
	position:absolute;
	left:-10000px;
	width:100px;
	height:0;
	overflow:scroll;
}
#container {
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#content{
	background:white;
}
#header{
	background:url(../img/skyline-w.gif) no-repeat left bottom;
	height:130px;
	position:relative;
}
#header #utilities{
	position:absolute;
	right:33px;
	top:10px;
	text-align:right;
	border-right:1px dashed #B8B8B8;
}

#header #utilities li{
	padding:0 10px;
	margin-bottom:3px;
}
#header #utilities li.first {
	margin-bottom:5px;
}
#header #utilities a{
	color:#666;
}
#header #utilities a#print{
	background:url(../img/ico_imprimir.gif) no-repeat left center;
	padding-left:20px;
}
#header #utilities a#canviidioma{
	background:url(../img/ico-lang.gif) no-repeat left center;
	padding-left:20px;
}
#header #utilities a:hover {
	color:#4880C3;
}
#logo{
	position:absolute;
	left:30px;
	top:17px;
}
#sidebar-left{
	width:210px;
	float:left;
	padding-top:82px;
}
#sidebar-left *,#header *,#main .types *,#opus *,.imatges *{
	margin:0;padding:0;
	list-style-type:none;
}
#sidebar-left .in{
	margin-left:30px;
	width:180px;
}
#sidebar-left .in-in{
	margin-right:15px;
}
#sidebar-left h2{
	text-transform:uppercase;
	font-size:1.3em;
	color:#7F2A00;
	font-weight:normal;
	padding-bottom:0.2em;
	margin-bottom:0.2em;
}
#youtube h2{
	background:url(../img/logo-youtube.png) no-repeat right top;
}
#main #serveis *,#main #resultats *{
	margin:0;
	padding:0;
	list-style-type:none;
}

#main{
	width:692px;
	float:right;
	margin-right:50px;
	margin-top:29px;
	display:inline;
	padding-bottom:40px;
	position:relative;
}
#main h1{
	font-size:2.6em;
	text-transform:uppercase;
	font-weight:normal;
	margin-top:0;
	line-height:1.1em;
	margin-bottom:25px;
	
}

#main #serveis h2, #main h2{
	margin-top:0;
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:15px;
}
#main #serveis h2.small, #main h2.small{
	font-size:1.36em;
	text-transform:none;
	font-weight:bold;
	font-style:italic;
	margin:0;
}
#main #intro-home h2{
	position:relative;
	top:-5px;
	margin-bottom:15px;
}

#main.clients h2 {
	color:#802A00;
	font-style:normal;
	margin-bottom:1.5em;
}

#main h2.obras-map  {
	margin-bottom:0.2em;
}

#intro-home{
	margin-bottom:40px;
}
#intro-home .floatl{
	width:236px;
}
#intro-home .floatl p{
	line-height:1.3em;
	margin-top:0.5em;
}
#intro-home .floatr{
	width:335px;
	margin-right:55px;
}

#main #serveis h3, .llista_article_content li a, .diagnosi li strong a{
	font-size:1.3em;
	font-weight:bold;
}
#main #serveis h3,#main #serveis h3 *, .llista_article_content li a, .diagnosi li strong a{
	color:#477FC3;
}
#main #resultats h2{
	margin-bottom:20px;
}
#main #resultats li, ul.equip li{
	width:217px;
	float:left;
	margin:0 0 25px 12px;
}

#main h3.key_search {
	font-size:1.2em;
}
#main h3.key_search  span {
	color:#477FC3;}
ul.equip li p,.diagnosi .footerimg{
	font-size:0.9em;
	color:#666;
}
ul.diagnosi{
	margin-top:4em;
}
.diagnosi p{
	margin-top:0;
}
#main #resultats li.first, ul.equip li.first{
	margin-left:0;
}
#main #resultats li img{
	width:217px;
	height:148px;
	display:block;
	margin-bottom:0.5em;
}
#main #resultats li p {
	margin-bottom:0.5em;
}

.floatl{float:left;}
.floatr{float:right;}
a.mailto{color:#F7771A;}
a.mailto:hover{color:#7F2900;text-decoration:underline;}

#main #resultats a.more, #sidebar-left a.more, .empresa a.more,.diagnosi a.more {
	color:#BD1B24;
	padding-right:1.5em;
}
.enlaces_serveis a.more{
	color:#BD1B24;
}

.maplink {
	color:#BD1B24;
}
#serveis ul{
	width:45%;
}

.inici #serveis {
	margin-bottom:2em;
}

#serveis ul#llista_serveis{
	width:auto;
}

#main #serveis li{
	margin-bottom:0.5em;
}
#footer{
	background:#F5601D;
	padding:0.2em 2em;
}
#footer,#footer *{
	color:white;
	text-align:justify;
}
#footer p{
	margin-bottom:0;
	margin-top:6px;
	text-align:right;
}
.bold{
	font-weight:bold;
}

#menu ul{
	padding:0 0 13px 5px;
}
#address,#menu ul,#garantias,#youtube,#primeras-marcas{
	background:url(../img/punth.gif) repeat-x left bottom;
	margin-bottom:29px;
	padding-bottom:13px;
}
#address{
	width:163px;
}
#menu li{
	margin-top:0.2em;
}
#menu li a{
	font-style:italic;
	text-transform:uppercase;
	color:#7F2A00;
	font-size:1.3em;
	padding-right:3px;
}
#menu li.on a,#menu li a:hover{
	color:white;
	position:relative;
	left:-5px;
	padding:2px 3px;
	background:#7F2A00;
}

#contacta a{
	display:block;
	text-align:center;
	color:white;
	background:#9F5F3F;
	padding:8px 0;
	font-size:1.2em;
	margin:13px 0 9px 0;
}
#contacta a:hover{
	background:#4880C3;
}
#garantias{
	width:163px;
}
#garantias ul.pastis li a{
	display:block;
	text-align:center;
	color:#333;
	background:#CBB6A0;
	padding:8px 0;
	font-size:1.2em;
	margin:0 0 9px 0;
}
#garantias ul.pastis li a:hover{
	color:white;
	background:#4880C3;
}
#sidebar-left ul.logos li{
	width:80px;
	float:left;
}

#sidebar-left ul.logos li a {
	height:70px;
	position:relative;
	overflow:hidden;
	display:block;
}

/* formularis */
fieldset{
	border:1px solid #ccc;
	margin-bottom:0.8em;
	padding-top:10px;
}
label,label span{
	display:block;
	margin-bottom:0.3em;
}
label{
	margin-bottom:0.8em;
}
label.error{
	background:#F5601D;
	color:white;
	font-style:italic;
	padding:0.1em 0.3em;
}
label.checkbox span{
	display:inline;
}
input.field,select,textarea{
	border:1px solid #ccc;
	width:340px;
}
textarea{
	height:120px;
}
textarea#legalnote_text{
	width:100%;
	color:#666;
	height:auto;
}
div.buttons{
	text-align:right;
	padding:1em 0;
}
input.boton{
	width:auto;
	border:0;
	background:#CBB6A0;
	color:#333;
	padding:4px 20px;
	text-transform:uppercase;
	font-style:italic;
	font-size:1.1em;
}
fieldset .floatl,fieldset .floatr{
	width:45%;
}

.right-bottom {
	margin-top:10px;
}
.right-bottom img.firstimg {
	margin-right:2px;
}
fieldset label span{
	color:#666;
}
#mapi{
	float:right;
	margin:15px 0 0 36px;
	width:305px;
}
#map_bcn{
	border:1px solid black;
	width:100%;
	height:480px;
}
/* listados */
ul, ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.clients ul {
	padding-left:2em;
	margin-bottom:2.5em;
	width:320px;
}
.clients ul li {
	padding: 0 2em 0.2em 1em;
	background: url(../img/flist.gif) left 5px no-repeat;
	color:#666666;
	font-size:1.1em;
}

/* obres acabades*/
ul.tabs {
	padding-left:2em;
	border-bottom:1px solid #999;
}
ul.tabs li {
	text-transform:uppercase;
	display:block;
	float:left;
	position:relative;
}

ul.tabs li a {
	display:block;
	font-size:1.1em;
	background:#CCCCCC;
	border: 1px solid #cccccc;

	margin:0 1.2em -1px 0;
	padding:0.3em 0.4em;

	color:#333;
	font-size:1.1em
}
div.tabs-div  {
	z-index:1;

}
ul.tabs li.on a {
	background:white;
	color:#666;
	border: 1px solid #999999;
	border-bottom: 1px solid #ffffff;
}
.types ul ul.subserveis {
	display:none;
}

/* fitxa d'una obra */
#textobra{
	width:460px;
	margin-top:10px;
}
#main #textobra h2, #main #obra h2{
	color:#4880C3;
	font-weight:normal;
	font-size:2.1em;
	text-transform:none;
}


#main #textobra h3, #main.serveis h3, #main #obra h3 {
	color:#4880C3;
	font-weight:normal;
	font-size:1.6em;
	margin-top:0;
}
#main.serveis h3 a {color:#4880C3;}
#main #textobra h4{
	text-transform:uppercase;
	font-size:1.1em;
	font-style:italic;
	margin:0;
}

/* serveis */
#main.serveis h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.2em;
}
.serveis #llista_serveis h3:before {
	content: "/ ";
}

.inici #llista_serveis li {
	width:330px;
	background:none;
}
.inici #serveis #llista_serveis li.first {
	margin-right:20px;
}
#llista_serveis li {
	float:left;
	width:200px;
	height:auto;
	margin:0 0 3em 36px;
	padding-bottom:1em;
	background:url(../img/separador-serveis.gif) left bottom repeat-x;
	position:relative;
}

#llista_serveis li.first {
	margin-left:0;
}

#llista_serveis li p{
	margin-top:0;
	padding-right:0.5em;
	padding-bottom:0.5em;
}

.enlaces_serveis a {
	position:absolute;
	bottom:5px;
}

#main .types{
	padding:16px 0 6px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin-bottom:40px;
}
.tabs-div{
	padding:16px 0 6px;
	border-bottom:1px solid #999;
	margin-bottom:40px;
}

#scroll-wrapp{
	float:left;
	width:164px;
}
#opus {
	width:160px;
	padding:20px 0;
}
#obra{
	float:right;
	width:500px;
	overflow:hidden;
	margin-top:25px;
}
#opus li{
	margin-bottom:1em;
	text-align:left;
}
#main #opus li a{
	font-size:1.1em;
	color:#696A6C;
	display:block;
	padding:3px 8px 3px 10px;
}

#opus li.on a, #opus li a:hover{
	background:#D1DFF0;
}
#opus li a span{
	display:block;
	padding-right:5px;
	text-align:left;
}
#opus li.video a{
	background-image:url(/img/ico-player-text.gif);
	background-repeat:no-repeat;
	background-position:91% 6px;
}
#opus li.video a span{
	padding-right:40px;
}
div#scroll-wrapp {
	position:relative;}
	
 div.llista-obras {
	display:block;	
	height:20px;
	width:120px;
	padding:4px 0 0 0;
	border: 1px solid #ccc;
	border-bottom:none;
	background:#4880C3;
	color:#fff;
}
 div.llista-obras span{
	padding-left:8px;
 }
a.scroll-by-demo {
	display:none;
	position:absolute;
	
	width:14px;
	height:8px;
	
	background: url(../img/arrow-listobres.gif) left  top no-repeat;
	right:6px;
	}
a.scroll-by-demo.top {
	top:20px;
	}
a.scroll-by-demo.bottom{
	background: url(../img/arrow-listobres.gif)  left -8px no-repeat;
}

.obres #llista_serveis li, .obres #llista_edificis li {
	background:none;
	margin:0 0 0 10px;
}
.obres .tabs-div ul.floatl{
	float:left;
	width:32%;
	margin-left:1%;
}
.obres .tabs-div li h3 {
	margin-top:0;
}
.obres .tabs-div li a{
	display:block;
	font-size:1.1em;
	color:#4880C3;
	background: url(../img/square-empty.gif) left 3px no-repeat;
	padding-left:1.5em;
}
.obres .tabs-div li.on a {
	background: url(../img/fobres-on.gif) left 3px no-repeat;
}


.obres li.first {
	margin-left:0;
}

#pager {
	text-align:center;
	border-top:1px dashed #D4D5D5;
	margin-top:2em;
}
#pager ul {
	margin:0 auto;
	float:right;
	
}
#pager ul li, #pager ul li a {
	background:none;
	width:auto;
}
#pager ul li {
	float:left;
	display:block;
	margin-left:1em;
}

#pager ul li.first {
	margin-left:0;
}

#pager ul li a {
	color:#333333;
	}

#pager ul li a, #pager ul li strong {
	display:block;
	padding:0.2em 0.5em;
	border: 1px dashed #D4D5D5;
	border-top:none;
}
#pager ul li a:hover {
	text-decoration:underline;
	background:#D4D5D5;
}
/* passpartout */
#outer {
	overflow: hidden;
	position: relative;
	width: 340px;
	height:320px;
	float:left;
}

.col1 .fleft, .col1 .fright {
	width:46%;
}
.col1 .fleft{
	float:left;
	margin-right:1em;
}
.col1 .fright{
	float:right;
}

#flashcontent_serveis {
	width:340px;
	height:280px;
	margin-bottom:38px;
}

#youtube h2 a {
	color:#7F2A00;
}
#flashcontent {
	margin-bottom:10px;
}

.col1, .col2, .col3, .intro_empresa {
	margin-bottom:30px;
}

.seguretat a {
	float:left;
	margin: 0 1em 1em 0;
}

.seguretat p {
	padding-top:2em;
}

.buscador {
	margin-top:18px;
}
.jScrollPaneContainer {
	margin:0;

	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.scroll-pane {
	width: 160px !important;
	height: 360px;
	overflow: auto;
	background: #fff;
	float: left;
}

.jScrollPaneTrack {
	width:10px !important;
	background:#ffffff;
	border-right:1px solid #cccccc;
}


.jScrollPaneDrag {
	height:20px !important;
	background:white;
	border-left: 1px solid #666666;
	margin-left:10px;
}
.jScrollPaneDragBottom {
	
}
.menu-list-image {
	float:right;
	width:150px;
}

ul#inner {
	overflow:hidden;
	width:320px;
}


ul.menu-list-image {
	margin:0 0 0 10px;}
.menu-list-image li {
	margin-bottom:5px;

	}	
.menu-list-image li a {
	color:#8FACBD;
	font-size:0.8em;
	padding-left:18px;
	background: url(/img/ico-visor.gif) left 2px no-repeat;
	}
.menu-list-image li a:hover, .menu-list-image li a.on{
	color:#F5A173;
	}
.menu-list-image li a.comparativa {
	background: url(/img/ico-visor.gif) left -19px no-repeat;
	}

.menu-list-image  li.vervideo{
	border:1px solid #5094D1;
	margin-top:14px;
	width:85px;
}
.menu-list-image li.vervideo a{
	background:url(/img/vervideo.gif) no-repeat 7px center;
	color:#5094D1;
	font-weight:bold;
	display:block;
	padding:4px 10px 4px 18px;
	font-size:1.1em;
}

.obra-wrapper {
	margin-top:2em;
	margin-bottom:3em;}
	
fieldset.datos {
	border:0;
	padding:0;		
}
fieldset.datos h3 {
	margin-top:0;
}

.andamio{
	display:block;
	float:left;
	width:216px;
	margin-right:13px;
}
.twocolumns{
	float:left;
	width:445px;
}
#footer_ga{
	clear:both;
	color:#999;
	font-size:0.8em;
	padding:10px 20px;
	line-height:1.3em;
}

#llista_articles li{
	list-style-type:square;
	margin-bottom:2em;
}

li.ico_destacadas {
	background: url(/img/obras_destacadas.gif) left top no-repeat;
}
li.ico_acabadas {
	background: url(/img/obras_acabadas.gif) left top no-repeat;
}
li.ico_encurs {
	background: url(/img/obras_curs.gif) left top no-repeat;
}
.maplegend ul li {
	padding:2px 16px;
	display:inline;
	margin-right:20px;
}
.maplegend h4 {
	margin:5px 0;
}
.maplegend p {
	margin-top:3px;
}

#llista_articles li {
	list-style:none;
}
#llista_articles .llista_article_content {
	
}
#llista_articles .llista_article_content li {
	margin:0;
	padding:0;
}

#llista_articles .image {
	width:82px;
	float:left;
	margin-right:10px;
}

li.desc, li.fuente {
	font-weight:bold;
}
li.desc {
	font-style:italic;
}
li.fuente {
	color:#777;
	
}
.clients_top {
	margin-bottom:25px;
}
.clients_image img {
	margin-right:26px;
}
.clients_image img.last {
	margin-right:0;
}
.clients_bottom_left, .diagnosi li {
	float:left;
	width:400px;
}
.clients_bottom_right, .seguretat div.fright {
	float:right;
	width:250px;
}

.diagnosi li {;
	width:260px;
}
.diagnosi li a {
	display:block;
	margin-bottom:20px;
}
.diagnosi li.right {
margin-left:100px;
}

.imgright {margin-left:20px;}
.imgprincipis{
	margin-right:4px;
	display:block;
	float:left;
}
.last{
	margin-right:0 !important;
}

.seguretat img {float:left;}
.seguretat div.fright {width:324px;}
.seguretat div.fright p {padding:0; margin-top:0; margin-bottom:1em;}
.seguretat #flashcontent_serveis {
	margin-top:2em;
}

#map_canvas{
	width:675px;
	height:600px;
}
#legend_canvas{
	padding:10px 0;
}
#legend_canvas img{
	vertical-align:middle;
}
#videocontainer{
	position:absolute;
	left:0;
	top:0;
	width:340px;
	height:280px;
}
.none{
	display:none;
}

/* google search */
#googlesearch{
	width:200px;
	position:absolute;
	right:-10px;
	top:7px;
}
img.gsc-branding-img{
	position:relative;
	top:3px;
	left:5px;
}
.gsc-clear-button{
	display:none;
}
#searchResults .gsc-control{
	width:auto;
}
#searchResults .gsc-resultsRoot{
	margin-bottom:5em;
}
#searchResults .gsc-resultsHeader{
	border:0;
}
#searchResults .gsc-resultsHeader *{
	background-image:none;
	padding:0;
}
#searchResults .gsc-title{
	color:black;
	font-size:2.6em;
	font-weight:normal;
	line-height:1.1em;
	margin-top:0;
	text-transform:uppercase;
}
#searchResults .gsc-results-selector{
	display:none;
}
#searchResults .gsc-results{
	margin-top:3em;
}
#searchResults a.gs-title,#searchResults a.gs-title *{
	color:#477FC3;
	font-weight:bold;
}
#searchResults .gs-visibleUrl{
	display:none;
}
#searchResults .gsc-cursor-box{
	border-top:1px solid #ccc;
	padding-top:0.5em;
	margin-top:2em;
}
#searchResults .gsc-trailing-more-results{
	border:0;
	text-decoration:none;
	margin-left:15px;
}
#searchResults .gsc-cursor-page,#searchResults a.gsc-trailing-more-results{
	color:#BD1B24;
	text-decoration:none !important;
}
#map_bcn div span,#map_bcn div a{
	font-size:0.8em;
}