﻿/*

00. DEFAULT
01. LAYOUT
02. MENU
03. TESTI

*/

/********************  00. DEFAULT ********************/

html {
overflow-x:hidden;
height:100%;
margin:0; padding:0;
}

body {
margin:0; padding:0;
height:100%;
border:solid 0px purple;
}

img {
border:0;
}

/********************  01. LAYOUT ********************/

body {
background-color:#fcf7f4;
background-repeat:repeat-x;
background-position:center top;
}

#cont1300 {
position:absolute;
top:0; left:50%;
z-index:1;
width:1300px; height:650px;
margin:0 0 0 -650px;
background-image:url(img/acquerello.gif);
border:solid 0px purple;
}

#main {
position:relative;
width:980px; height:680px;
margin:0 auto;
padding:0;
border:solid 0px red;
}

#logo {
position:absolute;
z-index:2;
top:20px; left:0px;
}

#menuTecnico {
position:absolute;
top:15px; right:0;
}

#contenuti {
position:absolute;
top:60px; right:0;
height:410px; width:980px;
/*background-color:Green;
border:solid 1px red;*/
}

#barraMenu {
position:absolute;
top:316px; left:0;
z-index:2;
width:1300px;
background-image:url(img/barraMenu.png);
background-repeat:no-repeat;
height:259px;
border:solid 0px red;
}

#bottom {
position:absolute;
bottom:0px;
height:198px; width:980px;
border:0px solid green;
}

#news {
width:100%;
position:absolute;
top:40px;
padding:0;
text-align:center;
}

#footer {
position:absolute;
bottom:-30px;
width:100%;
text-align:center;
}

.stemma {
margin-top:10px;
}

#contenutiInt {
width:100%;
position:relative;
top:120px;
margin:auto;
}

#contenutiInt h1 {
position:absolute;
top:-61px; right:0px;
margin:0; padding:0;
}

#contenutiInt h2 {
margin:0; padding:0;
}

/* News */

#news table {
margin:auto;
}

/* Prodotti */

#descrizione {
position:relative;
float:left;
width:410px; height:250px;
padding:10px 20px 10px 0;
margin:0;
text-align:right;
border-right:solid 1px #d4c7b0;
}

#imgProdotti,#imgProdotti1,#imgProdotti2,#imgProdotti3,#imgProdotti4 {
margin:0 0 0 450px;
padding:0;
width:400px; height:260px;
-webkit-box-shadow: 6px 6px 10px 1px rgba(4, 4, 4, 0.2);
-moz-box-shadow: 6px 6px 10px 1px rgba(4, 4, 4, 0.2);
box-shadow: 6px 6px 10px 1px rgba(4, 4, 4, 0.2);
}

#imgProdotti img,#imgProdotti1 img,#imgProdotti2 img,#imgProdotti3 img,#imgProdotti4 img, .flashProdotti {
width:400px; height:260px;
margin:0; padding:0;
border:solid 1px #d4c7b0;
}

#prezzo {
position:absolute;
bottom:10px; right:20px;
font-weight:bold;
}

#sfondoProdotti {
display:block;
position:absolute;
top:-55px; left:0;
width:980px; height:350px;
background-image:url(img/sfondoProdotti.png);
background-repeat:no-repeat;
}

#sfondoProdotti .frase {
position:relative;
top:80px; left:45px;
}


/* Sitemap */

#contenutiInt table td {
width:25%;
vertical-align:top;
padding:0 0 15px 15px;
border-left:solid 1px #d4c7b0;
}

/* Dove siamo */

#map {
border:solid 1px #673026;
width:400px; height:260px;
}

/********************  02. MENU ********************/

/* Elementi comuni */

ul, li {
margin:0; padding:0;
}

/* Menù - Livello 1 */

#barraMenu table {
margin:114px auto 0 auto;
height:30px;
}

#barraMenu a, .current {
display:block;
height:30px;
}

#barraMenu td, #barraMenu td:hover {
background-repeat:no-repeat;
}

#barraMenu td {
padding:0 15px;
background-position:center top;
}

#barraMenu td:hover {
background-position:center -30px;
}

#la_storia.current{
background-position:center -30px;
}

/* I Prodotti */

#i_prodotti {
width:77px;
background-image:url(img/prodotti.png);
}

/* La Storia */

#la_storia {
width:73px;
background-image:url(img/storia.png);
}

/* Catering & Spedizioni */

#catering_e_spedizioni {
width:184px;
background-image:url(img/catering.png);
}

/* La Caffetteria */

#la_caffetteria {
width:112px;
background-image:url(img/caffetteria.png);
}

/* Making Of */

#making_of {
width:101px;
background-image:url(img/making.png);
}

/* Natale */

#natale {
width:101px;
background-image:url(img/natale.png);
}

/* Menu - Livello 2 */

#menuLiv2 {
position:absolute;
top:20px; left:0;
z-index:3;
border:solid 0px red;
}

#menuLiv2 a, .current2 {
display:block;
width:100px; height:100px;
border:solid 0px red;
}

#menuLiv2 li {
float:left;
padding:0 10px 0 10px;
display:block;
background-repeat:no-repeat;
background-position:center top;
}

/* Pandolce */

#pandolce_genovese a, #pandolce_genovese.current2 {
background-image:url(img/pandolce.png);
}

/* Torte + 3° livello */

#torte a, #torte.current2 {
background-image:url(img/torte.png);
}

#torte.current2 {
background-position:center -200px;
}

/* Pasticceria fresca */

#pasticceria_fresca a, #pasticceria_fresca.current2 {
background-image:url(img/fresca.png);
}

/* Pasticceria secca */

#pasticceria_secca a, #pasticceria_secca.current2 {
background-image:url(img/secca.png);
}

/* Cioccolateria + 3° livello */

#cioccolateria.current2 {
background-position:center -200px;
}

#cioccolateria a, #cioccolateria.current2 {
background-image:url(img/cioccolateria.png);
}

/* Biscotti */

#biscotti a, #biscotti.current2 {
background-image:url(img/biscotti.png);
}

/* Lievitati e prima colazione */

#lievitati_e_prima_colazione a, #lievitati_e_prima_colazione.current2 {
background-image:url(img/lievitati.png);
}

/* Dolci senza zucchero */

#dolci_senza_zucchero a, #dolci_senza_zucchero.current2 {
background-image:url(img/noZucchero.png);
}

#menuLiv2 li a:hover, #pandolce_genovese.current2, #pasticceria_fresca.current2, #pasticceria_secca.current2, #biscotti.current2, 
#lievitati_e_prima_colazione.current2, #dolci_senza_zucchero.current2 {
background-position:center -100px;
}

/* Menu - Livello 3 */

#menuLiv3.torte, #menuLiv3.cioccolateria {
position:absolute;
z-index:4;
}

#menuLiv3.torte {
top:388px; left:122px;
}

#menuLiv3.cioccolateria {
top:395px; left:483px;
}

#menuLiv3 ul {
margin:0 0 0 0;
text-align:center;
}

#menuLiv3 li {
padding:3px 0px 0 0;
}


.current3 a {
cursor:text;
}

/* Menu tecnico */

#menuTecnico li {
float:left;
padding:0 0 0 15px;
}


/********************  03. TESTI ********************/

/* Stili */

body {
font-family:Trebuchet MS;
}

.frase {
font-family:Times New Roman;
font-style:italic;
}

p {
margin:0;
line-height:22px;
}

a {
text-decoration:none;
}

h1 {
margin:0; padding:0;
font-style:italic;
font-weight:normal;
}

ul, li {
list-style-type:none;
}

#menuTecnico {
text-transform:uppercase;
}

#contenutiInt table h2, h3 {
font-weight:normal;
}

/* Dimensioni */

.clausole {
font-size:10px;
line-height:12px;
font-style:italic;
color:#d4c7b0;
margin:4px 0 0 0;    
}

#footer, #menuTecnico {
font-size:12px;
}

body, #contenutiInt table h2 {
font-size:13px;
}

h2, h3 {
font-size:16px;
}

h1 {
font-size:22px;
}


.frase {
font-size:30px;
}

/* Colori */

body, a:hover, .current3 a {
color:#622623;
}

a, .arancio {
color:#ff894a;
}

h1 {
color:#d4c7b0;
}

