/* CSS Document */
/*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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}*/

/*********************************************PROVA DE COSES NOVES************************************/
#caixaC    
	{
	background-color: #000;
	margin-left: auto;
	margin-right:auto;
	/*position: relative;*/
	top:0;
	/*left: 50%;*/
	width: 990px;
	min-height: auto;
	
	height:auto !important;
	height:100%;
	
	visibility: visible;
	overflow: visible;
}
/**HACKS*/

 * {
margin: 0;
padding: 0;
}
img {
border: 0;
}

a,
a:hover,
a:active,
a:link{
border:0;
color:#CCCCCC;
}


/*principal per centrar el contingut i body*/
html, body{
	/*height:100%;*/
	background:#000;
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}



/*contingut base --container-- CAIXES CONTINGUT!!!*/
#caixaContingut    
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 860px;
	height:auto;
	height:100% !important;
	visibility: visible;
	overflow: hidden;
}
#caixaContingutQuali    
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 1260px;
	height:auto;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}
#caixaContingutEmp    
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 1140px;
	height:1140px;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}
#caixaContingutIndex    
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 710px;
	height:auto;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}

#caixaContingutNotis    
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 850px;
	height:auto;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}

#caixaContingutQuick  
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 1220px;
	height:auto;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}

#caixaContingutBiga  
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 1130px;
	height:auto;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}
#caixaContingutBiga2  
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 1830px;
	height:auto;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}
#caixaContingutObres 
	{
	background-color: #000;
	margin-left: -495px;
	position: relative;
	top:0;
	left: 50%;
	width: 990px;
	min-height: 630px;
	height:530px;
	height:auto !important;
	visibility: visible;
	overflow: hidden;
}

/*CAIXES CONTINGUT PRINCIPAL-- divisiķ bāsica de la pāgina/////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/***butonsIndex ************/
#butonsI {
		margin:0;
		padding:0;
		background:#000000;
		width:auto;
		float:left;
		border:2px solid #000;
		border-width:2px 0;
	}
	#butonsI li {
		display:inline;
		padding:0;
		margin:0;
		
	}
	#butonsI a:link,
	#butonsI a:visited {
		color:#fff;
		background:#666;
		padding:2px 10px 0px 10px;
		float:left;
		width:690px;
		height:15px;
		max-height:15px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		text-align:right;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsI a:hover {
		color:#fff;
		background:#333;
	}
.logoIndex{
width:184px;
height:42px;
float:right;
/*position:relative;*/
margin-left:20px;
top:0px;
right:0px;
}
#menuindex{
float:left;
width:690px;
}
/* capa menu: menu principal ///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////menú ////////////////////////////////////*/
#menu{
	width:950px;
	height:42px;
	position:relative;
	top:15px;
	left:20px;
	margin:0px;
	background-color:#000;
	overflow:hidden;
	z-index:2;
}


#butons {
		margin:0;
		padding:0;
		background:#000000;
		width:auto;
		float:left;
		border:2px solid #000;
		border-width:2px 0;
	}
	#butons li {
		display:inline;
		padding:0;
		margin:0;
		
	}
	#butons a:link,
	#butons a:visited {
		color:#fff;
		background:#666;
		padding:4px 40px 20px 10px;
		float:left;
		/*width:auto;*/
		height:42px;
		max-height:42px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	/*PROVA*/
	#buto-empresa a:link,
	#buto-empresa a:visited {
		width:70px;
		max-width:70px;
		color:#fff;
		background:#666;
		padding:4px 40px 20px 10px;
		float:left;
		/*width:auto;*/
		height:42px;
		max-height:42px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
	}
	
	#buto-gamma a:link,
	#buto-gamma a:visited {
		width:70px;
		max-width:70px;
		
	}
	
	#buto-quali a:link,
	#buto-quali a:visited {
		width:70px;
		max-width:70px;
	}
	#buto-obres a:link,
	#buto-obres a:visited {
		width:70px;
		max-width:70px;
	}
	
	#buto-novetats a:link,
	#buto-novetats a:visited {
		width:70px;
		max-width:70px;
	}
	#buto-contacte a:link,
	#buto-contacte a:visited {
		width:70px;
		max-width:70px;
	}
	/*final PROVA*/
	#butons a:hover {
		color:#fff;
		background:#999;
	}
	#butons li:first-child a {
		border-left:1px solid #000;
	}
	#empresa #buto-empresa a,
	#gamma #buto-gamma a,
	#quali #buto-quali a,
	#obres #buto-obres a,
	#novetats #buto-novetats a,
	#contacte #buto-contacte a
	{
		background:#333;
		color:#fff;
		
	}
	#empresa #buto-empresa a:hover,
	#gamma #buto-gamma a:hover,
	#quali #buto-quali a:hover,
	#obres #buto-obres a:hover,
	#novetats #buto-novetats a:hover,
	#contacte #buto-contacte a:hover
	{
		background: #333333;
	}
	#butons a:active {
		background:#333;
		color:#fff;
	}
/*****************************************************************************/

/***********************BUTONERA GAMMA********************/

#butonsGamma {
		margin:0px;
		padding:0;
		background:#000000;
		width:auto;
		float:left;
		border:2px solid #000;
		border-width:2px 0;
	}
	#butonsGamma li {
		display:inline;
		padding:0;
		margin:0;
		
	}
	#butonsGamma a:link,
	#butonsGamma a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:225px;
		/*height:25px;*/
		max-height:25px;
		border-right:5px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/


/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
	/***********primer buto************/
		#butonsGamma #butoG-estructura a:link,
		#butonsGamma #butoG-estructura a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:227px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	/**********final primer buto******/
	
	/********ultim buto***********/
		#butonsGamma #butoG-altres a:link,
		#butonsGamma #butoG-altres a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:229px;
		/*height:25px;*/
		max-height:25px;
		border-right:2px solid #666;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	#butonsGamma #act2 a{
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:229px;
		/*height:25px;*/
		max-height:25px;
		border-right:2px solid #333;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
	
	}
	#butonsGamma #butoG-altres2 a:link,
		#butonsGamma #butoG-altres2 a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:229px;
		/*height:25px;*/
		max-height:25px;
		border-right:2px solid #666;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsGamma #butoG-altres a:hover,
	#butonsGamma #butoG-altres2 a:hover
	 {
		color:#fff;
		background:#999;
		border-right-color:#999999;
	}
	#butonsGamma #butoGAct-altres2 a:link,
	#butonsGamma #butoGAct-altres2 a:visited
	 {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:229px;
		/*height:25px;*/
		max-height:25px;
		border-right:2px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
	}
	/********FINAL ultim buto***********/
	
	#butonsGamma li:first-child a {
		/*border-left:1px solid #000;*/
	}
	#butonsGamma a:hover,
	#butonsGamma #butoG-estructura a:hover
	{
		color:#fff;
		background:#999;
	}
	
	/************************************************butons submenu activats*****************************************************************/
	#butonsGamma #act a
	
	{
		background:#333;
		color:#fff;
		
	}
	#butonsGamma #butoGAct-parquet a:link,
	#butonsGamma #butoGAct-parquet a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:224px;
		height:22px;
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
	}
	
	
	#butonsGamma #butoGActSol-parquet a:link,
	#butonsGamma #butoGActSol-parquet a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:224px;
		/*height:22px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
	}
	/************************************************butons submenu activats*****************************************************************/
/*///////////////////////////Final butonera GAMMA///////////////////////////////*/


/***********************BUTONERA SUBMENU  ********************/

#butonsSubmenu {
		margin:0;
		padding:0;
		background:#000000;
		width:auto;
		float:left;
		border:2px solid #000;
		border-width:2px 0;
	}
	#butonsSubmenu li {
		display:inline;
		padding:0;
		margin:0;
		
	}
	#butonsSubmenu a:link,
	#butonsSubmenu a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:178px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
		
	/******************************ULTIM BUTO***********************/	
	#butonsSubmenu #butoS-exteriors a:link,
	#butonsSubmenu #butoS-exteriors a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:179px;
		/*height:25px;*/
		max-height:25px;
		border-right:0px solid #666;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu #butoS-exteriors a:hover
	 {
		color:#fff;
		background:#999;
		border-right-color:#999999;
	}
	
	#butonsSubmenu #butoS-Act a:link,
	#butonsSubmenu #butoS-Act a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:179px;
		/*height:25px;*/
		max-height:25px;
		border-right:0px solid #666;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu #butoS-Act a:hover
	 {
		color:#fff;
		background:#333;
		border-right-color:#999999;
	}


	/******************************ULTIM BUTO***********************/
		
	#butonsSubmenu li:first-child a {
		/*border-left:1px solid #000;*/
	}
	#butonsSubmenu a:hover,
	#butonsSubmenu #butoS-flotant a:hover
	{
		color:#fff;
		background:#999;
	}
/********************************************3 botons al submenu****************************************************/	

/***********************BUTONERA SUBMENU 3 ********************/

#butonsSubmenu3 {
		margin:0;
		padding:0;
		background:#000000;
		width:auto;
		float:left;
		border:2px solid #000;
		border-width:2px 0;
	}
	#butonsSubmenu3 li {
		display:inline;
		padding:0;
		margin:0;
		
	}
	#butonsSubmenu3 a:link,
	#butonsSubmenu3 a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:305px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu3 #butoS-inox a:link,
	#butonsSubmenu3 #butoS-inox a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:306px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
		
	/******************************ULTIM BUTO***********************/	
	#butonsSubmenu3 #butoS-graons a:link,
	#butonsSubmenu3 #butoS-graons a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:305px;
		/*height:25px;*/
		max-height:25px;
		border-right:0px solid #666;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu3 #butoS-graons a:hover
	 {
		color:#fff;
		background:#999;
		border-right-color:#999999;
	}
	
	#butonsSubmenu3 #butoS-Act a:link,
	#butonsSubmenu3 #butoS-Act a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:305px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu3 #butoS-Act a:hover
	 {
		color:#fff;
		background:#333;
		border-right-color:#000;
	}
	
		#butonsSubmenu3 #butoS-inoxAct a:link,
	#butonsSubmenu3 #butoS-inoxAct a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:306px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu3 #butoS-inoxAct a:hover
	 {
		color:#fff;
		background:#333;
		border-right-color:#000;
	}
	
	#butonsSubmenu3 #butoS-graonsAct a:link,
	#butonsSubmenu3 #butoS-graonsAct a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:305px;
		/*height:25px;*/
		max-height:25px;
		border-right:0px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu3 #butoS-graonsAct a:hover
	 {
		color:#fff;
		background:#333;
		border-right-color:#000;
	}
	
	/******************************ULTIM BUTO***********************/
		
	#butonsSubmenu3 li:first-child a {
		/*border-left:1px solid #000;*/
	}
	
	#butonsSubmenu3 a:hover,
	#butonsSubmenu3 #butoS-inox a:hover
	{
		color:#fff;
		background:#999;
	}

/**************************************************BUTON DE 2 en 2//////////////////////////////////////*/

#butonsSubmenu2 {
		margin:0;
		padding:0;
		background:#000000;
		width:auto;
		float:left;
		border:2px solid #000;
		border-width:2px 0;
	}
	#butonsSubmenu2 li {
		display:inline;
		padding:0;
		margin:0;
		
	}
	#butonsSubmenu2 a:link,
	#butonsSubmenu2 a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:464px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu2 #butoS-fustes a:link,
	#butonsSubmenu2 #butoS-fustes a:visited {
		color:#fff;
		background:#666;
		padding:3px 4px 3px 3px;
		float:left;
		width:465px;
		/*height:25px;*/
		max-height:25px;
		border-right:0px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}

	#butonsSubmenu2 li:first-child a {
		/*border-left:1px solid #000;*/
	}
	
	#butonsSubmenu2 a:hover,
	#butonsSubmenu2 #butoS-fustes a:hover
	{
		color:#fff;
		background:#999;
	}
	
	
	#butonsSubmenu2 #butoS-fustesAct a:link,
	#butonsSubmenu2 #butoS-fustesAct a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:465px;
		/*height:25px;*/
		max-height:25px;
		border-right:0px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
		#butonsSubmenu2 #butoS-revestimentsAct a:link,
	#butonsSubmenu2 #butoS-revestimentsAct a:visited {
		color:#fff;
		background:#333;
		padding:3px 4px 3px 3px;
		float:left;
		width:464px;
		/*height:25px;*/
		max-height:25px;
		border-right:6px solid #000;
		text-decoration:none;
		font:12px Arial, Helvetica, sans-serif;
		/*font:bold 1em/1em Arial, Helvetica, sans-serif;*/
		text-transform:uppercase;
		
	}
	
	#butonsSubmenu2 #butoS-fustesAct a:hover,
	#butonsSubmenu2 #butoS-revestimentsAct a:hover
	 {
		color:#fff;
		background:#333;
		border-right-color:#000;
	}
	/************************************************butons submenu activats*****************************************************************/
	
	
	/************************************************butons submenu activats*****************************************************************/
/*///////////////////////////Final butonera SUBMENU///////////////////////////////*/

/*******************************prova butons submenu activats...****************************/

	#empresa #act a,
	#gamma #act a,
	#quali #act a,
	#novetats #act a,
	#contacte #act a
	{
		background:#333;
		color:#fff;
		
	}
	#empresa #act a:hover,
	#gamma #act a:hover,
	#quali #act a:hover,
	#novetats #act a:hover,
	#contacte #act a:hover
	{
		background: #333333;
	}
	#butonsSubmenu a:active {
		background:#333;
		color:#fff;
	}
	
	
/*/ final activats*/


/*////////////////////////////IMATGES GAMMA/////////////////////////////////////*/
#fotoMenu{
float:left;
/*width:auto;*/
margin-top:6px;
}

.fotoMenu1{
position:relative;
left:-1px;
width:235px;
float:left;
margin-right:2px;
}
.fotoMenu2{
position:relative;
left:0px;
width:235px;
float:left;
margin-right:4px;

}
.fotoMenu3{
position:relative;
left:-1px;
width:235px;
float:left;
margin-right:3px;
}
.fotoMenu4{
position:relative;
left:-1px;
width:236px;
float:left;
}

/* FINAL capa menu///////////*/
/*////////////////////////////IMATGES SUBMENU PARQUET/////////////////////////////////////*/
#fotoSubmenu1{
position:relative;
left:-1px;
width:186px;
float:left;
margin-right:6px;
}
		
#fotoSubmenu2{
position:relative;
left:-1px;
width:185px;
float:left;
margin-right:6px;
}
#fotoSubmenuFi,
#fotoSubmenuFiP{
position:relative;
width:185px;
height:334px;
float:right;
/* lletra */
font-family:Arial, Helvetica, sans-serif;
/*trucu explorer 7...*/
overflow:hidden;
}

#fotoSubmenuTriple{
position:relative;
left:-1px;
width:759px;
float:left;
margin-right:6px;
}
#fotoSubmenu31{
position:relative;
left:-1px;
width:313px;
float:left;
margin-right:6px;
}
#fotoSubmenu31Fi{
position:relative;
left:-1px;
width:312px;
float:left;
}

#fotoSubmenu21{
position:relative;
left:-1px;
width:472px;
float:left;
margin-right:6px;
}
#fotoSubmenu21Fi{
position:relative;
left:-1px;
width:472px;
float:left;
}

/*////////////////////////////FINAL IMATGES SUBMENU PARQUET/////////////////////////////////////*/
/*////////////////////////////IMATGES PARQUET I PAVIMENT/////////////////////////////////////*/
#parquetFons{
float:left;
width:950px;
height:334px;
margin-top:-2px;
background-color:#333;
}

#caixaMenuImatges{
width:934px;
height:318px;
background-color:transparent;
position:relative;
top:8px;
left:8px;

}

#filaDalt{
width:306px;
height:159px;
float:left;
margin-right:8px;
}

#filaDaltFi{
width:306px;
height:159px;
float:right;
margin-right:0px;
clear:right;
}

#filaSota{
width:306px;
height:159px;
float:left;
margin-right:8px;
margin-bottom:0px;
}
#filaSotaFi{
width:306px;
height:159px;
float:right;
margin-right:0px;
margin-bottom:0px;
clear:right;
}


#filaSota3{
width:201px;
height:159px;
float:left;
margin-right:8px;
margin-bottom:0px;
}

#filaSota3Fi{
width:201px;
height:159px;
float:right;
margin-right:0px;
margin-bottom:0px;
clear:right;
}
/*////////////////////////////IMATGES PARQUET I PAVIMENT/////////////////////////////////////*/

/*////////////////////////////subtituls del submenu imatges/////////////////////////////////////*/

.subtitul{
	
	width:185px;
	height:22px;
	margin-top:0px;
	display:block;
	float:left;
}

.subtitul a:link,
.subtitul a:visited{
padding:4px;
text-decoration:none;
color:#FFFFFF;
display:block;
}

.subtitul a:hover{
background-color:#666666;
}

.fotoPequeDalt{
top:0px;
}
.fotoPequeMig{
top:0px;
}
.fotoPequeBaix{
top:0px;
}

/*************************subtituls fotos peques********************/
.subtitul3{
	float:left;
	width:201px;
	height:29px;
	margin-bottom:0px;
	/*padding:4px 0 0 3px;*/
	padding-top:4px;
	padding-left:3px;
	background-color:#333333;
	display:block;
}

.subtitul3 a:link,
.subtitul3 a:visited{
padding-top:4px;
	padding-left:3px;
margin-top:6px;
text-decoration:none;
color:#FFFFFF;
display:block;
}

.subtitul3 a:hover{
background-color:#666666;
}
/***************************tira sobre butons peques********************************************/
#tiraSobre{
	float:right;
	right:8px;
	bottom:60px;
	width:620px;
	height:20px;
	padding:4px 0 0 3px;
	background-color:#333333;
	position:absolute;
}
/***************************Final tira sobre butons peques********************************************/
/*capa DALT TOTAL home//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#dalt{
	width:950px;
	height:367px;
	position:relative;
	top:30px;
	left:20px;
	margin:0px;
	background-color:transparent;
	overflow:hidden;
	z-index:99;
}
#daltIndex{
	width:950px;
	height:620px;
	position:relative;
	top:20px;
	left:20px;
	margin:0px;
	background-color:transparent;
	overflow:hidden;
}
/*capa titols//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#titular{
	width:950px;
	height:5px;
	position:relative;
	top:45px;
	left:20px;
	margin:0px;
	background-color:#fff;
	overflow:visible;
}
#titularIndex{
	width:950px;
	height:5px;
	position:relative;
	top:30px;
	left:20px;
	margin:0px;
	background-color:#fff;
	overflow:visible;
}

	#titol{
		width:600px;
		max-width:630px;
		height:20px;
		position:relative;
		top:-10px;
		left:253px;
		padding-top:2px;
		padding-left:10px;
		background-color:#000;
		/*lletra*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#FFFFFF;
	}

/*capa CAPA CENTRAL //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#centre{
	width:950px;
	/*min-height:200px;*/
	/*display:inline-block; /*prova posicionament*/
	
	height:100%; 
	height:auto !important;
	position:relative;
	top:60px;
	left:20px;
	overflow:visible;
	background-color:transparent;
	
}


#centre2{
	width:806px;
	/*min-height:200px;*/
	/*display:inline-block; /*prova posicionament*/
	
	height:100%; 
	height:auto !important;
	position:relative;
	top:60px;
	left:20px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	background-color:transparent;
	
}

	#esquerra{
		width:253px;
		min-height:229px;
		height:auto !important;
		position:relative;
		top:0;
		left:0;
		/*padding-left:20px;/*prova per les icones*/
		float:left;
		display:inline;
		/*background-image:url(../media/arbre.jpg);
		background-repeat:no-repeat;
		background-color:transparent;
		*/		
			
	}
	
	#esquerraArbre{
		width:253px;
		min-height:229px;
		height:auto !important;
		position:relative;
		top:0;
		left:0;
		/*padding-left:20px;/*prova per les icones*/
		float:left;
		display:inline;
		background-image:url(../media/arbre.jpg);
		background-repeat:no-repeat;
		background-color:transparent;		
			
	}
	
	#esquerraBuit{
		width:253px;
		min-height:229px;
		height:auto !important;
		position:relative;
		top:0;
		left:0;
		/*padding-left:20px;/*prova per les icones*/
		float:left;
		display:inline;
		/*background-image:url(../media/arbre.jpg);
		background-repeat:no-repeat;
		background-color:transparent;*/		
			
	}
	
	#esquerraNovetats{
	position:relative;
	width:235px;
	height:180px;
float:left;
	}
	#esquerraFires{
	position:relative;
	top:5px;
	width:235px;
	height:180px;
	float:left;
	}
	
	#esquerraAdmin{
		width:687px;
		min-height:229px;
		height:auto;
		position:relative;
		top:0;
		left:0;
		/*padding-left:20px;/*prova per les icones*/
		float:left;
		display:inline;
		}
	
	#dreta{
		width:687px;
		min-height:229px;
		height:auto;
		position:relative;
		top:0px;
		float:right;
		background-color:#000;
	}
	
	#dretaAdmin{
		width:253px;
		min-height:229px;
		height:auto;
		position:absolute;
		top:0px;
		left:687px;
		background-color:#000;
	}

ul.big{
	top:270px;
	position:relative;
	display:inline;
}
li.biga{
	list-style:none;
	float:left;
	margin-right:5px;
	width:186px;
	height:330px;
	/*text-align:center;*/
}
li.bigaFi{
	list-style:none;
	float:left;
	margin-right:0px;
	width:186px;
	height:330px;
	/*text-align:center;*/
}
li.biga img, 
li.bigaFi img{
border:1px solid #fff;
}

#mesinfo{
width:910px;
/*height:50px;*/
margin-left:auto;
margin-right:auto;
text-align:center;
color:fff;
top:10px;
margin-top:20px;
}

/*PEU FOOTER/////////////////////////////////////////////*/
#peu { 
 width: 942px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 bottom: -20px !important;
 height: 20px;
 background-color:#666;
 /*lletra*/
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#FFF;
 line-height:11px;
 text-align:left;
 padding-top:4px;
 padding-left:8px;
 /*fi lletra*/
}
/*vincles*/
#peu a:link,
#peu a:active,
#peu a:visited
#peu a{
	text-decoration:none;
	color:#fff;
}
#peu a:hover {
	color:#333333;
}

					/*/////////////////////////////////////////////////*/
					#peuNou { 
							 width: 942px;
							 position:relative;
							 margin-left:auto;
							 margin-right:auto;
							 bottom: -20px !important;
							 height: 55px;
							 background-color:#666;
							 /*lletra*/
							 font-family:Arial, Helvetica, sans-serif;
							 font-size:10px;
							 color:#FFF;
							 line-height:11px;
							 text-align:left;
							 padding-top:4px;
							 padding-left:8px;
							 /*fi lletra*/
							}
							/*vincles*/
							#peuNou a:link,
							#peuNou a:active,
							#peuNou a:visited
							#peuNou a{
								text-decoration:none;
								color:#fff;
							}
							#peuNou a:hover {
								color:#333333;
							}
					
					
					
					
					

#peu2 { 
 width: 942px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 bottom: -30px !important;
 height: 30px;
 background-color:#666;
 /*lletra*/
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#FFF;
 line-height:11px;
 text-align:left;
 padding-top:4px;
 padding-left:8px;
 /*fi lletra*/
}
/*vincles*/
#peu2 a:link,
#peu2 a:active,
#peu2 a:visited
#peu2 a{
	text-decoration:none;
	color:#fff;
}
#peu2 a:hover {
	color:#333333;
}

.peu3{
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:942px;
text-align:center;}
/*FI PEU FOOTER///*/

/*///ISOS//////////////////////////////////////////////////////////////////////////////////////////////////*/
#isos{
	margin:2px;
	padding:0;
	width:auto;
	float:left;
}

#isos li {
		display:inline;
		padding:0;
		margin-top:5px;
		
	}
	
/*///ISOS//////////////////////////////////////////////////////////////////////////////////////////////////*/

/******************icones***********************/

.icones
{
float: left;
width: 124px;
margin:0px 10px 20px 0px;
padding:0;
position:relative;
display:inline; /*prova posicionament*/
}

.icones2
{
width: 110px;
padding:0;

position:relative;
display:inline; /*prova posicionament*/
}

.clearboth { clear: both; }

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

/**************NOTICIES******************************************/

.llista{
min-height:20px;
height:auto;
height: auto !important;
width:245px;
padding-left:8px;
background-color:#333333;
}

.llista a:link,
.llista a:visited 
{
text-decoration:none;
font-size:12px;
color:#fff;
}

.llista:hover{
background-color:#999999;
}


#noti{
height:175px;
width:auto;
background-color:#333;
position:relative;
padding:5px;
margin-bottom:10px;

}

#textNoti{
height:150px;
width:480px;
}

#textNoti2{
height:140px;
width:480px;
position:relative;
margin-top:0px;
top:0;
z-index:0;
overflow:hidden;
}



#fotoNoti{
float:right;
display:inline;
margin:15px 10px auto auto;
height:140px;
width:auto;
background-color: #333;
}

#fotoNoticia{
float:right;
clear:both;
display:inline;
margin:15px 10px auto auto;
height:auto;
width:auto;
background-color: #000;
}

#noticia{
height:175px;
width:auto;
background-color:#000;
position:relative;
padding:5px;
margin-bottom:10px;

}

/**************FINAL NOTICIES************************************/
/*////////////////////////// SALTS DE LINIA/////////////*/

.link{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#999;
	text-transform:uppercase;
}

.link a{
	text-decoration:none;
	color:#999;
}

.link a:hover{
	color: #fff;
}

.link2{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#333;
	background:#ccc;
	width:70px;
	padding-left:8px;
	text-transform:uppercase;
}

.link2 a{
	text-decoration:none;
	color:#333;
}

.link2 a:hover{
	color: #999;
}
.link22{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#333;
	background:#ccc;
	width:70px;
	padding-left:8px;
	margin-top:5px;
	text-transform:uppercase;
}

.link22 a{
	text-decoration:none;
	color:#333;
}

.link22 a:hover{
	color: #999;
}

.idi{
	margin-right:30px;
	text-align:right;
	margin-top:-11px;
}
#mail,
#mail a,
#mail a:active,
#mail a:link,
#mail a:visited{
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 text-decoration:none;
}
#mail a:hover{
color:#333333;
border:0;
}


.salt{
	float:left;
	clear:both;
	margin-top:5px;
}
.saltG{
	float:left;
	clear:left;
	margin-top:10px;
}
.negreta{
	font-weight:bold;
}
.cursiva{
	font-style:italic;
}

p {
    margin: 12px 0 0;
  }

h1{
	margin:3px auto auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}

h1 a:link,
h1 a:visited{
text-decoration:none;
color:#fff;
}

h1 a:hover{
color:#999999;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}

h3 a:link,
h3 a:visited{
text-decoration:none;
color:#fff;
}

h3 a:hover{
color:#999999;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:none;
	margin:8px auto 4px auto;
	text-transform:uppercase;
}

h4 a:link,
h4 a:visited{
text-decoration:none;
font-weight:none;
font-size:11px;
color:#fff;
}

h4 a:hover{
color:#999999;
font-weight:none;
font-size:11px;
}

/**********COLORS FORMULARI ENTRADA*******************/

#taulaForm{
margin:auto;
color:#999999;
}

#taulaForm input{
background-color:#CCCCCC;
}

/********** TANCA SESSIO INTRANET*******************/
#tanca_sessio,
#tanca_sessio a:active,
#tanca_sessio a:link,
#tanca_sessio a:visited{
text-decoration:none;
color:#fff;
}

#tanca_sessio a:hover{
color:#990000;
}

/*///////// prova gallery //////////////////*/

	ul.gallery {
		list-style: none;
		margin: 0 auto 10px auto;

	}
	
		ul.gallery li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
		}
		
			ul.gallery li a {
				padding: 2px;
				display: block;
				border: 4px #000 double;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 0;
			}
			
			ul.gallery li a:hover { border: 4px #000 double; }
			
	ul.textGallery li {
		width: 180px;
		text-align: center;
		padding: 10px 10px 0 10px;
		border: 1px /*#bdc2c4*/#000 solid;
		margin: 0 5px 5px 0;
		font-size: 0.8em;
	}
		ul.textGallery li:hover { background: #edeeef; }
	
		ul.textGallery li img { display: block; margin: 0 auto 10px auto; border: 1px /*#bdc2c4*/#000 solid; padding: 3px; }