/* CSS Document */

/* ---------------------------------------- tags html */

BODY { background-color:#CCCCCC; font-family: "Roboto Condensed", Roboto, sans-serif; font-weight: 400; color:#646464; font-size:17px; padding:0px; margin:0px; }

H1, H2, H3, H4, H5, H6, P, A, IMG, B, U, I, FORM, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, FOOTER, HEADER, MENU, NAV, AUDIO, VIDEO 
{ font-size:1em; padding:0px; margin:0px; border: 0; }
TABLE { border-collapse: collapse; border-spacing: 0; }

IMG { vertical-align:middle; }
INPUT[type=image] { vertical-align:middle; }

/* Centra il sito */
FORM > TABLE { margin-left:auto; margin-right:auto; }
FORM > DIV { margin-left:auto; margin-right:auto; text-align: center; }

BODY A { text-decoration:none; color: #BB4D12; }
BODY A:HOVER { color: #000000; }
BODY A IMG { border:none; }

BODY H1, BODY H2, BODY B { }
BODY H1 { font-size: 32px; text-align: center; }
BODY H1.home { padding-top: 30px; display: inline-block; margin: 20px auto 44px !important; }
BODY H2 { }
BODY H3 { }

.invisibile { display:none; }
.centered { text-align: center; }
.torna { float: right; }

#loading 
{ 
    position: fixed; left: 0%; height:100%; width: 100%; text-align: center; line-height: 0;
    background-color:White; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
}
#loadingLink { display:block; margin:30% auto 0 auto; padding:0; width:32px; height:32px; text-indent:-9999px; }

/* ---------------------------------------- Master */

#Header { text-align:center; height: 110px; position: relative; z-index: 9999; background-color: rgba(0, 0, 0, 0.6); width: 100%; min-width: 1280px; }
#HeaderCentro { text-align: center; margin: 0px auto; width: 1280px; }
#Marchio { width: 845px; height: 79px; display: inline-block; }
#Marchio IMG { margin: 10px 0px 0px 290px; }
#Menu { margin-top: 3px; }
#Menu TABLE.menu { width: 1040px; margin: 0px auto; }
#Menu DIV.voceMenu { text-transform: uppercase; color: #BB4D12; text-align: center; }
#Menu DIV.voceMenu SPAN { background-color: #000000; padding: 5px 10px; }
#Menu A { color: #FFFFFF; background-color: transparent; padding: 5px 10px; }
#Menu A:HOVER { color: #BB4D12; background-color: #000000; }
#Lingue { font-size: 14px; text-align: right; color: #BB4D12; text-transform: uppercase; vertical-align: top; padding: 10px 85px 0 50px; width: 140px; display: inline-block; }
#Lingue SPAN.dlLingueItem { margin-left: 20px; }
#Lingue A { color: #FFFFFF; }
#Lingue A:HOVER { color: #BB4D12; }

#Testata { margin: 0 auto; text-align: center; width: 100%; min-width: 1280px; }
#Testata .sfondo { overflow: hidden; height: 656px; margin: -110px auto 0px; }
#Testata .slideshow { overflow: hidden; margin: 0px auto; }
#Testata .slideshow > DIV { background-position: center top; background-repeat: no-repeat; height: 656px; width: 100%; }

#nav { text-align: center; margin: 10px 0px -33px; position: relative; z-index: 5; }
#nav A { background-color: #BB4D12; text-decoration: none; display: inline-block; padding: 5px; width: 0px; height: 0px; margin: 0px 5px; border-radius: 5px; }
#nav A:HOVER { background-color: #CCCCCC; }
#nav A.activeSlide { background-color: #CCCCCC; cursor: default; }
#nav A:FOCUS { outline: none; }

#Testata .testata { margin-top: -110px; overflow: hidden; height: 656px; background-position: center top; background-repeat: no-repeat; }
#Testata .testata-sezione { width: 1000px; margin: -322px auto 0px; text-align: center; }
#Testata .testata-sezione TD { width: 50%; }
#Testata .testata-sezione IMG { }
#Testata .testata-sezione DIV { background-color: rgba(217, 93, 25, 0.6); color: #FFFFFF; font-size: 27px; height: 122px; line-height: 80px; padding: 100px 20px; position: relative; text-align: center; }

#Testata .intestazione-default { background-image: url(../immagini/testate/default.jpg); }
#Testata .intestazione-albergo { background-image: url(../immagini/testate/albergo.jpg); }
#Testata .intestazione-ristorante { background-image: url(../immagini/testate/ristorante.jpg); }
#Testata .intestazione-servizi { background-image: url(../immagini/testate/servizi.jpg); }
#Testata .intesazione-il-centro { background-image: url(../immagini/testate/il-centro.jpg); }
#Testata .intestazione-zoncolan { background-image: url(../immagini/testate/zoncolan.jpg); }
#Testata .intestazione-chalet { background-image: url(../immagini/testate/chalet.jpg); }
#Testata .intestazione-contatti { background-image: url(../immagini/testate/contatti.jpg); }

#Mappa { width: 1000px; margin: 0px auto; }

#Corpo { text-align:left; padding: 0px 140px; width: 1000px; background-color: #CCCCCC; }
#Corpo > DIV { background-color: #FFFFFF; }
#Corpo H1 { color: #BB4D12; text-transform: uppercase; margin: 20px 0px 0px; }

#Footer { padding: 26px 40px 50px; font-size: 18px; border-top: 1px solid #CCCCCC; }
#Footer DIV.left { float: left; }
#Footer DIV.right { float: right; }

#Informativa { padding: 25px 40px 25px; min-height: 60px; background-color: #BB4D12; text-align: center; font-size: 20px; }
table.informativa { width:100%; }
#Informativa A { color: #FFFFFF; }
#Informativa A:HOVER { color: #CCCCCC; }
#Informativa DIV.left { float: left; padding-top: 10px; }
#Informativa DIV.left a { display:inline-block; margin-right:20px; }
#Informativa DIV.left a:last-child { margin-right: 0; }
#Informativa DIV.right { float: right; padding-top: 10px; }
td.informativaSocial { width:50%; text-align:left;  }
#Informativa #Social { display: inline-block; }
#Informativa #Social A { margin: 0px 10px; width: 33px; height: 32px; overflow: hidden; background-repeat: no-repeat; background-position: 0px 0px; display: inline-block; }
#Informativa #Social A:HOVER { background-position: 0px -32px; }
#Informativa #Social .facebook { background-image: url(../immagini/Facebook.png); }
#Informativa #Social .youtube { background-image: url(../immagini/YouTube.png); }
#Informativa #Social .pinterest { background-image: url(../immagini/Pinterest.png); }

/* ---------------------------------------- Home */

TABLE.hotel-ristorante-ilcentro { }
TABLE.hotel-ristorante-ilcentro TD { vertical-align: top; }
TABLE.hotel-ristorante-ilcentro DIV.albergo, TABLE.hotel-ristorante-ilcentro DIV.ristorante, TABLE.hotel-ristorante-ilcentro DIV.il-centro { display: inline-block; margin: 0px 0px 0px 40px; cursor: pointer; vertical-align: top; }
TABLE.hotel-ristorante-ilcentro DIV IMG { margin-bottom: 40px; }
TABLE.hotel-ristorante-ilcentro DIV SPAN { display: block; text-align: center; }
TABLE.hotel-ristorante-ilcentro DIV IMG.titolo { margin-bottom: 22px; display: block; }
TABLE.hotel-ristorante-ilcentro DIV SPAN.separatore { width: 92px; border-top: 3px solid #BB4D12; margin: 0px auto; padding-bottom: 18px; }
TABLE.hotel-ristorante-ilcentro DIV DIV.descrizione { padding: 0px; text-align: center; width: 250px; margin: 0px auto 18px; line-height: 20px; font-weight: 300; }

DIV.immagini-centrali { position: relative; margin-top: 50px; }
A.siamo-qui { }
A.zoncolan { }
A.zoncolan-centro { position: absolute; top: 158px; left: 413px; }

.dlIlCentro { width: 100%; }
.dlIlCentro A { width: 250px; height: 167px; position: relative; display: inline-block; vertical-align: top; }
.dlIlCentro A IMG { width: 250px; height: 167px; position: absolute; top: 0px; left: 0px; }
.dlIlCentro A SPAN { font-weight: 700; display: none; width: 200px; height: 117px; line-height: 30px; padding: 50px 25px 0px; position: absolute; top: 0px; left: 0px; background-color: rgba(217, 93, 25, 0.6); color: #FFFFFF; text-align: center; }
.dlIlCentro A:HOVER { }
.dlIlCentro A:HOVER IMG { }
.dlIlCentro A:HOVER SPAN { display: block; }
DIV.mappa { position: relative; }
DIV.mappa DIV.elenco { position: absolute; top: 40px; }
DIV.mappa DIV.elenco UL { margin: 0 0 20px 80px; padding-left: 6px; font-size: 14px; list-style-type: square; list-style-position: inside; color: #FFFFFF; }
DIV.mappa DIV.elenco UL LI { margin-bottom: 20px; }
DIV.mappa DIV.elenco UL LI A { color: #FFFFFF; }
DIV.mappa DIV.elenco UL LI A:HOVER { color: #BB4D12; }

.descrizione { font-family: Roboto Condensed; font-size: 17px; padding: 44px 100px 40px; line-height: 25px; }
.descrizione-home { font-family: Roboto; font-size: 18px; }
.sezione { border-bottom: 1px solid #BB4D12; font-size: 20px; color: #AAAAAA; padding: 20px 30px 10px; margin: 0px 10px; text-transform: uppercase; }
.sezione A { }
.sezione A:HOVER { color: #CCCCCC; }

.contenutoAllegato { font-size: 14px; text-transform: uppercase; text-align: center; }
.contenutoAllegato A { display: inline-block; text-align: center; margin: 0px 125px; width: 222px; height: 46px; background-image: url('../immagini/pulsante.jpg'); background-position: center 0px; line-height: 36px; font-weight: 700; }
.contenutoAllegato A:HOVER { background-position: center -46px; color: #BB4D12; }

.dlElenco { width: 100%; margin: 0px 100px; }
.dlElenco A { display: inline-block; margin-bottom: 20px; }

.allegato { font-size: 14px; text-transform: uppercase; text-align: center; margin-bottom: 40px; }
.allegato A { display: inline-block; text-align: center; margin: 0px 125px; width: 222px; height: 46px; background-image: url('../immagini/pulsante.jpg'); background-position: center 0px; line-height: 36px; font-weight: 700; }
.allegato A:HOVER { background-position: center -46px; color: #BB4D12; }
IMG.servizio, IMG.centro { margin: 25px auto 0px; display: block; text-align: center; }

.dlPhotogallery { margin-top: 50px; }

.centro, .servizio { margin-bottom: 80px; }

.notizia { padding: 50px 100px 15px; text-align: center; }
.notizia H2 { margin-bottom: 15px; }
.notizia .separatore { border-bottom: 1px solid #CCCCCC; padding-top: 20px; }
.notizia .allegato { margin: 20px 0px 0px; }

/* ---------------------------------------- Googlemap */

DIV.googlemap { width:996px; height:640px; overflow:hidden; margin-top: -322px; border: 2px solid #FFFFFF; }
DIV.indirizzoGooglemaps { font-size:10px; line-height:14px; width:200px; height:100px; }

/* ---------------------------------------- Contatti */

TABLE.contatti_esterna { width: 800px; margin: 0px auto 50px; }
TD.contatti_esterna_sx { vertical-align:top; }
TD.contatti_esterna_dx { vertical-align:top; padding-left:34px; }

TABLE.contatti { }
TABLE.contatti TD.sx DIV { width:160px; height:15px; background-color:#CCCCCC; color:Black; margin-bottom:5px; padding:3px; }

P.contatti_istruzioni { margin-bottom:10px; }

DIV.area_richiesta { }
DIV.contatti_fine { padding-bottom:10px; font-size: 15px; }

.contattiTextBox, .contattiDdl, .contattiTextArea { border:solid 1px #CCCCCC; font-size:11px; }
.contattiTextBox { width:375px; height:17px; margin:0px 0px 5px -1px; text-indent:1px; }
.contattiDdl { width:100%; height:21px; margin:0px 0px 5px -1px; }
.contattiTextArea { width:385px; height:150px; margin-top:0px; margin-bottom:15px; }

.contenitore-pulsante-front { margin-top: 20px; text-align: right; }
.contenitore-pulsante-front A.pulsante-front { border: 1px solid #CCCCCC; background-color: #FFFFFF; color: #BB4D12; padding: 5px 20px; }
.contenitore-pulsante-front A.pulsante-front:HOVER { border: 1px solid #CCCCCC; background-color: #BB4D12; color: #FFFFFF; padding: 5px 20px; }

.pannelloErrori
{ 
    margin:15px 0px 15px 0px; padding: 10px; border: solid 1px #FE0000; background-color:#EEEEEE; 
    width:400px; font-size:12px; line-height:20px; color:#000000;
}

/* ---------------------------------------- Credits */

TABLE.credits TD { padding-bottom:20px; }
TD.creditsSx { padding-right:25px; }