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

body{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    color: #666666;
    background: white;
    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;}
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,h2,h3,h4,h5,h6{ 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;}

p {color: #666666;}
a {color: #666666;}
a:hover {color: #BD0926;}

	/* l'uso di #contenitore_totale serve solo ad adattare il layout a IE6 - vedi il css dedicato */
#contenitore_totale {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	position: relative;
	}
	
/*==========================*/
/* CONTENUTI */	
/*==========================*/

#contenuto {
	width: 970px;
	margin: 0px auto 0px auto;
	background: url(../immagini_layout/sfondo.png) center top no-repeat;
	}
	
	#contenuto:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
	/*====================*/
	/*=== INTRODUZIONE ===*/
	#introduzione {
		float: left;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		}
		
		/*a.inglese {
			display: block;
			margin: 50px 0px 0px 0px;
			padding-left: 10px;
			z-index: 1;
			color: #8A8C8E;
			background: url(../immagini_layout/freccia_inglese.gif) left center no-repeat;
			}*/
		
		/*== ricette pronte ==*/	
		#introduzione h3 {
			margin-top: 110px;
			padding-bottom: 30px;
			border-bottom: 1px solid #BD0926;
		}
		
		/*== animazione in presentazione.htm ==*/
		#animazione_interna {
			width: 200px;
			height: 145px;
			margin-top: 30px;
			z-index: 1;
			position: relative;
			}
			
				/*=========================================================*/
				/*   INTRODUZIONE PER LE PAGINE DEI PRODOTTI e DEI MENU'   */
				
				/*== navigazione secondaria (takeaway, antipasti,primi,cenetta per due,etc..) ==*/
				.navigazione_secondaria {
					margin: 60px 0px 0px 0px;
					padding: 0px 0px 5px 0px;
					width: 160px;
					border-bottom: 1px solid #BD0926;
					}
					
				.navigazione_secondaria li{
					display: block;
					height: 30px;
					width: 160px;
					margin: 0px;
					padding-bottom: 0px;
					}
					
				.navigazione_secondaria li a {
					display: block;
					height: 30px;
					width: 90px;
					background-image: url(../immagini_layout/navigazione_secondaria_sfondo.png);
					background-repeat: no-repeat;
					padding: 0px;
					margin: 0px;
					}
						.navigazione_secondaria li a span {position: absolute;top:-1000px;width:1px;height:1px;overflow:hidden;}
					
					
				.navigazione_secondaria_menu {
					margin: 60px 0px 0px 0px;
					padding: 0px 0px 5px 0px;
					width: 160px;
					}
					
				.navigazione_secondaria_menu li{
					display: block;
					height: 30px;
					width: 160px;
					margin: 0px;
					padding-bottom: 0px;
					}
					
				.navigazione_secondaria_menu li a {
					display: block;
					height: 30px;
					width: 160px;
					background: url(../immagini_layout/navigazione_secondaria_menu_sfondo.png) left center no-repeat;
					padding: 0px;
					margin: 0px;
					}
						.navigazione_secondaria_menu li a {width: 160px;background: url(../immagini_layout/navigazione_secondaria_menu_sfondo.png) left center no-repeat;}
						.navigazione_secondaria_menu li a span {position: absolute;top:-1000px;width:1px;height:1px;overflow:hidden;}
					
						/*== gestisco sfondi ==*/
						.navigazione_secondaria li a.takeaway {background-position: 0px 0px; }
						.navigazione_secondaria li a.antipasti {background-position: 0px -27px; }
						.navigazione_secondaria li a.primi {background-position: 0px -56px;}
						.navigazione_secondaria li a.risotti {background-position: 0px -83px;}
						.navigazione_secondaria li a.sughi{background-position: 0px -113px;}
						.navigazione_secondaria li a.secondi {background-position: 0px -140px;}
						.navigazione_secondaria li a:hover, .navigazione_secondaria li a.attivo {background-image: url(../immagini_layout/navigazione_secondaria_sfondo_hover.png);}
						
						.navigazione_secondaria_menu li a.cenetta-due {background-position: 0px 1px; }
						.navigazione_secondaria_menu li a.cena-amici {background-position: 0px -29px;}
						.navigazione_secondaria_menu li a.pranzo-festa {background-position: 0px -59px;}
						.navigazione_secondaria_menu li a.pasto-leggero{background-position: 0px -89px;}
						.navigazione_secondaria_menu li a.spuntino {background-position: 0px -119px;}
						.navigazione_secondaria_menu li a:hover, .navigazione_secondaria_menu li a.attivo {background-image: url(../immagini_layout/navigazione_secondaria_menu_sfondo_hover.png);}
						/*========*/
				/*===========*/
				
					/*== navigazione interna (piatti e proposte) ==*/
					.navigazione_interna {
						text-transform: uppercase;
						padding:0px;
						margin: 10px 0px 0px 0px;
						width: 190px;
						text-indent: 0px;
						list-style: none;
						}
					
					.navigazione_interna li {
						padding: 2px 0px;
						border-bottom: 1px solid #8A8C8E;
						width: 190px;
						}	
						
					.navigazione_interna li a {
						width:100%;
						display: block;
						padding-left: 10px;
						background: url(../immagini_layout/navigazione_interna_sfondo.png) left center no-repeat;
						}
					
					.navigazione_interna li a {color: #8A8C8E;}
					.navigazione_interna li a:hover {background: url(../immagini_layout/navigazione_interna_sfondo_hover.png) left center no-repeat;color:#663300;}
					.navigazione_interna li a.attivo {background: url(../immagini_layout/navigazione_interna_sfondo_hover.png) left center no-repeat;color:#663300;}
					/*====================*/
				
				/*  FINE INTRODUZIONE PER LE PAGINE DEI PRODOTTI E DEI MENU' */
				/*===========================================================*/
			
	/*=============================*/			
	/*=== NAVIGAZIONE PRINCIPALE===*/
	.navigazione_principale {
		height: 30px;
		width: 615px;
		float: right;
		margin: 0px;
		padding: 51px 45px 28px 0px;
		list-style: none;
		}
	
	.navigazione_principale li {
		margin: 0px;
		padding: 0px;
		height: 30px;
		float: left;
		display: block;
		text-align: center;
		margin-right: 1px; /* spazio del separatore */
		}
			
			/*== definisco dimensioni pulsanti ==*/
			.navigazione_principale li.home { width: 102px;}
			.navigazione_principale li.presentazione { width: 130px; }
			.navigazione_principale li.piatti {width: 117px; }
			.navigazione_principale li.menu {width: 87px; }
			.navigazione_principale li.news {width: 80px; }
			.navigazione_principale li.contattaci {width: 93px; }
			/*=====*/
			
	.navigazione_principale li a {
			color: #FFFFFF; 
			display: block;
			/*height: 30px;*/
			width: 100%;
			line-height: 28px;
			font-size: 12px;
		}                
		
		.navigazione_principale li a:hover, .navigazione_principale li a.attivo{background: url(../immagini_layout/freccia_navigazione.png) center top no-repeat; color: #FFFFFF;}
		 
	/*==========================*/	
	/*=== DETTAGLI CONTENUTI ===*/
	#contenuto_dettaglio {
		width: 605px;
		float: right;
		margin: 0px;
		padding: 0px 35px 135px 30px; /* il padding bottom,uguale ad altezza del footer,causa scroll maggiore del contenuto e quindi consente sempre la sua completa visibilità */
		height: auto !important;
		min-height: 355px;
		height: 355px;
		background: url(../immagini_layout/contenuto_dettagli_sfondo.png) left top no-repeat;
		}
		
			#contenuto_dettaglio.menu {background: transparent url(../immagini_layout/contenuto_dettagli_menu_sfondo.png) left top no-repeat;}	
			#contenuto_dettaglio h2 {padding: 20px 0px 20px 0px;}
			
			p.presentazione {padding-right: 40px; margin: 0px 0px 15px 0px;}	
				/*====================================================*/
				/*   DETTAGLI PER LE PAGINE DEI PRODOTTI E DEI MENU'  */
				/* la classe .menu identifica le regole per le pagine dei menu */
				
				#descrizione_prodotto {
					width: 290px;
					margin-top: 20px;
					float: left;
					position: relative;
					padding-bottom: 15px;
					}
					
						/* nome prodotto e proposta */
					#descrizione_prodotto h3 {padding-bottom: 15px;}
						#descrizione_prodotto .descrizione p {margin: 0px;}
					
					/* consigli per cottura */
					#descrizione_prodotto h4 {
					font-size: 13px;
					font-style: italic;
					font-weight: bold;
					color:#663300;
					padding: 15px 0px 3px 0px;
					margin-top: 10px;
					background: url(../immagini_layout/titoli_descrizione_sfondo.png) top left no-repeat;
					} 
						#descrizione_prodotto cottura {margin:0px; padding:0px 20px 0px 0px;}
						#descrizione_prodotto .cottura p {margin: 0px;}

						
						/* ingredienti */
					#descrizione_prodotto h5 {
						text-transform: uppercase;
						font-size: 12px;
						padding:10px 0px 0px 0px;
						color:#663300;
						margin-top: 10px;
						padding: 15px 0px 3px 0px;
						background: url(../immagini_layout/titoli_descrizione_sfondo.png) top left no-repeat;
						} 
						
					#descrizione_prodotto #ingredienti{font-size: 11px;}
					#descrizione_prodotto #ingredienti p {margin: 0px;}
					
				#descrizione_prodotto table {
						margin: 20px 0px 0px 0px;
						width: 225px;
						height: 107px;
						background: url(../immagini_layout/tabella_sfondo.png) left top no-repeat;
						font-size: 10px;
						clear: both;
						position: relative;
						float: left;
						}

					#descrizione_prodotto table tr {display: block; height: 15px;padding: 0px 4px 4px 5px;}
					td.voce {width: 170px;float: left;}
					td.valori {width: 20px;float:left;}
					
					/*  collegam a scheda prodotto */	
				#scheda {margin: 10px 20px 0px 0px;float: right;position:relative;color:#666666;}

				#img_prodotto_piccola, .img_prodotto_piccola_menu {margin: 15px 0px 0px 0px;}
				#img_prodotto_grande {margin: 20px 0px 0px 0px;}
				
					#contenuto_dettaglio.menu #img_prodotto_grande {margin: 40px 0px 0px 0px;}
					#contenuto_dettaglio.menu #img_prodotto_piccola,  #contenuto_dettaglio.menu .img_prodotto_piccola_menu {
						float: left;margin: 20px 35px 0px 0px;
						}
					
				#descrizione_menu {
					width: 590px;
					margin-top: 20px;
					float: left;
					position: relative;
					padding-bottom: 15px;
					}
				
				#descrizione_menu h3 {
					padding-top: 20px;
					width: 400px;
					height: 45px;
					float: left;
				}
				
				#descrizione_menu h4 {
					float: right;
				}
				
				#descrizione_menu p.consiglio{
					clear: both;
					margin: 0px;
					padding: 15px 20px 0px 10px;
				}
				
				#descrizione_menu #immagine_menu {
					padding-top: 20px;
				}
			
					
				/*	N.B.il box dei consigli dello chef è definito nel footer */
				/*  FINE DETTAGLI PER PAGINE PRODOTTI E DEI MENU' */
				/*================================================*/
				
				/*======================================*/
				/*   DETTAGLI PER LA SEZIONE TAKEAWAY   */
				h3.titolo_takeaway {margin: 20px 0px;}
				
				div.descrizione_takeaway {
					width: 590px; 
					padding: 0px 0px 10px 0px;
					margin-bottom: 7px; 
					border-bottom: 1px solid #7c2217;
					position: relative;
					height: auto !important;
					min-height: 110px;
					height: 110px;
				}
				/*div.descrizione_takeaway:after {content: ".";display:block;clear: both;height: 0px; visibility: hidden;}*/	
				
				div.descrizione_takeaway img.prodotto {width: 155px; height: 110px; border: 1px solid #333333; position: absolute; left: 0px; top: 0px;margin-right: 10px;}
				
				div.descrizione_takeaway h4 { text-transform: uppercase; color: #7c2217; font-size: 13px; font-size: 13px; padding: 10px 0px 0px 165px;}
				
				div.descrizione_takeaway div.descrizione {font-size: 12px; margin: 5px 0px; padding: 0px 0px 0px 165px;}
				
				div.descrizione_takeaway a	{margin: 0px 0px 0px 165px;}
								
				div.descrizione_takeaway a.link_preparazione {
					cursor: pointer;
					padding: 2px 20px 0px 0px;
					margin: 0px 0px 0px 165px;
					background: url(../immagini_layout/icona_scheda.png) right top no-repeat;
				}
				
				div.descrizione_takeaway a.link_preparazione:hover {color: #BD0926;}
					
				div.preparazione {
					clear: both;
					padding: 30px 20px 10px 165px;
					width: 400px;
				}
				
					div.preparazione h5 {font-size: 14px; color: #7C2217; padding-top: 7px; border-top: 1px solid #7C2217;font-weight: normal; margin-bottom: 7px;}
					div.preparazione p {margin: 5px 0px 5px 0px;}
			
				/*=== SEZIONE PER CONTATTI.HTM ===*/
				#modulo_contatti{margin: 0px; width: 600px;  }
				#modulo_contatti legend {margin: 0px; padding: 20px 0px; font-size: 12px; }
				#modulo_contatti fieldset{border: 0px;margin: 0px;;padding: 0px;}
				#modulo_contatti label{width: 300px;height: 45px;float: left;position: relative;}
				#modulo_contatti input{width: 270px;float: left;position: relative;}
				#modulo_contatti label.richieste{height: 75px;float: left;position: relative;}
				#modulo_contatti label.richieste textarea{width: 570px;height: 50px;float: left;position: relative;}
				#modulo_contatti span.campi_obbligatori {display: block; clear: left;}
				#info_privacy{margin-top: 10px;display: block; width:200px;float:left;font-size: 11px;}
				#modulo_contatti .accetto {margin-top: 10px;width: 85px;height: 20px;float: left;}
				#modulo_contatti .accetto input {width: 20px;border: none;height: 15px;}
				#modulo_contatti .invio_richiesta {width: 120px;clear: left;padding-bottom: 10px;}
				#modulo_contatti .invio_richiesta input{cursor: pointer;margin-top: 10px;display: block;float: left;width: 120px;border: 0px;background: #C55439;color: white;}
					/* conferma invio */
					#contenuto_dettaglio.contatti {padding-top: 20px;}
					#contenuto_dettaglio.contatti h3 {padding-bottom: 20px;color: #BD0926;}
					
				/*=== FINE SEZIONE PER CONTATTI.HTM ===*/
				
				/*=== SEZIONE PER NEWS.HTM ===*/
				.box_news {
					width: 575px;
					height: auto;
					padding-bottom: 20px;
					margin-bottom: 20px;
					border-bottom: 1px solid #BD0926;
					}
					.box_news h3 {color: #BD0926; padding: 20px 0px 20px 0px;font-size: 14px;}
					.box_news p {margin: 0px 0px 10px 0px;}
					.box_news img {margin: 0px 10px 0px 0px;}
				/*===========================*/
				
/*======================*/
/* FOOTER */
/*======================*/

#footer {
	width: 100%;
	height: 135px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	background: transparent url(../immagini_layout/sfondo_footer.png) top center no-repeat;
	z-index: 2;
	}
		
		/* i posizionamenti assoluti di questi elementi sono necessari per IE */
		/* per gli altri browser sarebbe sufficiente il posizionamento relativo */
	#footer h1 {
		width: 231px; height: 134px;
		position: absolute;
		left: 50%; /* non definisco top perchè crea problemi a IE6 */ 
		z-index: 3;
		margin: -39px 0px 0px -455px;
		background: url(../immagini_layout/logo_aquolina.png) top center no-repeat;
		}
				#footer h1 span {position:absolute;top:-1000px;width:1px;height:1px;overflow:hidden;}
				
	#footer h2 {
		width: 400px; 
		font-size: 11px;
		color: #FFFFFF;
		position: absolute;
		left: 50%;
		margin: 90px 0px 0px -465px;
		}
		
		#footer h2 img {position: relative;top: 11px;left: 10px;}
			
			/* box consigli dello chef */	
			#approfondimento {
				width: 304px;
				height: 189px;
				float: right;
				background: url(../immagini_layout/approfondimento_sfondo.png) left top no-repeat;
				position: absolute;	
				left: 50%;
				margin: -60px 0px 0px 140px;
				z-index: 3;		
				}
				
				
				#approfondimento p {
					color: #666666; 
					font-size: 11px;
					width: 150px; 
					position: relative;
					margin: 15px 0px 0px 110px;
					}
					
			/*== collegamenti del box consigli dello chef ==*/
			#approfondimento1, #approfondimento2, #approfondimento3 {position:relative;display:block;width: 19px;height:19px;cursor: pointer;}
			#approfondimento1 {top:64px;left:77px;background: url(../immagini_layout/approfondimento_coll_sfondo1.gif) center center no-repeat;}
			#approfondimento2 {top:72px;left:57px;background: url(../immagini_layout/approfondimento_coll_sfondo2.gif) center center no-repeat;}
			#approfondimento3 {top:79px;left:37px;background: url(../immagini_layout/approfondimento_coll_sfondo3.gif) center center no-repeat;}
			#approfondimento span {position:absolute;left:-1500px;overflow:hidden;}
			
			#approfondimento1:hover, #approfondimento1.attivo {background: url(../immagini_layout/approfondimento_coll_sfondo1_hover.gif) center center no-repeat;}
			#approfondimento2:hover, #approfondimento2.attivo {background: url(../immagini_layout/approfondimento_coll_sfondo2_hover.gif) center center no-repeat;}
			#approfondimento3:hover, #approfondimento3.attivo {background: url(../immagini_layout/approfondimento_coll_sfondo3_hover.gif) center center no-repeat;}
			/*=========*/