/* CSS Document */

*{padding: 0; margin: 0; font-family: Calibri,'calibri';}
html{overflow-x:hidden;}
img{border: 0;}
	body
	{
		font-size: 14px;
		background-color: #FFFFFF;
	}
	
	a{color: #b11a2d;}
	
	h1
	{
		font-weight: normal;
		font-size: 30px;
		color: #b11a2d;
		line-height: 33px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	h2
	{
		width: 448px; font-size: 20px; color: #b11a2d; font-weight: normal; font-style: italic; margin-bottom: 5px;
	}
	h3
	{
		font-size: 20px; line-height: 25px; font-weight: normal; font-style: italic; margin-bottom: 15px;
	}
	
	.fl{float: left;}
	.fr{float: right;}
	
	.label_imatge
	{
		 display:block; padding: 5px 20px; background-color: #b72a3c; color: #FFFFFF; max-width: 100%; 
	}
	#ruta
	{
		padding: 5px 0px;
	}
	#ruta a
	{
		text-decoration: none;
	}
	#header
	{
		background-color: #FFFFFF;
	}
	#header > div
	{
		width: 975px; 
		margin: auto; 
		position:relative; 
		padding: 10px 0px;
		background-color:#FFFFFF;
	}
	
		#logo
		{
			height: 40px;
		}
		
		#xarxes_socials
		{
			margin-top: 10px; position: relative; z-index: 250; width: 705px;
		}
		
		
		
			#xarxes_socials div.fl
			{
				margin-left: 5px;	
			}
			
		#xarxes_socials
		{
			/*margin-top:0px;*/
			width: 770px;
		}
		
		#icons_socials
		{
			width: 560px;
		}
		
		#icons_socials a, #icons_socials span
		{
			text-decoration: none;
			display: inline-block;
			margin-right: 1%;
			width: 31%;
			margin-bottom: 1%;
				color: #b11a2d;
		}
		#icons_socials a img, #icons_socials span img
		{
			width: 20px;
			vertical-align: middle;
			margin-right: 5px;
		}
		
	#nav
	{
		background: url(../img/bg_nav.jpg) repeat-x; 
		height:48px; 
		margin-bottom: 2px; 
		position: relative; 
		z-index: 200;
	}
	
		#nav > div
		{
			width: 1010px; margin:auto;
		}
			#cercador
			{
				float: right; 
				margin-top: 9px; 
				border-radius: 2px; 
				padding: 3px 5px 2px 5px;
			}
				#cercador input[type="text"]
				{
					width: 163px; height: 18px; line-height: 18px; font-style: italic; padding: 0px;margin: 2px 0px; color: #b11a2d;font-size: 16px; border: none; background-color:transparent;  outline: 0px;
				}
				
				#cercador img
				{
					cursor: pointer; margin-right: 5px; margin-top: 4px;
				}
	
	#desplegador_menu
	{
		display: none;
	}
	#menu
	{
	 	margin: auto;
		text-align:center;
		display: inline-block;
		font-size: 14px;
		width: 100%;
	}
	
		#menu > li
		{
			float: left;
			height: 48px;
			list-style: none;
			overflow: hidden;
		}
			#menu > li > a
			{
				height: 48px;
				display: inline-block;
				line-height: 48px;
				padding: 0px 25px;
				vertical-align: top;
				color: #000000;
				text-shadow: 1px 1px 1px #FFFFFF;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;

			}
			
			#menu > li.destacat
			{
				float: right;
			}
			
			#menu > li.destacat > a
			{
				background-color: #b11a2d !important;
				color: #FFFFFF !important;
				text-shadow: none;
			}
			
				#menu > li.destacat:hover 
				{
					background-color: #b11a2d !important;
					color: #FFFFFF !important;
				}
				
				#menu > li.destacat:hover > a
				{
					color: #FFFFFF !important;
				}
			
			
			
			#menu > li > img
			{
				margin-top: 10px;
				vertical-align: top;
			}
			#menu > li:hover, #menu > li.active
			{
				background-color: #3c3c3c;
				
			}
			#menu > li.active
			{
				margin-left: 1px;
				margin-right: 1px;
			}
			#menu > li:hover > a, #menu > li.active > a
			{
				color: #FFFFFF;
				text-shadow: none;
			}
			#menu > li:hover > img,#menu > li.active > img{opacity: 0;}
			
			#menu > li > ul{position: absolute; border-top: 2px solid #FFFFFF; background-color: #3c3c3c; padding: 0px 22px; list-style: none;text-align: left; display: none; z-index: 150;}
			
				#menu > li > ul a
				{
					padding: 15px 0px;
					color: #FFFFFF;
					text-decoration: none;
					display: block;
					border-top: 1px solid #4e4e4e;
					text-transform: uppercase;
				}
				
				#menu > li > ul > li:first-child a
				{
					border-top: none;
				}
				
				#menu > li:hover > ul
				{
					display: block;
				}
				
	#content
	{
		border-top: 2px solid #b11a2d; min-height: 352px; background:url(../img/bg_content.jpg) repeat-x; padding: 20px 27px;
	}
		.slide_gran
		{
			position: absolute; width: 2000px; height: 404px; left: 50%; margin-left: -1000px;
		}
		
			.slide_gran > div
			{
				height: 404px; width: 100%;
			}
			
				.slide_gran > div > div
				{
					width: 470px; position: absolute; left: 50%; margin-left: -480px; bottom: 30px;z-index: 10;
				}
				
				.frase_slide
				{
					padding: 15px 23px; background: url(../img/fons_negre_transparent.png); color: #FFFFFF; display: block; line-height: 23px; margin-left: 15px; font-size: 20px; font-style: italic;
				}
				
				.boto_slide
				{
					margin-right: 5px;padding: 5px 15px; background-color: #b11a2d; color: #FFFFFF; font-size: 16px; display: inline-block; line-height: 16px; font-style: italic; text-decoration: none;
				}
		.banner_home
		{
			float: left;
			position: relative; 
			width: 251px; 
			height: 151px;
			overflow: hidden;
		}	
		
			.banner_home > span
			{
				background-color: #b11a2d; color: #FFFFFF; font-size: 20px; font-style: italic; text-transform: uppercase; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; line-height: 23px; padding: 10px;
			}
			#noticies_home
			{
				padding: 25px 15px;
				overflow: hidden;
				margin-bottom: 25px;
			}	
			#noticies_home .noticia
			{
				width: 255px;
				float: left;
				margin: 0px 26px;
				font-size: 14px;
				line-height: 18px;
			}
			
			.noticia .tipus
			{
				color: #b11a2d;
				font-style: italic;
				font-size: 20px;
				line-height: 23px;
				margin-bottom: 5px;
				display: block;
			}
			
			.noticia a
			{
				font-size: 20px;
				line-height: 25px;
				font-size: italic;
				margin-bottom: 5px;
				color: #000000;
				text-decoration: none;
				font-style: italic;
				display: block;
			}
			
			.noticia .data
			{
				font-weight: bold;
				font-size: 16px;
				margin-bottom: 5px;
				display: block;
				line-height: 16px;
			}
			
			
		.desplegable
		{
			float: left;
			list-style: none;
			padding-left: 0px;
			margin: 0px;
			margin-right: 15px;
			position: relative;
			z-index: 150;
			text-align: left;
		}
		
		.desplegable > li
		{
			position: relative;
			width: 250px;
		}
			.desplegable > li > span
			{
				display: block;
				padding: 10px;
				text-decoration: none;
				font-size: 13px;
				font-style: italic;
				color: #FFFFFF;
				background-color: #b72a3c;
				line-height: 11px;
				border-radius: 1px;
				text-transform: uppercase;
				cursor: default;
			}
				.desplegable > li > span.active
				{
					color: #990000;
				}
			
				.desplegable li span img
				{
					margin-top: 4px;
				}
				
		.desplegable li ul
		{
			position: absolute;
			left: 0;
			right: 0;
			border-top: 2px solid #FFFFFF;
			margin-left: 0;
			background-color: #b72a3c;
			border-radius: 2px;
			display: none;
			list-style: none;
			max-height: 200px;
			padding: 10px 0px;
			
		}
		
	.desplegable li ul a
	{

		display: block;
		padding: 10px;
		text-decoration: none;
		font-size: 13px;
		font-style: italic;
		color: #FFFFFF;
		line-height: 11px;
		text-transform: uppercase;
	}

.seleccio_programes
{
	margin-bottom: 30px; display: table; width: 100%; border-spacing: 1px;
}

	.seleccio_programes > div
	{
		display:table-row;
	}
	
		.seleccio_programes > div > a
		{
			width:220px;
			vertical-align: middle;
			display: table-cell;
			margin-right: 1px;
			margin-bottom: 1px;
			background-color: #b72a3c;
			padding: 8px;
			font-style: italic;
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.seleccio_programes > div > a.active
		{
			background-color: #3c3c3c;
		}
	
.bloc_generic
{
	margin-bottom: 30px;
}

	.bloc_generic h2
	{
		width: 448px; font-size: 20px; color: #b11a2d; font-weight: normal; font-style: italic; margin-bottom: 5px;
	}
	.bloc_generic h3
	{
		font-size: 20px; line-height: 25px; font-weight: normal; font-style: italic; margin-bottom: 15px;
	}
	
	.bloc_generic .col_esquerra
	{
		width: 448px;
	}
	
	.bloc_generic .col_dreta
	{
		width: 470px; 
		position: relative;
	}
	
	.boto_generic
	{
		display: inline-block; 
		background-color: #b72a3c; 
		padding: 8px; 
		font-style: italic; 
		text-decoration: none;
		color: #FFFFFF; 
		margin-right: 15px; 
		margin-bottom: 15px;
	}
	
	.mapa
	{
		width: 470px;
	}

	
	.dos_columnes
	{
		-moz-column-count:2;
		-webkit-column-count:2;
		column-count:2; 
		-moz-column-gap:30px;
		-webkit-column-gap:30px;
		column-gap:30px;
	}
	
	.cycle
	{
		/*overflow: hidden;*/
		min-height: 200px !important;
	}
	
		.cycle a
		{
			display: block;
		}
		
	.pager_noticia
	{
		text-align: center;
		position: absolute;
		width: 100%;
		z-index:150;
		margin-top: -50px;
		color: #3c3c3c;
		font-size: 35px;
		
	}
	
		.pager_noticia .cycle-pager-active
		{
			color: #b72a3c;
		}
		
		.pager_noticia span
		{
			cursor: pointer;
		}
		
	.logo_onsom
	{
		width: 30%;
	}


#contenidor_mapa
{
	margin: 15px -25px; min-height: 386px; position: relative;
}
	#mapa_partners
	{
		width: 50%;position: absolute; top: 0; left: 0; bottom: 0;
	}	
	
	#poblacions_onsom
	{
		width: 50%; background-color: #b11a2d;
	
	}	
.contenidor_contacte
{
	margin: auto; width: 468px;
}

.contenidor_newsletter
{
	margin: auto; width: 300px;
}
	
.bloc_noticia
{
	margin-bottom: 30px;
}	

	.bloc_noticia .data_noticia
	{
		width: 80px; margin-right: 15px; color: #b11a2d; font-size: 20px; font-style: italic; line-height: 25px;
	}	
	
	.bloc_noticia h3
	{
		font-size: 20px; line-height: 25px; font-weight: normal; font-style: italic; margin-bottom: 15px;
	}
	
	.bloc_noticia .col_esquerra_llarg
	{
		width: 860px;
	}
	.bloc_noticia .col_esquerra_curt
	{
		width: 535px;
	}
	
	.bloc_noticia .col_dreta
	{
		width: 300px; position: relative;
	}
	
	
	.contenidor_dades_donatius
	{
		width: 468px;
	}
	
	.contenidor_pagaments_donatius
	{
		width: 468px; font-style: italic;
	}
	
		.label_opcions
		{
			width: 120px; display: inline-block;
		}
		
	input[type=text]
	{
		width: 41%;
		border: 1px solid #CECECE;
		margin: 2px 0px;
		padding: 8px 4%;
		font-style: italic;
		font-size: 14px;
		
	}
	

	
	.boto_form
	{
		border: 1px solid #CECECE;
		display: inline-block;
		margin: 2px 0px;
		padding: 8px 8px;
		font-style: italic;
		font-size: 14px;
		line-height: 17px;
		color: #CCCCCC;
		background-color:#FFFFFF;
		outline:0px;
		cursor:pointer;
		
	}
	
	.boto_form.active
	{
		color: #000000;
	}
	
	.lletres_empreses a
	{
		font-size: 30px;
		color: #000000;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		text-decoration: none;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
	
	.lletres_empreses a:hover, #lletres_empreses a.active
	{	
		color: #b72a3c;
	}
	
	.lletra_llistat_empreses
	{
		font-size: 30px; 
		width: 20px; 
		line-height: 20px;
		color: #b72a3c;
	}
	
	.llistat_empreses
	{
		width: 405px;
	}
			
			
		#peu
		{
			background-color: #3c3c3c; padding: 24px 48px; color: #dedede;
		}
			#peu, #peu a
			{
				color: #dedede;
				font-size: 14px;
				text-decoration: none;
			}
				
				#peu a.mail
				{
					color:#b11a2d;
				}
			
			#dades_contacte_peu
			{
				line-height: 28px;
				width: 225px;
				margin-right: 115px;
			}
			
				#dades_contacte_peu a:hover
				{
					text-decoration: underline;
				}
			
			#enllacos_peu
			{
				width: 198px;
				margin-right: 115px;
				border-bottom: 1px solid #505050;
				border-top: 1px solid #212121;
			}
				
				#enllacos_peu a
				{
					display: block;
					line-height: 16px;
					padding: 10px 0px;
					text-decoration: none;
					border-top: 1px solid #505050;
					border-bottom: 1px solid #212121;
				}
			
			#empreses_peu
			{
				width: 255px;
			}
			
			
			.white-popup {
			  position: relative;
			  background: #FFF;
			  padding: 20px;
			  max-width: 500px;
			  width: auto;
			  max-height: 500px;
			  overflow: auto;
			  margin: 20px auto;
			}
			
				.white-popup > div
				{
					height: 480px; 
					overflow: auto;
				}
			
			
			
			.donatiu_page h3{
				font-style:normal;	
			}