/* -- CSS Document ----------------------------- */
/* -- Copyright 2010, Accent Comunicació, scp -- */
/* -- http://www.accentcomunicacio.com --------- */

/*----------------------------------------------
	Basic
------------------------------------------------ */

/* IE bugs */
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }

img {border:0;}

body {
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}

a { color:#fb0611;
	text-decoration:none;}
	
	a:hover { text-decoration:underline; }

/*----------------------------------------------
	Estructura
------------------------------------------------ */

/* ------ Header -------------------- */

#header {
	overflow:hidden;
	width:100%;
	height:195px;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;}
	
	#header_int {
		overflow:hidden;
		width:1000px;
		margin:0 auto;}
		
		#logo {
			width:345px; height: 189px;
			margin-top:17px;
			z-index:10;
			position:absolute;
			float:left;}
		
		#logo h1 { padding:0;margin:0; }
		#logo h1 a {  width:345px; height: 189px; display:block; text-decoration:none;font-size:1px; background-image:url(../images/jovedecideix_logo_portada.gif); }
		#logo h1 a span { visibility:hidden; }
		#logo h1 a.interior {  background-image:url(../images/jovedecideix_logo_interior.gif); }
		
		#header_right {
			overflow:hidden;
			width:727px;
			float:right;
			padding-right:15px;}
			
			#adherits {
				font-size:20px;
				padding-top:25px;
				color:#ff030f;
				text-align:right;
				line-height:22px;
				height:100px;}
				
				#adherits a { font-size:22px; color:#531619; font-weight:bold; }
				
			#menu {
				overflow:hidden;
				text-align:right;}
				
				#menu ul li {
					display: inline;
					list-style-type:none;
					text-transform:lowercase;
					font-size:15px;
					background-image:url(../images/menu_gris.gif);
					background-repeat:no-repeat;
					background-position:left;}
					
					#menu ul li:hover {
						background-image:url(../images/menu_vermell.gif);}
					
					#menu ul li a {
						margin-right:35px;
						padding-left:10px;
						font-weight:bold;
						color:#5c5c5c;}
						
						#menu ul li.seleccionat {
							background-image:url(../images/menu_vermell.gif);}
							
							#menu ul li.seleccionat a {
								color:#fb0611;}
						
						#menu ul li a.ultim {
							margin-right:0px;}
						
						#menu ul li a:hover {
							color:#fb0611;
							text-decoration:none;}
		
		
/* ------ Content -------------------- */

#content {
	width:1000px;
	margin:0 auto;
	min-height:600px;}
	
	#content_int {
		overflow:hidden;
		width:680px;
		margin-right:20px;
		float:left;}

	#column {
		overflow:hidden;
		width:300px;
		float:right;}
		
		.column_content {
			overflow:hidden;
			margin-bottom:15px;}
	
	.h2_video  { font-size:18px; color:#fb0611!important;border-bottom:1px solid #cebdbe; margin-bottom:5px;padding-bottom:5px; }
		
	#agenda {
		overflow:hidden;}

		#agenda h2 a { font-size:18px; }
		#agenda h2 a:hover { color:#CC0005; text-decoration:none; }		

		#agenda_content {
			overflow:hidden;
			border-bottom:1px solid #cebdbe;
			border-top:1px solid #cebdbe;
			margin-top:3px;
			margin-bottom:15px;}
			

			
			.agenda_item {
				overflow:hidden;
				padding-top:5px;
				padding-bottom:5px;
				border-bottom:1px solid #e2e2e2;}
				
				.ultim_ag {
					border-bottom:none;}
				
				.agenda_item .data {
					color:#531619;
					font-size:10px;}
					
				.agenda_item a {
					color:#454545;}
					
					.agenda_item a:hover { color:#fb0611; text-decoration:none; }
		
		.xarxessocials {list-style-type:none;}	
		.xarxessocials li {
			float:left;
			margin-right:15px;}
			
			li.xultim {
				margin-right:0;}
/* ------ Footer -------------------- */

#footer {
	overflow:hidden;
	width:100%;
	border-top:6px solid #e5e5e5;
	background-color:#eeeeee;
	height:120px;
	padding-top:10px;}
	
	#footer_int {
		overflow:hidden;
		width:1000px;
		margin:0 auto;
		color:#666666;}
		
		#copyright {	
			overflow:hidden;
			width:500px;
			float:left;}
			
			#copyright a.rss {
				background-image:url(../images/rss.gif);
				background-repeat:no-repeat;
				background-position:left;
				padding-left:12px;}
			
			a.enllac { color:#666666; }
			a:hover.enllac { color:#fb0611; text-decoration:none; }
			
		#credits {	
			overflow:hidden;
			width:500px;
			float:right;
			text-align:right;
			font-size:10px;}
			
/*----------------------------------------------
	Portada
------------------------------------------------ */		

	/* ------ Notícia única -------------------- */

	.news1 {
		overflow:hidden;
		padding:20px;
		width:640px;
		height:207px;
		background-image:url(../images/news1_bg.gif);
		margin-bottom:20px;}
		
		.news1_left {
			overflow:hidden;
			width:310px;
			float:left;}
			
		.news1_right {
			overflow:hidden;
			width:310px;
			margin-left:20px;
			float:right;}
			
			.news1_right div.titol {
				overflow:hidden;
				padding-top:5px;
				padding-bottom:5px;
				border-top:1px solid #c7b6b7;
				border-bottom:1px solid #c7b6b7;
				margin-bottom:10px;
				}

			.news1_right div.titol h3 { font-size:18px; }
			.news1_right div.titol h3 a:hover { color:#CC0005; text-decoration:none; }		

				.news1_right p.data {
					color:#531619;
					font-size:10px;
					line-height:normal;}
					
					.news1_right  p {
						line-height:19px;}
						
	/* ------ Doble noti -------------------- */		
	
	#notisint {
		overflow:hidden;
		padding-bottom:15px;}
	
	.news2 {
		overflow:hidden;
		}
		
		.news2_left {
			overflow:hidden;
			padding:20px;
			width:290px;height:377px;
			background-image:url(../images/news2_bg.gif);
			float:left;}
			
		.news2_right {
			overflow:hidden;
			padding:20px;
			width:290px;height:377px;
			background-image:url(../images/news2_bg.gif);
			float:right;}
			
		.news2_int {
			overflow:hidden;
			padding:20px;
			width:290px;height:377px;
			margin-right:10px;
			margin-bottom:15px;
			background-image:url(../images/news2_bg.gif);
			float:left;}		

			.news2_left div.titol,
			.news2_right div.titol,
			.news2_int div.titol {
				overflow:hidden;
				padding-top:5px;
				padding-bottom:5px;
				border-top:1px solid #c7b6b7;
				border-bottom:1px solid #c7b6b7;
				margin-bottom:10px;
				}

			.news2_left div.titol h3,
			.news2_right div.titol h3,
			.news2_int div.titol h3 { font-size:18px; }
			.news2_left div.titol h3 a:hover,
			.news2_right div.titol h3 a:hover,
			.news2_int div.titol h3 a:hover { color:#CC0005; text-decoration:none; }		

				.news2_left p.data,
				.news2_right p.data,
				.news2_int p.data {
					color:#531619;
					font-size:10px;
					line-height:normal;}
					
					.news2_left  p,
					.news2_right  p,
					.news2_int  p {
						line-height:19px;}	
						
					.news2_left img,
					.news2_right img,
					.news2_int img {padding-bottom:5px;}	
					
/*----------------------------------------------
	Pàgina interior
------------------------------------------------ */								

	div.titolh2 {
		overflow:hidden;
		padding:10px;
		padding-left:20px;
		width:650px;
		height:20px;
		background-image:url(../images/titol_bg.gif);
		background-repeat:no-repeat;
		background-position:top left;
		margin-bottom:20px;}
		
		div.titolh2 h2 {font-size:18px;color:#fb0611;float:left;}
		div.titolh2 p { float:right; }
		div.titolh2 p a.tornar { 
			background-image:url(../images/boto_tornar.gif);
			background-repeat:no-repeat;
			background-position:right;
			padding-right:25px;
			height:18px;
			display:block;
			line-height:18px;
			
			 }
			
	.pagina_text {
		padding-left:20px;padding-right:20px;
		line-height:19px;
		overflow:hidden;
		}
		.pagina_text p {margin-bottom:20px;}
		
		
		/* -------------------- Paginador --------------- */
		
		.paginador_div {text-align:right;padding:0;margin:0;text-align:right;padding-bottom:20px;}
		a.paginador { padding:1px;padding-right:5px;padding-left:5px;color:white;text-decoration:none;background-color:#fb0611;}
		a.paginador:hover {background-color:#CC0005;}
		.paginador_div p {_position:relative; _top:2px;margin:0;padding:0;}

/*----------------------------------------------
	Notícia
------------------------------------------------ */		

	div.titolnoti {
			overflow:hidden;
			padding-top:5px;
			padding-bottom:5px;
			margin-left:20px;
			margin-right:20px;
			border-top:1px solid #c7b6b7;
			border-bottom:1px solid #c7b6b7;
			margin-bottom:10px;
			}

		div.titolnoti h3 { font-size:25px; }
		div.titolnoti h3 a:hover { color:#CC0005; text-decoration:none; }		

			p.datanoti {
				color:#531619;
				font-size:10px;
				line-height:normal;}
				
			.imgnoti {float:left; margin-right:15px;}
			
			div.imgnoti img {margin-bottom:10px;display:block;}
			
/*----------------------------------------------
	Agenda
------------------------------------------------ */		

	div.titolnoti a.petit {font-size:18px;}
	
/*----------------------------------------------
	Multimèdia
------------------------------------------------ */		

	p.html {background-color:#FFCC33;border:2px solid #FF6600;padding:15px;}
	
/*----------------------------------------------
	Qui som
------------------------------------------------ */		

	div.logoj {float:left; width:170px;overflow:hidden;padding:20px;text-align:center;}
	
	div.logoj img {margin:0 auto;}
	
/*----------------------------------------------
	Contactar
------------------------------------------------ */	
	
/* --------------------------------------------------------------- */
/* ------------------------- FORMULARIO ---------------------------- */	

	form.formulario label {
		color:black;
		float:left;
		width:140px;
		overflow:hidden;
		line-height:20px;
		display:block;
		margin-bottom:8px;}
		
	.form_item {overflow:hidden;}
		
	form.formulario input[type="text"]  {

		width:450px;
		overflow:hidden;
		border:1px solid #b3b3b3;
		border-bottom:3px solid #b3b3b3;
		font-size:15px;
		margin-bottom:8px;
		line-height:25px;
	
		}
	form.formulario textarea  {

		width:450px!important;
		overflow:hidden;
		border:1px solid #b3b3b3;border-bottom:3px solid #b3b3b3;
		height:110px;
		font-size:15px;
		margin-bottom:8px;
		}		
		
		
	form.formulario textarea {
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;

		width:220px;
	}
	
	form.formulario label.error { float:right;color: red;position:relative; width:200px;text-align:right;padding-right:50px; }
	*form.formulario label.error { top:-30px; }

	div.boton_derecha {text-align:right; margin-top:30px;margin-right:50px;}
	div.boton_derecha  input[type="submit"] {
	 
	  width: 123px;
	  height: 32px;
	  margin: 0;
	  padding: 0;
	  border: 0;
	  text-align:center;
	  color:white;
	  font-weight:bold;
	  text-transform:uppercase;
	  font-size:12px;
	  background: transparent  url(../images/bg-boton-enviar.gif) no-repeat center top;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	}
	div.boton_derecha  input[type="submit"]:hover {
		background: transparent  url(../images/bg-boton-enviar_rollover.gif) no-repeat center top;}
	
	
	div.premsa {
		margin-top:15px;
		overflow:hidden;
		
		border-top:1px solid #b3b3b3;
		padding-top:10px;
			}
			
			
/*----------------------------------------------
	Adhesions
------------------------------------------------ */		


#ad_selector {
	width:640px;
	overflow:hidden;
	margin-bottom:10px;}
		
		#ad_selector h3 {
			text-transform:uppercase;
			font-size:18px;}
			
			ul.tabs li {
				list-style-type:none;
				background-color:#f4f4f4;
				height:56px;
				margin-bottom:24px;
				float:left;
				text-align:center;border-bottom:2px solid #fb0611;
				}
			ul.tabs li a {display:block;width:280px;padding-left:20px;padding-right:20px;padding-top:10px;text-decoration:none;
				}
			ul.tabs li a:hover {color:#CC0005;}
			ul.tabs li.active a:hover {color:white;}
			
			.active a {
				background-color:#fb0611;
				color:white;
				margin-bottom:0;
				padding-bottom:24px;
				background-image:url(../images/fons_selector_adhesions.gif);
				background-position:bottom;
				background-repeat:no-repeat;
				}
	p.llistatad {
		overflow:hidden;
		width:100%;
		padding:10px;
		margin:0;
		border-bottom:1px dotted #b3b3b3;}
		
		p.colorad {background-color:#fcfed0;}

	.menu_lletres { height:30px;
padding:5px;

text-decoration:none;padding-top:3px;padding-bottom:3px;font-weight:bold;}
.menu_lletres a {border:1px solid #CCCCCC;display:inline;padding:5px;text-decoration:none;padding-top:3px;padding-bottom:3px;}
.menu_lletres a:hover {background-color:#FF2A1F;color:#FFFFFF;border:1px solid #FF2A1F;}
.menu_lletres a.selected {background-color:#FF2A1F;color:#FFFFFF;border:1px solid #FF2A1F;}


#mesnoticies {
	overflow:hidden;
	margin-bottom:35px;
	margin-top:20px;
	}
	
	#mesnoticies a {
		font-weight:bold;
		background-image:url(../images/estrella.gif);
		background-repeat:no-repeat;
		background-position:top right;
		padding-right:35px;
		text-align:right;
		line-height:34px;
		display:block;
		width:200px;
		float:right;
		}