@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#737373;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
		background-image:url(../imatges/top.jpg);
		background-repeat:no-repeat;
		background-position: center top;
	
}
a {
	color: #b60000;
	}
/*///////////////////////////////////////////////////////*/
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px; 
    }
h1, h2, h3, h4, h5 {
	padding: 0 0 10px 0;
	margin: 0;

}

.undisplayed {
	display: none;
}

.alert {
	background-color: #6A0000;
	color: #FFDFDF;
	margin:20px;
	padding:10px;
	border:1px solid #A80000;
}
.alertOK {
	background-color:#336600;
	color: #DFFFBF;
	margin:20px;
	padding:10px;
	border:1px solid #669900;
}
.boxes{
	border: 1px solid #CCCCCC ;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	color: #333;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	background-color: #FFFFFF ;
}
.buttons{
	background-image: url(../imatges/send.jpg);
	background-repeat: repeat-x;
	color: #333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid gray;
}
.send{
	background-image: url(../imatges/enviar.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #CCCCCC;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: none;
	width: 79px;
	height: 15px;
	margin: 0;
	padding: 0;
}
.padin10 {
padding: 10px 0;

}
.formitem {
margin: 4px 0;
padding: 3px;
background-color: #F3F3F3;
border: 1px solid #CCCCCC;
}
.formgroup {
	background-color: #E4E4E4;
	padding: 6px;
	margin: 8px 0;
	border: 1px solid #999999;

}
.send em {
display: none;

}
.ColumnaIzq-inicial {	
	float: left;
	width: 578px;
	padding: 0 0 50px 0;
	margin: 25px 0 0 0;
	text-align: left; 
}

.ColumnaIzq {	
	float: left;
	width: 200px;
	padding: 0 0 10px 15px;
	
	text-align: left; 
	background-image:url(../imatges/sep-v.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.ColumnaDer-inicial {
	text-align:left;
	float: right;
	width:190px;
	padding: 0 10px 0 0;
	margin:0 0 0 0 ;
}
.ColumnaDer {
	
	text-align:left;
	float: right;
	width:525px;
	padding: 0 20px 0 0;
	margin:0 0 0 0 ;
	
}
.col-left {
	
	float: left;
	width: 300px ;
	padding: 0;
	
}
.col-right {
	
	text-align:left;
	float: right;
	width:300px;
	padding: 0 15px 0 0;
	
}
/*///////////////////////////////////
/////////////////////////////////////
	FINAL OBLIGATORIS
/////////////////////////////////////
///////////////////////////////////*/


.content {
	width: 1000px;
}
.top {
	background-image:url(../imatges/top.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height: 223px;
	padding: 0;
margin: 0;
}
.mid {
background:url(../imatges/mid.jpg) center top no-repeat;
background-color: #FFFFFF;
padding: 0;
margin: 0;
} 
/*///////////////////////////////////////////////////////*/
.size-8 {
	font-size: 10px;


}
#footer{

	
	height: 90px;	
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
}
/* For ie 6*/

.bottom { background:url(../imatges/bottom.jpg) center top no-repeat;
padding: 10px 0 20px 0;
color: #E2E2E2;
font-size: 10px;

}
.bottom strong{
color: #FFFFFF;

}
.bottom a {
color: #CCCCCC;
}
.bottom a:hover {
background-color:#CCCCCC;
color: #424242;
text-decoration:none;
}
.rootin {
	color: #999999;
	text-align: left;
	font-size: 10px;
	height: 26px;
	border: 1px solid #d3d3d3;
	background-color: #f5f5f5;
	margin: 7px 10px;
	
	}
	.rootin a {
	display:block;
	float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#999999;
		text-decoration: none;
		padding:  7px 7px 7px 4px;
		background-image: url(../imatges/rootin-sep.jpg);
		background-repeat:no-repeat;
		background-position:center right;
	}

		.rootin a:hover  { color: #d51c38;	}
.newsposts, .newsposts a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	
}
.newsposts h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 16px;
	text-decoration: none;
	margin: 3px 0;
	
}
.newsposts div {
display: block;

}

.notice01 {
		float: left; 
    	width:160px;
		padding: 0;
    	margin: 10px 0 0 0;
	}
.notice01 a img{
	border: 3px solid #666666;
}
.notice01 a:hover img{
	border:3px solid  #D11F35;
	

}
.notice02 {

		margin: 5px 10px 0  180px;
 min-height: 120px;
	}
.notice02 .fechas {
	background-image: url(../imatges/data.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color: #d51c38;	
	display: block;
	font-size: 10px;
	height: 22px;
	padding: 1px 0 0 10px;

}
.img-selects span{
	margin:10px 1px 1px 1px;
	width: 100px;
	height: 100px;
}
.img-selects img{ border: 3px solid #CECECE;
}
.img-top-left { background-image:url(../imatges/img-top-left.gif); background-repeat:no-repeat; background-position: top right;}
.img-top-back { width:auto;  background-image:url(../imatges/img-top.jpg); background-repeat:no-repeat;}
.img-bot { background-image:url(../imatges/img-bot.gif); background-repeat:no-repeat; background-position: bottom right;}
.img-bot-right {padding: 8px; background-image: url(../imatges/img-bot-right.gif); background-position: bottom left; background-repeat:no-repeat;}
#principal {
   margin:0 auto;
} 
.contenedorfoto {
     float:left;
   width:120px;
   height:120px;
   margin: 5px;
   padding:4px;
   text-align:center;
} 
.post-body {

 max-width:120px;

 max-height:120px;
}
/*///////////////////////////////////////////////*/
/*/////////////////////////////////  STYLE */
/*/////////////////////////////////////////////*/
h1, h2, h4, h3 {
	 font-weight: normal; 
	color: #1C73D2;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 { font: normal normal normal 2.6em "Arial Narrow",Arial, Helvetica, sans-serif; color: #b60000; padding: 0 0 14px 0; }

h2 { font: normal normal normal 1.8em Arial, sans-serif; color: #b60000;}

h3 { font: normal normal normal 1.5em Arial, sans-serif; color: #b60000;}

h4 { font: normal normal normal 1.0em Arial, sans-serif; }

h5 { font: normal normal normal 0.9em Arial, sans-serif; }

h6 { font: normal normal normal 0.8em Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Arial Narrow",Arial, Helvetica, sans-serif; }

.box-contents {
background-color:#191919;
padding: 6px;
text-align: left;
margin: 10px 0;
}
.box-contents h1 a {
	color: #b60000; text-decoration:none;
}
.boxes-noticies {
	color: #a9a9a9;
	text-align: left;
}
.boxes-noticies h1 a {
	color: #b60000; text-decoration:none;
}
.boxes-noticies h1 a:hover, .box-contents h1 a:hover {
	text-decoration: underline;
}
.text, .text a{
	color:  #999;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-decoration: none;
}
.text a {
	color: #414141;
	text-decoration: none;
	padding: 0 2px;
}

.textform, .textform a{
	color:  #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-decoration: none;
}
.textform a {
	color: #b60000;
	text-decoration: underline;
	padding: 0 2px;
}
.textform a:hover {
	background-color:#b60000;
	color:#ffffff;
}
.tittle {
	color: #414141;
	font-size: 14pt;

}
.text a:hover {
	background-color:#414141;
	color:#ffffff;
}
.language {
	display:block;
	background-image:url(../imatges/langback.jpg);
	background-repeat: no-repeat;
	background-position:center;
	width: 72px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration: none;
	text-align: center;
	margin: 0 5px;
}
.language a {
text-decoration: none;
}
.lang {
	text-decoration: none;
	font-size: 11px;
	color:  #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	padding: 7px 0 0 500px;
}
.lang a {
	color:  #ffffff;
	text-decoration: none;
	padding: 0 2px;
}
.lang a:hover {
	color:#287DD8;
	background-color:#FFFFFF;

}

/*///////////////////////////////////////////////*/
/*/////////////////////////////////  LISTS */
/*/////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/
/*/////////////////////////////////  MENU TOP */
/*/////////////////////////////////////////////*/

.menu {
height: 71px;
text-align:center;

margin:0 0 0 10px;
	padding:0;
}
#nav{
	width:990px;
	margin:0;
	padding:0;
	}
	
#nav ul{
	display: inline;
	padding: 0;
	margin:0;
	list-style: none;
	} 
  
#nav li{
	float:left;
	display: inline;
	margin:8px 0 0 0;
	padding:0;
	}
	

#nav ul li a {
	float:left;
	width:122px;
	height:63px;
	margin:0;
	padding: 0;
	display:inline;
	color:#FFFFFF;	
	text-decoration: none;
	text-align:center;
 	font-size:9px;
 	font-weight:bold;
	}

#nav ul li a:hover, #nav a#here {
	
color: #FF6600;
	}
	
#nav li a.grup{
	background-image:url(../imatges/v-grup.jpg);

	background-position:bottom center;
	background-repeat: no-repeat;
	}
	#nav li a.grup:hover, .grup-active {
	background-image:url(../imatges/v-grup-h.jpg);
	}
#nav li a#here.inici, #nav li a.inici:hover{
	
	background-repeat: no-repeat;
	text-decoration:none; 
	color: #FF6600;
	}

#nav li a.enderrocs{
		background-image:url(../imatges/v-enderrocs.jpg);

	background-position:bottom center;
	background-repeat: no-repeat;
	}
	#nav li a.enderrocs:hover, .enderrocs-active {
	background-image:url(../imatges/v-enderrocs-h.jpg);
	}
#nav li a.contenidors{
		background-image:url(../imatges/v-contenidors.jpg);

background-position:bottom center;
	background-repeat: no-repeat;
	}
	#nav li a.contenidors:hover, .contenidors-active {
	background-image:url(../imatges/v-contenidors-h.jpg);
	}
#nav li a.excavacions{
		background-image:url(../imatges/v-excavacions.jpg);

	background-position:bottom center;
	background-repeat: no-repeat;
	}
	#nav li a.excavacions:hover, .excavacions-active {
	background-image:url(../imatges/v-excavacions-h.jpg);
	}
#nav li a.reciclarids{
		background-image:url(../imatges/v-reciclarids.jpg);

	background-position:bottom center;
	background-repeat: no-repeat;
	}
	#nav li a.reciclarids:hover, .reciclarids-active {
	background-image:url(../imatges/v-reciclarids-h.jpg);
	}
#nav li a.reciclarids-osona{
		background-image:url(../imatges/v-reciclarids-osona.jpg);

background-position:bottom center;
	background-repeat: no-repeat;
	}
	#nav li a.reciclarids-osona:hover, .reciclarids-osona-active {
	background-image:url(../imatges/v-reciclarids-osona-h.jpg);
	}
	
#nav li a.desferres {
	background-image:url(../imatges/v-desferres-osona.jpg);
	background-position:bottom center;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	#nav li a.desferres:hover, .desferres-active {
	background-image:url(../imatges/v-desferres-osona-h.jpg);
	}
#nav li a.pujalt {
	background-image:url(../imatges/v-pujalt-verd.jpg);
background-position:bottom center;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	#nav li a.pujalt:hover, .pujalt-active {
	background-image:url(../imatges/v-pujalt-verd-h.jpg);
	}

#nav li a#here, #nav li a:hover{
	
	background-repeat: no-repeat;
	text-decoration:none; 
	color: #FF6600; 
	}	

/*---------------------MENU-------------------*/


.nav {  

	list-style:none;
	margin: 0 ;
	padding: 0 0 0 5px;
	text-align: left;
	
	
	}
.nav ul { 
	
	list-style:none;
	margin:0;
	padding:1px 0 10px 0;
	width:200px;
	
}
.nav li {
	margin:0 0 0 0;
	padding:0; 
	width:200px;
}

.nav li a {
	background-image: url(../imatges/menu-arrow.gif);
	background-repeat:no-repeat;
	background-position: 2px 7px;
	display:block;
	width:200px;
	padding:4px 0 4px 16px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.nav li a:hover {
	color:#b60000;
	
}
#active{
}
#subactive{
color: #AA1521;
}
#subsubactive{
color:#000000;
}
#subsubsubactive {
color:#b60000;
}
.undisplayed {
	display:none;
	}
	.nav ul ul {
	background-image: none;
	width:220px;
	margin: 0; 
	padding: 0;
	background-color:#f5f5f5;
	border: 1px solid #dfdfdf;
	}
	.nav ul ul ul {
	background-image: none;
	margin:0  5px 0 5px; 
	width:208px;
	background-color: #EEEEEE;
	border: 1px solid #dfdfdf;
	} 
	.nav ul ul ul ul {
	background-image: none;
	width:200px;
	
	} 
	.nav ul ul ul ul  ul {
	background-image: none;
	width:200px;
	
	} 
	.nav li li {
	margin:0 ;
	}
	.nav li li a {
		background-image:url(../imatges/menu-item-sub.jpg);
		background-position: 0 5px;
		width:200px;
		color: #666666; 
			padding:3px 0 3px 14px;
			font-size: 11px;
	}
	.nav li  li a:hover {
	
		color:#b60000;
	}
		.nav li li li a {
			background-image:url(../imatges/menu-item-sub-sub.gif);
			background-position: 3px 5px;
			width:180px;
			color: #666666;
		}
		.nav li li li a:hover {
			color:#b60000;
		}
			.nav li li li li a {
				background-image:url(../imatges/subsubsub-apa-arrow.gif);
				
				width:170px;
				color: #999999;
			}
			.nav li li li li a:hover {
				color:#b60000;
			
			}
					.nav li li li li li a {
						background-image:url(../imatges/subsubsub-apa-arrow.gif);				
						width:160px;
						color: #ccc;
					}
					.nav  li li li li li li a:hover {
					color:#b60000; background-image:url(../imatges/subsubsub-apa-arrow-on.gif);
			
				}
			
/*////////////////////////// Sitemap //////////////////////////*/

.sitemap {  

	list-style:none;
	margin: 0 ;
	padding: 0 0 0 5px;
	text-align: left;
	
	
	}
.sitemap ul { 
	
	list-style:none;
	margin:0;
	padding:1px 0 0 0;
	width:200px;
	
}
.sitemap li {
	margin:0 0 0 0;
	padding:0; 
	width:200px;
}

.sitemap li a {
	background-image: url(../imatges/menu-arrow.gif);
	background-repeat:no-repeat;
	background-position: 2px 9px;
	display:block;
	width:200px;
	padding:5px 0 5px 16px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.sitemap li a:hover {
	color:#b60000;
	
}
#active{
}
#subactive{
}
#subsubactive{
}
.undisplayed {
	display:none;
	}
	.sitemap ul ul {
	background-image: none;
	width:500px;
	margin: 0 0 0 10px; 
	
	}
	.sitemap ul ul ul {
	background-image: none;
	width:180px;
	
	} 
	.sitemap ul ul ul ul {
	background-image: none;
	width:500px;
	
	} 
	.sitemap ul ul ul ul  ul {
	background-image: none;
	width:500px;
	
	} 
	.sitemap li li {
	margin:0 0 0 4px;
	}
	.sitemap li li a {
		background-image:url(../imatges/menu-item-sub.jpg);
		background-position: 2px 5px;
		width:500px;
		color: #666666; 
			padding:4px 0 5px 14px;
			font-size: 12px;
	}
	.sitemap li  li a:hover {
	
		color:#b60000;
	}
		.sitemap li li li a {
			background-image:url(../imatges/menu-item-sub-sub.gif);
			
			width:500px;
			color: #999999;
		}
		.sitemap li li li a:hover {
			color:#b60000;
		}
			.sitemap li li li li a {
				background-image:url(../imatges/subsubsub-apa-arrow.gif);
				
				width:500px;
				color: #999999;
			}
			.sitemap li li li li a:hover {
				color:#b60000;
			
			}
					.sitemap li li li li li a {
						background-image:url(../imatges/subsubsub-apa-arrow.gif);				
						width:500px;
						color: #ccc;
					}
					.sitemap  li li li li li li a:hover {
					color:#b60000; background-image:url(../imatges/subsubsub-apa-arrow-on.gif);
			
				}
/*////////////////////////////////////////////////////////////
{if $section=='index'}grup{/if}{if $section=='enderrocs'}enderrocs{/if}{if $section=='contenidors'}contenidors{/if}{if $section=='excavacions'}excavacions{/if}{if $section=='reciclarids'}reciclarids{/if}{if $section=='reciclarids-osona'}reciclarids-osona{/if}{if $section=='desferres'}desferres{/if}{if $section=='pujalt'}pujalt{/if} ///////////////////////////////////////////////////////*/
.t-grup  {  background-image:url(../imatges/t-grup.jpg); background-position:center top;
}
.t-enderrocs {   background-image:url(../imatges/t-enderrocs.jpg);background-position:center top;
}

.t-contenidors  {   background-image:url(../imatges/t-contenidors.jpg);background-position:center top;
}

.t-excavacions  {   background-image:url(../imatges/t-excavacions.jpg);background-position:center top;
}

.t-reciclarids  {   background-image:url(../imatges/t-reciclarids.jpg);background-position:center top;
}

.t-reciclarids-osona  {   background-image:url(../imatges/t-reciclarids-osona.jpg);background-position:center top;
}

.t-desferres  {   background-image:url(../imatges/t-desferres.jpg);background-position:center top;
}

.t-pujalt  {   background-image:url(../imatges/t-pujalt.jpg); background-position:center top;
}

/* Easy Slider */
#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:733px;
		background:#fff;		
		margin-bottom:0;
		}	
#content{
		position:relative;
		}	
  .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:733px;
		height:206px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:71px;
		}	
	#nextBtn{ 
		left:704px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
.rsscanal a {
	display: block;
	padding: 1px 0 1px 22px;
	margin: 3px 0;
	background-image: url(../imatges/i-rss.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 12px;
	text-decoration:none;
	color:#333333;
}
.rsscanal a:hover {
color: #CC0000;

}