@charset "utf-8";

/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color:#000;
	margin:0;
	padding:0;
	background-image:url(../img/fons.gif);
}

a {color:#3d3737; text-decoration:underline;}

a:hover {text-decoration:none;}

h1 {display:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main {position:relative; width:960px; margin:0 auto; padding:0; z-index:1;}

#header {position:relative;}
#content {position:relative; background-color:#f3f3f3; background-image:url(../img/fons-blanc.png); background-repeat:no-repeat; background-position:bottom; min-height:300px; height:300px; height:auto!important; z-index:1;}
#left {position:relative; width:640px; float:left; margin:10px;}
#right {position:relative; width:280px; float:left; margin:10px 0; padding:10px; background-image:url(../img/border.gif); background-repeat:repeat-y; background-position:left;} 
#footer {position:relative; clear:both; background-image:url(../img/fons-peu.gif); height:129px; font-size:0.9em; }

.requadre {position:relative; padding:0; margin:0; font-size:0.85em; clear:both; margin-bottom:30px;}
.requadre h3 {position:relative; height:35px; background-image:url(../img/titol-fons.gif); background-repeat:repeat-x; width:auto;}
.requadre h3 img, .requadre h3 span {position:relative; float:left; padding:0; margin:0;}
.requadre h3 span {padding-top:14px; padding-left:5px;} .requadre h3 span.accent {padding-top:11px;} 
.requadre h3 span p {display:none;}
.requadre p {color:#666;}
.requadre a {color:#C02527; text-align:right!important; float:right; position:relative; padding-top:0;}

.galeria {position:relative; margin:10px 0;}
.galeria a {margin:4px 6px 4px 0; padding:0; border:5px solid #acacac; float:left!important;} .galeria a:hover {border-color:#D68788;}
.galeria img {position:relative; width:76px!important; height:58px!important; overflow:hidden;  }



/*HOME*/

#footer ul {position:relative; float:left; width:150px; background-image:url(../img/separa-footer.gif); background-repeat:no-repeat; background-position:right; padding:0 0 0 48px; margin-top:20px;}
#footer ul li a {color:#999;} #footer ul li a:hover {color:#D24848;}
#footer p {text-align:right; color:#999; padding:15px 20px;}
#footer p strong {color:#fff;} 
#footer p a {color:#ccc;} #footer p a:hover {color:#fff;}

#creativat {position:absolute; top:-100px; right:-25px;}

/*AUXILIARS*/
.clearfix {position:relative; padding:0; margin:0; clear:both;}
.endRight {float:right!important;}
.oculta {display:none;}

/*LISTA MERCADO*/

#listaMercado {position:relative;}
#listaMercado div {position:relative;  background-image:url(../img/border-bottom.gif); background-repeat:repeat-x; background-position:bottom; height:70px; overflow:hidden; padding:10px 0; clear:both!important;}
#listaMercado div .fotiqui {border:5px solid #acacac; float:left; height:55px; width:73px!important;}
#listaMercado div .fotiqui:hover {border-color:#D68788;}
#listaMercado div .fotiqui img {height:55px; width:73px!important;}
#listaMercado div p {position:relative; float:left; height:60px; overflow:hidden; width:170px; margin:5px;}
#listaMercado div p span {font-weight:bold;}
#listaMercado div a {position:relative; float:left; margin-top:0; padding-top:0;}
#listaMercado div a img {position:relative; border:none!important; width:17px!important;}

/*HOME*/
#columnaHome1 {position:relative; width:340px; float:left; padding-right:10px; background-image:url(../img/border.gif); background-repeat:repeat-y; background-position:right;} 
#columnaHome2 {position:relative; width:280px; padding-left:10px; float:left;} 
#left .requadre {margin-top:10px; z-index:1;}

#grupoGCD {position:relative; padding:10px 0;}
#marcas {position:relative;}
#marcas img {position:relative; float:left; margin:10px 10px;}
#grupoGCD img, #marcas img {border:5px solid #acacac; }
#marcas p, #grupoGCD p {clear:both; margin:10px 0; max-height:75px; overflow:hidden;}
.servHome img {margin-left:0!important;}
#grupoGCD a {height:40px!important;}
#marcas a {height:90px!important; top:0px;}

#fotiquisGCD {width:360px; float:left; background-color:#00CC00;}

.marcasGran img {position:relative; margin:5px 8px!important; width:128px; height:96px; border:5px solid #acacac; float:none!important; }
.marcasGran img:hover {border-color:#D68788!important;}

#contactoPetit {position:relative;} 
#contactoPetit p {padding:15px 15px 25px 15px;} #contactoPetit p a {float:none!important;}
#contactoPetit div {position:relative; background-image:url(../img/fons-contacto.gif); background-repeat:repeat-x; padding:7px 15px; height:26px; }
#contactoPetit div {color:#666;}
#contactoPetit div a {float:none!important; }

#listaNoticias {position:relative;}
#listaNoticias div {position:relative; background-image:url(../img/border-bottom.gif); background-repeat:repeat-x;background-position:bottom; padding:10px 0;}
#listaNoticias div h4 {max-height:15px; overflow:hidden!important; }
#listaNoticias div h4 a {float:none!important; overflow:hidden!important;}
#listaNoticias div p {max-height:30px; overflow:hidden;}

/*CONTINGUTS*/

.textos {position:relative; padding:0; margin:0; font-size:0.85em; clear:both; padding-bottom:50px; margin-top:10px;}
.textos h2 {position:relative; height:35px; overflow:hidden; background-image:url(../img/titol-fons.gif); background-repeat:repeat-x; margin:10px 0 30px 0;}
.textos h2 img, .textos h2 span {position:relative; float:left; display:inline; padding:0; margin:0;}
.textos h2 span {padding-top:14px!important; padding-left:5px;} .textos h2 span.accent {padding-top:11px!important;} 
.textos h2 span p {display:none;}
.textos p {color:#666; margin-top:10px; padding:0 10px; text-align:justify;}
.legal h3 {font-weight:bold; color:#C02527; margin-top:40px; padding-left:10px;}

#firma {position:relative; margin:10px; text-align:right;} #firma p {text-align:right; color:#333; margin-top:15px;}


#servicios {position:relative; clear:both; margin:0 0 10px 0; z-index:1;}
#servicios .ico {float:left; width:66px; margin:10px 0 0 10px!important;}
#servicios .sota {position:relative; z-index:1;}
#servicios .peu {position:relative; padding-top:10spx; background:url(../img/quadre-mig.gif); margin-bottom:10px;}
#servicios .unidadServicio, #servicios .unidadProye {position:relative; clear:both!important; margin-top:20px!important;}
#servicios img {position:relative; width:556px; float:right;}
#servicios div div {position:relative; float:right; padding:10px 100px 10px 20px; width:436px; background-image:url(../img/quadre-mig.gif); background-repeat:repeat-y; color:#666; z-index:10; margin-top:-65px!important;}
#servicios .unidadProye div {background-image:url(../img/quadre-mig-467.gif); width:407px; padding:10px 40px 10px 20px;}
#servicios div div h3 {position:relative; margin-bottom:-15px; font-weight:bold; z-index:10; margin-top:-15px;}
#servicios div div p {padding:0 0 10px 0!important; margin-top:-10px!important;}

body:nth-of-type(1) div#servicios div div p{
   margin-top:15px!important;
}

#servicios div a {float:right; margin-right:-60px;position:relative; z-index:20;}
#servicios div a:hover {color:#C02527;}
#servicios .unidadProye a {margin-right:0;}
#servicios div div ul {margin:5px 0 5px 30px;}
#servicios div div ul li {list-style:url(../img/lista.gif); margin-top:7px;}
#servicios .limita {position:relative; overflow:hidden;}
#servicios .limita h3 {margin-top:-12px;}
#servicios .limita ul {display:none;}

.unidadProye {position:relative; background-image:url(../img/border-bottom.gif); padding-bottom:7px; background-repeat:repeat-x; background-position:bottom!important; clear:both; height:140px;}
#servicios .unidadProye img {width:467px;}
#servicios .unidadProye div div { padding:0!important; margin:0!important; background:none; height:60px; overflow:hidden;}
#servicios .unidadProye div p {padding-top:0;}
#servicios a.imgProye {float:left; margin:10px 0 0 5px!important; border:5px solid #acacac; width:150px!important; }
#servicios a.imgProye:hover {border-color:#D68788;}
#servicios a.imgProye img {width:150px!important; height:112px; }

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; clear:both; font-size:0.95em; text-align:right; border-bottom:none!important; z-index:30; margin:20px 0 50px 0;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:5px!important; height:15px;}
.paginacio ul li a {position:relative; color:#666; text-decoration:none!important; font-weight:bold;} 
.paginacio ul li a:hover {text-decoration:none; color:#D68788;}
.paginaSeleccio {position:relative; color:#C82121; font-weight:bold;}
.paginaNoSeleccio {position:relative; color:#666;}

/*================================================*/

#proyecto {position:relative; color:#666; margin-bottom:30px;}
#proyecto h3 {position:relative; font-weight:bold; margin-top:15px; background-image:url(../img/border-bottom.gif); background-repeat:repeat-x; background-position:bottom; padding:5px 0 5px 10px; font-size:1.2em;} 
#proyecto h4  {position:relative; float:right; margin-top:-20px;}
#proyecto span {float:right; margin:10px 10px 0 0; font-weight:bold;}
#proyecto span a {color:#666;}
#proyecto img {position:relative; width:630px!important; /*max-height:350px;*/ border:5px solid #acacac;}




#noticiaDetalle {position:relative; color:#666; margin-bottom:30px;}
#noticiaDetalle h3 {position:relative; font-weight:bold; margin-top:15px;padding:5px 0 5px 10px; font-size:1.2em;} 
#noticiaDetalle h4  {position:relative; background-image:url(../img/border-bottom.gif);padding:0px 0 5px 10px; background-repeat:repeat-x; background-position:bottom; }
#noticiaDetalle span {float:right; margin:10px 10px 0 0; font-weight:bold;}
#noticiaDetalle span a {color:#666;}
#noticiaDetalle div {}






.video {position:relative; margin:5px 0 10px 0;}

#ocasion {position:relative; color:#666;}
#ocasion h3 {position:relative; font-weight:bold; margin-top:15px; background-image:url(../img/border-bottom.gif); background-repeat:repeat-x; background-position:bottom; padding:5px 0 5px 10px; font-size:1.2em; padding-right:80px;} 
#ocasion h4 {position:relative; float:right; margin-top:-20px; text-align:right;}
#ocasion div {background-image:url(../img/border-bottom.gif); background-repeat:repeat-x; background-position:bottom; padding:10px 0 20px 0; min-height:10px;}
#ocasion div img {border:5px solid #acacac; float:left; margin:10px 10px 10px 0;}
#ocasion div a.img {border:5px solid #acacac; } #ocasion div img:hover {border-color:#D68788;}
#ocasion #fotosDetalle {position:relative;}
#ocasion #fotosDetalle img {width:73px; height:55px; margin-right:8px;}
#ocasion span {margin-top:10px;float:right; font-weight:bold;}
#ocasion span a {color:#666; }
.noBorde div {background:none!important;}
.noBorde div img:hover {border-color:#acacac!important;}


/*FORMULARI*/

.formContacto {position:relative; margin-top:30px; color:#666; padding:0 20px 20px 20px; }
.formContacto table td {width:50%; padding:0 40px;}
.formContacto label {vertical-align:top; line-height:24px; padding-right:2px; margin-top:10px; }
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; clear:left; color:#333;}
.formContacto fieldset {border:none;}
.formContacto textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }

.espai {border:1px solid #a9a9a9; font-size:1em; line-height:13px; padding:2px; width:210px; background-color:#ccc;}
.boto {position:relative; margin:-5px 0 0 138px;
}

#nota {position:relative; font-size:0.95em; margin:50px 10px 10px 10px; color:#666; background-color:#e5e5e5; padding:20px 10px;}
#nota h4 {padding-left:10px; font-weight:bold;}
#nota a {color:#C02527;} 



/*=============================================================*/
/*=============================================================*/
/* Horizontal Carousel */
/*=============================================================*/
/*=============================================================*/


#horizontal_carousel {
/*border-bottom:#171818 solid 18px;
border-top: solid 18px #171818;*/
float:left;
width: 339px; /* 575px; */
height: 77px; /* 200px; */
margin: 0px;
position: relative;  
overflow: hidden;
padding: 5px 0px;
background-color:#e9e9e9;
}         

#horizontal_carousel .container {
position: absolute;
top:0px;
left:14px;  
width: 285px; /* 504px; */
height: 90px; /*144px;*/
overflow:hidden;
padding-left:20px;
top:-10px;

}            

#horizontal_carousel .previous_button {
  position: absolute;
  top: 17px;
  left: 0px;
  width: 10px;
  height: 51px;
  background:url(../img/fletxa-ant.gif);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background:url(../img/fletxa-ant-dis.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 17px;
  right: 0px;
  width: 10px;
  height: 51px;
  background:url(../img/fletxa-sig.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background:url(../img/fletxa-sig-dis.gif);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left:0;
  height:90px;
}                      

#horizontal_carousel ul li img { /* border:3px solid #535349; */ display:block;/*  background:#E3EDFA;  */}      
#horizontal_carousel ul li a img {border:5px solid #acacac; /* display:block; */ /*  background:#E3EDFA;  */}      
#horizontal_carousel ul li a:hover img{ border:5px solid #D68788; /* display:block;*//*  background:#E3EDFA;  */} 	                   
#horizontal_carousel ul li {width:75px; height:56px; list-style:none; float:left; padding:0 13px;}

#ver_fotos_completa_home2 {background: #535349 url(../img/ico_mas_1_off.png) no-repeat 0 50%; height:20px; width:auto;	text-align:right; color:#fff;
font-weight: bold; border-top: solid 1px #fc0; margin-top: 1px;	display:block;	padding:5px 20px 0 0;}

#ver_fotos_completa_home2:hover {background:#3d3e3a url(../img/ico_mas_on.png) no-repeat 0 50%; color: #fc0; text-decoration:none;}