/* CSS Document */
/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
* { 
	margin:0px; 
	padding:0px; 
	border:none;
}
body, input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	line-height:100%;
	height:20%;
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
	height:0;overflow:hidden;
}
a {
	color:#ABB3A9;
	text-decoration:none;
}
a:hover {
	color:#063C52;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { 
	text-align:center;
	background:#fff;
}
.contenidor {
	margin:auto;
	text-align:left;

	width:980px;
	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 725px;
	height: auto !important;
	height: 725px;
	
	font-size:0.75em; /* 16 x 0.875 = 14 */
	line-height:1.5em;
	color:#ABB3A9 ;
}
h1, h2, h3, h4, h5, h6{
	font-size:1em;
	line-height:1.2em;
}
/*----------------------------------------------------------------------------------------------------
	Estils del cap
----------------------------------------------------------------------------------------------------*/
.cap {
	height:80px;
	font-size:0.916em;
	width:980px;
}
.cap .logo {
	position:absolute;
	top:13px;/* 26 */
	margin-left:640px;
	/*text-indent:-2000px;*/
	width:197px; /*193 */
	height:71px;
}
.cap .utilitats{
	position:absolute;
	top:24px;
	margin-left:10px;
	width:600px;
	height:80px;
}


.cap .usuario{
	display:block;
	height:32px;
}
.cap .utilitats .usuario a.areaPrivada
{
	padding: 0px 0px;
	color: #BBBDAE;
	border: 1px solid #f7f7ea;
	font-size: 0.9em;
}
.cap .utilitats .usuario a.areaPrivada:hover{
	background:#fff;
	padding:2px 5px;
	color:#063C52;
/*	border:1px solid #BBBDAE; */
}
.cap .utilitats .usuario a.logOut{
	background:#f7f7ea;
	padding:0px 5px;
	color:#BBBDAE;
	border:1px solid #f7f7ea;
	font-size:0.9em;
	float:left;
}
.cap .utilitats .usuario a.logOut:hover{
	color:#063C52;
}
.cap .utilitats .usuario p{
	float:left;
	padding-left:6px;
	font-size:10px;
	line-height:13px;
	padding-top:4px;
}

/**/
.cap .forms{
	padding-top:2px;
}
.cap .utilitats .form_cerca
{
	padding-top:3px;
	/* float:left; */
}
.cap .utilitats .form_cerca input{
	width:136px;
	height:12px;
	border:1px solid #f0f0f0;
	background:#fff;
	color:#ABB3A9;
	padding-left:4px;
	float:left;
	font-size:10px;
}
.cap .utilitats .form_cerca input.text
{
	margin-top:2px;
	margin-left:180px;
}
.cap .utilitats .form_cerca input.boto_en,
.cap .utilitats .form_cerca input.boto{
	width:61px;
	height:15px;
	text-align:center;
	padding-left:0px;
	cursor:pointer;
	margin-top:0px;
	margin-left:5px;
	background:#a0a0a0;
	color:#fff;
	border:0px;
	background-position:0px -1px;
	background-repeat:no-repeat;
	background-image:url(../img/boton_buscar.gif);
}
.cap .utilitats .form_cerca input.boto_en:focus,
.cap .utilitats .form_cerca input.boto_en:hover,
.cap .utilitats .form_cerca input.boto:focus,
.cap .utilitats .form_cerca input.boto:hover{
	background-position:0px -21px;
}
.cap .utilitats .form_cerca input.boto_en {
	background-image:url(../img/boton_buscar_en.gif);
}
.cap .utilitats .form_idioma
{
	float:left; 
	width:300px;
}
.cap .utilitats .form_idioma label{
	padding-right:4px;
	float:left;
	font-size:10px;
}
.cap .utilitats .form_idioma select{
	color:#ABB3A9;
	border:1px solid #f0f0f0;
	width:76px;
}
.cap .utilitats .form_idioma select.styled,
.cap .utilitats .form_idioma span.select {
	width:76px;
	height: 16px;/*14px;*/
	color:#063C52;
	margin:0px;
	padding: 3px 0px 0px 2px;
	font-size:10px;
	line-height:10px;
}
.cap .utilitats .form_idioma span.select.inactiu 
{
	color:#ABB3A9;
}
.inactiu{color:#ABB3A9;}
/*.cap .utilitats .form_idioma input
{
	padding: 0px;
	margin: 0px; 
  height:0px;
}
.cap .utilitats .form_idioma input{
	padding: 1px 1px 1px 1px; 
  border-width: 1px; 
  border-style: solid; 
  font-size: 0.8em; 
  color: #BBBDAE; 
  background-color: transparent; 
  text-align: left; 
  height:13px;
  width:42px;
}*/
.cap .utilitats .form_idioma select.styled {
	background:#fff;
}
.cap .utilitats .form_idioma span.select {
	position: absolute;
	background: url(../img/select.gif) left 2px no-repeat;
	overflow: hidden;
}


/*----------------------------------------------------------------------------------------------------
	Estils del peu
----------------------------------------------------------------------------------------------------*/
.peu{
	padding-top: 160px;/* 160px; Canvi 50% 12/08/09 .. Tornem a 160px 15/11/09 */
	padding-left:10px;/*638px; Canvi 12/08/09 */
	font-size:0.9em;
}

.planesInterior .peu{
	padding-top:160px; /* 85px Canvi 15/11/09 */
	padding-left:10px;
	padding-bottom:50px;
}

.empresa .contingut{ 
	min-height:610px;
	height:auto !important;
	height:610px;
}
.empresa .peu{
	padding-top:160px;
	padding-left:10px;
	padding-bottom:10px;
}
/*----------------------------------------------------------------------------------------------------
	Estils menu
----------------------------------------------------------------------------------------------------*/
.menuImatges {
	color:#ABB3A9;
	font-size:0.916em;
	line-height:1.5em;
	padding-top:80px;
}

/* Inici Estils depenent del número de projectes ----------------*/
.proyectos10{
	width:750px;
}
.proyectos8{
	width:580px;
	padding-left:142px;
}
.proyectos5{
	width:750px;
}
/* posicio caixa detall */
.proyectos10 .detall,
.proyectos8 .detall{
	position:absolute;
	margin-top:285px;
	margin-left:568px;
	z-index:20;
}

.proyectos5 .detall{
	position:absolute;
	margin-top:-50px;
	margin-left:285px;
	z-index:20; 
}

.detall{
	display:block;
	font-size:0.9em;
	line-height:1.2em;
	padding-left:15px; /* 7px 15/10/09 */
}
.proyectos10 .detall #projecte1
{
	position: absolute;
	margin-top: -328px;  
	margin-left:-572px;
	width:750px;
	z-index:20; 
}
.proyectos10 .detall #projecte2
{
	position: absolute;
	margin-top: -328px;  
	margin-left:-430px;
	width:600px;
	z-index:20; 
}
.proyectos10 .detall #projecte3
{
	position: absolute;
	margin-top: -328px;  
	margin-left:-288px;
	width:450px;
	z-index:20; 
}
.proyectos10 .detall #projecte4
{
	position: absolute;
	margin-top: -328px;  
	margin-left:-146px;
	width:300px;
	z-index:20; 
}
.proyectos10 .detall #projecte5
{
	position: absolute;
	margin-top: -328px;  
	margin-left:-4px;
	width:250px;
	z-index:20; 
}
.proyectos10 .detall #projecte6
{
	position: absolute;
	margin-top: 0px;  
	margin-left:-572px;
	width:750px;
	z-index:20; 
}
.proyectos10 .detall #projecte7
{
	position: absolute;
	margin-top: 0px;  
	margin-left:-430px;
	width:600px;
	z-index:20; 
}
.proyectos10 .detall #projecte8
{
	position: absolute;
	margin-top: 0px;  
	margin-left:-288px;
	width:450px;
	z-index:20; 
}
.proyectos10 .detall #projecte9
{
	position: absolute;
	margin-top: 0px;  
	margin-left:-146px;
	width:300px;
	z-index:20; 
}
.proyectos10 .detall #projecte10
{
	position: absolute;
	margin-top: 0px;  
	margin-left:-4px;
	width:250px;
	z-index:20; 
}

.detall div{display:none;}


/* Fi Estils depenent del número de projectes ----------------*/

.menuImatges .mosaic
{
	padding-left:10px; /* 15/11/09 */
}

.menuImatges .mosaic div{
	display:block;
	width:125px;
	height:125px;
  
	float:left;
	margin-right:17px;
	margin-bottom:17px;
}
.menuImatges .mosaic div a{
	display:block;
	width:125px;
	height:125px;
	text-indent:-2000px;
}
.menuImatges .mosaic div{ 
	background-position:left bottom;
	background-repeat:no-repeat;
}
.menuImatges .mosaic div a{  
	background-position:left bottom;
	background-position:left top;
}

.menuImatges div.f1{ background-image:url(../img/f1.jpg); }
.menuImatges div.f1 a{ background-image:url(../img/f1.jpg); }

.menuImatges div.f2{ background-image:url(../img/f2.jpg); }
.menuImatges div.f2 a{ background-image:url(../img/f2.jpg); }

.menuImatges div.f3{ background-image:url(../img/f3.jpg); }
.menuImatges div.f3 a{ background-image:url(../img/f3.jpg); }

.menuImatges div.f4{ background-image:url(../img/f4.jpg) ; }
.menuImatges div.f4 a{ background-image:url(../img/f4.jpg) ; }

.menuImatges div.f5{ background-image:url(../img/f5.jpg); }
.menuImatges div.f5 a{ background-image:url(../img/f5.jpg); }

.menuImatges div.f6{ background-image:url(../img/f6.jpg); }
.menuImatges div.f6 a{ background-image:url(../img/f6.jpg); }

.menuImatges div.f7{ background-image:url(../img/f7.jpg); }
.menuImatges div.f7 a{ background-image:url(../img/f7.jpg); }

.menuImatges div.f8{ background-image:url(../img/f8.jpg); }
.menuImatges div.f8 a{ background-image:url(../img/f8.jpg); }

.menuImatges div.f9{ background-image:url(../img/f9.jpg); }
.menuImatges div.f9 a{ background-image:url(../img/f9.jpg); }

.menuImatges div.f10{ background-image:url(../img/f10.jpg); }
.menuImatges div.f10 a{ background-image:url(../img/f10.jpg); }

.menuImatges .mosaic div a:hover{ background-position:left bottom;}






/*----------------------------------------------------------------------------------------------------
	Estils menu Idioma
----------------------------------------------------------------------------------------------------*/
.menuIdioma{
	padding-top:70px;
	padding-left:132px;
}
.menuIdioma a{
	display:block;
	padding:0 11px 10px;
	color:#BBBDAE;
	float:left;
	background:url(../img/fltxa.gif) center top no-repeat;
}
.menuIdioma a:hover,
.menuIdioma a.actiu{
	color:#063C52;
	text-decoration:none;
	background-position:center bottom;
}



/*----------------------------------------------------------------------------------------------------
	Estils del menu principal 
----------------------------------------------------------------------------------------------------*/
.menuPrincipal{
	padding:58px 0 8px 10px;
	font-size:0.9em;
}
.menuh li,
.menu li
{
	display:block;
	float:left;
}

.menuh li a,
.menu li a /* Opcions de menu principals */
{
	display: block;
	padding: 0 4px 0 13px;
	color: #BBBDAE;
}

.menuh li a.primer,
.menu li a.primer { padding-left:0;}

.menu li:hover a /* Hover sobre opcions principals pagines interiors*/
{
	color: #063C52; 
	text-decoration: none;
	z-index:101;
	background-image:url('../img/blau90.png'); 
}

.menuh li:hover a /* Hover sobre opcions principals pagina Home */
{
	color: #063C52;
	text-decoration: none;
	z-index: 101;
}

.menuh a.actiu,
.menu a.actiu {
	color:#063C52;
}

.menu ul /* Submenus de les pagines interiors */
{
/*	position: absolute; */
position:absolute;
display:none;
/*	margin-left: -2000px; */
	visibility:hidden;
	padding-top: 5px;
	z-index: 100;
	background-image: url('../img/blau90.png'); /*background-image: url('../img/blanc75.png');*/
	background-color: transparent;
}

.menuh ul /* Submenus de la pagina Home */
{
	position: absolute;
	display:none;
	visibility:hidden;
	padding-top: 5px;
	z-index: 100;
	background-image: url('../img/blanc95.png');
	background-color: transparent;
}

.menuh li:hover ul,
.menu li:hover ul 
{
	
	display:block;
	visibility:visible;
	margin-left:6px; 
	margin-left:0px;
	padding-top:5px;
	padding-bottom:3px;
}

.menuh ul li,
.menu ul li {
	float:none;
	height:18px;
}
.menuh ul li.avan
{
	float: none;
	height: 18px;
	margin-left:13px; 
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #BBBDAE; 
	margin-right:13px;
	text-align:left; 
}
.menu ul li.avan
{
	float: none;
	height: 18px;
	margin-left:13px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #BBBDAE;
	margin-right:13px;
}
.menuh ul li a,
.menu ul li a {
	color:#063C52;
	padding: 0  4px 0 13px; /* canvi 7 per 13 */
	background:none;
}
.menuh ul li.avan a,
.menu ul li.avan a
{
	padding-left:0;
}
/* .menuh li.iehover ul li a,
.menuh li:hover ul li a,
.menu li.iehover ul li a,
.menu li:hover ul li a
{
	border:none;
	color:#BBBDAE;
} */

.menuh li:hover ul li a,
.menu li:hover ul li a /* Hover sobre opcions principals pagines interiors*/
{
	color: #BBBDAE;
	text-decoration: none;
	z-index:101;
	background-image:none; 
  background-color: Transparent;
}
.menu li:hover ul li a.actiu
{
	color: #063C52;
}

.menuh ul li.avan:hover, 
.menuh li:hover ul li.avan:hover,
.menu ul li.avan:hover, 
.menu li:hover ul li.avan:hover
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #063C52;
/*	margin-left:6px; */
	color: #BBBDAE;
}
.menuh ul li a:hover,
.menuh li:hover ul li a:hover,
.menu ul li a:hover,
.menu li:hover ul li a:hover {
	color:#063C52;
}

.menuh ul.empresa, .menu ul.empresa{ width:140px;} 
.menuh ul.proyectos, .menu ul.proyectos{ width:168px;} 
.menuh ul.productos, .menu ul.productos{ width:180px;} 
.menuh ul.certificaciones, .menu ul.certificaciones{ width:182px;} 
.menuh ul.actualidad, .menu ul.actualidad{ width:152px;} 
.menuh ul.contacto, .menu ul.contacto{ width:182px;} 
.menuh ul.herramientas, .menu ul.herramientas{ width:168px;} 




/*----------------------------------------------------------------------------------------------------
	Estils del contingut
----------------------------------------------------------------------------------------------------*/
.contingut {
}

/*----------------------------------------------------------------------------------------------------
	Estils del submenu
----------------------------------------------------------------------------------------------------*/
.submenu{
	float:left;
	width:257px;
	margin:50px 0 0 0;
	padding-left:9px;

}
.submenu ul{
	font-size:0.9em;
}
.submenu ul ul{
	font-size:0.9em;
	padding-left:17px;
}
.submenu ul ul ul{
	font-size:1em;
	padding-left:28px;
}
.submenu ul ul ul ul{
	font-size:1em;
	padding-left:30px;
}
.submenu a.actiu{ color:#063C52;}
.submenu .espai{
	padding-top:50px;
}
.submenu .espai2{
	padding-top:24px;
}
.submenu .espai3{
	padding-top:20px;
}
.submenu .iconos a.print{
	display:block;
	width:23px;
	height:16px;
	background:url(../img/ic_print.gif) -4px top no-repeat;
	text-indent:-2000px;
	margin-top:8px;
}
.submenu .iconos a.enviarAmigo{ overflow:hidden;
	display:block;
	width:39px;
	height:16px;
	background: url(../img/ic_enviarAmigo.gif) left top no-repeat;
	text-indent:-2000px;
	margin-top:8px;
}
.submenu .iconos a.enviarAmigo:hover
{ 
	background-position:right top;
}
.submenu .iconos a.print:hover,
.submenu .iconos a.actiu 
{ 
  background-position:-4px bottom;
/*	background-position:right top; */
}
.submenu .iconos a.enviarAmigo actiu 
{ 
	background-position:right top; 
}
.divscr{
height: 350px; 
overflow: auto;
/* IE overflow fix */
position: relative;
top: 0px;
left: 0px;
}

.sinScroll {
	height:auto !important;
}



/* */

.prcat1a,
.prcat1a:hover,
.prcat1:hover {color:#ABA000;	}
.prcat2a,
.prcat2a:hover,
.prcat2:hover {color:#F04E23;}
.prcat3a,
.prcat3a:hover,
.prcat3:hover {color:#006B9D;}
.prcat4a,
.prcat4a:hover,
.prcat4:hover {color:#1C813F;}
.prcat5a,
.prcat5a:hover,
.prcat5:hover {color:#E39F15;}
.prcat6a,
.prcat6a:hover,
.prcat6:hover {color:#3A95B9;}
.prcat7a,
.prcat7a:hover,
.prcat7:hover {color:#B21E23;}
.prcat8a,
.prcat8a:hover,
.prcat8:hover {color:#79820E;}
a#pbm11:hover {color:#ABA000;	}
a#pbm12:hover {color:#F04E23;}
a#pbm13:hover {color:#006B9D;}
a#pbm14:hover {color:#1C813F;}
a#pbm15:hover {color:#E39F15;}
a#pbm16:hover {color:#3A95B9;}
a#pbm17:hover {color:#B21E23;}
a#pbm18:hover {color:#79820E;}

.cont{
	width:560px;
	margin:50px 0 0 20px;
	position:relative;
	z-index:50;
	float:left;
	top: 0px;
	left: 0px;
}
.cont h2{
	font-size:1.3em;
	font-weight:normal;
	padding-bottom:20px;
/*	border-bottom:1px solid #f0f0f0; */
}
.cont h2.prod{
	font-size:1.3em;
	font-weight:normal;
	padding-bottom:0px;
/*	border-bottom:1px solid #f0f0f0; */
}
.cont p.subpro
{
	font-style:italic;
		padding-bottom:6px;
	}
	
.cont h4{
	padding-bottom:15px;
}

.cont .caract{
	margin-top:8px;
	border-top:1px solid #f0f0f0;
}
.cont .caract p{
	width:100%;
	border-bottom:1px solid #f0f0f0;
	padding-bottom:0;
}

.cont .caract a
{
		color:#ABB3A9;
}
.cont .caract a:hover
{
		color:#063C52;
}


.cont .iconos{
	padding:30px 0 52px;
}
.cont .iconos a{
	float:left;
	font-size:12px;
	line-height:15px;
}

.cont .iconos a.pdf,
.cont .iconos a.extern
{
	background-position: left;
	display: block;
	width: 23px;
	height: 16px;
	background: url(../img/ic_pdf.gif) left top no-repeat;
	text-indent: -2000px;
	padding-right: 40px;
	padding-top: 4px;
}
.cont .iconos a.extern 
{
	background: url(../img/ic_www.gif) left top no-repeat;
}

.cont .iconos a.pdf:hover,
.cont .iconos a.extern:hover
{
	background-position: left -34px;
	padding-top: 4px;
}


.cont .iconos a.verpdf {
	width:250px;
	text-indent:30px;
}

.cont .iconos a.print{
	display:block;
	width:17px;
	height:16px;
	background:url(../img/ic_print.gif) left top no-repeat;
	text-indent:-2000px;
	padding-right:43px;
}
.cont .iconos a.print:hover{ background-position:left bottom;}

.cont .iconos a.minis{
	display:block;
	width:29px;
	height:14px;
	background:url(../img/ic_minis.gif) left top no-repeat;
	text-indent:-2000px;
	margin-right:35px;
	overflow:hidden;
}
.cont .iconos a.minis.actiu,
.cont .iconos a.minis:hover{ background-position:right top; }
.cont .iconos a.num{
	font-weight:bold;
	padding-right:12px;
}
.cont .iconos a.num2{
	font-weight:bold;
	padding-right:6px;
}
.cont .iconos a.num2.actiu{
	color:#063C52;
}
.cont .paginesDetall
{	display:block;
 	width:40px;
	float:left;
}
.cont .esquerra
{	position:relative;
 	float:left;
 	display:block;
	width:7px;
	height:14px;
	padding-left:12px;
	}
.cont .dreta
{	position:relative;
 	float:left;
	display:block;
	width:7px;
	height:14px;
	padding-left:6px;
	}
.cont .iconos a.fltxaD{
	display:block;
	width:7px;
	height:14px;
	background:url(../img/ic_fltxaD.gif) right 0px no-repeat;
	text-indent:-2000px;

}

.cont .iconos a.fltxaD:hover{ background-position:right bottom;}
.cont .iconos a.fltxaE{
	display:block;
	width:7px;
	height:14px;
	background:url(../img/ic_fltxaE.gif) right 0px no-repeat;
	text-indent:-2000px;
}
.cont .iconos a.fltxaE.actiu,
.cont .iconos a.fltxaE:hover{ background-position:right bottom;}

.cont .imatgepr
{
	display:block;
	float:left;
	width:268px; 
	height:438px;
	float:left;

}
.cont .imatge2pr
{
	float:left;
	width:238px; 
	height:200px;
	padding-left:0px;
}


.cont .imatge
{
	display:block;
/*	width:284px; */
	float:left;
}

.cont .prImatgeC{}
.cont .prMatriu{float:left;}

/* Canvis Vicenç */


/* productos */


	
.productos .detall{
	display:block;
	width:458px;
	height:20px;
	color:#063C52;
	padding-left:0;
}
.productos .mosaic{ 
	width:470px;
	padding-bottom:215px;
}
.productos .mosaic div{
	float:left;
	margin:0 9px 9px 0;
}
.productos .mosaic a{
	display:block;
	width:80px;
	height:80px;
	background:#f0f0f0;
	padding:1px;
	border:1px solid #fff;
}
.productos .mosaic a:hover{
	background:#bcbeb0;
	padding:1px;
	border:1px solid #bcbeb0;
}
.ddl
{
	width: 100%;
	height:auto;
	color:#ABB3A9 ;
}
.titolpr
{
	position: absolute;
	font-size: 0.9em;
	font-weight: normal; 
	padding-left:7px;
	display: none;
	color: #063C52;
	top:  0px; 
	left: 0px; 
	width:523px; /* error Firefox 9 novembre 2009 */
	/*margin-left: -90px;  */
	/* margin-top: -14px; */
}
#dlProds2, #dlPros2, #dlArq2, #dlCat2, #dlCa22, #dlproys2, #dlproys
{
	margin:0px 0px -18px 0px; /* Trampa per IE7 */
	display:block;
	height:36px;							/* Trampa per IE7 */
	width:200px;
	position:relative;
	
}
.vlcPanel
{
	display:block;
	height: 384px; /* 424 */
	overflow:auto;
	margin-top:0px;
	/* margin-top: 17px;*/
}
.vlcmenu2
{
	position:relative; 
	display:block;
	height:89px;				/* Manté el marge bottom tant per IE7 com per a IE8 */
	float:left;
	top: 0px;
	left: 5px;
}
.vlcmenu2 img{ position:relative; float:left; margin-right:10px; margin-bottom:10px;}
.vlcmenu
{
	position:relative; 
	display:block;
	width:89px;
	height:89px;				/* Manté el marge bottom tant per IE7 com per a IE8 */
	float:left;
	top: 0px;
	left: 5px;
}

.vlcmenu a
{
	border: 2px solid transparent;
	display: block;
	width: 80px;
	height: 80px;
/*	text-indent:-2000px; */
	background-position: left top;
	background-repeat: no-repeat;
}

.vlcmenu a:hover
{
	border: 2px solid #063c52;
	background-position: left bottom;
}

.vlcmenupr
{
	position:relative; 
	display:block;
	width:89px;
	height:89px;				/* Manté el marge bottom tant per IE7 com per a IE8 */
	float:left;
/*	margin-right: 9px; */
}

.vlcmenupr a
{
	border: 2px solid transparent;
	display: block;
	width: 80px;
	height: 80px;
/*	text-indent:-2000px; */
	background-position: left top;
	background-repeat: no-repeat;
}

/*
asp:LinkButton:hover {
	color:#063C52;
	text-decoration:none;
} */

/* Consulta avan */

.consav
  {
	font-size:0.9em;
	}
	
	.consav select 
	{
		height:30px;
	}
  .consav span.select {
	position: absolute;
	background: url(../img/select292.gif) left 2px no-repeat;
	overflow: hidden;
	width:270px;
	padding-right:20px;
	padding-left:2px;
	height:18px;
  }
	/*
seleccionado {
color:#BBBDAE; #2F4F4F ; 
	background-color :red;
  }
 */ 
  .consav input
{
	float: left;
	border: 0px solid #FFFFFF; 
	text-indent: -2000px;
	cursor: pointer;
	margin-top:40px;
/*	margin-bottom: 2px;
	font-size: 0.9em; */
}
/*.consav input.btnEnviar, .consav input.btnCancelar
{
	font-size: 0.8em;
	vertical-align:middle;
	padding: 2px 3px 2px 3px;
	min-height: 20px;
} */
.consav input.btnEnviar{
	/*color:#fff;
	background:#babcad; */
	margin-left:0px;
	margin-right:6px;
	width:57px;
	height:17px;
	background:transparent;
	background-image:url(../img/btn_Buscar.png);
}
.consav input.btnCancelar{
	/*color:#babcad;
	background:#fff; */
	width:72px;
	height:17px;
	background:transparent;
	background-image:url(../img/btn_Cancelar.png);
}
.consav input.btnEnviar:hover
{	/*color:#fff; 
	background:#063c52; */
	background-image:url(../img/btn_Buscar_azul.png);
	}
.consav input.btnCancelar:hover{
/*	color:#fff; 
	background:#063c52; */
	background-image:url(../img/btn_Cancelar_azul.png);
}  
/*  
.consav .btnEnviar
{
	width:49px;
	color:#797979;
	background:#d0d0d0;
	margin-top:17px;
	margin-bottom:0px;
	font-size:0.9em;
	cursor:pointer;
	padding:1px 0;
	*/
/*	border: 1px solid #babcad;
	cursor: pointer;
	padding: 3px 3px 3px 0px;
	min-height: 20px;
	color: #fff;
	background: #babcad;
	margin-left: 0px; /*	width: 80px; 
}
.consav .btnEnviar:hover, 
.consav .btnCancelar:hover
{
	color:#fff; 
	background:#063c52;
}
  
.consav .btnCancelar
{
	width:66px;
	color: #babcad;
	background: #fff;
	margin-top:17px;
	margin-bottom:0px;
	font-size:0.9em;
	cursor:pointer;
	padding:1px 0;
	
/*	border: 1px solid #babcad;
	cursor: pointer;
	padding: 2px 3px 2px 0px;
	min-height: 20px;
	margin-left: 10px;
	color: #babcad;
	background: #fff; 
	width:70px; */


.consav .actiu{color:#063C52;}

/* Solicitud ASPX */

.RError,
.form_solicitud .Error
{
	display: block;
	float: left;
	padding: 0 2px 0 2px;
	width: 4px;
} 

#NavegacioProjectes a.anterior,
#NavegacioProjectes a.siguiente,
#NavegacioArquitectes a.anterior,
#NavegacioArquitectes a.siguiente{
	display:block;
	float:left;
	width:6px;
	height:15px;
	text-indent:-2000px;
	padding-right:6px;
	margin-top:7px;
}
#NavegacioArquitectes label,
#NavegacioProjectes label 
{	display:block;
	float:left;
	height:15px;
	padding-right:6px;
	margin-top:5px;
}

#NavegacioArquitectes a.anterior,
#NavegacioProjectes a.anterior{ background:url(../img/ic_fltxaE.gif) left 0px no-repeat;}
#NavegacioArquitectes a.siguiente,
#NavegacioProjectes a.siguiente{ background:url(../img/ic_fltxaD.gif) left 0px no-repeat;}

#NavegacioArquitectes a.anterior:hover,
#NavegacioProjectes a.anterior:hover,
#NavegacioArquitectes a.siguiente:hover,
#NavegacioProjectes a.siguiente:hover
{
	background-position: left -16px;
}

.float_left 
{
	display:block;
	float:left;
	}

.download .actiu{color:#063C52;}
.download .bold
{
	font-weight: bold;
}

/* Fi Canvis Vicenç */

  
/* Empresa */
.senseMargEsq{
	width:580px;
	margin-left:0;
}
.cont .imatge_dreta{
	float:right;
	z-index:1;
}
.cont .text{width:238px; padding-left:6px;}
.cont .textpr
{
	display:block;
	float:left;
	width:238px; 
	padding-left:17px;
	}
.cont .text2
{
	left:auto;
	position:relative;
	float:left;
	margin-left:17px;
	}

/*historia*/
/*manu anys*/
.menuAnys{
	min-height:40px;
	height:auto !important;
	height:40px;
}
.menuAnys a{
	padding-right:12px;
}
.menuAnys a.actiu{color:#063C52;}
a.anterior,
a.siguiente{
	height:15px;
	color:#fff;
}
a.anterior{ background:url(../img/ic_fltxaE.gif) left 0px no-repeat;}
a.siguiente{ background:url(../img/ic_fltxaD.gif) left 0px no-repeat;}

.menuAnys a.anterior,
.menuAnys a.siguiente{
	padding-right:6px;
	margin-top:7px;
}
.menuAnys a.anterior:hover {background-position:left -16px; color:#fff;}
.menuAnys a.siguiente:hover {background-position:left -16px; color:#fff;}
/*
.menuAnys a.desact{ background-position:left 0px;}
*/

.cont .historia{
	width:575px;
	min-height:410px;
	height:auto !important;
	height:410px;
	line-height:18px;
	color:#9b9f9a;
}
.cont .historia h4{ 
	width:280px;
	font-weight:normal;
	padding:30px 0 20px;
}
.cont .historia p{ width:275px;}

/* fotos background*/
.cont .h1928{
	background:url(../img/empresa/h1928.jpg) right bottom no-repeat;
	min-height:438px;
	height:auto !important;
	height:438px;
}
.cont .h1940{
	background:url(../img/empresa/h1940.jpg) left bottom no-repeat;
	min-height:455px;
	height:auto !important;
	height:455px;
}
.cont .h1950{
	background:url(../img/empresa/h1950.jpg) right bottom no-repeat;
	min-height:510px;
	height:auto !important;
	height:510px;
}
.cont .h1960{
	background:url(../img/empresa/h1960.jpg) right bottom no-repeat;
	min-height:550px;
	height:auto !important;
	height:550px;
}
.cont .h1970{
	background:url(../img/empresa/h1970.jpg) right bottom no-repeat;
	min-height:546px;
	height:auto !important;
	height:546px;
}
.cont .h1980{
	background:url(../img/empresa/h1980.jpg) right bottom no-repeat;
	min-height:550px;
	height:auto !important;
	height:550px;
}
.cont .h1990{
	background:url(../img/empresa/h1990.jpg) right bottom no-repeat;
	min-height:564px;
	height:auto !important;
	height:564px;
}
.cont .h2000{
	background:url(../img/empresa/h2000.jpg) right bottom no-repeat;
	min-height:552px;
	height:auto !important;
	height:552px;

}

/* archivo imagenes */
.archivo .mosaic a{
	display:block;
	width:79px;
	height:79px;
	background:#f0f0f0;
	border:3px solid #fff;
	float:left;
	margin:0 7px 7px 0;
}
.archivo .mosaic a img{ border:0;}
.archivo .mosaic a:hover{
	background:#bcbeb0;
	border:3px solid #063c52;
}
.archivo .img{
	width:590px;
	min-height:345px;
	height:auto !important;
	height:345px;
	text-align:center;
}
.archivo .numFotos{
	
	text-align:center;
	padding-top:30px;
	padding-left:65px;
}
.archivo .numFotos a{ padding:0 5px; }
.archivo .numFotos a.actiu{ color:#063C52; }

.archivo .numFotos a.anterior{
	margin-right:0px;
}
.archivo .numFotos a.siguiente{
	margin-left:10px;
}
.archivo .numFotos a.anterior:hover {background-position:left -16px;}
.archivo .numFotos a.siguiente:hover {background-position:left -16px;}

.archivo .numFotos a.desact{ background:none;}
/* productos */
.contingut .productos .detall{
	display:block;
	width:458px;
	height:20px;
	color:#063C52;
	padding-left:0;
	line-height:1em;
}
.contingut .productos .detall p{ padding-bottom:0;}
.contingut .productos .mosaic{ 
	width:470px;
}
.contingut .productos .mosaic div{
	float:left;
	margin:0 9px 9px 0;
}
.contingut .productos .mosaic a{
	display:block;
	width:80px;
	height:80px;
	background:#f0f0f0;
	padding:1px;
	border:1px solid #fff;
}
.contingut .productos .mosaic a:hover{
	background:#bcbeb0;
	padding:1px;
	border:1px solid #bcbeb0;
}


/* news */
.newsletter{
	color:#d0d0d0;
	width:153px;
	padding:10px 9px 16px;
	background:#5c5c5c;	
	font-size:0.9em;
	line-height:1.1em;
	margin-top:50px;
}

.newsletter h4{ 
	font-size:1em;
	padding-bottom:6px;
}
.newsletter label{font-size:0.85em;}

.newsletter input{
	width:132px;
	color:#999;
	margin-top:2px;
	margin-bottom:10px;
	padding:1px 4px 0px;
	font-size:0.9em;
	line-height:1.1em;
}
.newsletter input.check{
	width:11px;
	height:12px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:0px;	
	border:0;

}
/*customitzar checkbox*/
.newsletter span.checkbox {
	width: 11px;
	height: 12px;
	padding: 0 5px 0 0;
	background: url(../img/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
	margin-bottom:2px;
	overflow:hidden;
}
/*******/
.newsletter label.check{
}
.newsletter .btnEnviar,
.newsletter input.btn{
	width:49px;
	color:#797979;
	background:#d0d0d0;
	margin-top:17px;
	margin-bottom:0px;
	font-size:0.9em;
	cursor:pointer;
	padding:1px 0;
}
.newsletter .btnEnviar:hover,
.newsletter input.btn:hover{
	color:#fff;
	background:#063c52;
}


/*prensa*/
.prensa .descripcio
{
	float: left;
	width: 250px;
	min-height: 195px;
	height: auto !important;
	height: 195px;
	padding-left: 6px;
}
.prensa .iconos{ padding-top:0; padding-bottom:0; float:left; width:250px;}
.prensa h2{
	padding-bottom:3px;
}
.prensa h3{
	font-size:0.9em;
	padding-bottom:15px;
	font-weight:normal;
}

.captcha
{
	width:144px;
	margin-top:10px;
	margin-bottom:10px;
}




/*----------------------------------------------------------------------------------------------------
	CSS para layers
----------------------------------------------------------------------------------------------------*/
.fonsLayer {
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	display:none;
	overflow:hidden;
}
.fonsLayer div {
	width:3000px;
	height:3000px;
	background:#fff; /* Eliminar si hi ha problemes de compatibilitat*/
	filter: alpha(opacity=70); 
	opacity: .7;
}
.contLayer {
	position:absolute;
	z-index:101;
}

/* Parte exterior */
.layer {
	width:416px;
}
.formAmigo{
	width:416px;
	padding:10px 10px 10px 25px;
	color:#fff;
	background:#063c52;
	text-align:left;
	font-size:0.8em;
}
.formAmigo a.cerrar{
	float:right;
	cursor:pointer;
	padding:0 4px;
	font-size:0.9em;	
}
.formAmigo h4{
	padding-bottom:4px;
	font-size:0.9em;
}
.formAmigo p
{
		font-size:0.9em;
	width:355px;
}
.formAmigo a.cerrar:hover{ 
	color:#000; 
	background:#fff;
}
.formAmigo label{
	display:block;
	width:140px;
	float:left;
}
.formAmigo .tarea,
.formAmigo input{
	width:220px;
	float:left;
	margin-bottom:10px;
} 

.formAmigo #div_form_amigo span 
{
	float:left;
	width:125px;
}

.formAmigo #div_form_amigo
{
	padding-top:15px;
}
.formAmigo input.codi{
	width:98px;
}
.form_formamigo {
	padding-top:28px;
}
.formAmigo input.btn{
	width:55px;
	min-height:15px;
	color:#063c52;
	background:#fff;
	margin-top:15px;
	margin-bottom:0px;
	font-size:0.75em;
	line-height:0.9em;
	padding:2px 0;
	cursor:pointer;
}
.formAmigo img.float_left{ float:left; margin-left:5px;}
.formAmigo input.btn:hover{
	color:#fff;
	background:#999;
}
/*************************************************************************/


.dadesCric{
	margin-top:30px;
	font-size:0.9em;
	line-height:1.3em;
	color:#063c52;
	padding-bottom:20px;
}
.dadesCric strong{
	font-weight:normal;
	display:block;
/*	padding-bottom:4px; */
}


/*trabaja con nosotros */
.desplegable {
	width:580px;
	border-bottom:1px solid #f0f0f0;
}
.desplegable a.opcio
{
	display: block;
	width: 566px;
	border-top: 1px solid #f0f0f0;
	padding: 2px 0 2px 15px;
	background: url(../img/fletxescol.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.desplegable a.opcio:hover {
	background-position: left -15px;
}

.desplegable a.opcioact
{ display: block;
	width: 566px;
	border-top: 1px solid #f0f0f0;
	padding: 2px 0 2px 15px;
	background: url(../img/fletxescol.gif);
	background-repeat: no-repeat;
	background-position: left -15px;
	color:#063c52;
}
.desplegable a.pleg{ background-position:left 5px;}
.desplegable a.despleg{ background-position:left -50px;}

.desplegable a.opcioact span.cerrar,
.desplegable a.opcio span.cerrar{ 
	float:right;
	display:none;
}

.pestanya{ 
	display:none;
	padding:15px 0;
}
.pestanya a{ 
	text-decoration:underline;
}
.subPestanya{ 
	display:none;
	padding:10px 0;
}

.subPestanya h4{
	color:#063c52;
	padding:10px 0 4px;
	font-weight:normal;
}
.subPestanya ul{
	padding-bottom:10px;
}

.pestanya a.btn,
.pestanya a#inscribirse{  
	text-align:center;
	padding:3px 10px;
	color:#fff;
	background:#babcad;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
}
.pestanya a.btn:hover,
.pestanya a#inscribirse:hover,
.pestanya a.actiu{  
	background:#063c52;
}

.sub2Pestanya{ 
	display:none;
	padding:20px 0 0px;
}

/* Inici canvis VLC (Eliminar form) */

.pestanya input, 
.pestanya select,
.pestanya textarea{
	float:left;
	border:1px solid #eeeeea;
	margin-right:6px;
	margin-bottom:5px;
	font-size:0.9em;
}
.pestanya textarea{
	width:382px;
	height:184px;
	margin-bottom:10px;
}
.pestanya input.tam1{ width:88px;}
.pestanya input.tam2{ width:103px;}
.pestanya input.tam3{ width:15px;}
.pestanya input.tam4{ width:230px; margin-left:12px;}
.pestanya input.tam5{ width:281px;}
.pestanya input.tam6{width:208px; 
	height:20px;  
}
.pestanya input.tam7{width:291px; 
	height:14px;  
}
.pestanya .tam3 input{ width:15px; height:15px;}

/******************************************************/
.pestanya input.file_1 {
    background: #fff;
    color: #888;
	width:299px; 
	height:13px; 
	border:1px solid #eeeeea;
	margin-right:0px;
}
.pestanya input.file{margin-top:-1px; _margin-top:2px;}
.pestanya input.file_2 {
    background: #fff;
    color: #888;
	width:204px; 
	height:13px;
	border:1px solid #eeeeea;
	margin-right:0px;
}
.pestanya .wrap_safari_mac {
	margin-left:315px;
	margin-top:-20px;
}

/********************************************************/

.pestanya label{
	display:block;
	float:left;
	padding:0 5px 0 0;
} 
.pestanya label.ample{width:89px;}
.pestanya label.ample2{width:69px;}
.pestanya label.ample3{width:365px;}

.pestanya input.btnEnviar,
.pestanya input.btnCancelar{
	cursor:pointer;
	padding:2px 5px;
	min-height:20px;	
}
.pestanya input.btnEnviar{
	color:#fff;
	background:#babcad;
	width:125px;
}
.pestanya input.btnCancelar{
	color:#babcad;
	background:#fff;
}
.pestanya input.btnEnviar:hover,
.pestanya input.btnCancelar:hover{
	color:#fff; 
	background:#063c52;
}
.pestanya p{font-size:0.8em;}
.pestanya div.marge{ 
	height:20px;
	border:0;
	background:#fff;
}

/* Fi modificacions VLC */

/* solicitud informacion */
.form_solicitud h4
{
	padding: 25px 0 15px 8px;
	font-size: 0.9em;
}

.form_solicitud input, 
.form_solicitud select,
.form_solicitud textarea{
	float:left;
	border:1px solid #eeeeea;
	margin-right:6px;
	margin-bottom:5px;
	font-size:0.9em;
}
.form_solicitud input.check{ 
	width:11px;
	height:25px;
	border:0;
	margin-top:3px;
}
.form_solicitud label.check{padding-top:2px;}
.form_solicitud label.check a{ text-decoration:underline;}


/*customitzar checkbox*/
.form_solicitud span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../img/checkbox2.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
/*******/

.form_solicitud textarea{
	width:395px; /* 366 */
	height:184px;
	margin-bottom:10px;
}
.form_solicitud input.tam1{ width:111px;}
.form_solicitud input.tam2{ width:113px;}
.form_solicitud input.tam3, .form_solicitud select.tam3{ width:314px;} /* 294 */
.form_solicitud input.tam4{ width:247px;} /* 242 */

.form_solicitud select.tam3{color:#063c52; height:19px;}


.form_solicitud .inputSelect{ 
	float:left;
	width:320px; 
	overflow:hidden;
	font-size:0.85em;
	line-height:1.4em;
}
.form_solicitud .inputSelect select{  float:none;}

/*customitzar select */
.form_solicitud select{
	width:292px;
	color:#063c52; 
}
.form_solicitud select.styled2,
.form_solicitud span.select {
	width:313px; /* 292 */
	height: 16px;
	color:#063c52; 
	margin:0px;
	padding-left:3px;
}
.form_solicitud select.styled2 {
	background:#fff;
}
.form_solicitud span.select {
	position: absolute;
	background: url(../img/select297.gif) left top no-repeat;
	overflow: hidden;
}
/**********/

.form_solicitud label{
	display:block;
	float:left;
	padding:0 5px 0 0;
	width:76px;
} 
.form_solicitud label.ample2{width:69px; padding-left:2px; padding-right:2px;}
.form_solicitud label.ample3{width:45px; padding-left:25px; padding-right:6px;}
.form_solicitud label.ample4{width:143px;}
.form_solicitud label.ample5{width:365px;}

.form_solicitud input.btnEnviar,
.form_solicitud input.btnCancelar{
	cursor:pointer;
	padding:2px 5px;
	min-height:20px;
}
.form_solicitud input.btnEnviar{
	color:#fff;
	background:#babcad;
}
.form_solicitud input.btnCancelar{
	color:#babcad;
	background:#fff;
}
.form_solicitud input.btnEnviar:hover,
.form_solicitud input.btnCancelar:hover{
	color:#fff; 
	background:#063c52;
}
.form_solicitud .mError,
.form_solicitud p{font-size:0.8em;}
.form_solicitud div.marge{ 
	height:20px;
	border:0;
	background:#fff;
}
.boto_entrar_en,
.boto_entrar {
	height: 13px;
	margin-left:1px;
	margin-top:2px;
	background-repeat:no-repeat;
	background-position:0px -1px; 
	cursor:pointer;
	position:absolute;
	
}
.boto_entrar {
	width:50px; 
	background-image:url(../img/boton_entrar.gif);
}

.boto_entrar_en {
	background-image:url(../img/boton_entrar_en.gif);
	width:29px; 
}
#dtlsbm2 li ,
#dtlsbm1 li 
{
	line-height: 13px;
	padding-bottom:5px;
}