﻿*{ margin:0; padding:0}


body {background-color:#01BF60;background-attachment:fixed;background-position:center;margin:auto;}


img {border:none;}


#header img {border:none;}


#header {width:auto;height:100%;margin-top:0px;text-align: center;}


a img {border:none;}


a:link {color:blue;text-decoration:underline}


a:visited {color:navy;text-decoration:none}


a:hover {color:red;text-decoration:none}


#pagina {max-width:800px;margin:0px auto;background-color:white;}


#contenuti p.orari {font-family:"times new roman";font-size:170%;font-weight:500;color:#aa0d14;text-align:center;border-bottom:2px solid green;border-top:1px solid green;padding-bottom: 5px;margin-bottom: 20px;margin-left:-30px;margin-right:-30px;background-color:#EFEFEF;margin-top: -15px;padding-top: 5px;padding-left:30px;padding-right:30px;line-height:22pt;}


#contenuti p.titolo {font-family:"times new roman";font-size:170%;font-weight:500;color:#862a7d;text-align:center;border-bottom:2px solid green;border-top:1px solid green;padding-bottom: 5px;margin-bottom: 20px;margin-left:-30px;margin-right:-30px;background-color:#EFEFEF;margin-top: -15px;padding-top: 5px;padding-left:30px;padding-right:30px;line-height:22pt;}


#contenuti p.centra {font-size:130%;font-family:"times new roman";font-weight:500;line-height: 1.7em;color:#000000;margin-bottom:0.7em;padding-bottom:15px;text-align:center;}


#contenuti p.recapitihome {font-family:Arial;color:green;line-height:30px;font-size:150%;padding-top:0px;text-align:center;padding-bottom:00px;margin-bottom:0em;}


#contenuti p.recapiti {font-family:Arial;color:#aa0d14;line-height:36px;font-size:200%;padding-top:0px;text-align:center;padding-bottom:0px;margin-bottom:0em;}


#contenuti p.recapiti2 {font-family:Arial;font-style:italic;color:green;line-height:24px;font-size:130%;padding-top:0px;text-align:center;padding-bottom:10px;margin-bottom:0em;}


#contenuti p.recapiti1 {font-family:"times new roman";line-height:30px;font-size:140%;color:#1c436a;padding-top:0px;text-align:center;padding-bottom:10px;margin-bottom:0em;}


#header p.logo {text-align:center;padding:5px 30px 0px 30px;}


/*#contenuti p.logo {text-align:center;padding-bottom:0px;padding-top:5px;padding-bottom:0px;}*/


#pagina p {font-family:arial;padding-left:0px;margin-bottom:20px;padding-bottom:10px;padding-top:5px;}


#contenuti {width:auto;padding:5px 30px 30px 30px;}


#contenuti p {font-size:120%;font-family:arial;font-weight:400;line-height: 1.5em;color:#000000;margin-bottom:0.5em;text-align:left;}


#contenuti ul {font-family:arial;font-weight:300;font-size:120%;padding-left:25px;padding-top:10px;padding-bottom:20px;list-style-image:url('vendita-specialty-coffee-genova-button/vendita-specialty-coffee-genova-cerchietto-freccia-verde-ico.jpg');}


#contenuti ol {font-family:arial,sans-serif;font-weight:400;font-size:120%;padding-left:45px;padding-top:30px;padding-bottom:30px}


#contenuti li {line-height:1.5em;padding-bottom:10px;text-align:left;}


#contenuti p img {float:none;padding-right:5px; margin-bottom:10px; }


#header h1 {font-size:30px;color:#CC99FF;font-weight:500;}


/*#contenuti h1 {font-family:Arial;line-height:36px;font-size:150%;color:#1c436a;padding-top:0px;text-align:center;padding-bottom:10px;margin-bottom:0em;font-weight:300;}*/


#contenuti h1 {font-family:arial;font-size:150%;font-weight:400;color:green;text-align:center;border-bottom:1px solid green;border-top:1px solid green;padding-bottom: 12px;margin-bottom: 20px;background-color:white;margin-top: 10px;padding-top: 12px;padding-left:0px;padding-right:0px;}


#contenuti h2 {font-family:arial;font-size:145%;font-weight:500;color:#006600;text-align:center;border-bottom:1px solid #CC3300;margin-bottom: 15px;background-color:white;margin-top: 5px;padding-bottom: 10px;padding-top: 10px;padding-left:0px;padding-right:0px;}

#contenuti h3 {font-family:arial;font-size:140%;font-weight:500;color:#1c436a;text-align:left;border-bottom:1px solid #862a7d;padding-bottom: 12px;margin-bottom: 20px;background-color:white;margin-top: 20px;padding-top: 12px;padding-left:0px;padding-right:0px;}


#contenuti h4 {font-family:arial;font-size:130%;font-weight:500;color:green;text-align:left;padding-bottom: 5px;margin-bottom: 20px;margin-top: 20px;padding-top: 10px;}

#contenuti h5 {font-family:arial;color:#1c436a;font-size:160%;font-weight:bold;text-align:left;padding-bottom:12px;padding-top:5px;}


#contenuti h6 {font-family:arial;color:green;font-size:21px;font-weight:normal;text-align:center;padding-bottom:5px;padding-top:5px;}


#contenuti p.datifinali {font-family:arial;color:#333333;font-size:14px;line-height:24px;text-align:center;}


#contenuti p.datifinali1 {font-family:arial;color:#333333;font-size:16px;line-height:24px;text-align:center;border-top:1px solid #1c436a;padding-top: 24px;}


#contenuti p.riquadro {font-family:"times new roman";background:#F9F9F9;color:#333333;font-size:130%;padding-bottom:10px;padding-top:10px;padding-left:10px;padding-right:10px;line-height:30px;text-align:center;border:1px solid;border-color:red;border-radius:10px;padding: 10px 15px;-webkit-border-radius: 10px;}


#contenuti p.riquadrosx {font-family:"times new roman";font-style:italic;background:#F9F9F9;color:#333333;font-size:120%;padding-bottom:10px;padding-top:10px;padding-left:10px;padding-right:10px;line-height:30px;text-align:left;border:1px solid;border-color:#1c436a;border-radius:10px;padding: 10px 15px;-webkit-border-radius: 10px;}


strong {font-weight:600;color:#1c436a;}

#pulsanti {width:auto;margin:0px auto;position:fixed; bottom:-20px;}


#footer {height:160px;background-color:white}


#footer p {font-family:"times new roman",Arial, Helvetica, sans-serif;font-size:14px;padding-top:20px;margin-bottom:5px;padding-left:30px;padding-right:30px;text-align:center;line-height:18px;}


#contenuti h1.colore {font-family:Arial;color:green;line-height:36px;font-size:150%;padding-top:0px;text-align:center;padding-bottom:10px;margin-bottom:0em;border-top:0px;border-bottom:0px;}


#contenuti p.testimonianze {font-size:120%;font-family:arial,Verdana, sans-serif;line-height: 1.5em;color:#000000;margin-bottom:1.4em;text-align:left;background:#F4F4F4;border:1px solid;border-radius:10px;padding: 10px 15px;}

#contenuti p.slogan2 {font-family:arial,Verdana;background:#F0F0F0;;color:#000000;font-size:24px;padding-bottom:0px;padding-top:0px;padding-left:0px;line-height:32px;text-align:center;border:1px dashed green;padding: 5px 10px;margin-top:20px;margin-bottom:20px;}

#contenuti p.slogan3 {font-family:arial,Verdana;background:#F0F0F0;color:#000000;font-size:24px;padding-bottom:0px;padding-top:0px;padding-left:0px;line-height:32px;text-align:center;border:3px dashed;border-color:green;padding: 5px 10px;}

#contenuti p.testimonianze1 {font-size:130%;font-family:"times new roman",Verdana;font-style:italic;line-height:1.5em;color:#000000;margin-bottom:1.4em;text-align:left;background:#F4F4F4;border:2px dashed green;padding: 10px 15px;}

#contenuti p.gigante {font-family:arial;font-size:160%;color:green;text-align:center;margin-bottom:10px;margin-top:10px;line-height:26px;border:1px solid;background:#F0F0F0;padding: 10px 5px 10px 5px;border-radius:10px;}

#contenuti p.didascalia {font-family:arial;color:#333333;font-size:16px;line-height:24px;text-align:center;border-top:1px solid #1c436a;padding-top: 24px;}


#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */

background-color: #000;     /* Lo fondo è di colore nero (#000) */
				 
font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
color: #000;                /* il colore dei caratteri è grigio chiaro (#DDD) */
padding: 10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
opacity: .9;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink {                      
  color: #E00;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
color: #F44;                  /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
text-decoration:none;         /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
background-color: #000;       /* lo sfondo è verde (#0A0) */
color: #FFF;                  /* Il colore del testo è bianco (#FFF) */
text-decoration: none;        /* Il testo non è sottolineato         */
font-weight: 600;             /* Il testo è in grassetto             */
font-size: 16px;
padding: 3px 10px;            /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
border-radius:  3px;
                              /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
background-color: #000;
}









