body{ margin:0; padding:0; color:#4f3324;  font:84% "Times", Arial, Helvetica, sans-serif; background:#1e0d05 url(../images/def/bg.jpg) top center repeat-y; text-align:center; }
hr{ display:none; } *{ margin:0; padding:0; }
html{ width:100%; height:100%; }
#barbeqool{background:#1e0d05 url(../images/def/bg.jpg) top center repeat-y; height:auto;}
#contenuti{background:transparent url(../images/def/bg_up.jpg) top center no-repeat; height:auto;}
h1{ height:120px; width:320px; background:transparent; }
h1 a{ outline:none; text-indent:-9999px; display:block; height:120px; width:320px; }
#viewport{ width:988px; text-align:left; margin:auto; position:relative; }
h2{ font-size:100%; font-weight:200; text-transform:uppercase; padding:4px 0; border-bottom:1px solid #e9cc81; text-align:left; margin:0 0 12px 0; font-style:italic; }

/* location */
.sede{ clear:both; padding:20px 0 0 0; }
.sede .immagine{ float:left; width:300px; display:inline; }
.sede .specifiche{ float:left; width:280px; display:inline; }
.sede h3{ font-size:140%; text-transform:uppercase; margin:0 0 12px 0; }
.indirizzo{ font-size:116%; font-weight:700; padding:0 0 8px 0; }
.etichetta{ font-weight:200; }

/* parte dei contenuti relativi al sito */
#testata{height:155px;}
.home #testata{height:117px }
#contenuti-testuali{ width:950px; height:auto; background:transparent url(../images/def/bgtesto.gif) top left repeat-y; margin:10px 0 0 18px; line-height:1.4em; }
#testo{ width:950px; height:auto; background:transparent url(../images/def/testo.jpg) top left no-repeat; margin:0; line-height:1.4em; }
.home #testo{ width:970px; height:auto; background:transparent url(../images/def/testo.jpg) top left no-repeat; margin:10px 0 0 8px; }
.home #testo .flash{height:330px; position:relative; background:transparent url(../images/def/home.jpg) top left no-repeat;}
.home #testo .flash p{ font-size:100%; display:block; width:240px; height:100px; font-weight:200; position:absolute; top:176px; left:642px; }
.home #testo .flash strong a{ text-decoration:none; color:#4f3324; }
.home #testo .flash strong a:hover{ text-decoration:underline; color:#4f3324; }
.home #testo .flash strong a:active{ text-decoration:none; color:#666; }
#testo .dettaglio{width:590px; line-height:1.3em; font-size:116%; float:right; margin:0 30px 0 0; display:inline; padding:24px 0 0 0; }
.history #testo .dettaglio{width:590px; float:right; margin:0 30px 0 0; display:inline; padding:124px 0 0 0; }
.philosophy #testo .dettaglio{width:590px; float:right; margin:0 30px 0 0; display:inline; padding:180px 0 0 0; }
.location #testo .dettaglio{width:590px; float:right; margin:0 30px 0 0; display:inline; padding:210px 0 0 0; }
.primoparagrafo{ width:152px; height:300px; position:absolute; top:276px; right:20px; background:transparent url(../img/storia3.jpg) top right no-repeat; }
.intro{ padding:0 120px 0 0; height:auto !important; height:243px; min-height:243px; }
.immagine-divisore{ height:311px; background:transparent url(../img/history4.jpg) top right no-repeat; }
.dettaglio a{ background:transparent; border-bottom:1px solid #fca200; color:#503426; text-decoration:none; }
.dettaglio a:hover{ background:#503426; color:#fca200; text-decoration:none;}
.dettaglio a:active{ background:#000; color:#fca200; text-decoration:none;}

/* footer */
#footer{ text-align:center; }
#footer .info{width:974px; height:auto; background:transparent url(../images/def/footer-interno.jpg) top center no-repeat; margin:auto;}
.home #footer .info{background:transparent url(../images/def/footer-home.jpg) top center no-repeat; height:auto;}

/* colonne */
.colonna{ line-height:1.2em; padding:10px 0 0 0; text-align:left; width:260px; height:auto !important; height:180px; min-height:180px; background:transparent; float:left; display:inline; margin:2px 16px 16px 34px;}
.colonna h2{border-bottom:0; font:bold 204% "Trebuchet MS", Arial, Helvetica, sans-serif; height:50px; margin:0; text-indent:-9999px;}
.colonna h2.philosophy{background:transparent url(../images/def/titoli/philosophy.gif) top left no-repeat;}
.colonna h2.franchising{background:transparent url(../images/def/titoli/franchising.gif) top left no-repeat;}
.colonna a{color:#4f3324; text-decoration:none; }
.colonna a:hover{color:#4f3324; text-decoration:none; background:#ffa002; }
.colonna a:active{color:#666; text-decoration:none; }

/* newsletter*/
.home #newsletter{ padding:10px 0 0 0; line-height:1.2em; text-align:left; width:290px;  height:auto !important; height:180px; min-height:180px; background:transparent; float:left; display:inline; margin:2px 16px 16px 20px;}
#newsletter{ padding:10px 0 0 0; line-height:1.2em; text-align:left; width:290px;  height:auto !important; height:180px; min-height:180px; background:transparent; float:left; display:inline; margin:2px 16px 16px 40px;}
#newsletter fieldset{border:0;}
#newsletter label{display:block; height:auto; margin:0 0 8px 0; padding:48px 0 0 92px; font:108% "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:700; background:transparent url(../images/def/newsletter.gif) bottom left no-repeat;}
#newsletter form input{ margin:0 8px 0 0; width:78px; float:left; display:inline; font:108% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:4px; width:180px; border:1px solid #4f3324; background:transparent url(../images/def/bg-form.jpg) top left no-repeat;}
#newsletter form input.bottone{ margin:0; border:0; float:left; display:inline; cursor:pointer; color:#666; padding:0; width:72px; background:transparent;}
#newsletter form p.didascalia{ clear:both; padding:0; border:0;}
#newsletter form p.didascalia a{color:#4f3324; text-decoration:none; background:transparent; border-bottom:0; }
#newsletter form p.didascalia a:hover,#language a.selected{color:#5a2610; text-decoration:none; background:transparent; border-bottom:0;}
#newsletter form p.didascalia a:active{color:#000; text-decoration:none; background:transparent; border-bottom:0; }
#newsletter form p{ width:272px; float:left; }

/* pie di pagina */
#pie-di-pagina{ background:transparent url(../images/def/puntino.gif) 0 10px repeat-x; padding:22px 0 0 0;}
#pie-di-pagina p{ color:#efdba0; text-align:left; width:260px; height:auto !important; height:180px; min-height:180px; background:transparent; float:left; display:inline; margin:2px 32px 16px 12px;}
#pie-di-pagina p.mail{ color:#efdba0; text-align:left; width:200px; height:auto !important; height:180px; min-height:180px; background:transparent; float:left; display:inline; margin:2px 32px 16px 12px;}
#pie-di-pagina a{ color:#efdba0; text-decoration:underline; }
#pie-di-pagina a:hover{ color:#fff; text-decoration:none; }
#pie-di-pagina a:active{ color:#ae2203; text-decoration:none; }

/* menu di servizio */
.menu-di-servizio{ width:350px; text-align:right; margin:0 14px 0 0; padding:10px 12px 12px 0; float:right; background:transparent url(../images/def/servizio.gif) top left no-repeat; font-size:92%;}
.menu-di-servizio ul{ list-style:none;}
.menu-di-servizio li{ display:inline;}
#pie-di-pagina .menu-di-servizio li a{ padding:0 4px; text-transform:uppercase; color:#4f3324; text-decoration:none; font-weight:700;}
#pie-di-pagina .menu-di-servizio li a:hover{ text-decoration:underline; }
#pie-di-pagina .menu-di-servizio li a:active{ text-decoration:underline; color:#000; }
/* pulizia dei float */
.pulizia{ display:block; clear:both; height:10px; }
#skip-to-content{ display:none; }
#logo{ display:none; }
img.immagine-sezione{ position:absolute; top:109px; right:1px; }

/* menu principale */
#menu-principale{width:646px; height:32px; background:transparent; position:absolute; top:58px; right:0;}
#language{ width:120px; text-align:right; position:absolute; top:18px; right:20px;}
#language a{color:#efdba0; text-decoration:none; text-transform:uppercase;}
#language a:hover,#language a.selected{color:#fff; text-decoration:none; text-transform:uppercase;}
#language a:active{color:#000; text-decoration:none; text-transform:uppercase;}
#menu-principale ul{width:646px; height:32px; background:transparent; list-style:none; }
#menu-principale ul li{display:inline;}
#menu-principale ul li a{display:inline; float:left; width:100px; text-indent:-9999px; height:34px; outline:none; }
#menu-principale ul li a.history{background:transparent url(../images/def/menu.gif) 0 0 no-repeat; width:110px;}
#menu-principale ul li a.philosophy{background:transparent url(../images/def/menu.gif) -110px 0 no-repeat; width:155px;}
#menu-principale ul li a.location{background:transparent url(../images/def/menu.gif) -265px 0 no-repeat; width:135px;}
#menu-principale ul li a.franchising{background:transparent url(../images/def/menu.gif) -400px 0 no-repeat; width:175px;}
#menu-principale ul li a.job{background:transparent url(../images/def/menu.gif) -575px 0 no-repeat; width:70px;}

#menu-principale ul li a:hover.history{background:transparent url(../images/def/menu.gif) 0 -34px no-repeat; width:110px;}
#menu-principale ul li a:hover.philosophy{background:transparent url(../images/def/menu.gif) -110px -34px no-repeat; width:155px;}
#menu-principale ul li a:hover.location{background:transparent url(../images/def/menu.gif) -265px -34px no-repeat; width:135px;}
#menu-principale ul li a:hover.franchising{background:transparent url(../images/def/menu.gif) -400px -34px no-repeat; width:175px;}
#menu-principale ul li a:hover.job{background:transparent url(../images/def/menu.gif) -575px -34px no-repeat; width:70px;}

#menu-principale ul li.selected a.history{background:transparent url(../images/def/menu.gif) 0 -68px no-repeat; width:110px;}
#menu-principale ul li.selected a.philosophy{background:transparent url(../images/def/menu.gif) -110px -68px no-repeat; width:155px;}
#menu-principale ul li.selected a.location{background:transparent url(../images/def/menu.gif) -265px -68px no-repeat; width:135px;}
#menu-principale ul li.selected a.franchising{background:transparent url(../images/def/menu.gif) -400px -68px no-repeat; width:175px;}
#menu-principale ul li.selected a.job{background:transparent url(../images/def/menu.gif) -575px -68px no-repeat; width:70px;}

.imm-nascosta{display:none;}
a img{border:0;}

/* form */
fieldset{ border:0; }
fieldset fieldset{ padding:12px; border-top:1px solid #ccc; margin:24px 0 0 0; }
form p{ display:inline; position:relative; padding:8px 0; float:left; width:260px; height:auto !important; height:60px; min-height:60px; border-bottom:1px solid #f0f0f0; }
form label{display:block; padding:0 0 4px 0;}
form .nascita strong{display:block;}
form .nascita label{display:none;}
form span{position:absolute; top:34px; right:63px; width:20px; height:20px; text-indent:-9999px; display:block; background:transparent url(../img/error.gif) top left no-repeat; }
form span.ok{position:absolute; top:34px; right:60px; width:20px; height:20px; text-indent:-9999px; display:block; background:transparent url(../img/ok.gif) top left no-repeat; }
form p.invio{ padding:8px 0; display:block; float:left; width:540px; clear:both; height:auto !important; height:60px; min-height:60px; }
form input{border:2px solid #ccc; background:#fff; width:160px; font:108% "Times", verdana, arial; padding:4px; margin:0 6px 0 0;}
form textarea{border:2px solid #ccc; font:108% "Times", verdana, arial; padding:4px; margin:0 6px 6px 0; width:480px; height:120px;}
form select{border:2px solid #ccc; font:100% "Times", verdana, arial; padding:1px; margin:0 2px 0 0; }
form input.button{ margin:24px 0 0 0; border:4px solid #000; float:left; display:inline; cursor:pointer; color:#666; padding:12px; font-size:92%; text-transform:uppercase; width:160px; color:#fff; background:#321508;}
form input.invio-file{ width:40px; } 
form input#image1{ width:auto; } 
form input#image2{ width:auto; } 
form input.radio{margin:0 2px 0 24px; border:0; width:auto; padding:0;}
form p.testuale{ display:block; float:left; width:540px; clear:both; height:auto !important; height:60px; min-height:60px; }
form p.intro{ display:block; float:left; width:540px; clear:both; height:auto !important; height:60px; min-height:60px; padding-bottom:16px; }
form p.error input, form p.error select, form p.error textarea{ border:2px solid #ff9b00; } 
form .privacy span{position:absolute; top:46px; right:190px; width:20px; height:20px; text-indent:-9999px; display:block; background:transparent url(../img/error.gif) top left no-repeat; }
form .privacy span.ok{position:absolute; top:46px; right:190px; width:20px; height:20px; text-indent:-9999px; display:block; background:transparent url(../img/ok.gif) top left no-repeat; }
#newsletter p.error input{ border:1px solid #f00; } 
#newsletter span{position:absolute; top:74px; right:80px; width:20px; height:20px; text-indent:-9999px; display:block; background:transparent url(../img/error.gif) top left no-repeat; }
#newsletter span.ok{position:absolute; top:34px; right:60px; width:20px; height:20px; text-indent:-9999px; display:block; background:transparent url(../img/ok.gif) top left no-repeat; }


/* sottosezioni */
#sottosezioni{ width:290px; float:left; display:inline; padding:24px 12px 12px 12px; } 
#sottosezioni ul{ list-style:none; padding:0 0 32px 0; }
#sottosezioni li{ background:transparent url(../img/pallino.gif) bottom left repeat-x; padding:0 0 6px 0; }
#sottosezioni a{ text-decoration:none; color:#000; display:block; font-size:124%; padding:6px 12px 0 12px;   }
#sottosezioni a:hover{ text-decoration:underline; }
#sottosezioni .selected a{ text-decoration:none; font-weight:700; background:transparent url(../img/freccette.gif) center right no-repeat; color:#000; }
.box{padding:0; margin:12px 0 0 10px; text-align:left; width:270px; height:321px; }
#sottosezioni .box a{ text-decoration:none; color:#000; display:block; font-size:124%; padding:3px 4px 0 4px;   }
#sottosezioni .box strong{ display:block; padding:6px 12px; font-size:124%; font-weight:200; /*border-top:1px solid #fe9e00; */}
#sottosezioni .box strong a{ display:block; padding:0; font-size:100%; }

.messaggio , #errors .error{ padding:12px; font-weight:700; color:#fff; background: #4B2C29; margin:12px 0 0 0; }
.messaggio a{ color:#fff; text-decoration:underline; }
.messaggio a:hover{ color:#fff; text-decoration:underline; }
.messaggio a:active{ color:#ccc; text-decoration:none; }

#menu-secondario{ height:auto !important; height:120px; min-height:120px; }

.dettaglio .prodotti ul{ list-style:none; padding:18px 0 0 0; width:570px; }
.dettaglio .prodotti ul img{ float:left; margin:0 6px 2px 0; display:inline; }
.dettaglio .prodotti ul li a{ border-bottom:0; float:left; line-height:normal; display:inline; width:270px; padding:0 10px 0 0; text-decoration:none; font-size:84%; height:auto !important; height:170px; min-height:170px; color:#4f3324; }
.dettaglio .prodotti ul li a:hover{ background:transparent; text-decoration:underline; }
.dettaglio .prodotti ul li a:active{ color:#000; background:transparent; }
.dettaglio .prodotti ul li a span{ font-weight:700; font-size:116%; font-style:italic; display:block; padding:0 2px; }
.dettaglio .prodotti ul li{ display:inline; }

.dettaglio .partner ul{ list-style:none; padding:18px 0 0 0; width:570px; }
.dettaglio .partner ul img{ margin:0 6px 2px 0; border:1px solid #f0f0f0; display:block; }
.dettaglio .partner ul li a{ border-bottom:0; float:left; line-height:normal; display:inline; width:270px; padding:0 10px 0 0; text-decoration:none; font-size:84%; height:auto !important; height:170px; min-height:170px; color:#4f3324; }
.dettaglio .partner ul li a:hover{ background:transparent; text-decoration:underline; }
.dettaglio .partner ul li a:active{ color:#000; background:transparent; }
.dettaglio .partner ul li a span{ font-weight:700; font-size:92%; font-style:italic; display:block; padding:0 2px; }
.dettaglio .partner ul li{ display:inline; }

.photogallery{ width:420px; height:400px; display:inline; float:left; }
#dettaglio-locale .photogallery{ width:720px; height:390px; display:inline; float:left; margin:8px 0 0 84px; }
#dettaglio-prodotto .testo{ width:400px; margin:0 0 0 20px; height:380px; padding:0 0 0 20px; display:inline; float:left; }
#sottosezioni a.dettaglio-banner strong{ font-weight:200; font-size:84%; line-height:normal; width:210px; position:absolute; top:250px; left:10px; }
#dettaglio-locale .testoLocale{ display:none; width:400px; margin:0 0 0 20px; height:380px; padding:0 0 0 20px; display:none; float:left; font-size:92%; }

#sottosezioni a:hover.dettaglio-banner strong{ text-decoration:underline; }
#sottosezioni a:active.dettaglio-banner strong{ text-decoration:none; background:transparent; color:#000; }


.sitemap{ margin:0; padding:0; list-style:none; }
.sitemap li{ padding:4px 8px; border-bottom:1px solid #e9cc81; }

.dettaglio .sitemap a{color:#4f3324; text-decoration:none; background:transparent; border-bottom:0; }
.dettaglio .sitemap a:hover,#language a.selected{color:#5a2610; text-decoration:none; background:transparent; border-bottom:0;}
.dettaglio .sitemap a:active{color:#000; text-decoration:none; background:transparent; border-bottom:0; }


#logo{display:none;}

#map{ height:280px; border:2px solid #4F3327; margin:12px 0 0 0; }





