/* whads accent (www.whads.com) */
/* css principal de moda barcelona */

@import url(FONSestils.css);

/* /////////// definició dels tags /////////// */
body {
/*
	font-family: tahoma, arial, verdana;
	font-size: 11px;

	margin: 0px;
	padding: 0px;

	background-image: url(../img/fondos/fons1.gif);
	background-repeat: no-repeat;
	background-position: 777px -2px;
*/

font-family: tahoma, arial, verdana;
font-size: 11px;
margin: 0 auto;
padding: 0px;

position:relative;
width: 90em;
}

#marcWEB {
background-repeat: no-repeat;
background-position: right -2px;
}

body.salo {	
/*    background-image: url(../img/fondos/fons2.gif);*/
}



img {
	border: 0px;
	margin: 0;
	padding: 0;	
}

img.info {
	padding-bottom: 2px;
}


a {
/*    font-family: verdana;*/
/*    font-size: 10px;*/
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 { 
	font-family:arial, helvetica, sans-serif; 
	font-weight: normal;
	margin: 0px;
}


h2 { 
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #cc0001;
	margin-bottom: 0;
}

h3 { 
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #447aa6;	
}

address{ font-style:normal;}



p {
	font-family: verdana;
	font-size: 11px;
	margin: 7px 0px; padding: 0;
}

p.subtitol {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 13px;
}

ul { margin: 0; padding: 0; }
ol { margin: 0; padding: 0; }

/* /////////// definició de classes /////////// */

.clearfix { display: inline-table; }
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* hides from ie-mac \*/
	* html .clearfix { height: 0; }
	.clearfix { display: block; }
	/* end hide from ie-mac */

.cursorover{	
	cursor: pointer;
	cursor: hand;
	}

.hide {
	display: none!important;
}	

/* /////////// definició de zones del lloc web /////////// */

#marcweb {
	margin: 0px;
	width: 800px;

/*    margin-left: 12px;*/
/*    border: 1px solid green; */
}


/* estils header
------------------------------------------------------------------------------------------------------*/

#header {
	background-color: #000000;
	background-image: url('../img/header/header2011.jpg');
	background-repeat: no-repeat;
	width: 777px;
	height: 105px;

	border: 1px solid #000000; 
}

#header.salo {
	background-image: url('../img/header/header22011.jpg');
	background-color: #CC0001;	
	border: 1px solid #CC0001; 	
}

#header p {
	padding-left: 34px;
	padding-top: 75px;	
}	

#header p a {
	color: #ffffff;
	font-size: 10px;
}

#header.salo p a {
	color: #000000;
	font-size: 10px;
}

#header p img {
	margin-right: 5px;
}


#MenuIdiomes {
	position: absolute;
	left: 804px;
	top: 10px;
	width: 180px;
}

#MenuIdiomes ul {
	float:left;
}

#MenuIdiomes li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Verdana;
	font-size: 9px;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#MenuIdiomes li.last {
	border-right: none;
}

#MenuIdiomes li a {
	font-family: Verdana;
	font-size: 9px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration: underline;
}

#MenuIdiomes a:hover {
	color: #FFFFFF;	
	text-decoration: none;	
}

.salo #MenuIdiomes li a, .salo #MenuIdiomes li a:hover, .salo #MenuIdiomes li {
	color: #000000;	
}

.salo #MenuIdiomes li {
	border-right: 1px solid #000000;
}

.salo #MenuIdiomes li.last {
	border-right: none;
}

/* end estils header
------------------------------------------------------------------------------------------------------*/



/* estils menu 
 * -----------------------------------------------------------------------------------*/
#menu {
	width: 164px;
	float: left;

/*min-height: 500px;*/
} 

#menu ul {	
	background-color: #eeeeee;
	padding-top: 20px;
	text-align: right;
	list-style: none;
	margin-bottom: 0px;
	padding-bottom: 23px;
	border: 1px solid #eeeeee; 
    border-right: none;
}

#menu li {
	margin-bottom: 10px;	
}

#menu li.level1 {
	margin-bottom: 2px;	
}

#menu a.level1 {
	display: block;
	background-color: #D3D3D3;
	background-image: url("../img/menu/liLevel1.gif");
	background-repeat: no-repeat;
	background-position: 8px 6px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin-left: 30px;
	width: 118px;
	text-align: left;
}

#menu li.pasarela {
	background-image: url("../img/menu/separadorprova.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 10px;
}

#menu a.level1selected {
	background-image: url("../img/menu/liLevel1selected.gif");
	color: #FFFFFF;
	background-color: #999999;
}

#menu span.level1selected {
	display: block;
	color: #FFFFFF;
	background-color: #999999;
	background-image: url("../img/menu/liLevel1selected.gif");
	background-repeat: no-repeat;
	background-position: 8px 6px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin-left: 30px;
	width: 118px;
	text-align: left;
}


#menu li.destacat {
    margin-left: 0px !important;
    color: #fff !important;
    background-color: #CC0001;
}

#menu li.destacat a,
#menu li.destacat span {
    display: block;
    padding: .3em .5em;
    color: #fff !important;
}


#menu li ul {	
	text-align: left;
	padding: 0px;
	margin-left: 34px;
	margin-bottom: 10px;	
}

#menu li ul li {
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;	
}

#menu li ul li a {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;	
	color: #000000;
	text-decoration: none;
	background-color: none;
}

#menu li ul li a.selected {
	font-weight: bold;
}

#menu li ul li a:hover {
	text-decoration: underline;
}

#menu #contacte {
	margin-top:0px;
	background-image: url('../img/menu/filet.gif');
	background-repeat: repeat-x;
	padding-top: 10px;

}

#menu #contacte p {
	margin: 0px;
	margin-top: 2px;
	margin-left: 35px;
	font-family: Verdana;
	font-size: 10px;
}	

#menu li.video {
	margin-top: 20px;
}

#menu span.video,
#menu a.video {
	color: #fff;
	font-weight: bold;
	background: #cc0001 url("../img/li_video.gif") no-repeat right center;
}

/*  end estils menu
 * -----------------------------------------------------------------------------------*/
 



/*  estils content
 * -----------------------------------------------------------------------------------*/
#content {
	float: left;
	width: 565px;

	padding-left: 30px;
/*        border: 1px solid red; */
} 

#content p {
	padding-right: 30px;
}

#FotosPeu {
	width: 537px;
}

#FotosPeu img {
	float: left;
/*    margin-right: 1px;*/
/*    border: 1px solid red; */
}	

#FotosPeu img.last {
	margin-right 0px;		
}

.caixes_llista_salo_visitants {
    float: left;
    width:24%;
    margin-bottom: 25px;   
}

#separador{
	background-image: url(../img/separador.jpg);
	width: 515px;
	height: 1px;
	background-repeat: repeat-x;
	clear: both;
}

/* end estils content
 * -----------------------------------------------------------------------------------*/
 


/* Footer
 * -----------------------------------------------------------------------------------*/
#Footer {
	margin-top: 10px;
	margin-left: 0px;
}
/* END Footer
 * -----------------------------------------------------------------------------------*/


/*  estils submenu
 * -----------------------------------------------------------------------------------*/

#submenu {
}

#submenu li {
	display: block;
	float: left;
	width: 105px;
	height: 14px;

	padding-top: 2px;
	padding-bottom: 2px;	
	padding-left: 5px;
	margin-right: 2px;

	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color: #e5e5e5;	
	color: #000000;
}

#submenu li.selected {
	background-color: #CC0000;
}	

#submenu li.selected {
	color: #FFFFFF;
}

#submenu li a {
	color: #000000;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}

	.servicios #submenu li {
		width: auto;
		padding-right: 15px;
	}

#submenu li.petit {
	width: 110px;
}

#submenu li.petitagencies{
	width: 130px;
}

#submenu li.petithotel {
	width: 90px;
}

#submenu li.petitapartament {
	width: 100px;
}


/*  END estils submenu
 * -----------------------------------------------------------------------------------*/
 

/*  Estils SubmenuSelect
 * -----------------------------------------------------------------------------------*/
 
#SubmenuSelect {
	width: 516px;
	height: 20px;
	margin-bottom: 10px;
}

#SubmenuSelect input {
	display: block;	
	float: left;
	width: 134px;
	height: 20px;
	border: none;

	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	text-align: left;

	background-color: #CCCCCC;
	color: black;
}

#SubmenuSelect a.back {
	display: block;
	float: left;

	width: 57px;
	height: 16px;
	padding-left: 10px;		
	margin-right: 5px;
	padding-top: 4px;
	padding-left: 20px;		

	font-weight: bold;
	font-family: Arial;
	font-size: 11px;

	background-color: #CCCCCC;
	color: black;
}

#SubmenuSelect a.back:hover {
	text-decoration: none;
}

#SubmenuSelect a.back img {
	margin-right: 5px;
}

#SubmenuSelect input.tendencia {
	margin-right: 5px;
}

#SubmenuSelect input.selected {
	background-color: #CC0001;		
	color: white;	
}	
	

#SubmenuSelect select {
	float: left;
	width: 153px;
	margin-right: 5px;	
	font-family: Arial;
	font-size: 11px;
	color: black;
}

/* END  Estils SubmenuSelect
 * -----------------------------------------------------------------------------------*/
 

/*  Estils GaleriaFotografica
 * -----------------------------------------------------------------------------------*/
#GaleriaFotografica {
	width: 516px;
	margin-top: 10px;
}

#GaleriaFotografica img {
	float: left;
	margin-right: 47px;
	margin-bottom: 12px;
}

#GaleriaFotografica img.last {
	margin-right: 0px;	
}


/* END Estils GaleriaFotografica
 * -----------------------------------------------------------------------------------*/

/*  Estils Tendencia
 * -----------------------------------------------------------------------------------*/

#Tendencia {

}

#Tendencia #FotoTendencia {	
	float:left;
	width: 170px;
	margin-top: 10px;
}

#Tendencia #DescripcioTendencia {
	float:left;
	width: 341px;
	padding-left: 5px;
	margin-top: 10px;
}	

#Tendencia #DescripcioTendencia p {
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
	
}

/* END Estils Tendencia
 * -----------------------------------------------------------------------------------*/


/*  ESTILS detalls
 * -----------------------------------------------------------------------------------*/
 
#Agenda {
	clear: left;
	margin-top: 10px;
}

table.ediciones {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	padding: 0px;

	margin-top: 10px;
	margin-bottom: 10px;
}

.ediciones td { 
	padding: 2px 5px;
	vertical-align: top; 
	background-color: #E5E5E5;
	width: 159px;	
}

table.ediciones a {
	color: #000000;
}

#submenu.ediciones li {
	width: 40px;
	
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC; 
}

#submenu.ediciones li.selected {
	background-color: #CC0000;
	border:none;
	padding-top: 3px;
	padding-bottom: 3px;
}


#Col1Interior {
	float: left;
	padding-right: 5px;
	width: 300px;
}

#Col2Interior {
	float: left;
}

.DestacatSalo {
	background-color: #D3D3D3;
	padding: 10px;
}

#SaloSubhome {
	background-image: url(../img/subhomes/saloFons.jpg);
	background-repeat: no-repeat;
	height: 380px;
	width: 511px;
	padding-top: 8px;
}

#SaloSubhome p {
	padding-right: 14px;
	padding-left: 14px;

}	

#SaloSubhome strong {
	color: #CC0001;
}

#SaloSubhome span {
	font-weight: bold;
}

#SaloSubhome a {
	text-decoration: underline;
}

#PasarelaSubhome {
	background-image: url(../img/subhomes/pasarelaFons.jpg);
	background-repeat: no-repeat;
	height: 320px;
	width: 517px;

	padding-top: 8px;
}


#PasarelaSubhome p {
	padding-right: 190px;
	padding-left: 14px;
	color: white;

}

#PasarelaSubhome strong {
	color: #CC0001;
}

#PasarelaSubhome span {
	font-weight: bold;
}

#PasarelaSubhome a {
	text-decoration: underline;
	color: white;
}


ul.LlistatPremsa {
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-right: 20px;
}

ul.LlistatPremsa li {
	margin-bottom: 5px;
}	

p#premsasalaLogin {
	background-color:  #CC0001;
	width: 70px;
	padding: 5px;
	text-align: center;
	float: right;
	_display: inline;
	margin: 7px 50px 0 10px;
}

#premsasalaLogin a {
	color: white;
}

p#salaLogin {
	margin-top: 15px;
	margin-bottom: 15px;
}

#salaLogin a {
	color: white;
}




/*  ESTILS Home
 * -----------------------------------------------------------------------------------*/
#home {
	width: 1000px;
	overflow: hidden;
	font-family: Arial, Verdana, sans-serif;
	background: url(../img/fondos/home2012.jpg) no-repeat 0 0;
}
.home2011 {
	width: 1000px;
	overflow: hidden;
	font-family: Arial, Verdana, sans-serif;
	background: url(../img/fondos/home2011_2.jpg) no-repeat 0 0;
}
	#home .hidden {
		display: none;
	}
	
	
	#home #contingut,
	#home #noticies {
		min-height: 500px;
		_height: 500px;
	}
	
	#home #contingut {
		float: left;
		margin-left: 38px;
		width: 730px;
		_display: inline;
	}
	
		#home #contingut h1 {
			padding: 0;
			margin: 20px 0 0 0;		
		}
	
		
		
		#home #contingut .idiomes {
			width: 190px;
			overflow: hidden;
			padding: 0;
			margin: 10px 0 20px 0;
			list-style: none;
			float: left;
		}
		
			#home #contingut .idiomes li {
				float: left;
				padding-right: 8px;
				margin-right: 8px;		
				border-right: 1px solid #333;
			}
			
				#home #contingut .idiomes li.last {
					padding-right: 0;
					margin-right: 0;
					border-right: none;
				}
			
				#home #contingut .idiomes li a {
					color: #333;
				}
		
		
		#home #contingut .imatge-dates {
			margin-top: 0px;
			margin-bottom:0px;
			margin-left:25px;
		}
		
		#home #contingut .salons {
			margin-top: 20px;
			width:340px;
		}
		
			#home #contingut .salons li {		
				width: 340px;
				padding: 0;
				margin: 0 0 10px 0;
				list-style: none;
				float: left;
			}
			
				#home #contingut .salons li.primer {
					margin: 0 0 20px 0;
				}
			
				#home #contingut .salons li h2 {
					margin: 0;
					color: #D41019;
					font-size: 17px;
					font-family: Tahoma, Arial, Verdana, sans-serif;				
				}
				
					#home #contingut .salons li h2 a { color: #D41019; }
				
				#home #contingut .salons li p.data {
					margin: 4px 0;
					color: #333;
					font-size: 14px;
				}
				
				#home #contingut .salons li p.descripcio {
					margin: 0;
					color: #666;
					font-size: 11px;
				}
				
				
		
		
	#content h2.noticies {
		color:#000000;
		font-size:13px;
		font-weight:bold;
		margin-bottom:18px;
		margin-right:10px;
	}
	
	#home #noticies {
		float: right;
		width: 200px;
		padding: 0 15px;
		background-color: #eee;
	}
	
		#home #noticies h2 {
			margin-top: 15	Px;
			background-color: #eee;
		}
		
			#home #noticies h2 img {
				display: block;
			}
			
			
		#home #noticies .llista-noticies {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		
			#home #noticies .llista-noticies li {
				font-size: 11px;
				padding-left: 10px;
				margin: 10px 5px;
				background: url("../img/li.gif") no-repeat 2px 6px;
			}
				
				
			
		#home #noticies .llista-destacats {
			padding: 0;
			margin: 15px 0 30px 0;
			list-style: none;
		}
		
			#home #noticies .llista-destacats li {
				padding-left: 10px;
				padding-top: 10px;
				margin: 10px 5px;
				background: url("../img/li_fletxa.gif") no-repeat 0 15px;
				border-top: 1px dashed #ccc;
			}
			
				#home #noticies .llista-destacats li.last {
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: none;
				}
				
				#home #noticies .llista-destacats li a {
					color: #D41019;
				}
			
			
			
				#home #noticies .llista-destacats li h3 {
					color: #D41019;
					font-size: 11px;
					font-family: Arial, Verdana, sans-serif;
					margin: 0;
				}
			
				#home #noticies .llista-destacats li p {				
					margin: 0;
					font-size: 11px;
					font-family: Arial, Verdana, sans-serif;
				}
				
		
		
		#home #noticies p.opcions img {
			margin-bottom: 10px;
		}
				
				
	
	
	
	
	#home #footer {	
		clear: both;
		color: #fff;
		font-size: 11px;
		padding: 0 15px;
		margin: 0;			
		background-color: #D41019;
	}
	
		#home #footer address {
			font-style: normal;
			line-height: 30px;
		}
		
		#home #footer a {
			color: #fff;
			text-decoration: underline;
		}
	
	body.casa{
		/* background: url(../img/fondos/home09.jpg) no-repeat 0 0; */
	}
		
		
	#SaloSubhome .imatge_cont{
		margin-left: 280px;
		margin-top: -31px;	
	}
	
	#PasarelaSubhome .imatge_cont{
		padding-left: 30px;
		padding-top: -5px;
	}

/* ESTILS HOTELS
 * ----------------------------------------------------------------------------------*/
.caixes_llista_hotels {
	float: left;
    width: 100%;
    margin: 10px, 0px, 10px, 0px;  
	background-image: url(../img/separador.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	
/*    border-top: 1px solid red;*/
}

.caixa_hotel_interior_esq {
	float: left;
	width: 318px;
	margin-right: 0px;
/*    border: 1px solid blue;*/
}

.caixa_hotel_interior_dre {
	float: left;
	width: auto;
	margin-top: 20px;
	/*    border: 1px solid green;*/	
}	



.llistat {
	padding: 0;
	margin: 0 0 20px 7px;
}

	.llistat li {
		padding: 0 0 0 7px;
		margin: 7px 0;
		list-style: none;
		background: url("../img/li.gif") no-repeat left 6px;
	}



.llista-hotels {
}

	.llista-hotels li {
		list-style: none;
		margin-bottom: 20px;
	}

		.llista-hotels li h2 {
			font-size: 12px;
			margin-bottom: 0;
		}

		.llista-hotels li p {
			margin-top: 0;
		}
		
		.llista-hotels li p.adreca {
			font-weight: bold;
		}


.llista-expositors {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 10px 0 20px 0;
}

	.llista-expositors li {	
		width: 160px;
		float: left;
		list-style: none;
		padding-left: 0;
		margin: 5px 0 5px 10px;
	}


.link-expositors {
	margin: 20px 50px 20px 0;
	padding: 10px;
	background-color: #eee;
}

	/* Estils del link de la revista pdf */
	
		.revista {
			margin-top: 15px;
		}
	
			.revista img {
				float: left;
				margin: 0 5px 0 0;
			}
	
	

	/* Llista de definicions per als programes */
		
		dl {
			font-family: verdana;
		}
			
			dl dt {
				float: left;
				margin-bottom: 10px;				
			}
			
			dl dd {
				margin-bottom: 10px;
				margin-left: 55px;
			}


	/* Enllac de tornar de les edicions anteriors */

		p.tornar {	
			text-align: right;
			margin-top: -25px;
			margin-right: 24px;
			margin-bottom: 15px;		
			font-size: 11px;	
		}
	
			p.tornar a {
				padding-left: 10px;
				background: url("../img/menu/back.gif") no-repeat left center;
			}

		
		#SubmenuSelect span.dissenyador {
			display: block;
			float: left;
		
			width: 75px;
			height: 16px;
			padding-left: 10px;		
			margin-right: 5px;
			padding-top: 3px;
			padding-left: 0;
					
			font-weight: bold;
			font-family: Arial;
			font-size: 11px;
		
			background-color: #fff;
			color: black;
		}
		
		
	/* Llistat a dues columnes */

		ul.dues-columnes {
			width: 100%;
			overflow: hidden;
			margin: 0;			
			padding: 15px 0;
			_padding: 0 0 15px 0;
			list-style: none;
		}

			ul.dues-columnes li {
				float: left;
				margin-right: 40px;
				line-height: 20px;
			}

			
	/* Horaris autobus accessos */
			
		table.bus {
			width: 550px;
			font-size: 1em;
			border-collapse: collapse;
			margin-top: 0;
			margin-bottom: 0.5em;
			margin-left: 1px;			
		}
		
			table.bus caption {
				display: none;
			}			
		
			table.bus th {
				text-align: left;
				background-color: #eee;
			}
			
			table.bus th,
			table.bus td {
				padding: 5px;
			}
			
			
			
	.ca #pdf, .ca #video, .ca #Footer { padding-top: 9px !important; }
	.es #pdf { margin-top: -2px !important; }
	.es #video, .es #Footer { margin-top: 29px !important; }
	.en #pdf, .en #video, .en #Footer { padding-top: 9px !important; }

	/* Estils formulari  */
	
	#formBox h2 {
		padding-top: 0;
	}
	
	.formBox ul {
		float:left;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 12px;
		width: 100%;
	}
	
	.formBox ul li {
		font-size: 10px;
		color: #CC0001;
	}
	
	#formBox form {
		margin: 0;
		overflow: 0;
		padding: 0;
		width: 565px;
	}
    
    .premsa #formBox form label {
        clear: left;
        margin-bottom: 10px;
	}
	
	#formBox fieldset {
		padding: 30px 0 30px 0;
		border: none;
	}
	
	#formBox label {
		font-weight: bold;
		padding-right: 8px;
		float: left;
		line-height: 2em;
		width: 110px;
		text-align: right;
		
	}
	
	p.captcha {
		margin: 0;
		padding: 0!important;
		width: 405px;
		height: 22px;
	}
	
	#formBox input {
		width: 284px;
		margin-bottom: 10px;
	}
	
		#formBox input.captcha {
			width: 200px;
			margin-right: 15px;
			margin-bottom: 10px;
		}
	
		#formBox input.submitButton{
			font-family: tahoma, arial, verdana;
			font-size: 11px;
			font-weight: bold;
			width: 68px;			
			height: 23px;
			cursor: pointer;
			background: url(/img/submit_form_empty.gif) no-repeat scroll 0 0;
			color: #ffffff;
		}
	.required  {
		color: red;
	}
table.llista_marques{
border-top:1px solid #AAA;
border-left:1px solid #AAA;
}
table.llista_marques td,table.llista_marques th{
border-bottom:1px solid #AAA;
border-right:1px solid #AAA;
text-align:left;
padding:4px;
}
table.llista_marques th{
color:#FFF;
background:#CC0001;
}