/*	
 *	firabarcelona.com Home Screen Styles
 *
 *	Table of contents:
 *		generic styles
 *		forms
 *		sifr
 *		layout:
 *			header
 *			navigation
 *			content:
 *				primary
 *				secondary
 *			footer
 *		colors/typography:
 *			header
 *			navigation
 *			content:
 *				primary
 *				secondary
 *			footer
 */
 
/*@import url("layout.css");*/
/*@import url("colorsandtypography.css");*/
/*@import url("forms.css");*/
@import url(sifr.css);
 
/*	generic styles
-----------------------------------------*/
*{
	margin:0;
	padding:0;
	border:0;
}

body{
	font:11px/1.5em "Trebuchet MS",verdana,sans-serif;
	text-align:center;
}

p{
	margin-bottom:10px;
}

p.titular{
	margin-bottom:5px;
}

.spacing{
	padding:10px 10px 10px 0;
}

a{
	outline:none;
}

a:link,a:visited{
	text-decoration:none;
	color:#000;
}

a:hover{
	text-decoration:underline;
	color:black;
}

ul{
	list-style:none;	
}

strong{
	color:black;
}

.hidden{
	display:none;
}

.center{
	text-align:center;
}

/*	forms
-----------------------------------------*/
#form-eventos{
	padding-top:5px;
	clear:left;
}

#form-eventos label,
#form-eventos select{
	display:block;
}

#form-eventos label{
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid #e5e5e5;
}

#form-eventos select{
	width:100%;
	border:1px solid #ccc;
	font:11px "Trebuchet MS", verdana, sans-serif;
	color:#999;
	padding-left:5px;
	margin-top:5px;
}

option{
	padding-left:5px;
}
 
/*	layout
-----------------------------------------*/
h1,h2,h3,h4,h5{
	margin:0 0 5px 0;
}

#wrapper.home h3{
	margin-bottom:-5px;
}

* html #wrapper.home h3{
	margin-bottom:5px;
}

h1{
	width:248px; 
	height:66px; 
	margin:0;
	margin-bottom:40px;
}

h1 a{
	width:248px; 
	height:66px;
	display:block;
	text-indent:-9999px; 
	background:url(../images/logo.png) no-repeat;
}

h2{
	margin-bottom:-2px;
}

#wrapper{
	width:1000px;
	padding-top:10px;
	text-align:left;
	margin:0 auto;
}	

	/*	layout header
	--------------------------------------*/
 	#header{
	 	float:left;
	 	width:800px;
	 	/*width:798px;
	 	border:1px solid olive;*/
	}
	
		#header .spacing{
			padding:0 30px 23px 30px;
		}

		#header ul{
			margin-bottom:10px;
		}
		
		#header #languages{
	 		width:200px;
	 		float:right;
	 		text-align:right;
		}
		
		#header ul#subnav{
			width:470px;
			/*width:445px;
			border:1px solid red;*/
		}
		
			#header ul li{
				display:inline;
			}
							
				#header ul li a.first{
					padding-left:0;
				}
 	
 	/*	layout navigation
 	--------------------------------------*/
 	#navigation{
	 	float:right;
	 	width:200px;
	}
		#navigation .spacing{
			padding:0;
		}


		#twitter{font-size:9px;}
		
		
		#navigation h6{
			margin-top:10px;
			margin-bottom:5px;
		}
	
		#navigation ul#nav-institution,
		#navigation ul#nav-sale{
			margin-bottom:15px;
		}
		
		/**************NAVEGACIÓ INSTITUCIONAL*************/
		#nav-institution li{
			height: 16px;
		}		
			/*** CAT ***/
			
		#nav-institution li a {
			text-indent: -9999px;
			height: 16px;
			display: block;
			background: url('../images/menu_principal_CA.png') no-repeat;
		}

			#nav-institution li a.es {
			text-indent: -9999px;
			height: 16px;
			display: block;
			background: url('../images/menu_principal_ES.png') no-repeat;
		}

			#nav-institution li a.en {
			text-indent: -9999px;
			height: 16px;
			display: block;
			background: url('../images/menu_principal_EN.png') no-repeat;
		}

		#nav-institution li#quisom a {
			background-position: 0px 1px;
		}
		#nav-institution li#bar a {
			background-position: 0px -15px;
		}
		#nav-institution li#premsa a {
			background-position: 0px -31px;
		}
		#nav-institution li#publi a {
			background-position: 0px -47px;
		}
		#nav-institution li#quisom a:hover , #nav-institution li#quisom a.current {
			background-position: -201px 1px;
		}
		#nav-institution li#bar a:hover , #nav-institution li#bar a.current {
			background-position: -201px -15px;
		}
		#nav-institution li#premsa a:hover , #nav-institution li#premsa a.current {
			background-position: -201px -31px;
		}
		#nav-institution li#publi a:hover , #nav-institution li#publi a.current {
			background-position: -201px -47px;
		}	
		#nav-institution li#licitacions a {
			background-position: 0px -15px;
		}	
		

		/*################################################*/

		/*#####*/
		#nav-sale { margin-top: 80px; border-bottom: 1px solid #DFDFDF; }
		#nav-sale li a.ca{
			background:url(../images/menu_CA.png) no-repeat;
			width:200px;
			height:58px;
			display:block;
			text-indent:-9999px;
		}
		#nav-sale li a.es{
			background:url(../images/menu_ES.png) no-repeat;
			width:200px;
			height:58px;
			display:block;
			text-indent:-9999px;
		}
		#nav-sale li a.en{
			background:url(../images/menu_EN.png) no-repeat;
			width:200px;
			height:58px;
			display:block;
			text-indent:-9999px;
		}
		#nav-sale li#quisom a{
			background-position:0 0;
			height:58px;
		}
		#nav-sale li#quisom a:hover{
			background-position:-200px 0;
			height:58px;
		}

		#nav-sale li#salones a{
			background-position: 0px -58px;
			height:58px;
		}
		#nav-sale li#salones a:hover{
			background-position:-200px -58px;
			height:58px;
		}

		#nav-sale li#recintos a{
			background-position:0 -116px;
			height:58px;
		}
		#nav-sale li#recintos a:hover{
			background-position:-200px -116px;
			height:58px;
		}

		#nav-sale li#servicios a{
			background-position:0 -174px;
			height:58px;
		}
		#nav-sale li#servicios a:hover{
			background-position:-200px -174px;
			height:58px;
		}

		#nav-sale li#organizadores a{
			background-position:0 -233px;
			height:58px;
		}
		#nav-sale li#organizadores a:hover{
			background-position:-200px -233px;
			height:58px;
		}
		
		#nav-sale li#premsa a{
			background-position:0 -291px;
			height:58px;
		}
		#nav-sale li#premsa a:hover{
			background-position:-200px -291px;
			height:58px;
		}

		#nav-sale li#bar a{
			background-position:0 -349px;
			height:59px;
		}
		#nav-sale li#bar a:hover{
			background-position:-200px -349px;
			height:59px;
		}
		
		
		/* 
		#nav-sale li#licitaciones a{
			background-position:0 -349px;
			height:59px;
		}
		#nav-sale li#licitaciones a:hover{
			background-position:-200px -349px;
			height:59px;
		} */
		
		
		#nav-sale li#licitacions a{
			background-position:0 -408px;
			height:59px;
		}
		#nav-sale li#licitacions a:hover{
			background-position:-200px -408px;
			height:59px;
		}
		
		/*#####*/




		#descargas{
			margin:0 0 40px 0;
			background:url(../images/descargas_icon.png) no-repeat 130px 0;
		}
		
		#descargas a.ca{
			display:block;
			width:120px;
			height:25px;
			background:url(../images/descargas_text_CA.png) no-repeat 0 0;
			text-indent:-9999px;
		}
		
			#descargas a.es{
			display:block;
			width:120px;
			height:25px;
			background:url(../images/descargas_text_ES.png) no-repeat 0 0;
			text-indent:-9999px;
		}
		
			#descargas a.en{
			display:block;
			width:120px;
			height:25px;
			background:url(../images/descargas_text_EN.png) no-repeat 0 0;
			text-indent:-9999px;
		}
		
		#descargas a:hover{
			background-position:0 -25px;
		}
		
		#destacats .ca{
			background:url(../images/destacados_CA.png) no-repeat;
			text-indent:-9999px;
		}
		
		#destacats .es{
			background:url(../images/destacados_ES.png) no-repeat;
			text-indent:-9999px;
		}
		
		#destacats .en{
			background:url(../images/destacados_EN.png) no-repeat;
			text-indent:-9999px;
		}
		
		#patrocinadors{
			background:url(../images/patrocinadores.png) no-repeat;
			text-indent:-9999px;
		}
		 	
 	/*	layout content
 	--------------------------------------*/
 	ul#actions{
	 	float:right;
		width:212px;
		position:relative;
	 	margin:0;
	 	padding:0;
		padding-top:10px;
		padding-bottom:25px;
		margin-right:30px;
		/*width:210px;
		border:1px solid green;*/
	}
	
		ul#actions li{
			float:left;
			height:22px;
			margin-right:5px;
			cursor:pointer;
		}
		
		ul#actions li#impresion{
			width:29px;
			background:url(../images/impresion.png) no-repeat;
		}
				
		ul#actions li#info{
			width:29px;
			background:url(../images/impresion.png) no-repeat;
		}
		
		/*ul#actions li#info{
			width:29px;
			background:url(images/info.png) no-repeat;
		}*/
		
		ul#actions li#descargas{
			width:29px;
			background:url(../images/descargas.png) no-repeat;
		}
		
		ul#actions li#increase_font{
			width:22px;
			background:url(../images/a+.png) no-repeat;
			margin-right:0;
		}
		
		ul#actions li#decrease_font{
			width:22px;
			background:url(../images/a-.png) no-repeat;
		}
			
			ul#actions li a {
				visibility:hidden;
				position:absolute;
				padding:2px 5px;
				font-size:10px;
				width:200px;
				left:-3px;
				bottom:5px;
			}
		
		#header object{
			width:740px;
			height:250px;
		}
	
 
 		/*	layout content primary
 		----------------------------------*/
 		#primary-content{
	 		float:left;
	 		width:400px;
	 		/*width:398px;
	 		border:1px solid green;*/
	 	}
	 	
	 		#primary-content .spacing{
		 		padding:0 30px 50px 30px;
		 	}
		 	
		 	#primary-content ul{
			 	list-style:none;
			 	margin:0;
			 	padding:0;
			 }
			 
			 #primary-content ul li{
				 padding:0;
				 margin:0;
				 clear:left;
				 padding-top:15px;
			}
		 	
		 	#primary-content ul li img{
			 	width:134px;
			 	height:35px;
			 	float:left;
			}
			
			#primary-content ul li ul{
				width:184px;
				float:left;
				margin-left:20px;
				line-height:14px;
			}
			
			#primary-content ul li ul li{
				padding:0;
			}
	 		
 		
 		/*	layout content secondary
 		----------------------------------*/

	 	#noticies{
			width:400px;
			width:398px;
			line-height:15px;
		}
		
		#ciutat {
			width:400px;
			width:398px;
			line-height:15px;
			margin-top:7px;

		}
		
		#wrapper.home #secondary-content{
			margin-top:0;
			margin-right:230px;
			line-height:15px;
		}
		.section,.column,.section-left{
			float:right;
			width:185px;
			/*width:183px;
			border:1px solid red;*/
		}
		
		.column{
			float:left;
		}
		
			.column img{
				width:169px;
				height:87px;
			}
			
			.avis{
				float:left;
			}
		
			.avis img{
				width:170px;
				height:55px;
			}
			.column .spacing,
			.avis .spacing,
			.section .spacing,
			.section-left .spacing{
				padding:0 0 10px 0;
			}

			#secondary-content .section .spacing,
			#secondary-content .section-left .spacing{
				margin-top:10px;
				
			}
			
			.section .spacing{
				padding-top:0;
			}
		
			.section-left .spacing,.spacing-left{
				padding-left:8px;
				margin-bottom: 15px;
			}

 		
 		 	
 	/*	layout footer
 	--------------------------------------*/
 	#footer{
	 	clear:both;
	 	padding-top:5px;
	 	margin-left:30px;
	 	text-align:center;
	}
	
		#footer p{
			float:left;
		}
		
		#footer ul{
			float:right;
			margin-right:218px;
			text-align:right;
			display:inline;
		}
	
			#footer ul li{
				float:left;
			}
									
				#footer ul li a.first{
					padding-left:0;
				} 	
		#footer .spacing { clear: both; }
		#banners { float: left; background: url("../images/adsLine.png") repeat 0px 0px; width: 750px; overflow: hidden; margin-bottom: 30px; }
		#banners div { float: left; overflow: hidden; text-align: left; }
		#banners div strong { color: #acacac; font-weight: normal; font-size: 1.1em; }
		#banners div ul { display: block; padding-top: 10px; float: none; margin: 0px 0px !important; text-align: left; }
		#banners div ul li { float: left; width: 140px; height: 57px; }
		#banners div ul li img { margin-top: 5px; }
		#canal_video { margin-bottom: 20px; }
 
/*	colors/typography
-----------------------------------------*/

h1,h2,h3,h4,h5{
	color:black;
}

h1{
	font:28px "Trebuchet MS",verdana,sans-serif;
}

h2{
	font:24px "Trebuchet MS",verdana,sans-serif;
}

h3{
	font:20px "Trebuchet MS",verdana,sans-serif;
}

h4{
	font:18px "Trebuchet MS",verdana,sans-serif;
}

h5 {
	font:15px "Trebuchet MS",verdana,sans-serif;
}

h6{
	color:#C7C7C7;
}


#wrapper{
	color:#888;
}

	/*	colors/typography header
	--------------------------------------*/
	#header #languages{
		font-size:9px;
	}
	
	#header #languages a{
		color:#999;
	}
 	
 	/*	colors/typography navigation
 	--------------------------------------*/
 	#descargas{
	 	font-size:12px;
		font-weight:bold;
	}
 	
 	/*	colors/typography content
 	--------------------------------------*/
 
 		/*	colors/typography content primary
 		----------------------------------*/
 		
 		
 		/*	colors/typography content primary
 		----------------------------------*/
 	
 	
 	/*	colors/typography footer
 	--------------------------------------*/
 	#footer{
	 	font-size:10px;
	}

/* VIDEO INSTITUCIONAL */

#canal_video a {
	width: 170px;
	height: 145px;
	display:block;
	margin: 0px auto 3px auto;
	padding: 0px;
	text-indent:-9999px;
}

#canal_video a {
	background: transparent url(../images/destacat.jpg) no-repeat 0% 0%;
}

#canal_video a.es {
	background: transparent url(../images/destacat_es.jpg) no-repeat 0% 0%;
}

#canal_video a.en {
	background: transparent url(../images/destacat_en.jpg) no-repeat 0% 0%;
}
/*----08/11/11 12:00-----*/