@charset "UTF-8";
/* CSS Document for www.neroavorio.it*/

html {
	background-color: #222;
}
body {
/*	#373737; /* STANDARD neroavorio DARK GREY */
/*	#D52B1E; /* STANDARD neroavorio ARROW RED - NO MORE USED!!! */
/*	#E32019; /* STANDARD neroavorio ARROW RED TRUE!! (corrected color prfile)*/

	background-color: #222;
/* background: transparent url(../images/xxx.jpg) no-repeat; */
	height:100%; /**** Serve per gestire bene le altezze percentuali dei div contenuti (tipo leftbox) anche con IE6 *****/
	margin:0 auto;

	font-family: Arial, Helvetica, sans-serif; 
/*	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;*/
/*	font-family: "Courier New", Arial, Helvetica, sans-serif;*/
/*	font-family: Georgia, Arial, Helvetica, sans-serif;*/
/*	font-family: Impact, Arial, Helvetica, sans-serif;*/
/*	font-family: Tahoma, Arial, Helvetica, sans-serif;*/
/*	font-family: "Times New Roman", Arial, Helvetica, sans-serif; */
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/

	font-size: 12px;
	text-align:justify;
	color: white;
/*	overflow-x:hidden;*/
}

h2 {
	text-align:right;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	border-bottom:1px solid white;
	margin-bottom:0px;
}

a {
	border:0px;
	outline:0px;
}
	
a:link {  color: white; text-decoration: underline} /* STANDARD TEXT LINK COLORS - white, neroavoriored su hover */
a:visited {  color: white; text-decoration: underline}
a:hover {  color: #E32019; text-decoration: none}

.mainmenu_elem a:link {  color: white; text-decoration: none} /* MAINMENU LINK COLORS - white*/
.mainmenu_elem a:visited {  color: white; text-decoration: none}
.mainmenu_elem a:hover {  color: black; text-decoration: none}

.mainmenu_lv2_elem a:link {  color: white; text-decoration: none} /* white, neroavoriored su hover */
.mainmenu_lv2_elem a:visited {  color: white; text-decoration: none}
.mainmenu_lv2_elem a:hover {  color: #E32019; text-decoration: none}

.redlink2 a:link {  color: #222; text-decoration: none}
.redlink2 a:visited {  color: #222; text-decoration: none}
.redlink2 a:hover {  color: white; text-decoration: none}

/* ******************* REDBAR ********************* */

#redbar {
	position:fixed;
	_position:relative;	/*IE6 hack*/
	background-color:#E32019;	
	border-bottom:1px solid #EEE;	
	width:100%;
	height:25px;
/*	padding:5px 0;*/
	z-index:110;
}
	#menubox_container {
		position:relative;
		width:850px;
		margin:0 auto;
	}
/*		div#redbar_buts {
			height:25px;
			float:left;
		}*/
			#redbar_fb, #redbar_yt{
				width:25px;
				height:25px;
				/*
				margin:0 10px;
				_margin:0 8px;
				*/
				margin-right:10px;
				float:left;
			}
			#redbar_fb a, #redbar_yt a {
				display:block;
				width:25px;
				height:25px;
			}
			#redbar_fb a:link, #redbar_fb a:visited { background-image:url(../images/redbar_but_fb.gif); }
			#redbar_fb a:hover { background-image:url(../images/redbar_but_fb_on.gif); }
			#redbar_yt a:link, #redbar_yt a:visited { background-image:url(../images/redbar_but_yt.gif); }
			#redbar_yt a:hover { background-image:url(../images/redbar_but_yt_on.gif); }
	
		#menubox {
			position:absolute;
			top:5px;
			right:0;
/*			float:right;*/
			width:470px;
			_width:510px; /*IE6 hack*/
		}

			.mainmenu_elem {	
				position:relative;
				display:block;
				height:15px;
				float:left;
				margin-left: 50px;
				font-weight:bold;		
			}
				.mainmenu_lv2 {
					background: transparent url(../images/mainmenu_transp_bg2.png) repeat;
					display:block;
					_width:140px; /*IE6 hack*/					
					position: absolute;
					top: 21px;
					left: -9px;
					z-index: 200;
					
					padding: 5px 10px 8px 10px;
					_padding: 5px 10px 8px 10px; /*IE6 hack*/
					text-align: left;
					line-height: 18px;
				}
					.mainmenu_lv2_elem{
						float:left;
						width:120px;
					}

/* ******************* STILI INTRO (index.php) ********************* */
/*
#pec_popup {
	width:100%;
	height:100%;
	border:0;
	outline:0;
	overflow:hidden;
}
*/
/*
#intro_promo {	
	background-color:#E32019;
	width:850px;
	margin:10px auto 10px auto;
	color:white;
	font-size:14px;
	text-align:center;
	padding:10px 20px;
}
*/

#blackbody_intro {
	background-color:black;
	padding-top:50px;
	padding-bottom:25px;
	min-height:930px;
	height:auto !important;
	height:930px;
}

	#intro_container {
		position:relative;
		background: url(../images/intro/ivoryblack_bg_3.jpg) top left no-repeat;
		width:850px;
	/*	height:248px; /*370-122*/
		height:333px; /*370-37*/	
/*		margin:100px auto 40px auto;*/
		margin:0 auto 0px auto;	
	/*	padding-top:122px;*/
		padding-top:37px;
		z-index:20;
	}
	
		#intro_body {
			width:850px;
			margin:10px auto 10px auto;
		}
			#slideshow_container {
				overflow:hidden;
			}
			div#slideshow {
				width:230px;
				height:150px;
				margin:auto;
			}
			div.nero_small_title {
				margin-top:30px;
				text-align:center;
			}	
			div#nero_buts {
				width:192px;
				height:75px;
				margin:10px auto;
			}
				#nero_fb, #nero_yt{
					width:76px;
					height:75px;
					margin:0 10px;
					_margin:0 8px;			
					float:left;
				}
				#nero_fb a, #nero_yt a {
					display:block;
					width:76px;
					height:75px;
				}
				#nero_fb a:link, #nero_fb a:visited { background-image:url(../images/intro/nero_fb.gif); }
				#nero_fb a:hover { background-image:url(../images/intro/nero_fb_on.gif); }
				#nero_yt a:link, #nero_yt a:visited { background-image:url(../images/intro/nero_yt.gif); }
				#nero_yt a:hover { background-image:url(../images/intro/nero_yt_on.gif); }
				
			div#nero_nl {
				width:230px;
				height:50px;
				margin:14px auto;
			}
				#nl_form {
					text-align:center;
				}
					#nl_form form {
						margin:0;
					}
					#nl_form input {
						width:160px;
						height:20px;
						line-height:20px;
						margin:2px auto;
						margin:1px auto\9;  /* ALL IE hack */
						padding:0;
						font-size:12px;
					}
		
				#nl_conferma {
					width:60px;
					height:16px;
					margin:10px auto;
				}			
					#nl_conferma a {
						display:block;
						width:60px;
						height:16px;
					}			
					#nl_conferma a:link, #nl_conferma a:visited { background-image:url(../images/intro/but_invia.gif); }
					#nl_conferma a:hover { background-image:url(../images/intro/but_invia_on.gif); }
					
				#nl_success {
					background-color:#777;
					border:1px white solid;
					margin:0 auto;
					width:180px;
					height:20px;
					line-height:20px;
					padding-left:10px;
					padding-right:10px;						
					text-align:center;
					font-size:12px;
					color:white;
					font-weight:bold;
					overflow:hidden;
				}	
		
			div.intro_content_block {
				border-top:1px solid white;
				margin-left:20px;		
				padding:20px 0;
			}
		
			#intro_mediavorio {	
				position:absolute; /* contenuto in intro_container */
				width:200px;
				height:42px;
				top:-80px;
				right:200px;
			}
			#intro_onair {	
				background: url(../images/intro/onair_off_w180.gif) top left no-repeat;
				position:absolute; /* contenuto in intro_container */
				width:180px;
				height:90px;
				top:-100px;
				right:0px;
			}
			#intro_timemanager {	
				position:absolute; /* contenuto in leftbox */
				z-index:200; /* SOPRA IL BIGLOGO*/
				width:23px;
				height:16px;
				top:87px;
				left:557px;
			}
				#intro_timemanager a{
		/*			background-color:transparent; /* necessario per assurdo baco di Explorer (sia 6 che 7) altrimenti non vede il link*/
					display:block;
					width:23px;
					height:16px;
				}

/* ******************* STILI GENERALI ********************* */

#footer_new {
	background-color:#222;
	width:100%;
	height:105px;
	border-top:1px solid #EEE;
}
	#footer_new_internal {
		width:850px;
		margin:15px auto 15px auto;
		text-align:left;
		color:#848384;
		font-size:12px;
	}
	#footer_new_leftbox {
		width:250px;
		float:left;			
	}
	#footer_new_rightbox {
		width:580px;
		margin-left:20px;
		float:right;
	}
	
	#footer_new a:link {  color: #848384; text-decoration: none}
	#footer_new a:visited {  color: #848384; text-decoration: none}
	#footer_new a:hover {  color: #848384; text-decoration: underline}

/* ******************* STILI MAIN CONTENTS (main.php) ********************* */

#blackbody_main {
	background-color:black;
	padding-top:26px;	
	padding-bottom:25px;
	
}

#main_header {	
	width:850px;
	height:135px;
	margin:0px auto 0px auto;
}
	#leftbox {	
		position:relative;
		width:750px;
		height:135px;
		float:left;
	}
		#biglogo {	
			position:absolute; /* contenuto in leftbox */
			z-index:50; /* SOTTO IL DIV TIMEMANAGER*/
			top:0px;
			left:0px;
		}
		#biglogo.intro {
			background-image:url(../images/intro/ivoryblack_na_header_intro_3.jpg);
			width:750px;
	/*		height:135px;*/
			height:225px;
			left:0px;			
		}

#container {	
 	width:850px;
	min-height:435px;
	height:auto !important;
	height:435px;	
	margin:auto;
	line-height:18px;	
}

	#titlebox {
		position:relative;
		width:100%;
		height:35px;
	}
		#underline_overlay {
			position:absolute;
			bottom:7px;
			right:0;
			width:580px;
			height:1px;
			background-color:white;
			_background-color:transparent;
		}

	table#main_table td{ 
		vertical-align:top;
	}
		table#main_table td#table_imgbox { 
			width:250px;
		}
			#imgbox {
				width:250px;
				height:400px;
			}
			.animbulb {
				background-image:url(../images/img_concept_off.jpg);
			}
		
		table#main_table td#table_content {
/*			min-height:580px;
			height:auto !important;*/
			height:580px;		
		}			
			#content {
				width:580px;
				min-height:400px;
				height:auto !important;
				height:400px;		
				margin-left:20px;
		/*		float:right;*/
				table-align:justify;
				font-size:13px;
			}			

/* ******************* STILI SPECIFICI PAGINE SERVICES ( MAIN_WEB e MAIN_BRAND ) ********************* */

/* contenuti in #content */

		#serv_menu {	
			width:580px;
			height:26px;
		}
			.serv_menu_but {	
				width:145px;
				height:26px;
				float:left;
			}
				.serv_menu_but a {
					display:block;
					width:145px;
					height:26px;
				}

		#serv_body {	
			position:relative;
			width:580px;
			height:374px;
		}
			#serv_images {	
/*				position:absolute;
				bottom:0px;
				left:0;
				width:100%;*/
				width:100%;
			}
				.serv_logo_row {
					height:60px;
					margin: 10px auto;
				}
					.serv_logo {	
						width:60px;
						height:60px;
						float:left;
					}
					.serv_logo_80x60 {	
						width:80px;
						height:60px;
						margin:0 10px;
						_margin:0 9px;	/*IE 6*/
						float:left;
					}
					.serv_logo_130x60 {	
						width:130px;
						height:60px;
						margin:0 5px;
						_margin:0 3px;	/*IE 6*/
						float:left;
					}					

/* ******************* STILI SPECIFICI PAGINA MAIN_PORTFOLIO (VEDI SCROLLABLE_PORTFOLIO.CSS) ********************* */

/* vecchi stili****
.portfolio_sfum {	
	width:50px;
	float:left;
}*/
#portfolio_mosaic {	/* solo per ie6*/
	width:480px;
	_width:481px;
	float:right;
	_margin:0 -1px;
}
/*
	.portfolio_tile {
		background:white;
		width:78px;
		height:78px;
		float:left;
		margin:1px;
		float:left;
	}
		.portfolio_tile a{
			display:block;
			opacity:0.6;
			filter:alpha(opacity=60);
			width:78px;
			height:78px;
		}
		.portfolio_tile a:hover{
			opacity:1;
			filter:alpha(opacity=100);
		}
*/
div.portfolio_scrollable_container {
	position:relative;
	height:80px; /* essenziale per i posiz. absolute! */
}
.portfolio_sfum {
	position:absolute;
	top:1px;
	z-index:100;
/*	width:70px;
	height:78px;*/
}
.portfolio_sfum.left{
	left:67px;
}
.portfolio_sfum.right{
	right:32px;
	right:31px\9;
}		

.portfolio_tile_title {
	width:66px;
	height:78px;
	margin:1px;
	float:left;
	text-align:left;
	line-height:14px;
}


/* ******************* STILI SPECIFICI PAGINA MAIN_LOCATION ********************* */

#map {	
	width:578px;
	height:400px;
	
	border:1px solid white;
	
	text-align:center;
	font-size:12px;
	color:black;
	overflow:hidden;
	
	line-height:normal;
}

/* ******************* STILI PER TUTTI I FORM (CONTACTS e JOB) ********************* */
legend {
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:white;
}
input {
	font-size:10px;	
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}
fieldset {
	margin:0;
	padding:5px;
}

/* ******************* STILI SPECIFICI PAGINA MAIN_CONTACTS ********************* */
/*** NB gli elementi non flottano ***/

#contatti_wrapper {
	width:555px;
	float:right;
	margin-bottom:50px;
}	


#contatti_orari {
	width:555px;
	height:55px;	
	line-height:12px;
	font-size:11px;	
	text-align:center;	
}	

#contatti_recapiti {
	width:555px;
	height:55px;	
	line-height:12px;
	font-size:11px;	
	text-align:center;
	margin-top:10px;	
}

#contatti_privacy {	
	width:555px; 
	height:120px;
	line-height:normal;

	margin-top:10px;

	font-size:10px;	
	text-align:justify;
}
	#contatti_privacy_txt {	
		background-color:#555555;
		width:528px; 
		height:62px;
	height:65px;		
		padding:0 5px;
		overflow-y:auto;
		border: 1px solid black;
	}

#contatti_form {	
	width:555px;
	height:160px;
	margin-top:10px;
	
	font-size:10px;	
	text-align:left;
}
	.leftform td{
		height:12px;
		text-align:left;
	}

	#contatti_success {	
		width:555px; 
		height:16px;
		margin-top:20px;
		font-size:12px;	
		text-align:center;
	}

/* ******************* STILI SPECIFICI PAGINA MAIN_JOB ********************* */

#job_container{
	width:400px;
	height:auto;
}
#job_form {
	#margin-top:-20px;
}	
	
#job_success {	
	width:555px; 
	height:16px;
/*		float:right;			*/
	font-size:12px;	
	text-align:center;
}

/* ******************* STILI SPECIFICI PAGINA MAIN_LOCATION ********************* */

.news_wrapper {
	min-height:15px;
	height:auto !important;
	height:15px;	
}	
.news_wrapper.intro_news {
	margin-bottom:10px;
	padding-bottom:10px;	
}	
.news_wrapper.normal_news {
	border-bottom:1px solid white;
	margin-bottom:15px;
	padding-bottom:15px;	
}	

	.news_title {	
		font-size:14px;
		color:white;
	}
	.news_date {	
		color:#E32019;
	}
	.news_button {	
		float:right;
		#margin-top:-15px;
		font-size:12px;
		font-weight:bold;
	}	
	.news_image {	
		margin:4px 0 0 16px;
		float:right;
	}
	.news_body {
		height:auto !important;
		margin-top:10px;
	}
	.ie8margin {
		padding-top:10px\9;
	}
	.headline {
	}
	
/* ******************* STILI SPECIFICI PAGINA MAIN_SITEMAP ********************* */

table.tab_sitemap {
	width:100%;
}
	table.tab_sitemap a:link {color: white; text-decoration: none}
	table.tab_sitemap a:visited {color: white; text-decoration: none}
	table.tab_sitemap a:hover {color: #E32019; text-decoration: underline}

	table.tab_sitemap td{
		width:33%;
		text-align:right;
		vertical-align:top;
	}	

	h3 {
/*		width:85%;*/
		text-align:right;
		font-size:16px;
		font-style:italic;
		font-weight:bold;
		border-bottom:1px solid white;
		margin-bottom:0px;
	}
	
/* ******************* STILI SPECIFICI PAGINA MAIN_CLIENTI ********************* */

table.tab_clienti {
	width:100%;
}
	table.tab_clienti a:link {color: white; text-decoration: underline}
	table.tab_clienti a:visited {color: white; text-decoration: underline}
	table.tab_clienti a:hover {color: #E32019; text-decoration: underline}

	table.tab_clienti td{
		width:33%;
		text-align:left;
		vertical-align:top;
		font-size:11px;
	}



/* *************************** div x testo in home page ****************************/
/*#testo-hp{
width:825px;
text-align:justify;
position:relative;
left:50%;
margin-left:-413px;
color:#373737;
padding-bottom:8px;
}
*/