/*** Emo Milano Catalogo Espositori: linea grafica ***/

/*------------------------------------- GLOBAL ELEMENTS -------------------------------------*/
body.search {
	background: #e7ecee url('/img/bkg-form.jpg') right top no-repeat;
}

a { text-decoration: none }
a:link { color: #ce000c }
a:hover { text-decoration: underline }
img { border: 0 }

abbr,
acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

p, ol, ul, dl, blockquote, form,
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	padding: 0;
}

/*------------------------------------- CLASS -------------------------------------*/
.arrow-l {
	padding-left: 10px;
	background: url('/img/ico-arrow-l.gif') left center no-repeat;
}

.arrow-r {
	padding-right: 10px;
	background: url('/img/ico-arrow-r.gif') right center no-repeat;
}

a.anchor:visited { color: #ce000c }

.clr {
	clear: both;
	height: 0;
	line-height: 0;
}

/*------------------------------------- HEADER -------------------------------------*/
#header {
	height: 97px;
	background: url('/img/bkg-header.gif') left top repeat-x;
}

	/*--- Logo ---*/
	#header .logo {
		position: absolute;
		top: 0;
		left: 0;
		border-right: 1px solid #b0b0b0;
		border-bottom: 1px solid #b0b0b0;
	}
	
		#header .logo img {
			display: block;
		}
	
	/*--- Head ---*/
	#header .head {
		margin-left: 145px;
		padding-right: 26px;
	}
	
		#header h1 {
			float: left;
			margin-bottom: 34px;
			padding-top: 34px;
			color: #4e6879;
			font-size: 20px;
			text-transform: uppercase;
		}
		
		#header .fieramilano {
			float: right;
			padding-top: 35px;
		}
		
	/*--- Scelta lingue ---*/
	#header .bottom {
		clear: both;
	}
	
		#header .flags {
			float: left;
			width: 200px;
		}
	
			#header .flags li {
				display: inline;
				margin-right: 5px;
			}
			
	/*--- Link Area riservata ---*/
	#header .login {
		float: right;
		width: 400px;
		margin-top: -1px;
	}
	
		#header .login p {
			float: left;
			width: 320px;
			color: #fff;
			font-weight: bold;
			text-align: right;
			cursor: pointer;
		}
		
		#header .login p a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
			#header .login p span {
				padding-left: 11px;
				background: url('/img/ico-arrow-black.gif') left center no-repeat;
			}
		
		#header .login ul.tools {
			float: right;
			position: relative;
			top: -4px;
			width: 53px;
			height: 21px;
			margin: 0 0 1px 0;
			padding: 0 8px;
			background: #fff;
		}
		
			#header .login ul.tools li {
				display: inline;
				margin-right: 3px;
			}
		
	/*--- Form di login ---*/
	#header #login-form {
		position: absolute;
		top: 0;
		right: 2px;
		width: 320px;
		padding-top: 24px;
		background: url('/img/bkg-header.gif') left top repeat-x;
	}
	
		#header #login-form form {
			margin-bottom: 0;
			padding-bottom: 6px;
			background: url('/img/ico-arrow-top.gif') 117px bottom no-repeat;
		}
	
			#header #login-form label {
				float: left;
				width: 135px;
			}
		
				#header #login-form input {
					display: block;
					width: 125px;
					border-top: 1px solid #6e7172;
					border-left: 1px solid #6e7172;
					border-bottom: 1px solid #d1d3d4;
					border-right: 1px solid #d1d3d4;
				}
				
			#header #login-form button {
				border: 0 none;
				padding: 2px 0;
				background: transparent;
			}

/*------------------------------------- LOGIN -------------------------------------*/
#login { padding: 20px 0 0 121px }

#login div {
	position: relative;
	height: 28px;
}

	#login input {
		position: absolute;
		top: -4px;
		left: 60px;
		width: 200px;
		border-top: 1px solid #6e7172;
		border-left: 1px solid #6e7172;
		border-bottom: 1px solid #d1d3d4;
		border-right: 1px solid #d1d3d4;
		font-size: 1.2em;
	}

	#login button {
		border: 0 none;
		width: 65px;
		height: 19px;
		margin: 0 0 0 60px;
		padding-top: 0px;
		background: url('../img/button-red.gif') left top repeat-x;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		vertical-align: 0px;
	}

/*------------------------------------- CONTENT -------------------------------------*/
#content {
	clear: both;
	padding: 33px 0 0 28px;
}

	#content .heading h2 {
		margin-bottom: 0;
		color: #4e6879;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		#content .heading h2 em {
			color: #000;
			font-size: 14px;
			font-style: normal;
		}
		
	#content .heading .left {
		float: left;
		width: 55%;
	}
	
		#content .heading .left h2 {
			margin-bottom: 10px;
		}
		
		#content .heading .left p {
			margin-bottom: 5px;
			font-size: 11px;
		}
		
			#content .heading .left p a {
				font-weight: bold;
			}
	
	#content .heading .right {
		float: right;
		width: 290px;
		padding-right: 23px;
		text-align: right;
	}
	
		#content .heading .right p {
			margin-bottom: 10px;
		}
		
			#content .heading .right p a {
				font-weight: bold;
			}
			
			#content .heading .right p a:visited {
				color: #ce000c;
			}

/*--- Paginazione ---*/
#content .heading .paging {
	margin-bottom: 4px;
	padding: 2px 0;
	color: #fff;
	word-spacing: -2px;
}

	#content .heading .paging strong {
		margin-right: 5px;
		color: #333;
		word-spacing: normal;
	}
	
	#content .heading .paging a:link,
	#content .heading .paging a:visited,
	#content .heading .paging span.current {
		border: 1px solid #ccc;
		padding: 0 3px;
		background: #fff;
		color: #333;
	}
	
	#content .heading .paging a:hover,
	#content .heading .paging span.current {
		background: #e8eced;
		text-decoration: none;
	}
	
	#content .heading .paging span.disabled {
		border: 1px solid #eee;
		padding: 0 3px;
		color: #ccc;
	}

/*------------------------------------- FORM DI RICERCA -------------------------------------*/
.search-form {
	padding-top: 30px;
}

	.search-form fieldset {
		width: 540px;
	}
	
	.search-form button {
		border: 0 none;
		width: 66px;
		height: 19px;
		padding-top: 0px;
		background: url('/img/button-red.gif') left top repeat-x;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		vertical-align: 0px;
	}

	/*--- Ricerca per ragione sociale ---*/
	.search-form .rag-sociale {
		position: relative;
		padding-bottom: 10px;
		background: url('/img/horiz-line.gif') left bottom repeat-x;
	}
	
		.search-form .rag-sociale label {
			position: relative;
			display: block;
			width: 200px;
			height: 25px;
		}
	
			.search-form .rag-sociale input,
			.search-form .rag-sociale select {
				position: absolute;
				top: -3px;
				left: 170px;
			}

			.search-form input {
				width: 266px;
				border-top: 1px solid #6e7172;
				border-left: 1px solid #6e7172;
				border-bottom: 1px solid #d1d3d4;
				border-right: 1px solid #d1d3d4;
			}
		
			.search-form .radio-check input {
				top: 0;
				width: auto;
			}
			
			.search-form .lettera input {
				width: 25px;
			}
		
			.search-form select {
				width: 270px;
			}
		
		.search-form .rag-sociale button {
			position: absolute;
			left: 190px;
			bottom: -5px;
		}

	/*--- Ricerca per padiglione ---*/
	.search-form .padiglione {
		padding: 6px 0 10px;
		background: url('/img/horiz-line.gif') left bottom repeat-x;
	}
	
		.search-form .padiglione select {
			width: 347px;
			margin-left: 5px;
		}
	
		.search-form .padiglione button {
			margin-left: 9px;
		}
		
	/*--- Ricerca per prodotto ---*/
	.search-form .prodotto {
		padding: 6px 0 10px;
		background: url('/img/horiz-line.gif') left bottom repeat-x;
	}

		.search-form .prodotto input {
			width: 349px;
			margin-left: 5px;
		}

		.search-form .prodotto button {
			margin-left: 9px;
		}
		
	/*--- Ricerca per repertorio ---*/
	.search-form .repertorio {
		padding: 6px 0 10px;
		background: url('/img/horiz-line.gif') left bottom repeat-x;
	}

		.search-form .repertorio select {
			width: 290px;
			margin-left: 5px;
		}

		.search-form .repertorio button {
			margin-left: 9px;
		}

/*------------------------------------- BANNERs HOME PAGE -------------------------------------*/
.advs {
	position: absolute;
	top: 140px;
	right: 28px;
}

	.advs p {
		margin-bottom: 10px;
	}

/*------------------------------------- RISULTATI RICERCA -------------------------------------*/
.results {
	border-top: 8px solid #d9dbdc;
}

	.results .results-inner {
		margin-top: 1px;
	}
	
		.results .table-header {
			height: 36px;
			padding: 0 0 0 7px;
			background: #f2f4f5;
		}
		
			.results .table-header h3 {
				float: left;
				margin-bottom: 0;
				padding-top: 12px;
				color: #666;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
				.results .table-header h3 span {
					font-size: 11px;
					font-weight: normal;
					text-transform: none;
				}
				
			.results .table-header input {
				border: 0;
				background: transparent;
			}
				
			.results .add-notebook {
				float: right;
				padding: 10px 23px 0 0;
				color: #666;
			}
			
				.results .add-notebook label a {
					border-right: 1px solid #ccc;
					margin-right: 7px;
					padding-right: 8px;
				}
				
				.results.mynotebook .add-notebook label a {
					border-right: 0;
					margin-right: 0;
					padding-right: 0;
				}
				
				.results .add-notebook label a:link,
				.results .add-notebook label a:visited {
					color: #ce000c;
				}
				
				.results .add-notebook button {
					border: 0;
					margin: 0;
					padding: 1px 0;
					background: url('/img/button-red-double.gif') left top repeat-x;
					color: #fff;
					font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
					overflow: visible;
				}
				
		.results .scroll {
			clear: both;
			border-top: 1px solid #d9dbdc;
			margin-top: 1px;
		}

/*------------------------------------- MY NOTEBOOK -------------------------------------*/
#howto {
	position: relative;
	left: -28px;
	width: 70%;
	margin: 5px 0;
	padding: 12px 20px 0 150px;
	background: #f2f4f5 url('/img/ico-arrow-help.gif') left center no-repeat;
}

	#howto .title {
		position: absolute;
		top: -1500em;
	}
	
	#howto .close {
		position: absolute;
		left: 120px;
		cursor: pointer;
	}

/*--- Tabella favoriti ---*/
.mynotebook .table-header {
	height: 63px;
	padding-left: 0;
}

	/*--- Ordina e Stampa per ---*/
	.mynotebook .table-header .sort,
	.mynotebook .table-header .print {
		float: left;
		width: 36%;
		height: 63px;
		border-right: 3px solid #fff;
	}
	
	.mynotebook .table-header .print {
		border-right: 0;
	}
	
		.mynotebook .table-header p {
			margin-bottom: 8px;
			padding: 12px 0 0 12px;
			color: #333;
			font-weight: bold;
		}
		
		.mynotebook .table-header label {
			margin-left: 12px;
		}
		
		.mynotebook .table-header button {
			border: 0;
			margin: 0 0 0 8px;
			color: #fff;
			background: url('/img/button-red.gif') left top repeat-x;
			font: bold 11px Arial, Helvetica, sans-serif;
		}
		
	/*--- Seleziona tutti ---*/
	.mynotebook .table-header .add-notebook {
		float: right;
		width: 190px;
		height: 53px;
		border-left: 3px solid #fff;
		padding: 10px 0 0;
		color: #333;
		font-weight: bold;
		text-align: center;
	}
	
		.mynotebook .table-header .add-notebook button {
			margin-top: 7px;
			padding: 2px;
		}

/*------------------------------------- SCHEDA ESPOSITORE -------------------------------------*/
#datasheet .scroll {
	padding: 0 25px 25px 0;
}

#datasheet .heading {
	height: 21px;
	border-bottom: 8px solid #d9dbdc;
	margin-bottom: 1px;
}

	#datasheet .heading h2 {
		color: #16c4e9;
		font-size: 18px;
	}
	
	#datasheet .heading .right {
		color: #c4c7c9;
	}
	
	#datasheet .heading .right a {
		margin: 0 4px;
	}

/*--- Informazioni espositore ---*/
#datasheet .info-exhibitor {
	padding-top: 20px;
}

	#datasheet .info-exhibitor .col-1,
	#datasheet .info-exhibitor .col-2 {
		float: left;
		width: 33%;
		border-right: 1px solid #d9dbdc;
		margin-bottom: 12px;
	}
	
		/* Prima colonna */
		#datasheet .info-exhibitor .col-1 .cecimo {
			float: right;
			margin: 0 5% 10px 10px;
		}
		
		#datasheet .info-exhibitor .col-1 h3 {
			margin-bottom: 2px;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		#datasheet .info-exhibitor .col-1 address,
		#datasheet .info-exhibitor .col-1 address a {
			font-size: 12px;
			font-style: normal;
			line-height: 1.4em;
		}
		
		#datasheet .info-exhibitor .col-1 p a {
			font-weight: bold;
		}
		
		#datasheet .info-exhibitor .col-1 .pad-stand {
			display: block;
			padding: 1px 0;
			background: #7c8184;
			line-height: 2em;
			color: #fff;
			padding-right: 22px;
			width:300px;
		}
		
			#datasheet .info-exhibitor .col-1 .pad-stand a:link,
			#datasheet .info-exhibitor .col-1 .pad-stand a:visited {				
				background: url('/img/ico-arrow-yallow.gif') right center no-repeat;
				color: #fff;
				font-weight: normal;
			}
			
			#datasheet .info-exhibitor .col-1 .pad-stand a:hover {
				color: #ddd;
				text-decoration: none;
			}
			
			#datasheet .info-exhibitor .col-1 .pad-stand strong {
				margin-left: 5px;
			}
			
		/* Form contatto */
		#form_contatto { margin-top: 7px }
		#form_contatto p { margin-bottom: 5px }

		#form_contatto input,
		#form_contatto textarea {
			width: 90%;
			border-top: 1px solid #6e7172;
			border-left: 1px solid #6e7172;
			border-bottom: 1px solid #d1d3d4;
			border-right: 1px solid #d1d3d4;
			margin: 1px 0 0;
		}

		#form_contatto textarea { height: 80px }

		#form_contatto button {
			border: 0 none;
			width: 120px;
			height: 19px;
			margin-top: 3px;
			padding-top: 0px;
			background: url('../img/button-red.gif') left top repeat-x;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
		}
			
		/* Seconda colonna */
		#datasheet .info-exhibitor .col-2 .img {
			text-align: center;
		}
		
		/* Terza colonna */
		#datasheet .info-exhibitor .col-3 {
			float: left;
			padding-left: 22px;
		}
		
			#datasheet .info-exhibitor .col-3 h3 {
				margin-bottom: 10px;
				color: #4e6879;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			#datasheet .info-exhibitor .col-3 ul {
				margin-left: 25px;
				list-style: disc;
			}
			
				#datasheet .info-exhibitor .col-3 li {
					margin-bottom: 2px;
				}

/*--- Innovazioni tecnologiche ---*/
#datasheet .techno {
	clear: both;
	border-top: 1px solid #d9dbdc;
	padding-top: 20px;
}

	#datasheet .techno h3 {
		margin-bottom: 10px;
		color: #4e6879;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#datasheet .techno ul {
		margin-left: 10px;
	}
	
		#datasheet .techno li {
			clear: both;
			height: 14px;
			padding: 1px 0 0 14px;
			background: url('/img/bullet-disc.gif') 2px center no-repeat;
			font-size: 11px;
			text-transform: uppercase;
		}
		
		#datasheet .techno li:hover {
			background-color: #eceff1;
		}
		
			#datasheet .techno li span {
				float: left;
			}
			
			#datasheet .techno li .flags {
				float: right;
				width: 205px;
				padding-top: 1px;
			}
			
				#datasheet .techno li .flags a {
					margin-right: 3px;
				}

/*--- Testo libero ---*/
#datasheet .text {
	clear: both;
	border-top: 1px solid #d9dbdc;
	padding: 20px 0 10px;
}

	#datasheet .text h3 {
		margin-bottom: 10px;
		color: #4e6879;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#datasheet .text ul {
		margin: 0 0 0 10px;
	}
	
	#datasheet .text ul ul {
		margin-top: 6px;
		margin-bottom: 6px;
	}
	
		#datasheet .text li {
			margin-bottom: 4px;
			padding-left: 11px;
			background: url('/img/ico-arrow-r.gif') left 3px no-repeat;
			font-weight: bold;
			text-transform: uppercase;
		}
		
			#datasheet .text li li {
				text-transform: none;
			}
		
				#datasheet .text li li li {
					font-weight: normal;
				}
				
/*--- Innovazioni tecnologiche: scheda ---*/
#datasheet .text.techno-innovation {
	border-top: 0;
	padding-top: 5px;
}

	#datasheet .text.techno-innovation h3 {
		margin-bottom: 20px;
	}
	
	#datasheet .text.techno-innovation h4 {
		margin-bottom: 6px;
		font-size: 12px;
		font-weight: bold;
	}
	
	#datasheet .text.techno-innovation .img {
		float: left;
		margin: 0 8px 4px 0;
	}

/*------------------------------------- JQUERY PLUGINs -------------------------------------*/
/*--- Tooltip ---*/
#tooltip {
	position: absolute;
	z-index: 3000;
	width: 97px;
	height: 30px;
	background: url('/img/bkg-tooltip.png') left top no-repeat;
	text-align: center;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

	#tooltip h3,
	#tooltip div { margin: 0 }
	
	#tooltip h3 {
		padding: 4px 0 0;
		color: #fff;
		font: bold 11px Arial, Helvetica, sans-serif;
	}

#form_contatto {
	display: none;
}
#youtube {
	display: none;
}