/* Styles Magda Simo (parametres amb "*" per IE) */

/************** GENERAL ****************/
html, body{
	height:100%;
}
body {  /*apart de proprietats de font i color de fons, no caldria tocar marges, height, etc*/
	margin: 0 auto;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height:100%;
	background: #4f3922 url(../pic/background-body.jpg) top repeat-x ;
	
	
	
	font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
}


div, ul, li{
	margin:0px;
	padding:0px;
}

a{
	color:#B8A764; text-decoration: none; font-weight:bold; border:0px; outline:none;}

a:hover{ 
	color:#4F3922; border:0px; text-decoration: underline;}


img{
	border:0px;
}

b{
	color:#022825;
}

p{
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}

	
	
	
.centrat{
	text-align:center;
	}

/*----------- intro ------------*/
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 1;
}


	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-10em; /* half of container's height */
		float:left;
		z-index:2;
		}

	#container {
		font-size:14px;
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:20em;
		width:52em;
		clear:left;
		z-index:2;
		}

	#container div {
		
		float:right;
		width:16em;
		}

	

	#container ul {
		border-left: #B8A864 solid 1px;
		list-style: none;
		padding-left: 20px;
		margin-left:20px;
		}

	#container li {
		margin-bottom:14px;
		}
		
	#container li a{
		color:#B8A864;
		font-weight:normal;
	}
	
	#container li a:hover{
		color:#937E4D;
		text-decoration:none;
	}

	#container p {
		padding-top:5.5em;
		text-align:left;
		}



	
/*============= CONTENIDO DE LA PAGUINA =================*/


#embolcall{  /*tota la pagina, apart del color de fons del body. nomes cal canviar amplada i imatge/color de fons*/
	  width: 990px;
	  margin:0 auto;
	  padding:0px;
	  text-align:left;
	  display:table;
	  position:relative;
	  background:  url(../pic/fons-contingut-notoquismes.png) repeat-y; 

	 
	}
	
	.fons-taula{
		/*background:  url(../pic/fons-contingut.png2) repeat-y; */
	}
	
	

	
	 
	#embolcallPag{/*tot el contingut per sota la cap?alera: barra de menu a l'esquerra i continguts pagina a la dreta*/
	  margin:0 auto;
	  padding:0px;
	  text-align:left;
	  display:table;
  	  /*background: url(../pic/fondo_menu.jpg) repeat-x bottom  #988050 ; */
	  border:0px solid #FFFFFF;	
	}
	
	#marge_superior{
		width:248px;
		height:17px;
		background-color:#8F7048;
		/*background-color:#988050;*/
	}

	#marge_superior2{
		width:747px;
		height:17px;
		background-color:#8F7048;
	}


/**********************************/	

/*================== columna esquerra (pel menu) ===================*/

	   #left_bar_fla{	
		 
		width:248px;
		margin: 0px;	
		padding:0px;
		
		
		display:block;
		border:0px solid #ff0000;
		
		}
		


		#menu_marge_esq{
			float:right;
			width:245px;
		}
		
	   #left_bar{	
		 
	    width:237px;
		margin: 0px;	
		padding:0px;
		margin-left:7px;
		float:left;
		display:block;
		background-color:#988050;
		border:0px solid #ff0000;
		
		}
		
		
		#left_bar ul{
		list-style:none;
		color:#B8A764;		
		margin:0px;
		padding:0px;
		}
		
		#left_bar ul li{
		height:20px;
		margin-bottom:4px;
		background:#000000;
		padding-left:27px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		}
		
		#left_bar ul li a{
			text-decoration:none;
			color:#B8A764;
			font-weight:normal;
		}
		
		#left_bar ul li a:hover{
			text-decoration:none;
			color:#927D4C;
			font-weight:normal;
		}
		
		
		.menu_ample{
		height:30px;
		padding-top:5px;
		padding-bottom:5px;
		}
		
	.menu_ample2{
		height:30px;
		padding-top:5px;
		padding-bottom:5px;
		}
		

/*****************     MENUS HORIZONTALES     *******************/

		.menu2{
			margin:0px;
			padding:0px;
			border:0px solid;		
			padding-top:8px;
			text-align:left;
			height:30px;
			/*padding-left:80px;*/
			
			/*width:500px;*/
		
		}

		.menu2 ul{
			list-style:none;
			color:#B8A764;
		}
		
		.menu2 ul li{
			padding:0px;
			margin:0px;
			border:1px solid #4F3922;		
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			display:inline;
			padding:4px;
			padding-right:20px;
			background:#4F3922;
			color:#FFFFFF;

			*text-align:center;
			*padding:4px;
			
			*margin-left:4px;
			*margin-top:50px;
		}

	
		.menu2 ul li a{
			text-decoration:none;						
			font-weight:normal;
		}
		
		.menu2 ul li:hover{	background:#FFFFFF; color:#4F3922	}
		.menu2 ul li a:hover{color:#4F3922}
		#activat{ background:#FFFFFF; color:#4F3922	}		
		
		
		
		
/****************************************************/

/******************************************/
	
	#contingut{	
		width:710px;
		margin: 0px;	
		padding:0px;
		margin-right:3px;
		background:#FFFFFF;
		min-height:920px;
		height:auto !important;
	    background:   url(../pic/fons-contingut2.png) repeat-y; 

		
	}


	#dins{
		padding:0px;
		margin:0px;
		margin-bottom:-1px; /* per evitar un salt d'un pixel que es veia a la part inferior d'algunes planes */
		padding-left:17px; 
		background:#FFFFFF; 
		min-height:700px;
		width:727px;
		*height:700px;/* IE ignora min-height */
		*width:744px;
	}


	
	
	#capsalera{
		width:744px; /*aquesta amplada permet que es vegi l'ombra del contingut*/
		height:130px;
		background:url(../pic/fons-contingut.png) repeat-y;
	}
/* peu i accessoris visuals assobre del peu, etc*/
	
	
	#sobre_peu{ /* per fer les cantonades arrodonides entre el contingut i el peu amb una imatge. 
	la imatge esposa al tpl perque per css no es veu be en IE6. si no es necessita es pot amagar amb display:none.
	display:none; */
	background:transparent;
	height: 16px;
	float: right;
	width:995px;
	}


	#peu_general{
		/* aqui no cal background */
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	padding:0px;
	border:0px solid red;
	width:997px;
	height:33px;
	padding-left:3px;
	border:0px solid #FF0000;
	}

	
	#peu_general2{
	background:url(../pic/fons-peu.png) bottom no-repeat #513B23;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	padding:0px;
	border:0px solid red;
	width:997px;
	height:33px;
	padding-left:3px;
	border:0px solid #FF0000;
	}
	
	
	#peu_menu{
		background:#FFFFFF;
		background: url(../pic/fondo_menu.jpg) bottom repeat-x;
		height:100px !important;
		left:3px;
/*		top:-100px;		*/
		width:245px;
	}
	
	#peu_menu2{
		background:  url(../pic/fons-contingut_peu.png) repeat-y left;
	}

	
	
	#logo_peu{/*logo iws*/
		display:none;
	float:left;
	margin:0px;
	padding:0px;
	padding-left:16px;
	}
	
	#links_peu{/*avis legal, etc*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#B8A764;
	float:right;
	margin:0px;
	padding:2px;
	padding-right:20px;
	}
	
	#links_peu a:hover{ 

	color:#ffffff; border:0px; text-decoration: underline;}

	
	
	
	
/**********************************************************************************************************************************************/
/*AQUI S'ACABA L'ESTRUCTURA DEL TEMPLATE. LA RESTA SON ESTILS PER DIFERENTS CONTINGUTS, MODULS O PAGINES ESTATIQUES COM CONVINGUI*/


/*-- NOTICIES --*/

	.actualitat{
		border:2px solid #4F3922;
		background:#F4F1ED;
		padding-top:2px;
		margin-top:5px;
		margin-right:4px;
		padding-left:5px;
		padding-right:5px;
		color:#4F3922;
		font-family:Arial;
		font-size:16px;
		font-weight:bold;
		height:22px;		
		text-align:center;	
		float:left;
		clear:both

		
	}
	.actualitat a{	
		color:#4F3922;
		font-family:Arial;
		font-size:16px;
		font-weight:bold;
		height:27px;
	}
	
	#contenedo_news{
		display:table; 
		border:0px solid;
		
		width:520px;
	}	
	
	
	#paginacio{
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#4F3922;
		text-align:right;
		margin-top:15px;
		border:0px solid
	}

	#noticies, contenido{
		width:520px;
		border:0px solid;
		background:#FFFFFF;	
	}
	
	.news_principal{
		border:2px solid #4F3922;
		margin-top:5px;
		width:490px;
		*width:524px; /* amb "*" per IE */
		background:#DED5C9;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;	
		padding-bottom:10px;
		text-align:justify;
	}


/* es la segona fila per que canvie de color i tamany de la font  */
	.news_principal2{
		border:2px solid #4F3922;
		margin-top:5px;
		width:490px;
		*width:524px; 
		background:#F4F1ED;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;	
		padding-bottom:10px;
		text-align:justify;
		display:block;
	}


	.news_principal3{
		border:2px solid #4F3922;
		margin-top:5px;
		width:490px;	
		*width:524px; 
		background:#DED5C9;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;	
		padding-bottom:10px;
		text-align:justify;
		display:table;
	}
	
	.news_infra{
		border:2px solid #4F3922;
		border-top:0px;
		width:520px;	
		background:#DED5C9;
		text-align:justify;
		display:table;
		padding-bottom:15px;
	}
	
	
	.news_galeria{
		margin-top:10px;
		border:2px solid #4F3922;
		background:#F4F1ED;
		width:535px;
		margin-bottom:10px;	
	}
	
	
	
	.news_principal3 .titular a{
		font-size:14px;
		font-family:Arial;	
		color:#4F3922;
	}
	
	.news_principal3 .fecha{
		font-weight:normal; 
		font-size:12px;
		font-family:Arial;	
		color:#4F3922;
	}
	

	.news_principal2 .titular a{
		font-size:12px;
		font-family:Arial;	
		color:#4F3922;
	}
	.news_principal2 .fecha{
		font-weight:normal; 
		font-size:12px;
		font-family:Arial;	
		color:#4F3922;
	}


	.fecha{
		font-weight:normal;
		font-size:12px;
		font-family:Arial;	
		color:#4F3922;
	}
	
	.titular{	
		font-family:Arial;
		color:#4F3922; 
		font-weight:bold;
		margin-bottom:10px;
	}
	
	
	.titular a {
		font-size:12px;
		font-family:Arial;	
		color:#4F3922;
	}
	
	.news_foto{float:left;border:1px solid; height:auto; margin-right:5px;} 	
	
	.subtitular{
		float:right; 
		border:0px solid;
		width:200px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		line-height:1.2em;
		padding-right:10px;
		}
		
	.subtitular2{
		border:0px solid;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		line-height:1.2em;
		padding-right:30px;
		}
		
	#foto_texte{	display:table; width:490px;margin:0px; padding:0px; padding-bottom:10px;}
	.info{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4F3922; float:right; padding-right:10px;}
	.info:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4F3922; float:right; padding-right:10px;}
	#noticies .pie{ margin-top:10px;}
	#noticies .pie a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		padding-right:10px;
		}
	
	.new_foto{float:left;}
	.cos{float:right; width:350px; font-family:Arial, Helvetica, sans-serif;font-size:12px;	color:#4F3922; padding:5px; text-align:justify	}
	
	
	.rel-url a, .rel-doc a{
		font-size:12px;
	}
	
	
	
	
/*----- DESFILES -------*/

	#desfile_principal{
		border:1px solid #4F3922;
		margin-top:10px;
		width:520px;
		background:#C1B396;
		padding-left:10px;
		padding-top:10px;	
		padding-bottom:5px;
		color:#F4F1ED
	}



	.desfile_subtitular{
		margin:0px;
		padding:10px;
		float:right; 
		border:0px solid;
		width:200px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		line-height:1.2em;
		padding-right:10px;
		vertical-align:bottom;		
	}
	
	.desfile_titular{		font-size:14px;		font-family:Arial;			color:#4F3922; font-weight:bold}	
	.desfile_titular a {
		font-size:14px;
		font-family:Arial;	
		color:#4F3922;
	}
	
	.desfile_info{
		width:520px;		
		font-family:Arial, Helvetica; font-size:14px; 
		color:#4F3922; 
		float:left;
		padding-right:10px; 
		background:#F4F1ED;
		text-align:right;
		border:1px solid;
		border-top:0px;
		}
	.desfile_info:hover{
		width:520px;		
		font-family:Arial, Helvetica; font-size:14px; 
		color:#F4F1ED; 
		float:left;
		padding-right:10px; 
		background:#4F3922;
		text-align:right;
		border:1px solid #4F3922;
		border-top:0px #4F3922;
		text-decoration:none;
		}
	.desfile_cos{font-family:Arial, Helvetica, sans-serif;font-size:12px;	color:#4F3922; text-align:justify	}
		
		
/*==========  CERTAMEN  ====================*/		

	.certamen_subtitular{
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		line-height:1.2em;
		padding-right:30px;
		vertical-align:bottom;		
		padding-top:5px;
		text-align:justify;
		width:500px;
	}
	
	.formulari{
		width:400px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		margin-left:50px;

	}
	
/*================= OTROS ============================*/	

.thumbs_models{
	text-align:right;
}
.thumbs_models img{
	padding:5px;
}
	input{margin-bottom:3px;}	
	.formilaris_news{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4F3922;padding-top:25px; background:#EFE5D1;}
	.boto{ margin-top:10px; margin-bottom:10px;clear:both; text-align:center}
	
	.embol_contingut{display:table; width:553px; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#4F3922; line-height:1.2em; border-left:2px solid #000; border-bottom:2px solid #988050; }
	.embol_contingut2{display:table; width:500px; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#4F3922; line-height:1.2em; border:2px solid #4F3922; padding:10px; }
	
	
	.foto_contingut{float:left; width:163px; border:0px solid; }
	
	.azafatas_left{
		float:left; 
		border:0px solid; 
		text-align:justify; 
		padding-right: 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	
	.azafatas_left img{ padding-left:0px; padding-bottom:0px;}
	
	
	.texte_contingut{float:right; width:390px; text-align:left;border:0px solid; text-align:justify}
	.texte_contingut2{border: 2px solid #988050; padding:10px; border-left:0px; border-bottom:0px; }
	.azafatas_contingut{ border:0px solid; text-align:center;}
	.azafatas_contingut img{padding-bottom:20px;margin-right:5px;}
	
	
	#table_visita{ border:2px solid #4F3922; width:520px; background:#dfd2b9;font-size:11px;}
	#table_visita2{ border:0px solid #4F3922; width:520px;}

	#table_visita3{ border:1px solid #fff; width:220px; background:#dfd2b9;font-size:11px;}	

	#table_visita tr td{border:1px solid #fff; padding:5px;}
	#table_visita2 tr td{border:1px solid #fff; padding:5px;}

	#map{border:2px ridge black;		height:370px;	width:485px;		}
	#map2{border:5px ridge black;		height:370px;	width:485px;		}	
	
	.nosub{ border:1px solid #4F3922; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:20px;}
	
	
	.ficha_left{float:left;width:270px; }
	.ficha_left img{ border:1px solid #FFFFFF; padding:4px;	background:#DFD2B9; }
	
	.ficha_right{float:right; background:#DFD2B9; padding:4px; border:1px solid #FFFFFF}
	
	.ficha_dades{	float:right; font-family: Arial, Helvetica, sans-serif  ; font-size:10px; text-align:left; width:102px; font-weight:bold; padding-left:4px; position:relative}
	.ficha_foto{float:left;}

/*espai blanc per el menu */
	.espai_blanc{ height:10px;margin:0px;padding:0px; clear:both;	}
		
	#galeria_smoll{
		display:table;
		width:500px;
	}
	
	#galeria_smoll2{
		display:inline;
		width:100px;
		border:1px solid;
	}

	.titular_infraes{
		border:2px solid;
		height:25px;
		width:520px;
		padding-top:2px;
		text-align:center;
		border-right:0px;
		border-left:0px;
		background:#000000;
		color:#927D4C
	}
	
	.titular_infraes a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	.news_infra img{
		text-align:center;
		margin-left:30px;
		padding-left:0px;
		padding-bottom:10px;
		margin-bottom:10px;
		padding-top:5px;
		float:left;
	}
	
	.news_infra{
		border:2px solid #4F3922;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		line-height:1.2em;
		padding-bottom:30px;
		text-align:justify;
		
		
		
	}
	
	.subtitular_infra{
		border:0px solid;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#663300;
		line-height:1.2em;
		margin-left:30px;
		padding-left:0px;
		font-weight:bold;
		text-align:left;
	}
	
	
		.cos_infra{
			border:0px solid;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#4F3922;
			line-height:1.2em;
			padding-right:30px;
			padding-left:30px;
			text-align:justify;
		}
	
	
	
	
	.flash{	
		display:table
	}
	
	.texte_galeria a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4F3922;
		text-align:left;
		border-left: 1px solid #999999;
		padding-left:10px;
	
	}
	
	.titular_publicidad{
		border:0px solid;
		height:25px;
		width:520px;
		display:table;
		padding-top:2px;
		text-align:center;
		border-right:0px;
		border-left:0px;
		background:#000000;
		color:#DED5C9;
		font-weight:bold;		
	}
	
	.cos_publicidad{

			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#4F3922;
			line-height:1.2em;
			padding-right:30px;
			padding-left:30px;
			padding-bottom:20px;
			padding-top:10px;
			text-align:justify;
			width:455px;
	}	
	#table_publi{ width:510px; margin:2px; border-top:0px;}
	#table_publi tr td{border:1px solid #fff; padding:0px; background:#F4F1ED}	
	#table_publi img{border:1px solid }
	
	#table_eventos{ width:510px; margin:2px; border-top:0px;}
	#table_eventos tr td{border:0px; padding:0px; text-align:center;}	
	#table_eventos img{border:0px}
	
	
	.vista_categories{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#4F3922;
			padding-left:10px;
			padding-top:10px;
			clear:both;
	}
	
	.carrito_compra{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#4F3922;
			border:1px solid;
			margin:0px;
			padding:0px;
			width: 520px
	}	
	.carrito_compra tr td{
			border:0px solid;
	}
	
	.carret{	
			border:0px solid #FF0000;;
			background:#8F7048;
			color:#FFFFFF;
	}
	
	.accions	{font-size:10px;}
	
	
/*-------- enviament de la factura ---------------*/


	.factura{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			border:3px solid red;
	}	
	
	#dins_factura{
		padding:0px;
		margin:0px;
		padding-left:17px; 
		background:#FFFFFF; 
		min-height:700px;
		width:727px;
		border:0px solid;
		font-family:Verdana, Arial, sans-serif;
		font-size:12px;
	}

	#dins_factura table{border:0px }
	#dins_factura table tr td{
		font-family:Verdana, Arial, sans-serif;
		font-size:12px;
		border:0px solid;
		padding:5px;
	}	
	
	.valor_final{
		border:50px solid #999999;
		background:#F4F1ED;
	}
	
	
/* ==========================================================*/

	#menu_mff{
		background:url(../pic/logo_fons_mff.gif) no-repeat right;
		display:table;
		width:390px;
		height:80px;
		padding-top:15px;
		margin-left:28px;
		
	}

	#boto_mmf{
		margin:5px;
		padding:3px;
		padding-left:8px;
		padding-right:8px;
		font-size:11px;
		color:#FFFFFF;
		border:2px solid #333333;
		background:#898C8E;
		float:left;
		cursor:pointer;
		
	}

	#boto_mmf2{
		margin:5px;
		padding:3px;		
		padding-left:8px;
		padding-right:8px;
		font-size:11px;
		color:#FFFFFF;
		border:2px solid #999999;
		background:#11364E;
		float:left;
		cursor:pointer;
	}
	
	#menu_mff a{
		font-weight:normal;
		text-decoration:none;	
	}
	#boto_mmf:hover{
		background:#7DDFD6;
		color:#000000;
	}
	#boto_mmf2:hover{
		background:#7DDFD6;
		color:#000000;
	}
	
	.tabla_mff{
		background:#EFE8E0		
	}
	
	.paginacio_mff{
		padding:10px;
		text-align:right	
	}
	
	.taula_mff_fotos{
		border:1px solid #FFFFFF;
		padding:5px;
		margin:4px;
		width:100px;
		display:table;
		text-align:left;
	}
	
	.img_galeria_mff a.foto img{
		border:1px solid #000000;
		display:table;
		margin:0px;
		padding:0px;
	}
	
	.descripcio_mmf_masInfo{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#4F3922;
			line-height:1.2em;
			margin-bottom:25px;
	}

/* GOOGLE */
div.ig_reset ig_tbl_line{
}
div.vs-root,div.vs-sep{
	height: 0px;
}