@charset "utf-8";
/* CSS Document */

body{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
   /* height: 100%;*/
    color: Black;
    background: white url(../images/sfondo.jpg) center top no-repeat; 
    text-align: left;
}
html{height: 100%;}
table{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{width: 100%;top: 50px;position: relative;text-align:center;}

a{text-decoration: none;color: Black;}
a:hover{text-decoration: none;color: Black;outline: none;}
img{border: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 2px;}
.input_noborder{background-color: transparent;color: Black; border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.giustificato{text-align: justify;}

h1{font-size: 16px; margin: 0px;}
h2{font-size: 14px; margin: 0px;}
h3{font-size: 12px; margin: 0px;}
h4{font-size: 11px; margin: 0px;}
h5{font-size: 10px; margin: 0px;}
.testo9, .testo9_rosso, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_rosso, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_rosso, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_rosso, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_rosso, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_rosso, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_rosso, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_rosso, .testo18_bianco{font-size: 18px;}

.testo9_rosso, .testo10_rosso, .testo11_rosso, .testo12_rosso, .testo13_rosso, .testo14_rosso, .testo16_rosso, .testo18_rosso{color: Red;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.hidden{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}

/*=====================================*/
/* INTRODUZIONE */
/*=====================================*/

#introduzione {
	width: 966px; height: 425px;
	margin: 25px auto 0px auto;
	padding: 0px;
	position: relative;
	}
	
	/*== Logo ==*/
	h1	{
		width: 190px; height: 115px; 
		margin: 0px;
		padding: 0px;
		float: left;
		position: relative;
		}
		
		/* Collegamento su area del logo */
		h1 span {position:absolute; left:0px;top:-1000px; width:1px;height:1px;overflow:hidden;}
		/*h1 a {width: 190px; height: 125px; display: block;}*/
		
	/*== Menu ==*/	
	.navigazione {
		width: 170px;
		margin: 22px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		color: #FFFFFF;
		list-style: none;
		clear: left;
		float: left;
		position: relative;
		}
		
	.navigazione li {
		margin: 0px 0px 2px 0px;
		width: 170px;
		height: 22px;
		padding: 0px;
		text-align: left;
		display: block;
		color: #FFFFFF;
		}
		
	.navigazione li a {
		color: #FFFFFF;
		display: block;
		width: 140px;  
		margin: 0px 0px 0px 0px;
		padding-left: 30px;
		line-height: 22px;
		}

			.navigazione a:hover, .navigazione a.attivo {background: url(../images/menu_hover.png) center center no-repeat;color: #FFFFFF;}

	/*== Animazione introduttiva ==*/
	#video {
		width: 526px;
		height: 385px;
		margin: -90px 0px 0px 0px;
		padding: 0px 30px;
		position: relative;
		float: left;
	}
	
	/*== Barra delle lingue ==*/	
	#lingua {
		width: 160px; 
		height: 15px;
		padding: 0px;
		float: right;
		margin: -120px 0px 0px 0px; 
		position: relative;
		}
		
			/* bandiere */
	#lingua a {margin: 0px 0px 0px 10px; padding: 0px; float: left;}	
	#lingua a img {border: none; margin: 0px; padding: 0px; width: 22px; height: 15px;}
	
	/*== Box Aquolina ==*/	
	#box_aquolina {
		width: 190px; height: 300px;
		padding: 0px;
		clear: right;
		float: right;
		position: relative;
		margin: 10px 0px 0px 0px;
		color: #FFFFFF; 
		line-height: 12px;
		}
		
		#box_aquolina p{width: 170px;padding: 0px; margin: 20px 10px 10px 10px; font-size: 11px; color: #FFFFFF;}
		#box_aquolina h4{text-align: center;text-transform: uppercase; font-size: 12px;margin-bottom:20px;}
		
		/* Collegamento ad Aquolina - area cliccabile */
		#box_aquolina a{width: 188px; height: 180px; margin:0px auto;display: block;}
		#box_aquolina a span {position:absolute; left:0px;top:-2000px; width:1px;height:1px;overflow:hidden;}	

/*========================================*/		
/* APPROFONDIMENTI */
/*========================================*/

#approfondimento {
	width: 966px; height: 250px;
	margin: 15px auto 0px auto;
	}

	/*== Box news ==*/
	#news {
		margin: 0px;
		padding: 0px;
		width: 190px; height: 250px;
		float: right;
		}
		
		#news #contenitore_immagine {
			width: 170px;
			height: 90px;
			padding: 0px;
			margin: 40px 10px 0px 10px;
			background-repeat: no-repeat;
			background-position: center center;
			/* l'immagine di sfondo è caricata in index.php */
		}
	
		/*#news img.notizia {width: 170px; height: 90px; padding: 0px; }*/
		#news p {width:170px; height: 65px;padding: 5px 10px;font-size: 11px;margin:0px;}
		#news a{color: #FF0000;font-size: 10px; font-weight: bold;margin: 5px 0px 0px 10px;padding: 0px;display:block;}
	
	/*== Pulsanti pesce  ==*/
	#approfondimento_prodotti {
		width: 526px; height: 140px;
		margin: 0px 30px 0px 0px;
		float: right;
		}
		#approfondimento_prodotti:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
				}
  		
		#approfondimento_prodotti a span{position:absolute;left:-1000px;visibility:hidden;height:1px;}
		#approfondimento_prodotti a {
			display: block;
			width: 263px; height: 140px;
			margin: 0px;
			padding: 0px;
			float: left;
			}
			#approfondimento_prodotti a.freschi {background:url(../images/pulsante_freschi.png) left top no-repeat;}
			#approfondimento_prodotti a.decongelati {background:url(../images/pulsante_decongelati.png) left top no-repeat;}
			#approfondimento_prodotti a.freschi:hover {background:url(../images/pulsante_freschi_hover.png) left top no-repeat;}
			#approfondimento_prodotti a.decongelati:hover {background:url(../images/pulsante_decongelati_hover.png) left top no-repeat;}
	
	/*== Hanno scelto finpesca ==*/
	.titolo_approfondimento {
		width: 526px;
		height: 17px;
		position: relative;
		float: right;
		margin: 20px 30px 0px 0px;
		font-size: 12px;
		font-weight: normal;
		font-style: italic;
		border-bottom: 1px solid #AFB0B2;
	}
		
	#animazione_approfondimento { 
		width: 526px;
		height: 65px;
		float: right;
		margin: 10px 30px 0px 0px;
		}
	
	/*== Dove siamo ==*/	
	#dove_siamo {
		display: block; 
		width: 190px; height: 250px; 
		background: url(../images/box_dovesiamo.jpg) top left no-repeat;
		}		
		
	#dove_siamo a{
		color: #FFFFFF;
		position: relative;
		top: 220px;
		left: 10px;
		font-size: 12px;
		}
		
/*====================================*/
/* FOOTER */
/*====================================*/

#footer {
	width: 966px; height: 20px;
	margin: 20px auto 0px auto;
	padding: 0px; 
	border-top: 2px solid #999999;
	}
	
	#footer h6 {
		width: 790px; /* lascio spazio sulla stessa linea ai loghi */
		float: left;
		color: #999999;
		font-weight: normal;
		font-size: 10px; margin: 0px;
		padding-top: 10px; 
		}
	
	#footer a span {color: #FF8800;}
	
	/*== Loghi W3c  ==*/
	#footer img {
		float:left;
		padding-top: 15px; 
		}