/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
* { 
	margin:0px; 
	padding:0px; 
	border:none;
}
body, input, select, textarea { 
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:100%;
	height:100%;
}
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:#454141;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { 
	background:#fff url(../img/bg.jpg) left top repeat-x;
}
.contenedor{
	margin:auto;
	width:972px;
	
	font-size:0.75em; /* 16 x 0.75 = 12 */
	line-height:1.3em;
	color:#666;
	text-align:left;
	
}

h1, h2, h3, h4, h5, h6{
	font-size:1em;
	line-height:1.2em;
	font-weight:normal;
	margin: 0 0 0.25em 0;
}

/*----------------------------------------------------------------------------------------------------
	Estils del cap
----------------------------------------------------------------------------------------------------*/
.cabecera {
	width:972px;
	height:77px;
}
.cabecera .logo {
	float:left;
	width:250px;
	height:52px;
	padding:20px 0 0 8px;
}
/* links idiomes ************************************************************/
.cabecera .linksId { float:right; 
	margin-top:9px;
	padding-right:12px;
	text-align:right;
	font-size:0.916em;
}
.cabecera .linksId a { display:block; float:left;
	width:42px; height:20px;
	padding:0px 4px;
	color:#acc6d8;
	margin:0 1px;
	text-align:center;
}
.cabecera .linksId a.on { color:#000; background:url(../img/bg_idioma.gif) center center no-repeat; }
.cabecera .linksId a.on:hover{ text-decoration:none;} 
.cabecera .linksId li {
	display:inline;
}

/*----------------------------------------------------------------------------------------------------
	Menu desplegable
----------------------------------------------------------------------------------------------------*/
.menu {
	width: 972;
	height:49px; overflow:hidden;
	background:url(../img/bg_menu.jpg) left top no-repeat;	
}
.menu ul{ padding-top:8px; overflow:hidden; }

/* Amplada del primer nivell de menu */
.menu li {
	display:block;
	float: left;
}
/* necessari indicar-li amplada pq en IE6 funcioni*/  
.menu li#inicio{width:67px;}
.menu li#inicio a{ text-indent:-2000px;}

.menu li#empresa a{ width:62px;}
.menu li#servicios a{ width:64px;}
.menu li#clientes a{ width:58px;}
.menu li#dudas a{ width:46px;}
.menu li#presupuesto a{ width:88px;}
.menu li#contactanos a{ width:92px;}
.menu li#ofertas a{ width:112px;}

.menu li#empresa a,
.menu li#clientes a,
.menu li#dudas a,
.menu li#contactanos a,
.menu li#ofertas a{ text-indent:-9999px;}

/*_________ 1r nivell _____________________________________________________________*/
.menu ul a {
	display: block;
	padding:7px 9px 3px;
	min-height:22px;
	height:auto !important;
	height:22px;
	
	color:#000;
	font-size:14px;
	line-height:16px;
	text-indent:-99999px; overflow:hidden;
}
.menu ul a.on {
	background:#fff; 
	background-position:center bottom;
	}
.menu li#empresa a.on,
.menu li#servicios a.on,
.menu li#clientes a.on,
.menu li#dudas a.on,
.menu li#presupuesto a.on,
.menu li#contactanos a.on,
.menu li#ofertas a.on,
.menu li#empresa a:hover,
.menu li#servicios a:hover,
.menu li#clientes a:hover,
.menu li#dudas a:hover,
.menu li#presupuesto a:hover,
.menu li#contactanos a:hover,
.menu li#ofertas a:hover{
	background-color:#fff;
	background-position:center bottom;
}
.menu li#empresa a{background:transparent url(../img/menu/empresa.gif) center top no-repeat;}
.menu li#servicios a{background:transparent url(../img/menu/servicios.gif) center top no-repeat;}
.menu li#clientes a{background:transparent url(../img/menu/clientes.gif) center top no-repeat;}
.menu li#dudas a{background:transparent url(../img/menu/dudas.gif) center top no-repeat;}
.menu li#presupuesto a{background:transparent url(../img/menu/presupuesto.gif) center top no-repeat;}
.menu li#contactanos a{background:transparent url(../img/menu/contactanos.gif) center top no-repeat;}
.menu li#ofertas a{background:transparent url(../img/menu/ofertas.gif) center top no-repeat;}


/* Rollover 1r nivell */
.menu ul li#servicios a:hover,
.menu ul li#presupuesto a:hover,
.menu ul li#servicios:hover a,
.menu ul li#presupuesto:hover a,
.menu ul li#servicios.iehover a,
.menu ul li#presupuesto.iehover a,
.menu a:hover,
.menu li:hover a,
.menu li.iehover a {
	background-color:#fff;
	text-decoration:none;
	background-position:center bottom;
}
.menu li#inicio a:hover,
.menu li#inicio .iehover a:hover{ background:none;}

/*_________ 2n nivell _____________________________________________________________*/
.menu ul ul {
	position: absolute;
	z-index:3;
	padding-top:5px;
	margin-top: -999em; /* posem marge negatiu enlloc de display: none perque aquest no és llegit pels lectors de pantalla */
	
	background:#fff;
	width:106px;
}
 /********************************************************************************************************************** si volem amplada fixe */
.menu ul li#servicios ul {width:90px;}
.menu ul li#presupuesto ul {width:106px;}

.menu ul ul li {
	display:block;
	float:none;
}
.menu ul ul a {
	display: block; 
	padding:0 0 0 8px;
	font-size:11px;
	line-height:14px;
	text-align:left;
	text-indent:0;
	background:none !important;
}

.menu li#servicios li a,
.menu li#presupuesto li a{ width:100%;}


/* Rollover 2n nivell */
.menu li li a,
.menu li:hover li a,
.menu li.iehover li a,
.menu li:hover li a.on,
.menu li.iehover li a.on{
	color:#000;
	background:#fff;
}
.menu li#servicios li a.on,
.menu li#presupuesto li a.on,
.menu li li:hover a,
.menu li:hover li:hover a,
.menu li.iehover li:hover a,
.menu li:hover li:hover a.on,
.menu li.iehover li:hover a.on{
	color:#0099cc;
}

/* Rollovers menu desplegable tots nivells ______________________________________*/
.menu li:hover ul,
.menu li.iehover ul{ 
	margin-top: 0;
}

.menu a{outline:0;}


/*----------------------------------*/
.partecentral{clear:both;	
	width:100%;
	padding-top:18px;
}
.partecentral p{padding-bottom:10px;}

.bannerHome{
	width:100%;
	height:300px;
	text-align:center;
	background:url(../img/bg_banner.jpg) center top no-repeat;
	padding-top:4px;
}

.home .partecentral{ padding-top:0px;
	position:relative;
	margin-top:-37px;
	z-index:5;
}

/*----------------------------------------------------------------------------------------------------
	Estils peu
----------------------------------------------------------------------------------------------------*/
.pie {  margin-top:15px;
	clear:both;	
	height:57px;
	padding:12px 0px 0px;
	font-size:0.9em;
	line-height:1.2em;
	color:#333;
	text-align:center;
	background:#fff url(../img/bg_peu.jpg) center top no-repeat;
}
.pie a{  text-decoration:underline;}
.pie a:hover{  text-decoration:none;}

/******************************************************************************************/
#cu3er-container{ width:950px; margin:auto; text-align:right;}
.advertencia{
	position:absolute;  margin-top:227px;
	width:950px; height:37px;
	text-align:center; 
	font-size:11px;
	background-color:#fff; 
	filter: alpha(opacity=70); 
	opacity: .7;
	z-index:5; 
}
.advertencia p{ float:left; padding-top:11px; padding-left:30px; }
.advertencia a{ float:left; padding-top:4px; padding-left:5px;}