@charset "utf-8";

/*-------------- Generics / Reset --------------*/
body, input, select, textarea { color: #6e6f74; font-family: Arial, Helvetica, sans-serif;} 
body { background-color: #FE9900;} 
#sidebar h2, #sidebar h3, #central h2 { font-family: VAGRounded, "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;font-weight: normal;}   
a { text-decoration: none; color: #ff9630;}
a:hover { text-decoration: underline;}
p { line-height: 1.2em; font-size: 14px;}
.se, .sd, .ie, .id { position: absolute; display: block; width: 10px; height: 10px;}
.se { left: 0; top: 0;}
.sd { right: 0; top: 0;}
.ie { left: 0; bottom: 0;}
.id { right: 0; bottom: 0;}       

/*-------------- Estructura --------------*/
#wrapper {
	width: 97em;
	margin: 0 auto;
	background:#FFFFFF;       
} 
/*-------------- main --------------*/
#main-content {
	padding-top: 3.5em; 
	padding-right:1em;     
}
#central {
	float: left;
	width: 62em;  
	margin-right: 1em;
	padding-left: 2em; 
} 

#central .banner-destacat {
	margin-bottom: 3em;
} 

#central .banner-destacat img {
}

#central h2 {
	color: #6e6f74;
	font-size: 30px;
} 

#central .box-blocs, #central .box-galeria,#central .box-video, #central .box-classificats {
	margin-bottom: 2em;
}

/*-------------- Els blocs més vistos --------------*/      
#central .box-blocs {
	clear: both;
} 


#central .box-blocs h2 {
	color: #6e6f74;
	background: url("../images/ico-blocs.gif") no-repeat;
	padding: 0 0 22px 60px;
}    

#central .box-blocs .content p span, #central .box-classificats .content p span {
	color: #FF9630;
}  

#central .box-blocs h3 {
	color: #FF9630;
	font-size: 2em;
	font-weight: normal; 
} 

#central .box-blocs h4 a {
	color: #6E6f74;
}

#central .box-blocs h4 {
	font-size: 1.6em; 
	padding-bottom: 0.3em;
	font-weight: normal;
}  

#central .box-blocs .content {
	width: 27.5em;
	height: 20.5em;
	float: left;
	border-bottom: 2px solid #EDEDEE; 
	padding-bottom: 1em;  
	margin: 1em;
	overflow: hidden;
}

#central .box-blocs .content img.mes {
	float: none; 
	margin-left: 0.2em; 
}

/* galeria */
.galeria .jcarousel-container-horizontal {
	width: 62em;
}
.galeria .jcarousel-container-vertical {
	height: 44.2em;
	padding: 20px 0;
}
.galeria .jcarousel-clip-horizontal {
	width: 58em;
}
.galeria .jcarousel-clip-vertical {
	height: 44.2em;
}
.galeria .jcarousel-item {
	width: 142px;
	height: 10.5em;
	overflow: hidden;
	position: relative;
}
	.galeria .jcarousel-item .peu-foto ,.galeria-album .peu-foto, .resultats-img .peu-foto{
		display: none;
		position: absolute;
		left: 0;
		bottom: 0;
		padding: .3em;
		opacity: .7;
		filter: alpha(opacity = 70);
		background: #000;
		color: #FFF;
		width: 9.4em;
	}
	.galeria-album .peu-foto{
		left: 2px;
	}
	.galeria .jcarousel-item:hover .peu-foto, .galeria .jcarousel-item.hover .peu-foto, .galeria-album li:hover .peu-foto,.galeria-album li.hover .peu-foto,.resultats-img li:hover .peu-foto,.resultats-img li.hover .peu-foto{
		display: block;
	}
.box-galeria .jcarousel-item img{
	width:14em;
}
.galeria .jcarousel-item-horizontal {
/*	margin-right: .2em; */
	margin-right: 0em;
}
.galeria .jcarousel-item-vertical {
	margin-bottom: .2em;
	width:14em;
}
.galeria .jcarousel-prev-horizontal, .galeria .jcarousel-next-horizontal {
	position: absolute;
	width: 18px;
	height: 105px;
	top: 0;
}
.galeria .jcarousel-prev-horizontal {
	left: 0;
	background: url(../images/pag-anterior.gif) no-repeat 0 0;
}
.galeria .jcarousel-next-horizontal {
	right: 0;
	background: url(../images/pag-seguent.gif) no-repeat 0 0;
}
.galeria .jcarousel-prev-vertical, .galeria .jcarousel-next-vertical {
	position: absolute;
	width: 140px;
	height: 18px;
	left: 2px;
}
.galeria .jcarousel-prev-vertical {
	top: 0;
	background: url(../images/pag-anterior-vert.gif) no-repeat 0 0;
}
.galeria .jcarousel-next-vertical {
	bottom: 0;
	background: url(../images/pag-seguent-vert.gif) no-repeat 0 0;
}
.box-blocs .jcarousel-item-horizontal {
	width: 62em;
	height: auto;
	margin-right: 0;
}
.box-blocs .jcarousel-prev-horizontal, .box-blocs .jcarousel-next-horizontal {
	position: absolute;
	width: 15px;
	height: 19px;
	top: auto;
	bottom: -1.4em;
	cursor: pointer;
}
.box-blocs .jcarousel-prev-horizontal {
	left: auto;
	right: 1.6em;
	background: url(../images/bot-anterior.gif) no-repeat 0 0;
}
.box-blocs .jcarousel-next-horizontal {
	right: 0;
	background: url(../images/bot-seguent.gif) no-repeat 0 0;
}

/* --- */

#central .avatar img, img.img-destacada {
	width: 40px;
	height: 40px;
}   

#central .box-blocs .foto-bloc {
	width: 90px;
	height: auto;
	float: left; 
	float: left;
	margin: 0 0.5em 0 0;
} 

#central .avatar {
	float: left; 
	margin: 0 0.5em 0 0;  
}     

#central .box-blocs .foto-bloc img {
	width: 90px;
} 
#central .box-blocs h2 a {
	color: #6e6f74;
}

/*-------------- Els à lbums més vistos --------------*/      

#central .box-galeria h2 {
	color: #6e6f74;
	background: url("../images/ico-galeria.gif") no-repeat;
	padding: 0 0 .4em 2em;
	margin-bottom:0.5em;
}
#central .box-galeria h2 a {
	color: #6e6f74;
}

/*-------------- Els videos més vistos --------------*/        
#central .box-video h2 {
	color: #6e6f74;
	background: url("../images/ico-video.gif") no-repeat;
	padding: 0 0 .8em 2em;
	margin-bottom:0.5em;
}

#central .box-video h2 a {
	color: #6e6f74;
}
/*-------------- Els classificats més vistos --------------*/      

#central .box-classificats h2 {
	color: #6e6f74;
	/*font-size: 3em;*/
	background: url("../images/ico-classificats.gif") no-repeat;
	padding: 0 0 .4em 1.8em;
}    

#central .box-classificats h3 {
	color: #ff9630;
	font-size: 1.7em;
	font-weight: normal; 
	padding-bottom: 0.2em;
}   

#central .box-classificats .content {
	width: 27.5em;  
	float: left;
	height: 7.5em;
	overflow: hidden; 
	padding-bottom: 2em;
	border-bottom: 2px solid #EDEDEE;
	margin: 0.5em 1em;  
} 

/*-------------- formularis --------------*/
#central form {}
	#central form p {
		margin-bottom: .4em;
	}
	#central form p.form-info {
		font-size: 1.1em;
	}
	#central form input {
		margin-bottom: .3em;
	}
	#central form input.input-llarg {
		width: 20em;
	}
	#central form input.input-mig, #cercador input.input-mig {
		width: 15em;
	}
	#central form input.input-curt {
		width: 7em;
	}
	#central form input.input-curt, #login input {
		width: 7em;
	}
	#central form .botons-form {
		margin: 2em 0 0;
		font-size: 1em;
	}
		#central form .botons-form input {
			float: right;
			width: 6.7em;
			height: 1.4em;
			margin-left: .4em;
			padding: .1em 0 .4em;
			font-size: 1.8em;
			font-weight: bold;
			color: #FFF;
			background: url(../images/bot-enviar2.png) no-repeat;
			border: none;
		}

/*-------------- sidebar --------------*/

#sidebar {
	float: right;
	width: 30.5em;
}  

.bloc-sidebar {
	margin-bottom: 2.7em;
}      

	#sidebar h2 {
		margin-bottom: 5px;
		font-size: 22px;
		color: #6e6f74;
	    font-family: 'VAGRounded', Arial, sans-serif;
		font-weight: normal;
	}
	
	#sidebar h3, #sidebar h4, #sidebar p {
		color: #3f3f3f;
		margin-bottom: 2px;
	}
	#sidebar h3 {
		font-size: 14px;
		font-family: 'VAGRounded', Arial, sans-serif;
		font-weight: normal;
	}
	#sidebar h4 {
		font-size: 1.4em;
	}
	#sidebar .data-hora {
		margin-bottom: .4em;
		font-size: 1.2em;
	}
	#sidebar li {
		margin-bottom: 1.9em;
	}
	
	#blocs-recents h2 {
		padding: 2px 0 0 23px;
		background: url(../images/ico-comentaris2.png) no-repeat 0 center;
	}
	#blocs-recents h3 {
		color: #888;
		font-weight: normal;
		font-size: 14px;
	}

/*-------------- configuracio --------------*/	
#configuracio {
	position: relative;
	padding: 1.7em 1.5em 1.2em;
	background: #89898C;
}
#configuracio .se {
	background: url("../images/bg-config-se.gif") no-repeat 0 0;
}
#configuracio .sd {
	background: url("../images/bg-config-sd.gif") no-repeat 0 0;
}
#configuracio .ie {
	background: url("../images/bg-config-ie.gif") no-repeat 0 0;
}
#configuracio .id {
	background: url("../images/bg-config-id.gif") no-repeat 0 0;
}
	#configuracio h2 {
		padding: 0 0 10px 40px;
		background: url("../images/ico-config.png") no-repeat 0 0;	
	} 
	
	#configuracio .subbloc {
		margin-bottom: 3em;	
	}  
	
	#configuracio h2, #configuracio h3 {
		color: #FFF;
		font-size: 20px;
	} 
	
	#configuracio h3 {
		margin-bottom: 0;
		padding: 10px 0 30px 60px;
	    font-family: 'VAGRounded', Arial, sans-serif;
		font-weight: normal;
	}  
	
	#configuracio h3.bloc {
		background: url("../images/ico-config-blocs.gif") no-repeat 0 0;
	}  
	
	#configuracio h3.espaidisc {
		background: url("../images/ico-config-espaidisc.gif") no-repeat 0 0;
		
	}   
	
	#configuracio h3.videos {
		background: url("../images/ico-config-video.gif") no-repeat 0 0; 
		
	}
	
	#configuracio h3.galeria {
		background: url("../images/ico-config-galeria.gif") no-repeat 0 0;
		
	}    
	
	#configuracio h3.classificats {
		background: url("../images/ico-config-classificats.gif") no-repeat 0 0;	 
		
	} 
	
	#configuracio h3.video {
		background: url("../images/ico-config-video.gif") no-repeat 0 0;
		
	}  
	
	#configuracio h3.enquestes {
		background: url("../images/ico-config-enquestes.gif") no-repeat 0 0;
		padding: 6px 0 0 30px;	 
		
	}      
	
	#configuracio h3.banners {
		background: url("../images/ico-config-banners.gif") no-repeat 0 0;
		padding: 6px 0 0 24px; 
	}
		#configuracio li {
			padding: 0 0 0 .9em;
			margin-bottom: .5em;
			font-size: 1.6em;
			background: url(../images/bot-item-config2.gif) no-repeat left center;
			border: none;
		}
		#configuracio li.actiu {
			background-image: url(../images/bot-item-config-actiu.gif);
		}
			#configuracio li a {
				color: #FFF;	
			}
			#configuracio li.actiu a {
				color: #fd9b3c;	
			}
			#configuracio li a:hover {
				color: #fd9b3c;	
			}
	#configuracio p.espai-info {
		margin-bottom: .8em;
		font-size: 1.2em;
		font-weight: bold;
		color: #ff9630;
	}
	#configuracio .espai-barra {
		width: 16.1em;
		height: 2em;
		margin-bottom: 1.6em;
		padding: .1em;
		background-color: #d4d4d4;
	}
	#configuracio .espai-barra .resultat {
		height: 100%;
		background-color: #ff9630;
	}
/*-------------- Cercador --------------*/  

#cercador {
	background: #D4D4D4;
	padding: 1em;  
	margin-bottom: 2em; 
	position: relative;
} 

#cercador .se {
	background: url("../images/bg-gris-se.gif") no-repeat 0 0;
}
#cercador .sd {
	background: url("../images/bg-gris-sd.gif") no-repeat 0 0;
}
#cercador .ie {
	background: url("../images/bg-gris-ie.gif") no-repeat 0 0;
}
#cercador .id {
	background: url("../images/bg-gris-id.gif") no-repeat 0 0;
}   
#cercador .se, #cercador .sd, #cercador .ie, #cercador .id {
	width: 15px; 
	height: 15px;
}

#cercador p{
    color: #6e6f74;
}

#cercador h2{
	background: url("../images/ico-cercador.gif") no-repeat 5px;
	padding-left: 30px; 
} 

#cercador input.input-mig, #cercador select {
	margin: 0.5em 0;
	width: 14em;
}   

#cercador input.bot-cercar {
	border: 0;
	color: #fff;
	cursor: pointer; 
	padding-bottom: 0.5em; 
	margin-left: 0.5em;
	position:absolute;
	bottom:1px;
} 

/*-------------- Banner uneix-te a fem xarxa --------------*/ 
#sidebar .banner-alta {
    width: 304px; 
	height: 101px; 
	margin-bottom: 2em;
	position: relative;
} 

        

#sidebar .banner-alta a.alta {
    position: absolute;
	bottom: 1em; 
	left: 1em;  
}  

#sidebar .banner-alta a.ajuda {
    position: absolute;
	bottom: 1.5em; 
	right: 1em;
} 

#sidebar #box-banners .banner {
	width: 304px;   
	clear: both; 
	margin-bottom: 1em;
}     
#sidebar #box-banners .banner a {
	text-decoration:none;
} 

#sidebar #box-banners .banner img {
	width: 304px;
}

/*-------------- Categories --------------*/ 
#sidebar ul#categories {
	background-color: #EDEDEE; 
	margin-bottom: 2em;  
	padding: 1em 0;
	position: relative;
}   

#categories .se {
	background: url("../images/bg-categories-se.gif") no-repeat 0 0;
}
#categories .sd {
	background: url("../images/bg-categories-sd.gif") no-repeat 0 0;
}
#categories .ie {
	background: url("../images/bg-categories-ie.gif") no-repeat 0 0;
}
#categories .id {
	background: url("../images/bg-categories-id.gif") no-repeat 0 0;
}   
  

#sidebar ul#categories li {
	display: inline;  
	padding: 0.6em;
}   

/*-------------- Enquesta --------------*/ 
#sidebar #enquesta { 	
	background-color: #d4d4d4; 
	margin-bottom: 2em;  
	padding-bottom: 1em; 
	position: relative;
} 

#enquesta .se {
	background: url("../images/bg-gris-se.gif") no-repeat 0 0;
}
#enquesta .sd {
	background: url("../images/bg-gris-sd.gif") no-repeat 0 0;
}
#enquesta .ie {
	background: url("../images/bg-gris-ie.gif") no-repeat 0 0;
}
#enquesta .id {
	background: url("../images/bg-gris-id.gif") no-repeat 0 0;
}   
#enquesta .se, #enquesta .sd, #enquesta .ie, #enquesta .id {
	width: 15px; 
	height: 15px;
}

#sidebar #enquesta h2 {
	background: url("../images/ico-enquesta.gif") no-repeat 0.6em 0.3em; 
	padding: 6px 0 0 40px;  
}     

#sidebar #enquesta h3 { 	
	background-color: #ff9b4f;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal; 
	padding: 5px;
} 

#sidebar #enquesta #respostes, #sidebar #enquesta #resultats {
	padding: 1em;
} 

#sidebar #enquesta #respostes label {
   margin-left: 0.5em;
} 

#enquesta #respostes .bot-votar {
	background: url("../images/bot-vota.gif") no-repeat; 
	width: 64px;
	height: 23px;
	border: 0;
	cursor: pointer; 
	margin-right: 0.5em;
	float: right;  
	margin-top: 1em;
	margin-bottom: 0.2em;
}      

#enquesta #respostes .bot-resultats {
	background: url("../images/bot-resultats.gif") no-repeat; 
	width: 113px;
	height: 21px;
	border: 0;
	cursor: pointer; 
	float: right;
	margin-top: 1em;
	margin-bottom: 0.2em;    
}


#enquesta #resultats .espai-barra {
	width: 16.1em;
	height: 1.5em;
	margin-bottom: 1em;
	padding: .1em;
	background-color: #EDEDEE; 
	margin-top: 1em;
    position: relative;
 
}
#enquesta #resultats .espai-barra .resultat {
	height: 100%;
	background-color: #ff9630;  
} 

#enquesta #resultats .espai-barra span {
	position: absolute; 
	right: -4.5em;
	top: 0.2em;  
	font-weight: bold;  
	font-size: 1.2em; 
}  

#enquesta #resultats .bot-tornar {
	background: url("../images/bot-tornar.gif") no-repeat; 
	width: 64px; 
	height: 23px;
	border: 0;
	cursor: pointer;  
	float: right;
}  


/*----------------Els meus i els ultims---------------------------*/
#sidebar .box-mes h3 {  
	 color: #3f3f3f;
	 margin-bottom: 10px;
	 font-size: 20px;
	 background: #EDEDEE;  
	 padding: 6px 6px 0px 6px;
}   

#sidebar .box-mes li {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 1em;
}

#sidebar .box-mes li img {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 2em; 
}  

#sidebar .box-mes h4 {  
	 color: #3f3f3f;
	 margin-bottom: 0;
	 font-size: 1.6em;
}

#sidebar .box-mes p {
	margin-bottom: 0;
	font-size: 12px;   
}


/*--------------- PORTADA ALBUM DE FOTOS i VIDEOS -------------------*/
.galeria-vertical {
	float: left;
	width: 14.4em;
}
.galeria-vertical li {
	width: 136px;
	height: 101px;  
	border: 2px solid #d4d4d4;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.galeria-vertical li.actiu {
	border: 2px solid #fa8e24;
}   
.galeria-vertical li:hover, .galeria-vertical li.hover{
	border: 2px solid #fa8e24; 
}

	.galeria-vertical li img {
		width: 100%;
	}
	.galeria-vertical li span{
		background-color: #6e6f74;
		position: absolute;
		bottom: 0;
		left: 0;
		color: #FFF;
		width: 128px; 
		padding: 0.5em;
		font-size: 1.2em; 
		filter: alpha(opacity=80); 
		opacity: .8;
	}



.destacat {
	width: 445px;
	height: 445px;
	background: url("../images/bg-album.gif") repeat;  
	float: right;  
	position: relative;
}
	
	.destacat h3 {
		color: #fa8e24;
		font-size: 1.8em; 
		margin: 0.5em;
		font-weight: normal;
		width: 350px;
	}   
	
	.destacat span.data {  
		color: #FFF;   
		font-size: 1.2em; 
		position: absolute;
		top: 1em;
		right: 0.5em;
	}  
	
	.destacat ul li {
		float: left; 
		margin: .8em; 
		width: 202px;
		height: 152px;
		overflow: hidden;
	} 
	
	.destacat ul li img {
		width: 202px;   
	}   
	
	.destacat .video {
		margin: 1em 0 1em 1.5em;
	}
	
	.destacat .peu-foto {
		color: #FFF; 
		font-size: 1.4em; 
		margin: 0 1em;  
		clear: both;
	} 
	
	.destacat .peu-foto span, #player-video .peu-foto span {
		font-weight: bold; 
	}
	
	.destacat .boto {
		 float: right;
		 margin: 1em;
	} 


/*fitxa album*/

#fitxa-album {
	color: #FFF;
}

#fitxa-album h3 {
	color: #ff9630;
	font-size: 2.4em;
 	background: url("../images/ico-galeria.gif") no-repeat;
	padding: 0 0 0.8em 2.5em; 
}  

#fitxa-album #portada {
	background: url("../images/bg-album.gif") repeat; 
	font-size: 1.4em; 
	padding: 1em;
} 

#fitxa-album #portada p{
	margin-bottom: 0.5em; 
}  

#fitxa-album #portada span{
	font-weight: bold;
}

#fitxa-album #portada img {
	margin-right: 1em;
	float: left;
}

#fitxa-album #portada .flickr {
    float: right;
}

#fitxa-album #portada .flickr img{
    margin: 0;
}

#fitxa-album .galeria-album{
	margin: 2em 0; 
	clear: both;
} 

#fitxa-album .galeria-album li {
    float: left; 
	margin: 0.5em; 
  	width: 144px; 
	overflow: hidden; 
	text-align: center;
	position: relative;
}   


#fitxa-album .galeria-album li a {
	border: 2px solid #d4d4d4; 
   	display: block;
   	height:10.5em;
}    

#fitxa-album .galeria-album li a:hover {
	 border: 2px solid #fa8e24;       
}  

#fitxa-album .boto {
	float: right;
	margin: 2em 0;
}   

#fitxa-album .boto a {
	margin: 0 .5em;
}   

#fitxa-album .boto img {
	clear:none !important;
 	margin: 0 0.3em;
}
#galeria {
	position: relative; 
	width: 609px;
	margin-bottom: 2em;
	clear: both;
	background:#333; 
	height:468px;
}

#galeria img.foto-album{
	display:block;
	margin:0 auto;
}
#galeria .peu-foto{
	position: absolute;
	bottom: 0.1em;
	left:0; 
	background-color: #6e6f74;
	padding: 0.5em;
	font-size: 1.3em; 
	filter: alpha(opacity=80); 
	opacity: .8;
    width: 596px;

}  

#galeria .peu-foto p.nom {
  font-weight: bold;
}

#galeria .peu-foto p.paginador {
  font-size: 0.9em;
  float:right;
}  

#galeria .bot-anterior, #galeria .bot-seguent {
	position: absolute;
	top: 250px;
	display: block;
	width: 44px;
	height: 44px;
	outline: none;
	text-indent: -500em;
	cursor: pointer;
}
#galeria .bot-anterior {
	left: 0; 
	background: url(../images/foto-anterior.png) no-repeat 0 0;
}
#galeria .bot-seguent {
	right: 0;
	background: url(../images/foto-seguent.png) no-repeat 0 0;
}

p.veure_mes {
clear:both;
margin-bottom:10px;
text-align:right;
font-weight:bold;
font-size:1.2em;
margin-top:30px;
}

#central .boto img {
	float: right;
	margin-bottom: 2em;
	clear: both;
	cursor: pointer;
 }

#comentaris h3 {
	color: #fa8e24; 
	font-size: 2em; 
	margin-bottom: 0.5em;
} 
#comentaris p {
    color: #303032;      
} 

#comentaris p span {
    color: #6e6f74;      
} 

#comentaris p span.nom {
	color: #fa8e24;
	font-weight: bold;
}

#comentaris li {
	border-bottom: 1px solid #d4d4d4; 
	padding: 1em 0; 
	margin-bottom: 0.5em; 
	clear: both; 
	position: relative;
}    

#comentaris li span.eliminar {
	position: absolute;
	right: 0;
	bottom: 0.5em;
}

#comentaris form {
	margin-bottom: 2em; 
	margin-top: 5em;
}

#comentaris form h3 {
	color: #6e6f74!important;
}  

#comentaris form .botons {
	margin-bottom: 0!important;
} 
/*fitxa video */
#fitxa-video {
	color: #FFF;
}

#fitxa-video h3 {
	color: #ff9630;
	font-size: 2.4em;
 	background: url("../images/ico-video.gif") no-repeat;
	padding: 0 0 1em 2.8em; 
}  

#fitxa-video #player-video {
	background: url("../images/bg-album.gif") repeat; 
	font-size: 1.4em; 
	padding: 1em; 
	margin: 1em 0 2em;
} 

#player-video .peu-foto {
	color: #FFF; 
	margin-top: 1em;  
	clear: both; 
}

/*---------------PORTADA CLASSIFICATS -------------------*/   
.box-classificats ul.categories {
	float: left; 
   	padding: 1em;
	width: 28em;
}

.box-classificats ul.categories li {
	padding: 0.2em 0;
}  

.box-classificats ul.categories li a{
   	font-size: 1.6em;
}  

.box-classificats ul.categories li h3 a{
	font-size: 1em;
	color: #6e6f74;
}  
.box-classificats h3 img {
	margin-right: 0.3em;  
	vertical-align: bottom;
} 

.box-classificats ul.categories li h3 span {
	font-size: 0.7em;
} 

.box-classificats h4 {
	color: #2d2d2d;
	font-size: 1.8em; 
	margin-bottom: 0.5em;
}   

.box-classificats .descripcio {
	margin-top: 1em;
} 
  

.box-classificats .classificat {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 1em; 
	margin-top: 2em;
}  
.box-classificats .classificat a.mes-info {
	color: #ff9630; 
	font-weight: bold;   
	background: url("../images/ico-info.gif") no-repeat;
	padding-left: 1.5em; 
	margin: 0.5em 0;
	font-size: 1.4em;
}    

.box-classificats .classificat span.categoria {
	color: #2d2d2d; 
} 

.box-classificats .classificat dl {
	font-size: 1.4em; 
	margin: 0.5em 0;
}  

.box-classificats .classificat dl dt {
	font-weight: bold;
	padding: 0.2em 0;
} 

.box-classificats .classificat img.foto-destacada {
	float: left; 
	background: #d4d4d4;
	padding: 0.5em; 
	margin: 1em 0.5em 1em 0;
} 
.box-classificats .classificat .mes-fotos {
	background: #FAFAFA;
	margin: 5em 0; 
	clear:both;
}
	 

.box-classificats .classificat .mes-fotos img {
	margin: 1em;  
}  


/*----------- Estatiques ------------------*/

#central #estatica h2 {
	color: #6e6f74;
	font-size: 3em;
	margin-bottom: 0.5em;      
}

#central #estatica h2.espai-disc {
	background: url("../images/ico-espaidisc.gif") no-repeat;
	padding: 0.5em 0 0.5em 1.8em; 
} 

#central #estatica p {
	margin-bottom: 1em;
}  

#central #estatica ul#menu-ajuda li {
	float: left; 
	font-size: 1.8em; 
	padding: 0 0.2em;
} 

#central #estatica ul#menu-ajuda {
	margin-bottom: 2em;
} 

#central #estatica h4 {
	color: #ff9630;
	font-size: 1.6em; 
	font-weight: normal; 
	margin-bottom: 0.5em; 
}  

#central #estatica h3 {
	color: #6e6f74;
	font-size: 1.6em; 
	margin-bottom: 0.5em;
}  


#central #estatica li.descripcio h4.mes-info
{
	padding-left: 1em;
    background: url("../images/item-llista-desplegable.gif") no-repeat 0 .2em; 
	cursor: pointer;    
}   

#central #estatica ul.llistat-estatica {
	list-style-type: disc;
	padding-left: 2em;  
} 

#plantilla-llistat p{
	text-align:justify;
}
/*----------- Cerca ------------------*/  

#cerca h2.cerca {
	background: url("../images/ico-cerca.gif") no-repeat;
    padding-left: 1.2em;
}


#cerca label {
	font-size: 1.4em;
	display: block;
	margin: 1em 0 0.5em; 
}

#cerca fieldset {
	padding: 0.5em;
	margin-bottom: 1em;  
	border: 1px solid #d4d4d4;
}

#cerca fieldset legend {
	font-size: 1.8em; 
	padding: 0 0.5em;
}       

#cerca fieldset ul li {
	float: left; 
	padding: 0.2em 0.5em;
	font-size: 1.6em;
	color: #6e6f74;
	font-weight: bold; 
} 

#cerca fieldset ul li a { 
    color: #6e6f74;
    text-decoration: underline;
}    

#cerca fieldset ul li a:hover { 
    text-decoration: none;
} 

#cerca fieldset ul p.categories {
	height: 3.5em;
	width: 7em; 
} 

#cerca fieldset ul p {
	text-align: center;
} 

#cerca fieldset ul li.actiu, #cerca fieldset p.actiu { 
    background: #ff9b4f;
	color: #FFF;
} 

#cerca fieldset p.actiu {
	padding: 0.2em 0.5em;
} 

#cerca form .botons-form input {
	font-size: 1.4em;
	width: 9em;
	height: 2em;
	cursor: pointer;
}

#cerca h3 {
    font-size: 2em;
}

#cerca ul.resultats li {
	background: #eeeeee; 
	margin: 2em 0 1em;
	padding: 0.5em;
} 

#cerca ul.resultats li h4 {
   	color: #ff9b4f;
	font-size: 1.8em; 
} 

#cerca #paginador {
	text-align: center; 
	font-size: 1.4em; 
	margin: 2em 0; 
}   

#cerca #paginador img {
	vertical-align: middle;
	margin: 0 1em;
}  

#cerca ul.resultats-img {
	margin: 2em 0; 
	clear: both;
} 

#cerca ul.resultats-img li {
    float: left; 
	margin: 0.5em; 
  	width: 140px; 
	overflow: hidden; 
	text-align: center;
	height:101px;	
	border: 2px solid #d4d4d4;	
	position:relative;
}       

#cerca ul.resultats-img li:hover,#cerca ul.resultats-img li.hover {
	display:block;
	border: 2px solid #fa8e24;     
}

 #s3slider {
	margin: auto;
   width: 620px; /* important to be same as image width */
   height: 620px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 620px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 0px;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span p{
	padding: 10px 13px;
}
.clear {
   clear: both;
}  

/*-------------- posts generics --------------*/
.post {
	position: relative;
	margin-bottom: 2.6em; 
	clear: both;
}
body#interior .post {
	margin-bottom: 1.1em;
}
	.post h2, .comentari h3 {
		margin-bottom: .5em;
		padding: .2em 8em .2em .8em;
		color: #FFF;
		font-size: 2em!important;
		background: #ff9630 url(../images/bg-titol-post.png) repeat-x 0 0;
	}
		.post h2 a {
			color: #FFF;
		}
	.post .data-hora, .comentari .data-hora {
		position: absolute;
		top: .4em;
		right: .9em;
		color: #FFF;
		text-align: right;
	}
	.post a.bot-comentaris {
		padding-left: 2em; 
		padding-bottom: 1em;
		background: url(../images/ico-comentaris2.png) no-repeat 0 .3em;
	}
	.post a.bot-llegir {
		padding-left: 2em;
		background: url(../images/ico-llegir2.png) no-repeat 0 .1em; 
		padding-bottom: 1em;
	}
	
	.post .content, .post .info, .post .adjunts, .post .opcions, #comentaris, #nou-comentari {
		padding: 0 1.6em;
	}
		.info li, .opcions li {
			display: inline;
			color: #e86100;
			font-size: 1.4em;
		}
		
	.info {
		margin-bottom: 1.8em;
	}
	
		.info li {
			margin-right: .3em;
			padding-right: .5em;
			background: url(../images/bg-item-info.png) no-repeat right center;
		}
		.info li:last-child {
			background: none;
		}
		.opcions li {
			margin-right: 1.3em;
		}
		
	.post .content p {
		margin-bottom: 1.4em;
	}
	.post .content img {
		float: left;
		margin: 0 .8em .8em 0;
	}
	.post .content ul {
		padding-left: 1em;
		margin-bottom: 1em;
	}	
		.post .content li {
			margin-bottom: .4em;
		}
	
	.post .adjunts {
		margin-bottom: 2.5em;	
	}
		.post .adjunts li {
			font-size: 1.2em;
			margin-bottom: .4em;
		}

/*-------------- comentaris --------------*/
#comentaris {
	width: 55em;
}
	#comentaris ul {
		margin: 1em 0;
	}
		.comentari {
			position: relative;
			margin: 0 0 4.5em;
			padding-left: 1em;
		}
			.comentari .info, .comentari .content, .comentari .opcions {
				padding-left: .8em;			
			}
			.comentari h3 {
				padding: .2em .5em;
				font-size: 1.8em;
			}
			.comentari .autor {
				margin-bottom: 1.4em;
			}
			.comentari .content {
				margin-bottom: 2em;
			}
			.comentari .comentari {
				margin-bottom: 2em;
				padding-left: 2em;
			}

/*-------------- formularis --------------*/
#central form {}
	#central form p {
		margin-bottom: .4em;
	}
	#central form p.form-info {
		font-size: 1.1em;
	}
	#central form input {
		margin-bottom: .3em;
	}
	#central form input.input-llarg {
		width: 20em;
	}
	#central form input.input-mig {
		width: 15em;
	}
	#central form input.input-curt {
		width: 7em;
	}
	#central form input.input-curt {
		width: 7em;
	}
	#central form .botons-form {
		margin: 2em 0 0;
	}
		#central form .botons-form input {
			float: right;
			width: 6.4em;
			margin-left: 1em;
			padding: 0 0 .7em;
			font-size: 1em;
			color: #FFF;
			background: url(../images/bot-enviar.png) no-repeat;
			border: none;
		}   
		
/*-------------- Llistats --------------*/  
#llistat-generic {
	margin-bottom: 1em;
}
	#llistat-generic ul li {
		background: #EEE; 
		padding: 1em; 
		margin: 1em 0;
	}  
	
	#llistat-generic ul li ul.respostes {
	   margin-top: 1em;
	}
	
		#llistat-generic ul li ul.respostes li {
			background: none;
			padding: 0.2em 0; 
			margin: 0;
			font-size: 1.4em; 
			font-weight: bold;
		}     
	
	#llistat-generic h2 { 
		font-size: 2em;
		font-family: Arial, Helvetica, sans-serif;
		color: #6e6f74; 
	}  
	
	#llistat-generic h3 { 
		font-size: 1.8em;
	   	color: #ff9b4f;
	 	margin-bottom: 0.2em;
	}  
	
	#llistat-generic h4 { 
		font-size: 1.4em;
	   	color: #6e6f74;
		margin-bottom: 0.2em; 
	}  
	
	#llistat-generic h4 a { 
		color: #6e6f74;
	}
	
	#llistat-generic .categoria  { 
		font-size: 14px;
	   	color: #ff9b4f;
	 	font-weight: bold; 
	} 
	
	#llistat-generic .data { 
		font-size: 14px;
	   	color: #6e6f74;
	 	font-weight: normal; 
	} 
	
	#llistat-generic #paginador {
		text-align: center; 
		font-size: 1.4em; 
		margin: 2em 0; 
	}   

	#llistat-generic #paginador img {
		vertical-align: middle;
		margin: 0 1em;
	}
	
	#llistat-generic img.img-blocs {
		float: left; 
		margin-right: 1em;
		margin-bottom: 1em; 
		width: 40px;
	}       
	
	#llistat-generic img.img-galeria {
		float: left; 
		margin-right: 1em;
		width: 80px;
	}
	
	
	#llistat-generic img.albums{
		width:100px;
	}
#recomanar form {
       margin-bottom: 2em; 
       margin-top: 5em;
}
#msg-ok{ 
       border: 1px dotted #4CB53B;  
       padding: 0.5em; 
       color: #4CB53B; 
       margin: 4em 0; 
}
.veuretotes{
	float:right;
	margin:1em 1em 0 0;
}


/*-------------- Altres --------------*/
#main-content:after, .botons-form:after, #configuracio:after, #sidebar ul:after, #central .galeria ul:after, #enquesta:after, .box-blocs ul:after, .box-galeria:after, .box-video:after,.box-classificats:after, #cercador:after, #categories:after, #central .box-blocs .paginador:after, .modul:after, #fitxa-album #portada:after,.galeria-album:after, ul#menu-ajuda:after, ul.resultats-img:after, .destacat ul:after, #llistat-generic ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main-content, .botons-form, #configuracio,#configuracio .subbloc, #sidebar ul, #central .galeria ul, #enquesta, .box-blocs ul, .box-galeria, .box-video,.box-classificats, #cercador, #categories, #central .box-blocs .paginador, .modul, #fitxa-album #portada,.galeria-album, ul#menu-ajuda, ul.resultats-img, #llistat-generic ul li{ height: 1%;}