/* Versio 2 del css de Decorinox 2000 SL 
*/

/* General Structure */
    body, td, th, input { /* redundant rules for bad browsers  */
            font-family: verdana, sans-serif;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;
		font-family: arial, verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#header h1 { border: 0; }

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }

.homepage p {
	margin: 0 0 0.6em 0;
	line-height: 140%;	
}

#container {
	max-width: 70em;
	margin: 0 auto;
}


/* body */

	body {
		background: #fff url("../imatges/body_back.gif") repeat-x;
		min-width: 610px;
		margin: 20px;
		color: #000;
	}	

/* Header */	

	#header {
		background: #00768f url("../imatges/header_bl.png") bottom left repeat-x;
		position: relative;
		min-height: 39px;
		height: 3em;
		padding: 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		/*height: 3em;*/
		padding: 15px 0;
		margin-bottom: 1em;
	} 
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		background: url("../imatges/header_tl.gif") no-repeat;
		height: 8px;
		z-index: 100; /* above the UL */
	}
	#header h1 a {
		display: block;
		width: 150px;
		height: 70px;
		background: transparent url("../imatges/header_logo_dx.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	}	
	#header ul {
		width: auto;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 55px 0 0;
		list-style: none;
		background: url("../imatges/header_br.gif") no-repeat bottom right;
		z-index: 90; /* below the H1 */
	}
	#header li {
		float: right;
		background: transparent url("../imatges/header_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #515358;
		display: inline;		
		white-space: nowrap;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("../imatges/header_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	
	body.seccioLocalitzacio li#menu_localitzacio a,
	body.seccioPiscines li#menu_piscines a,
	body.seccioIndustrials li#menu_industrials a,
	body.seccioDecoratius li#menu_decoratius a,
	body.seccioEmpresa li#menu_empresa a {
		background-position: 0% -200px;
		color: #039;
	}
	
	body.seccioLocalitzacio li#menu_localitzacio,
	body.seccioPiscines li#menu_piscines,
	body.seccioIndustrials li#menu_industrials,
	body.seccioDecoratius li#menu_decoratius,
	body.seccioEmpresa li#menu_empresa {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}
	
	body.seccioLocalitzacio li#menu_localitzacio:hover,
	body.seccioPiscines li#menu_piscines:hover,
	body.seccioIndustrials li#menu_industrials:hover,
	body.seccioDecoratius li#menu_decoratius:hover,
	body.seccioEmpresa li#menu_empresa:hover {
		background-position: 100% 0%;
	}
	
	body.seccioLocalitzacio li#menu_localitzacio:hover a,
	body.seccioPiscines li#menu_piscines:hover a,
	body.seccioIndustrials li#menu_industrials:hover a,
	body.seccioDecoratius li#menu_decoratius:hover a,
	body.sectionStore li#menu_store:hover a {
		background-position: 0% 0%;
		color: #333;
	}
	#header_right  {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("../imatges/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}

#header_right a {
  font-weight: bold;
  text-decoration: none;
}
#header_right a:link { color: #78bc23; } 
#header_right a:hover { color: #fff; } 
#header_right a:visited { color: #78bc23;  } 
#header_right a:visited:hover { color: #fff;  } 

h2 a { text-decoration: none; }
h2 a:link { color: #000; }
h2 a:visited { color: #000; }
h2 a:hover { color: #039; }

.download h3 :link,
.download h3 :visited,
.download h3 :link:active, .download h3 :visited:active {
		color: #1D9101;
	}
	
	.download h3 :link:hover, .download h3 :visited:hover {
		color: #156B01;
	}
	
	.download li {
		padding: 0;
		margin: 0;
	}
	.download ul {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		list-style: none;
	}
	.download a:link { color: #666; }
	.download a:visited { color: #666; }
	.download a:hover { color: #000; background: #b1ea83}
	.download:before {
		line-height: 0.1;
		font-size: 1px;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../imatges/download_tl.gif");
	}
	.download {
		background: #C4EFA1;		
		padding: 13px 45px 15px 15px;
		width: 220px;
		margin-top: 40px;
		margin-bottom: 58px;
	}
	.download:after {
		display: block;
		padding-top: 0px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/download_bl.gif");
		margin: 15px -45px -15px -15px;
		height: 8px;
		background: transparent url("../imatges/download_br.gif") scroll no-repeat bottom right ;
	}

	.sport h3 :link,
	.sport h3 :visited,
	.sport h3 :link:active, .sport h3 :visited:active {
		color: #1D9101;
	}
	
	.sport h3 :link:hover, .sport :visited:hover {
		color: #156B01;
	}
	
	.sport:before {
		background: transparent url("../imatges/key-point_tr.gif") no-repeat top right;
		line-height: 0.1;
		font-size: 1px;
		margin: -15px -15px -15px -15px;
		padding-right: -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../imatges/key-point_tl.gif");
	}
	.sport {
		float: none;
		background: #C4EFA1;		
		padding: 15px 15px 15px 15px;
		width: 180px;
		margin-top: 60px;
		margin-left: 700px;
		margin-bottom: 58px;
	}
	.sport:after {
		display: block;
		padding-top: 0px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/key-point_bl.gif");
		margin: 15px -15px -15px -15px;
		height: 8px;
		background: url("../imatges/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.esport h2 {
		color: #156B01;
		text-align: center;
	}
	
	.esport h3 {
		text-align: right;
	}
	.esport h3 :link,
	.esport h3 :visited,
	.esport h3 :link:active, .esport h3 :visited:active {
		color: #1D9101;
	}
	
	.esport h3 :link:hover, .esport :visited:hover {
		color: #156B01;
	}
	
	.esport {
		float: left;
		background: #fff;
		width: 100%;
	}
	
	.imatge_esport:before {
		background: transparent url("../imatges/key-point_tr.gif") no-repeat top right;
		line-height: 0.1;
		font-size: 1px;
		height: 15px;
		display: block;
		border: none;
		content: url("../imatges/key-point_tl.gif");
	}
	.imatge_esport {
		background: #fff url("../imatges/basquet_bellpuig.png") no-repeat;		
		height: 433px;
		width: 550px;
		margin-left: 20%;
		margin-top: 10px;
	}
	.imatge_esport:after {
		display: block;
		padding-top: 410px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/key-point_bl.gif");
		height: 8px;
		background: url("../imatges/key-point_br.gif") scroll no-repeat bottom right ;
	}

	.empresa {
		float: left;
		background: #fff;
		width: 600px;
		padding: 15px;
		margin-bottom: 1em;
	}

	.imatge_empresa:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../imatges/key-point_tr.gif") no-repeat top right;
		margin-bottom: -8px;
		height: 8px;
		display: block;
		border: none;
		content: url("../imatges/key-point_tl.gif");
	}
	.imatge_empresa {
		float: left;
		background: #fff url("../imatges/imatge_nau.jpg") no-repeat;
		height: 183px;
		width: 905px;
	}
	.imatge_empresa:after {
		display: block;
		clear: both;
		margin-top: 22px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/key-point_bl.gif");
		padding-top: 154px;
		height: 8px;
		background: url("../imatges/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.localitzacio li {
		padding: 0;
		margin: 0;
	}
	.localitzacio ul {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		list-style: none;
	}
	.localitzacio:before {
		background: transparent url("../imatges/key-point_tr.gif") no-repeat top right;
		line-height: 0.1;
		font-size: 1px;
		margin-left: -10px;
		height: 15px;
		display: block;
		border: none;
		content: url("../imatges/key-point_tl.gif");
	}
	.localitzacio {
		float: left;
		background: #C4EFA1;		
		width: 300px;
		padding-left: 10px;
		margin-top: 40px;
	}
	.localitzacio:after {
		display: block;
		margin-left: -10px;
		padding-top: 20px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/key-point_bl.gif");
		height: 8px;
		background: url("../imatges/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.mapa1 {
		float: none;
		background: #fff url("../imatges/mapa1.gif") no-repeat;		
		height: 217px;
		width: 282px;
		margin-left: 450px;
		margin-top: 50px;
	}
	
	.mapa2:before {
		background: transparent url("../imatges/key-point_tr.gif") no-repeat top right;
		line-height: 0.1;
		font-size: 1px;
		height: 15px;
		display: block;
		border: none;
		content: url("../imatges/key-point_tl.gif");
	}
	.mapa2 {
		float: left;
		background: #000 url("../imatges/mapa2.gif") no-repeat center;		
		height: 325px;
		width: 504px;
		margin-left: 300px;
		margin-top: 100px;
		margin-bottom: 30px;
	}
	.mapa2:after {
		display: block;
		padding-top: 302px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/key-point_bl.gif");
		height: 8px;
		background: url("../imatges/key-point_br.gif") scroll no-repeat bottom right ;
	}
/* Footer */

	#footer {
		clear: both;
		margin-top: 1em;
		border-top: 1px solid #999;
		margin: 2em 0;
		padding: 1em 0;
		text-align: center;
	}
	
	#footer ul {
		margin: 0 0 1em 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
	}
	
	#footer p {
		margin: 0.6em 0;
		font-size: 10px;
	}

	#footer span,#footer a {
		white-space: nowrap;
		padding: 0 1em;
	}
	
	#footer p span,#footer p a {
		white-space: nowrap;
		padding: 0 0.3em;
	}
	
	#footer span a {
		padding: 0;
	}
	
	#footer p,#footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
		background: #d4dec8;
	}

	hr.hide {
		display: none;
	}

	.key-point:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../imatges/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../imatges/key-point_tl.gif");
	}
	.key-point {
		background: #ecefe8 url("../imatges/nau_nova2.jpg") bottom right no-repeat;
		height: 400px;
		padding: 15px;
		margin-bottom: 1em;
	}
	.key-point:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../imatges/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../imatges/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
		border: none;
		margin-top: 0;
	}
	
	.key-point h2 img { 
		margin-left: 80px; 
	}