﻿html{ overflow:hidden; height:100%; width:100%}
body {font-family: Arial, Helvetica, sans-serif; font-size: 1em; background-color: #120e0f; margin: 0px; OVERFLOW: hidden; height:100%; width:100%}
IMG.source-image {LEFT: 0px; POSITION: absolute; TOP: 0px;}
#ContentId { z-index:1}
#ContentId_home { z-index:1; left:345px; top:0px; position:absolute}

img{border:0px;}

.contents { Z-INDEX: 2; WIDTH: auto; POSITION: absolute; HEIGHT: 100%; margin:0px; padding:0px; left:0px }

.contentsie7 { z-index: 80; WIDTH: auto; POSITION: absolute; HEIGHT: 100%; margin:0px; padding:0px; left:0px }
.contentsie6 {display: none;}


/*
.contents { z-index: 80; WIDTH: auto; POSITION: absolute; margin:0px; padding:0px; left:0px }


.flashArea_index {  POSITION: absolute; HEIGHT: 100%;  float:left;   width:100%; left:0px; top:0px; text-align: left; overflow: hidden;   }
.flashArea_text {  POSITION: absolute; HEIGHT: 100%;  float:left;   width:100%; left:345px; top:0px; text-align: left; overflow: hidden;  }
.flashArea_due {  POSITION: absolute; HEIGHT: 100%;  float:left;   width:80%; left:345px; top:0px; text-align: left; overflow: hidden;   }
#flashArea_x { MIN-HEIGHT: 600px; LEFT: 0px; WIDTH: 165px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; margin:0; Z-INDEX: 1   }


.flashArea_index {  POSITION: absolute; HEIGHT: 100%; MIN-HEIGHT: 500px; left:0px;  }
.flashArea_text {  POSITION: absolute; HEIGHT: 100%; MIN-HEIGHT: 500px; left:345px;  }
.flashArea_due {  POSITION: absolute; HEIGHT: 100%; width:100%; MIN-HEIGHT: 500px; left:345px;    }
.flashArea_x { MIN-HEIGHT: 500px; WIDTH: 165px; POSITION: absolute; HEIGHT: 100%; left: 0px; }
.flashArea { MIN-HEIGHT: 500px; WIDTH: 180px; POSITION: absolute; HEIGHT: 100%;  left:165px;   }

.ico {  text-align:right; float:right}
.menu { float:left;  WIDTH: 165px;  POSITION: absolute; HEIGHT: 143px; TEXT-ALIGN: left ;  left:0px; padding:0px; margin:0px;  }
.vertical ul {  WIDTH: 165px;  LIST-STYLE-TYPE: none; padding:0px; margin:0px; POSITION: relative; z-index:10 }
.vertical li a {WIDTH: 165px;  TEXT-DECORATION: none; DISPLAY: block;}
.vertical li {POSITION: relative;  top: 0px; left: 0px; width: 185px}
.vertical li ul {left: 165px; position: absolute; top: 0px; z-index:10; height: 100px; }
.left.vertical ul ul ul {LEFT: -165px; }
.vertical .left ul {LEFT: -165px}
.nascondi {display: none; }

.mlmenujs iframe{display: none; filter: alpha(opacity=0); z-index: 99; position: absolute;}
select,object,iframe{z-index: 1;}
.mlmenujs, .mlmenu{z-index: 80; top:35%; }

*/


.flashArea_txt { POSITION: absolute;  left:53%; top:-20%; bottom:0; right:0; margin:auto; width:550px; height:400px; z-index:900  } 


#flashArea_x { MIN-HEIGHT: 600px; LEFT: 0px; WIDTH: 165px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; margin:0; Z-INDEX: 1   }
.flashArea_index {  POSITION: absolute; HEIGHT: 100%;  float:left;   width:100%; left:0px; top:0px; text-align: left; overflow: hidden;   }
.flashArea_text {  POSITION: absolute; HEIGHT: 100%;  float:left;   width:100%; left:345px; top:0px; text-align: left; overflow: hidden;  }
.flashArea_due {  POSITION: absolute; HEIGHT: 100%;  float:left;   width:80%; left:345px; top:0px; text-align: left; overflow: hidden;   }
.flashArea { MIN-HEIGHT: 500px; WIDTH: 180px; POSITION: absolute; HEIGHT: 100%;  left:165px;  }
.flashArea_drink { MIN-HEIGHT: 500px; WIDTH: auto; POSITION: absolute;  top:26%;  left:400px; z-index:900  }

.ico {  text-align:right; float:right}
.menu { float:left;  WIDTH: 165px;  POSITION: absolute; HEIGHT: 143px; TEXT-ALIGN: left ;  left:0px; padding:0px; margin:0px;  }
.vertical ul {  WIDTH: 165px;  LIST-STYLE-TYPE: none; padding:0px; margin:0px; POSITION: relative; z-index:10 }
.vertical li a {WIDTH: 165px;  TEXT-DECORATION: none; DISPLAY: block; margin:0px; padding:0px; float:left}
.vertical li a:hover { margin:0px; padding:0px}
.vertical li {POSITION: relative;  top: 0px; left: 0px; width: 185px; margin:0px; padding:0px; float:left}
.vertical li ul {left: 165px; position: absolute; top: 0px; z-index:10; height: 100px; float:left; margin:0px; padding:0px }
.left.vertical ul ul ul {LEFT: -165px; }
.vertical .left ul {LEFT: -165px}
.nascondi {display: none; }

.mlmenujs iframe{display: none; filter: alpha(opacity=0); z-index: 99; position: absolute;}
select,object,iframe{z-index: 1;}
.mlmenujs, .mlmenu{z-index: 80; top:35%; }

.altri_sotto { LEFT: 165px; BOTTOM: 50px; POSITION: absolute; TEXT-ALIGN: left;  width:165px; Z-INDEX: 8;}

.first { right: 65px; POSITION: absolute; TOP: 5px; color:#F0DE72; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; z-index:900 }


.content { MIN-WIDTH: 870px; MIN-HEIGHT: 500px; WIDTH: 100%; POSITION: relative; HEIGHT: 100%; TEXT-ALIGN: left }
.topnav { MARGIN: 0px 32px 0px 55px; POSITION: relative; HEIGHT: 100px; TEXT-ALIGN: left; z-index:900 }
.img-home { RIGHT: 0px; POSITION: absolute; TOP: 0px }
.entrata { margin: 0px 0px 0px 0px; POSITION: absolute; TEXT-ALIGN: left; z-index:80; top: 30%; left:16% }
.sapore { right: 0px; POSITION: absolute; TOP: 50px; width:197px }
.info { LEFT: 22px; BOTTOM: 20px; POSITION: absolute; TEXT-ALIGN: left; width:100%; height:18px; color:#858585; font-size:0.8em;  padding-top:3px;   Z-INDEX: 8; color:#ffffff; }

.titolo_affissioni {left: 400px; POSITION: absolute; TOP: 25%;}
.testo_affissioni {left: 410px;  TOP: 34%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; width:400px}
.affissioni { LEFT: 410px; top: 40%; POSITION: absolute; TEXT-ALIGN: left;  width:540px; Z-INDEX: 8; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.9em; }
.affissioniie6 {display: none;}
.affissioni_cad { float:left; width:auto; margin-right:6px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-align: left }

.affissioni_cad_due { float:left; width:220px; margin-right:6px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-align: left }
	
	
.drink_titolo{ color:#FFB84B; font-weight:bold; padding-bottom:20px ; padding-top:10px}
.drink_testo{ float:left; width:220px }
	
	
.marchi { LEFT: 410px; top: 35%; POSITION: absolute; TEXT-ALIGN: left;  width:540px; Z-INDEX: 8; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.9em; }
.marchi_cad { float:left; width:auto; margin-right:6px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; padding-top:3px;
	font-size: 1em;
	color: #FFF;
	text-align: left }
	
.marchi_cadtitle{  color:#ffffff; text-decoration: none; top: 75%; POSITION: absolute;}
.marchi_cadtitle a, .marchi_cadtitle a:link, .marchi_cadtitle a:visited, .marchi_cadtitle a:hover{  color:#FFB84B; text-decoration: none; }
.marchi_cad_01 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/vecchia_romagna.gif'); background-repeat:no-repeat}
.marchi_cad_02 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/select.gif'); background-repeat:no-repeat}
.marchi_cad_03 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/cocalime.gif'); background-repeat:no-repeat}
.marchi_cad_04 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/nocino.gif'); background-repeat:no-repeat}
.marchi_cad_05 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/rosso_antico.gif'); background-repeat:no-repeat}
.marchi_cad_06 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/oropilla.gif'); background-repeat:no-repeat}
.marchi_cad_07 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/kambusa.gif'); background-repeat:no-repeat}
.marchi_cad_08 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/libarna.gif'); background-repeat:no-repeat}
.marchi_cad_09 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/lupo.gif'); background-repeat:no-repeat}
.marchi_cad_10 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/bergia.gif'); background-repeat:no-repeat}
.marchi_cad_11 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/coca_buton.gif'); background-repeat:no-repeat}
.marchi_cad_12 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/maraschino.gif'); background-repeat:no-repeat}
.marchi_cad_13 { float:left; width:143px; height:190px; background-image:url('../immagini/etichette/crema_cacao.gif'); background-repeat:no-repeat}
.marchi_cad_vuoto { float:left; width:5px; height:190px;}

.testo_clicca {left: 410px; POSITION: absolute; TOP: 75%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:350px}

.toplettera { MARGIN: 0px 0px 0px 0px; POSITION: relative; HEIGHT: 100px; TEXT-ALIGN: left }
.lettera { right: 0px;  POSITION: absolute; TOP: 40%;}

.titolo_prodotto02 {left: 550px; POSITION: absolute; TOP: 34%}
.testo_prodotto02 {left: 565px; POSITION: absolute; TOP: 42%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:410px}

.titolo_prodotto {left: 630px; POSITION: absolute; TOP: 28%}
.testo_prodotto {left: 644px; POSITION: absolute; TOP: 38%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:350px}
.testo_prodotto b{ color: #ffb84b; font-weight:bold}
.titolo_origine {left: 400px; POSITION: absolute; TOP: 30%;}
.testo_origine {left: 410px; POSITION: absolute; TOP: 38%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:350px}
.testo_creatore {left: 450px; POSITION: absolute; TOP: 38%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:450px}
.testo_drink {left: 432px; POSITION: absolute; TOP: 18%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:450px}
.titolo_creatore {left: 438px; POSITION: absolute; TOP: 30%;}
.titolo_creatore_eng {left: 410px; POSITION: absolute; TOP: 10%;}
.bottiglia {left: 345px; POSITION: absolute; TOP: 10%;}
.cocktail {left: 430px; POSITION: absolute; TOP: 22%;}

.lingue { right: 0px; POSITION: absolute; TOP: 10px; color:#F0DE72; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; z-index:900 }
.lingue a, .lingue a:link, .lingue a:visited, .lingue a:hover {  color:#ffffff; text-decoration:none }


.altri { LEFT: 0px; BOTTOM: 40px; POSITION: absolute; TEXT-ALIGN: left;  width:165px; Z-INDEX: 8;}
.logo { LEFT: 165px; top: 10px; POSITION: absolute; TEXT-ALIGN: left;  width:180px; Z-INDEX: 8;}
.prodotto { LEFT: 0px; top: 0px; POSITION: absolute; TEXT-ALIGN: left;  width:180px; Z-INDEX: 8;}


.spot { LEFT: 410px; top: 45%; POSITION: absolute; TEXT-ALIGN: left;  width:520px; Z-INDEX: 8; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:0.9em; }

.clicca{ width:auto; padding-top:20px; padding-left:5px; clear:both; }
.clicca a, .clicca a:visited, .clicca a:link, .clicca a:hover { color:#ffb84b; font-weight:bold; text-decoration:none}
.visore { width:234px; height:174px; position:absolute; left:450px; top:20%}
.testo_visore {left: 610px; POSITION: absolute; TOP: 45%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:450px}
.testo_visore a, .testo_visore02 a, .testo_visore03 a{  text-decoration: none; cursor: pointer; color: #ffb84b }
.testo_visore02 {left: 800px; POSITION: absolute; TOP: 48%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:450px}
.testo_visore02 b { color: #ffb84b; font-weight:bold; font-size:1.4em}

.testo_visore_eng {left: 820px; POSITION: absolute; TOP: 69%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; width:450px}
.testo_visore_eng a{ text-decoration: none; cursor: pointer; color: #ffb84b }


.testo_visore03 {left: 450px; POSITION: absolute; TOP: 43%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:500px }
.testo_visore03 b { color: #ffb84b; font-weight:bold; font-size:1.4em}

.titolo_visore {left: 438px; POSITION: absolute; TOP: 30%;}
.bottiglie_eng {left: 380px; POSITION: absolute; TOP: 42%;}
.titolo_drink {left: 438px; POSITION: absolute; TOP: 15%;}

.footer { LEFT: 0px; BOTTOM: 0px; POSITION: absolute; TEXT-ALIGN: left; background-color: #1d1d1d; width:100%; height:18px; color:#858585; font-size:0.8em;  padding-top:3px;   Z-INDEX: 8;}
.footer_txt{ float:left; TEXT-ALIGN: left; width:450px;  color:#858585;  text-indent:20px;}

.responsabile{ float:left;  color:#f1c950; width:150px; float:right; font-weight:bold; padding-right:12px }
.responsabile a, .responsabile a:visited {  color:#f1c950; text-decoration:none }
.responsabile a:hover {  color:#ffffff; text-decoration:none }
.mail { float:left; width:400px; height:25px }
.mail img{ float:left; width:auto }
.mail_text { float:left; padding-top:3px; padding-left:8px;  }
.mail_text02 { float:left; padding-top:8px; padding-left:8px; color:#ffb84b;}
.mail_text02 a, .mail_text02 a:link, .mail_text02 a:visited, .mail_text02 a:hover{ color: #ffb84b; text-decoration:none ;
}
.mail_text a, .mail_text a:link, .mail_text a:visited, .mail_text a:hover{ color: #ffb84b; text-decoration:none ;
}

.lavoro { float:left; width:400px; padding-top:20px; }

.txt{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; padding:8px }
.txt b{ color:#ffb84b;  }
.mail_lavoro { float:left; color:#ffffff ;  font-size:0.9em;  padding-top:3px; padding-left:8px;   }
.mail_lavoro a, .mail_lavoro a:link, .mail_lavoro a:visited, .mail_lavoro a:hover {  color:#ffb84b; text-decoration:none    }

