/************** GENERAL ****************/

img, div, p{ behavior: url(iepngfix.htc) } /* per mostrar png transp en IE5.5 i 6. es necessita el fitxer 'iepngfix.htc' */

body{  /*apart de proprietats de font i color de fons, no caldria tocar marges, height, etc*/
	margin: 0 auto;
	padding: 0px;
	background-color: #000000;
	font-family: tahoma,Verdana,Arial,Helvetica;
	font-size: 12px;
	color: #DDDDDD;
	height:100%;
}

	a{color:#eeeeee; text-decoration: none; font-family: Arial,Helvetica; border:0px; outline:none;}
	a:hover{ color:#fff; border:0px;}
	img{border:0px;}
	
	
p{
	margin-top:10px;
	padding:0px;
}

	
	.texte{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12;
		color:#979797;
		padding-left:30px;
		padding-right:30px;
		padding-top:50px;
		text-align:justify;
	}
	
	
	.centrat{
		text-align:center;
	}
	
	
	
	
	
	/* ======  on va el nom de la seccio */
	.titolSeccio{
	padding:15px;
	margin-bottom: 9px;
	text-align:left;
	}

/*============= CONTENIDO DE LA PAGINA =================*/

#pagina{
    background:  url(../../img/fondo_web.png) top repeat-x;
	border:0px solid;
	height:600px;
}
#pagina2{
    background:  url(../../img/fondo_cap.gif) top repeat-x  ;
}


#embolcall{  /*tota la pagina, apart del color de fons del body. nomes cal canviar amplada i imatge/color de fons*/

	  width: 970px;
	  margin:0 auto;
	  text-align:left;
	  display:table;
	  position:relative;
/*      background:  url(../../img/fondo_cap.gif) top repeat-x ;*/
	}
	
#idiomes{ /* barra idiomes a dalt de tot */
		
		min-height:16px;
		height:auto !important;
		height:16px;
		padding:4px;
		padding-right:16px;
		text-align:right;
		color:#666666;
		font-size:12px;
		font-weight:bold;
		padding-bottom:3px;
		float:right;
		margin:0px;
		padding:0px;
		padding-top:10px;
		padding-right:3px;
	}


	
	#idiomes div{/* posar display:none; si no calen idiomes*/
		/*display:none;*/
	}
	
	#embolcall2{  /* tot el contingut per sota dels idiomes. feta per afegir foto de fons per sobre del fons repetit verticalment a embolcall*/
	margin:0 px;
	padding:0px;

	  }
	  
	#capsalera{ /* a sota dels idiomes. pot tenir imatge/color de fons, etc.*/
	width:970px;
	text-align:center;
	height:95px;
	border:0px solid #CCFF00;

	}
	
	 



#logo{
	width:300px;
	height:68px;
	float:right;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:28px; 
	color:#fff;
}

#logo a{
	color:#eee;
}

#logo a:hover{
	color:#fff;
}

/* menu horizontal */
#barra_menu{/*menu a sota del banner*/
	/*border-bottom: #a9a9a9 dotted 2px;*/
	clear:both;	
	float:right;
	display:table;	
	width:383px;
	height:25px;
	padding:0px;
	margin:0px;
	}	
		

	
	/* estils del menu */
#barra_menu	.menu ul {	
		list-style-type: none;
		text-align:right;
		padding:0px;
		
		margin:0px;	
		padding-top:5px;
		
		border:0px solid;
}
		
#barra_menu	.menu ul li{
		display:inline;
		margin:0px;
		padding: 5px;
		padding-bottom:6px;
		font-weight: bold;
		text-align:center;
		font-family:Arial;
		font-size:11px;
		cursor: pointer;
		border-right:2px solid #000000;
		}
	
#barra_menu .catala ul li  {
		padding-left:14px;
		padding-right:13px;
}

#barra_menu .castellano ul li  {		
		padding-left:13px;
		padding-right:13px;
}

#barra_menu .english ul li  {		
		padding-left:13px;
		padding-right:12px;
}
	

#barra_menu ul li.itemMenu{
	color: #969696;
	background:#464646;
}
#barra_menu ul li.itemMenu:hover{
	color: #000000;
	background:#ff5400;

	
}
#barra_menu ul li.itemMenuOn{
	color: #464646;
	background: #969696;

}		
	
/****************************************************/

/******************************************/	
	#embolcallPag{/*tot el contingut per sota la cap�alera: barra de menu a l'esquerra i continguts pagina a la dreta*/

	background:#323232;
	width:968px;
	
	 
	}

	
	#contingut{/*contingut principal de la pagina, a la dreta del menu. a dintre de contingut hi ha el tpl que correspongui*/
	width:580px;
	float:left;
	margin: 0px;
	padding:0px;
	padding-top: 20px;
	
	}
	
	
/*=====================    SECCIO DE LA DRETA  ========================================================*/

	#contingut2{/* seccio de la dreta */
	width:378px;
	height:478px;
	float:right;
	margin: 0px;
	padding:0px;
	background:  url(../../img/fondo_web2.gif) top repeat-x;
	
	
	}
	


	#dreta{
		margin:0 auto;
		padding: 0px;
		border:0px solid;
		height:339px;
		width:271px;
	}

	.titulo_dreta{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12;
		color:#474747;
		background:#000000;
		margin:0 auto;
		padding: 0px;
		width:271px;
		font-weight:bold;
		background: url(../../img/fondo_categoria.jpg);
	}

	.titulo_dreta img{
		margin-top:0px;
		
	}

	.dreta_colecciones{
		width:150px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.dreta_categories{
		width:271px;
		padding-top:5px;
		background:#000000;
		height:90px;
	}

	

	
/*  peu  */	

	
	#fondo_peu{
		
	clear:both;
	    background:  url(../../img/fondo_peu.gif) top repeat-x;
		height:60px;
		width:100%;
		border:0px solid #666;
		border-top:3px black solid;
	}
	
	
	#peu_general{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	height:22px;
	width:967px;
	padding-top:3px;

	background:#323232;
	margin: 0 auto;
	padding-left:-15px;

	}
	
	#logo_peu{
	text-decoration:none;
	float:left;
	margin:0px;
	padding:0px;
	padding-left:16px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	}
	
	#links_peu a{/*avis legal, etc*/
	float:right;
	margin:0px;
	padding-top:2px;
	padding-bottom:4px;
	padding-right:16px;
	padding-left:16px;
	background:#464646;
	color:#c3c3c3;	
	}
	
	




/************************************ formulari contacte *****************************************************/

#dades_client{	
	margin-left:95px;
	margin-bottom:20px;
	color:#979797;
	}
	
	
#contactar{	
	width:560px;
	padding-right:10px;
	color:#979797;
}

#contactar #esquerra{
	float:left;
	width:300px;
}

#contactar #dreta{/*els camps normals es posen a dues columnes, esquerra i dreta, si n'hi han molts*/
	float:right;
	width:50%;
	display:none;
}

#contactar #base{	
	clear:both;
	margin-right:110px;
}

#contactar div{
	vertical-align:middle;
	text-align:right;
	margin-bottom:4px;
}

#contactar .controls{
	margin-left:95px;
	text-align:left;
}
#contactar .controls input{
	width:200px;
}

#contactar .error{
	background-color:#FFFF66;
}

#contactar .estret{/* camp de texte normal*/
	width:200px;
	margin-left: 10px;
}

#contactar .ample{/* camp de texte ample*/
	width:350px;
	margin-left: 10px;
}

label{
	font-size:12px;
}

#errors{
	margin:20px;
	margin-left:110px;
}

.IE6crap {right:365px;}



/*************************  CATALOGO   ************************/


	.flash1{
		float:left;
		margin-top:-103px;
		position: absolute;		
		margin-left:25px;
	}


	.flash{
		float:left;
		border:1px solid #969696;
		background:  url(../../img/fondo_web3.gif) top repeat-x ;


	}




	#cap_galeria{
		width:535px;
		height:20px;
		background:url(../../img/fons_galeria1.jpg) no-repeat;
		padding-left:30px;
		padding-top:4px;
		color:#000000;
		font-weight:bold;
	}

	.categories{
		float:right;
		margin-right:15px;
	}

	#fotos_galeria{padding-left:5px;}
	
	.foto_petita img{
		padding:2px;
	}
	
	.foto_petita img:hover{
		padding:1px;
	border:1px solid #FF5400;
	}
	

	#titulo{
		color:#FF5400;
		width:100%;
		text-align:center;
		margin:0px;
		padding:0px;
		clear:both;
		padding-top:3px;
	}




	.bubble{
		color:#000000;
	}
	
	
/***********************************/

#map{
	margin-left:30px;
	height:330px;
	width:450px;
}


#mapa {	
	color:#979797;
	margin-top:20px;
	margin-left:30px;
}