/*
Theme Name: TASS JOIES 2009
Theme URI: http://www.danielribes.com/
Description: VERSIO REVISIO 3 - Web Tass Joies
Version: 0.1


*/



body {
	background-color: #666;
	font-family: 'trebuchet MS',verdana,arial,sans-serif;
}


/* ---------------------------------------------------------
   ESTRUCTURA BASE
   --------------------------------------------------------*/

#contenidor {
	clear: both;
	
	width: 844px;
	height: 644px;
	margin: 0px auto;
	
	/* border: 1px solid red;  */
	
	/*min-height:680px;
	
	padding: 0px;
	margin-top: 0px;
	background-image: url('imatges/fondo-interior-v2.jpg');
	background-position: top center;
	background-repeat: no-repeat;*/
}

#capcalera{
	height:106px;
	padding: 0px;
	margin-top: 0px;
	background-image: url('imatges/fondo-capcalera.jpg');
	background-position: top center;
	background-repeat: no-repeat;
		
	/*border: 1px solid yellow; */
}


#zonaviva{
	height:476px;
	background-image: url('imatges/fondo-zonaviva-generic.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	/* border: 1px solid yellow; */
}






/* ---------------------------------------------------------
   CAPÇALERA
   --------------------------------------------------------*/

#logo{
	float: left;
	width: 150px;
	/*visibility: hidden;*/
	/*border: 1px solid red;*/
}


#zonamenu{
	padding-top: 74px; /*58px;*/
	margin-left: 200px;
	margin-right: 60px;/*50px;*/
	text-align: right;
	padding-right: 5px; 
	
	/*border: 1px solid yellow; */
}


#zonamenu ul li{
	display: inline;
	list-style-type: none;
	padding: 4px 8px 4px 4px;
	/*text-transform: uppercase; */
	font-size: 1em;
	/* border-left: 1px solid #1367a8; */
	/*border: 1px solid red; */
	
}

#zonamenu a {
	color: white; /* #1367a8; */
	text-decoration: none;
	
}

#zonamenu a:hover {
	color: #8c9a1f;
	text-decoration: none;
	
}



/* ---------------------------------------------------------
   PEU
   --------------------------------------------------------*/

#peu{
	clear: both;
	height:62px;
	
	background-image: url('imatges/fondo-peu.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	padding-top:45px;
	
	/* border: 1px solid red;*/
}


		
#adreca{
	
	clear:both;
	float: left;
	width: 470px;
	padding-left: 40px;
	
	
	
	/*border: 1px solid blue;*/
}

#adreca p{
	
	padding-left:10px;
	padding-top: 5px;
	
	margin: 0px;
	font-size: 0.9em;
	color: white; /* #1367a8;*/
		        
			/*border: 1px solid red;*/
}

#adreca p a{
	color: white; /* #8c9a1f; */
	text-decoration:none;
	font-weight: bold;
}

#adreca p a:hover{
	color: #8c9a1f;

}

#fb p a{
	color: white; /* #8c9a1f; */
	text-decoration:none;
}

#fb p a:hover{
	color: #8c9a1f;

}


#fb{
	
	width: 260px;
	margin-left: 530px;
	margin-top: 0px;
	text-align: right;
	/*margin-left: 380px;
	margin-right:50px;
	padding: 0px;
	margin-top: 0px;*/
	
	/*border: 1px solid blue;*/
	
	
}

#fb p{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 0.9em;
	color: white; /* #1367a8; */
	/*border: 1px solid blue;*/
	

}

#fb p img{
	padding: 0px;
	padding-top: 0px;
}




/* ---------------------------------------------------------
   ZONA VIVA
   --------------------------------------------------------*/

#aparador{
	
	margin-right:420px;
	height: 476px;
	
	
	background-position: top left;
	background-repeat: no-repeat;
	
	
	/*border: 1px solid red; */
}



#noticies{
	
	float:right;
	width: 420px;
	
	/*border: 1px solid red;*/
	
}


#noticies .titulars{
	
	margin-right: 145px;
	margin-left: 5px;

	
	padding: 15px;
	
	height: 135px;
	overflow: hidden;
	
	/*background-color: #000;*/
	
	background-image: url('imatges/fondo-titulars.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
	/*border: 1px solid yellow; */
}

#noticies .titulars p a{
	color: #b8c810;
	text-decoration: none;
	
}

#noticies .titulars p a:hover{
	color: #b8c810;
	text-decoration: underline;
	
}


#noticies .titulars h2{
	color: #b8c810;
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	
}



#noticies .titulars h2 a{
	color: #b8c810;	
	text-decoration: none;
}


#noticies .titulars h2 a:hover{
	text-decoration: underline;
}


#noticies .titulars h2 a:visited{
	color: #b8c810;	

}


#noticies .titulars p{
	color: #fff;
	font-size: 0.8em;
	margin-top: 0px;
}



#noticies .banner{
	
	margin-right: 12px;
	margin-left: 5px;
	margin-top: 70px;
	margin-bottom: 20px;
	/*margin-top: 5px;*/
	
	/*border: 1px solid yellow;*/
}



/* ---------------------------------------------------------
   INTERIORS
   --------------------------------------------------------*/

#zonavivainterior{
	height:476px;
	background-image: url('imatges/fondo-zonaviva-interior.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	/* border: 1px solid yellow; */
}


#capcalerainterior{
	height:106px;
	padding: 0px;
	margin-top: 0px;
	background-image: url('imatges/fondo-capcalera-interior.jpg');
	background-position: top center;
	background-repeat: no-repeat;
		
	/*border: 1px solid yellow; */
}






#columnasuport{
	float: left;
	margin-left: 124px;
	width: 150px;
	padding-top: 65px;
	
	/*border: 1px solid blue;*/
	/*height: 300px;*/
}



#columnasuport ul{
	list-style: none;
	line-height: 200%;
	padding-left: 10px;
}

#columnasuportul li{
	
	padding-bottom: 10px;
}

#columnasuport a{
	color: #8c9a1f;
	text-decoration: none;
}


#contingutsaliances{
	margin-left: 130px;
	margin-right: 130px;
	padding-top:50px;
	
	
	/*border: 1px solid blue;*/
}


#contingutsaliances p{
	font-size: 13px;
	margin-bottom: 8px;
	
}



#contingutsaliances h2{
	font-size: 1.6em;
	color: #1367a8;
	margin-bottom: 2px;
	
}

#contingutsaliances .descripcioaliances{
	padding: 10px;
	margin: 4px;
	/*background-color: #8c9a1f;*/
	font-size: 13px;
}



#continguts{
	margin-left: 320px;
	margin-right: 120px;
	padding-top:50px;
	
	
	/*border: 1px solid blue;*/
}

#continguts h2{
	font-size: 1.8em;
	color: #1367a8;
	margin-bottom: 20px;
	
}


#continguts h3, #continguts table h3{
	font-size: 16px;
	color: #1367a8;
	margin: 0px;
	padding: 0px;
}


#continguts p{
	padding-bottom: 10px;
	font-size: 13px;
}


#continguts table p{
	font-size: 11px;
	line-height: 110%;
	padding-bottom: 10px;
}

#continguts table{
	margin: 0px;
	padding: 0px;
}


#continguts img.alignleft{
	float: left;
	margin:3px 5px 3px 0px;
	border: 1px solid #ccc;
	padding: 6px;

}


#continguts img.alignright{
	float: right;
	margin:3px 5px 3px 0px;
	border: 1px solid #ccc;
	padding: 6px;

}


#continguts img.alignnone{
	margin:3px 0px 3px 0px;
	border: 1px solid #ccc;
	padding: 6px;

}




/*
#continguts table h3{
	font-size:14px;
	margin: 0px;
	padding: 0px;
}*/

/* ---------------------------------------------------------
   PEU INTERIORS
   --------------------------------------------------------*/

#peuinterior{
	clear: both;
	height:62px;
	background-image: url('imatges/fondo-peu-interior.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	padding-top:45px;
	
	/* border: 1px solid red;*/
}


#peuinterior #adreca p{
	
	padding-left:10px;
	padding-top: 10px;
	
	margin: 0px;
	font-size: 0.9em;
	color:  white;/*#1367a8;*/
		        
			/*border: 1px solid red;*/
}

#peuinterior #adreca p a{
	color: white;/* #8c9a1f; */
	text-decoration:none;
	font-weight: bold;
}

#peuinterior #adreca p a:hover{
	color:#8c9a1f; 
}

#peuinterior #fb p a{
	color: white;/* #8c9a1f; */
	text-decoration:none;

}

#peuinterior #fb p a:hover{
	color:#8c9a1f; 
}


#peuinterior #fb p{
	margin-top: 0px;
	padding-top: 6px;
	font-size: 0.9em;
	color: white;/*#1367a8;*/
	/*border: 1px solid blue;*/
}


/* ---------------------------------------------------------
   CAPÇALERA INTERIORS
   --------------------------------------------------------*/

#capcalerainterior #zonamenu a {
	color: #1367a8;
	text-decoration: none;
	
}

#capcalerainterior #zonamenu a:hover {
	color: #8c9a1f;
	text-decoration: none;
	
}




/* ---------------------------------------------------------
   COL·LECCIONS IMATGES JOIES
   --------------------------------------------------------*/
#zonaimatges ul{
	padding-left: 0px;
	padding-top: 30px;
	
}

#zonaimatges ul li{
	display: inline;
	list-style-type: none;
	
}

#continguts h2.nomjoies{
	font-size: 1.2em;
	color: #8c9a1f;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	
}



  
#columnasuportimatges{
	float: left;
	margin-left: 130px;
	width: 180px;
	padding-top: 50px;
	
	/* border: 1px solid blue; */
	
}



#columnasuportimatges ul{
	list-style: none;
	padding-left: 0px;
	line-height: 12px;
}

#columnasuportimatges li{
	
	padding-bottom: 0px;
}

#columnasuportimatges a{
	font-size: 11px;
	color: #1367a8;
	text-decoration: none;
}


#columnasuportimatges h2{
	color: #8c9a1f;
	font-size: 1.2em;
	font-weight: bold;
}
 
 
 #columnasuportimatges ul li.infonovetat{
	
	font-size: 12px;
	padding-top: 4px;
}
 

/* versio 2*/

#franjacolleccions{
	
	margin-left: 124px;
	/*width: 150px;*/
	padding-top: 60px;
	
	/*border: 1px solid red;*/
	
}



#franjacolleccions ul{
	list-style: none;
	padding-left: 0px;
	line-height: 13px;
}

#franjacolleccions li{
	
	padding-bottom: 0px;
}

#franjacolleccions a{
	font-size: 13px;
	color: #1367a8;
	text-decoration: none;
}


#franjacolleccions h2{
	color: #8c9a1f;
	font-size: 1.2em;
	font-weight: bold;
}




#contingutsjoies{
	margin-left: 124px;
	margin-right: 112px;
	/*padding-top:60px;*/
	margin-top:25px;
	
	/*border: 1px solid blue;*/
}

#contingutsjoies h2{
	font-size: 1.8em;
	color: #1367a8;
	margin-bottom: 20px;
}


#contingutsjoies h3, #contingutsjoies table h3{
	font-size: 16px;
	color: #1367a8;
	margin: 0px;
	padding: 0px;
}


#contingutsjoies p{
	padding-bottom: 10px;
}


#contingutsjoies table p{
	font-size: 11px;
	line-height: 110%;
	padding-bottom: 10px;
}

#contingutsjoies table{
	margin: 0px;
	padding: 0px;
}

#contingutsjoies h2.nomjoies{
	font-size: 1.2em;
	color: #8c9a1f;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	
}

#contingutsblog{
	margin-left: 160px;
	margin-right: 120px;
	padding-top:50px;
	
	
	/*border: 1px solid blue;*/
}


#contingutsblog h2{
	font-size: 24px;
	color: #1367a8;
	margin-bottom: 0px;
	margin-top: 10px;
	
}

#contingutsblog h5{
	font-size: 13px;
	color: #999;
	margin-bottom: 10px;	
}


#contingutsblog h3, #contingutsblog table h3{
	font-size: 16px;
	color: #1367a8;
	margin: 0px;
	padding: 0px;
}


#contingutsblog p{
	padding-bottom: 10px;
	font-size: 13px;
}

#contingutsblog h1.titolblog{
	color: red;
	margin-top:10px;
	margin-bottom: 15px;
	font-size:24px;
	color: #8C9A1F;
}

#contingutsblog h2.categoria{
	font-size: 20px;
	
	margin: 0px;
}

#contingutsblog h2.categoria a{
	text-decoration: none;
	color: #1367a8;
}

#contingutsblog h2.categoria a:hover{
	text-decoration: underline;
}

#contingutsblog h2.categoria a:visited{
	color: #1367a8;
}


#contingutsblog img.alignleft{
	float: left;
	margin:3px 5px 3px 0px;
	border: 1px solid #ccc;
	padding: 6px;

}


#contingutsblog img.alignright{
	float: right;
	margin:3px 5px 3px 0px;
	border: 1px solid #ccc;
	padding: 6px;

}


#contingutsblog img.alignnone{
	margin:3px 0px 3px 0px;
	border: 1px solid #ccc;
	padding: 6px;

}


.columnasuport-aliances ul{
	list-style: none;
	line-height: 130%;
	padding-left: 0px;
}

.columnasuport-aliances ul li{
	
	padding-bottom: 10px;
}

.columnasuport-aliances a{
	color: #8c9a1f;
	text-decoration: none;
}

.columnasuport-aliances a:hover {
	font-weight: bold;
}


.columnasuport-aliances ul li ul{
	list-style: none;
	line-height: 80%;
	padding-left: 20px;
	font-size: 12px;
}

.columnasuport-aliances ul li ul a:hover{
	font-weight: bold;
}





/*------------
 easy 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:580px;
		height:81px;
		overflow:hidden; 
		}	
		
		
	ol#controls{
		/*margin:0.5em 0; */
		margin:10px 0px 0px 10px;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #1367a8;
		background:#fff;
		color:#1367a8;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#1367a8;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}