@font-face {font-family: 'HNR'; src: url('helveticaneue-webfont.eot'); src: url('helveticaneue-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-webfont.woff') format('woff'), url('helveticaneue-webfont.ttf') format('truetype'), url('helveticaneue-webfont.svg#HelveticaNeueRegular') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'HNB'; src: url('helveticaneue-bold-webfont.eot'); src: url('helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-bold-webfont.woff') format('woff'), url('helveticaneue-bold-webfont.ttf') format('truetype'), url('helveticaneue-bold-webfont.svg#HelveticaNeueBold') format('svg'); font-weight: bold; font-style: normal}
@font-face {font-family: 'HNL'; src: url('helveticaneue-light-webfont.eot'); src: url('helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-light-webfont.woff') format('woff'), url('helveticaneue-light-webfont.ttf') format('truetype'), url('helveticaneue-light-webfont.svg#HelveticaNeueLight') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'KautivaRegular'; src: url('/css/kautiva-webfont.eot'); src: url('/css/kautiva-webfont.eot?') format('embedded-opentype'), url('/css/kautiva-webfont.woff') format('woff'), url('/css/kautiva-webfont.ttf') format('truetype'), url('/css/kautiva-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'KautivaUniRegular'; src: url('/css/kautiva_uni-webfont.eot'); src: url('/css/kautiva_uni-webfont.eot?') format('embedded-opentype'), url('/css/kautiva_uni-webfont.woff') format('woff'), url('/css/kautiva_uni-webfont.ttf') format('truetype'), url('/css/kautiva_uni-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'AbelRegular'; src: url('/css/abel-regular-webfont.eot'); src: url('/css/abel-regular-webfont.eot?') format('embedded-opentype'), url('/css/abel-regular-webfont.woff') format('woff'), url('/css/abel-regular-webfont.ttf') format('truetype'), url('/css/abel-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PoliticaRegular'; src: url('/css/politica-webfont.eot'); src: url('/css/politica-webfont.eot?') format('embedded-opentype'), url('/css/politica-webfont.woff') format('woff'), url('/css/politica-webfont.ttf') format('truetype'), url('/css/politica-webfont.svg') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'LaPorteniadelaBocaRegular'; src: url('/css/la_portenia_de_la_boca-laportenia.eot'); src: url('/css/la_portenia_de_la_boca-laportenia.eot?') format('embedded-opentype'), url('/css/la_portenia_de_la_boca-laportenia.woff') format('woff'), url('/css/la_portenia_de_la_boca-laportenia.ttf') format('truetype'), url('/css/la_portenia_de_la_boca-laportenia.svg') format('svg'); font-weight: normal; font-style: normal}



body						{text-align: center; margin:0 auto; padding:0; background-image: url('struttura/background.jpg'); background-repeat: no-repeat; background-position: center top; font-family: HNR; font-size: 20px;}
*							{font-family: HNR}
div.cento					{width: 100%}
div.bandieretutto			{position: relative; text-align: center; margin: 0 auto; width: 1000px; height: 368px}
div.bandiere				{position: absolute; right:0px; top:0px; width: 302px; height: 25px; background-color: #383838; border-top: 1px solid #383838; border: 1px solid #ffffff;  border-radius: 0 0 5px 5px; -moz-border-radius:0 0 5px 0 ;  margin:0; padding:0; padding-top: 2px}
div.bandierebasso			{position: absolute; right:0px; top:25px; width: 302px; height: 9px; margin:0; padding:0}
div.prenota					{position: absolute; right:0; top:44px; width: 302px; height: 220px; background-color: #383838; border: 1px solid #ffffff; -moz-border-radius: 2px; border-radius:5px; }
div.prenota p				{margin:0; text-align: center; font-family: AbelRegular; font-size: 20pt; color: #ffffff; text-shadow: 0px 1px 0px #333333;}
div.prenota form			{background-position: center; background-image:url('struttura/form.png'); background-repeat:no-repeat; height: 160px; margin-top: 10px; }
div.meteowebcam				{position: absolute; right:0; top:275px; width: 302px; height: 93px; background-color: #FFFFFF; border: 1px solid #C0C0C0; margin:0; padding-top: 5px}
div.meteowebcam img			{border: 0}
div.logo					{position: absolute; top: 165px; left:0}
div.logo h1					{margin:0; padding:0;}
div.logo h1 img				{border: 0}

div.menualto				{height: 56px; float: left; margin:0; padding:15px 15px 0px 15px;}
div.menualto_sopra			{height: 41px; float: left; margin:0; padding:15px 15px 0px 15px; background-image: url(/struttura/menusopra.png); background-repeat: repeat-x;}
a.mio						{font-family: AbelRegular; font-size: 14pt; color: #ffffff; text-shadow: 0px 1px 0px #333333; font-weight: bold; padding:0; margin:0; text-decoration: none}
a.offlast					{font-family: AbelRegular; font-size: 12pt; color: #ffffff; text-shadow: 0px 1px 0px #333333; padding:0; margin:0; text-decoration: none}
a.offlast2					{font-family: AbelRegular; font-size: 12pt; color: #333333; text-shadow: 0px 1px 0px #ffffff; padding:0; margin:0; text-decoration: none}

.faceboxx{
background-image: url(/social1.png); background-repeat: no-repeat; width: 300px; height:300px; margin: 0 auto; }
.twittboxx{
background-image: url(/social2.png); background-repeat: no-repeat; width: 300px; height:300px; margin: 0 auto; }


.b							{font-variant: small-caps;}


div.menualtocontiene		{position: relative; margin: 0 auto; height: 56px; background-color: #333333; text-align: center;}
div.menuchiudesx			{position: absolute; top:0; left:0; height: 56px; width:8px}
div.sfondomenualto			{background-position: center top; position: absolute; top:0; left:0; height: 56px; width:100%; background-image:url('struttura/sfondo-menu-top.png'); background-repeat:repeat-x}
div.menuchiudedx			{position: absolute; top:0; right:0; height: 56px; width:8px}
div.mille					{position: relative; text-align: center; margin: 0 auto; width: 1000px}
table.tabella				{margin:0; width: 1000px; border-collapse:collapse}
td.colsx					{width: 200px; vertical-align: top}
td.centro					{width: 500px; vertical-align: top}
td.coldx					{width: 300px; vertical-align: top}
div.iscrizione				{width: 300px; height: 100px; background-color: #FFFFFF;border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ADADAD}

ul.menusxdue				{list-style: none; margin:5; padding:0}
li.menusxtre				{height: 25px; display: block; margin:0; margin-left: 5px; padding:0}
li.menusxtre a				{font-family: AbelRegular; font-size: 14pt; color: #000000; text-decoration: none; height: 25px; display: block}
li.menusxtre a:hover		{font-family: AbelRegular; font-size: 14pt; color: #000000; text-decoration: none; background-image: url(struttura/sfondo-menu-sx.jpg)}
.mini						{font-size: 8pt}

div.areariservata			{width: 301px; height: 41px; background-color: #FFFFFF; border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD; margin:0; padding:0}
div.areariservata p 		{text-aling: left; margin:0; padding:0; width: 270px; margin-left: 10px; margin-top: 5px; font-size: 11pt; font-family: HNR}
div.areariservata p a		{color: #000000; text-decoration: none}
div.areachiude				{width: 300px; height: 9px; background-color: #FFFFFF; margin:0}

div.sciare					{width: 300px; height: 150px; background-color: #FFFFFF;  border: 1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; margin:0; margin-bottom: 10px}
div.verdino					{background-image:url('struttura/sfondo-verde.jpg'); background-repeat:repeat-x; background-position: left top; height: 32px; margin-top: 3px}
div.verde					{background-image:url('struttura/sfondo-verde.jpg'); background-repeat:repeat-x; background-position: left top; height: 32px;  margin-top: 3px}

p.titolosx					{font-family: AbelRegular; font-size: 14pt; color: #ffffff; text-shadow: 0px 1px 0px #333333; font-weight: bold; padding-left: 10px; padding-top: 4px; margin:0;  }
p.titolofooter				{font-family: AbelRegular; font-size: 12pt; color: #ffffff; text-shadow: 0px 1px 0px #333333; font-weight: bold; padding-left: 10px; padding-top: 4px; margin:0;  }
/*div.sciaredue				{background-position: right bottom; width: 300px; height: 120px; background-image:url('struttura/sfondo-sci.png'); background-repeat:no-repeat; border-top: 1px solid #C0C0C0; padding-top: 10px; padding-left: 10px}*/
div.sciaredue				{width: 300px; height: 120px; border-top: 1px solid #ffffff}
div.sciaredue p				{margin:0; padding-top: 5px; padding-left: 10px; font-family: HNR; line-height: 20px}
div.sciaredue a				{color: #000000; text-decoration: none; font-size: 11pt;}
div.sciaredue a:hover		{color: #000000; text-decoration: none; background-color: #D4E2A5; font-size: 11pt}
div.sciaredue a:active		{color: #000000; text-decoration: none; font-size: 11pt}

div.posti					{position: relative; width: 300px; height: 160px; background-color: #FFFFFF;  border: 1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; margin:0}
div.postidue				{width: 135px; height: 120px; top: 35px; position: absolute; left:0; border-top: 1px solid #ffffff; padding-left: 5px; padding-top: 10px}
div.postitre				{width: 165px; height: 120px; top: 35px; position: absolute; left:150px; border-top: 1px solid #ffffff; padding-top: 10px}
div.postidue a				{color: #000000; text-decoration: none; font-size: 11pt; font-family: HNR}
div.postidue a:hover		{color: #000000; text-decoration: none; background-color: #B0DF53; font-size: 11pt}
div.postidue a:active		{color: #000000; text-decoration: none; font-size: 11pt}
div.postitre a				{color: #000000; text-decoration: none; font-size: 11pt; font-family: HNR}
div.postitre a:hover		{color: #000000; text-decoration: none; background-color: #B0DF53; font-size: 11pt}
div.postitre a:active		{color: #000000; text-decoration: none; font-size: 11pt}

td.mappina					{width: 700px}
td.facebook					{background-image: url('struttura/footer1-sfondo.jpg'); background-repeat: repeat-y; background-position: center top}
td.share					{background-image: url('struttura/footer2-sfondo.jpg'); background-repeat: repeat-y; background-position: center top}
td.share p					{margin-left: 15px; font-family: AbelRegular; font-size: 11pt; color: #333333;}
td.contacts					{background-image: url('struttura/footer2-sfondo.jpg'); background-repeat: repeat-y; background-position: center top}
td.contacts p				{margin-left: 15px; font-family: AbelRegular; font-size: 11pt; color: #333333;}
td.contacts p a				{color: #000000; text-decoration: none; font-size: 10pt; color: #333333;}
td.contacts p a:hover		{color: #000000; text-decoration: none; background-color: #FF6440; font-size: 10pt; color: #333333;}
td.contacts p a:active		{color: #000000; text-decoration: none; font-size: 10pt}
u.titolostruttura			{background-color: #6ec0e2; padding: 8px; font-family: AbelRegular; font-size: 16pt; color: #333333; text-shadow: 0px 1px 0px #ffffff; text-decoration: none; }
u.titoloofferte				{font-family: AbelRegular; font-size: 14pt; color: #ffffff; text-shadow: 0px 1px 0px #333333; text-decoration: none; }
u.dataofferte				{font-family: AbelRegular; font-size: 14pt; color: #333333; text-decoration: none; }
p.testofferte				{font-family: AbelRegular; font-size: 12pt; color: #333333; text-align: justify;}

div.sfondobasso				{position: relative; background-position: left top; width: 100%; background-image:url('struttura/sfondo-basso.jpg'); background-repeat:repeat-x}
div.bassocinquecentro		{position: relative; text-align: center; margin: 0 auto; width: 1000px; background-image: url('struttura/BACK-FOOTER.png'); background-position:  center top; ; background-repeat:no-repeat; height: 500px}
div.bassocinquecentro p		{text-align: right; margin-right: 10px; font-family: AbelRegular; font-size: 12pt; color: #000000}
div.bassocinquecentro p a	{text-decoration: none; color: #000000}

div.footeruno				{position: absolute; top: 60px; left: 40px; height: 100px; width: 200px}
div.footerdue				{position: absolute; top: 60px; left: 280px; height: 100px; width: 200px}
div.footertre				{position: absolute; top: 60px; left: 520px; height: 100px; width: 200px}
div.footerquattro			{position: absolute; top: 60px; left: 760px; height: 100px; width: 200px}
div.footercinque			{position: absolute; top: 200px; left: 40px; height: 100px; width: 200px}
div.contatori				{position: absolute; top: 200px; right: 60px; height: 100px; width: 200px}

ul.listafooter				{text-align: left; margin:0; list-style: none; color: #FFFFFF; font-family: AbelRegular; font-size: 12pt; color: #ffffff; text-shadow: 0px 1px 0px #333333; font-weight: bold;}
ul.listafooter li			{font-weight: bold}
ul.listafooter li a			{color: #FFFFFF; text-decoration: none; font-weight: normal}
ul.listafooter li a:hover	{color: #FFFFFF; text-decoration: none; background-color: #B2E0EC; font-weight: normal}
ul.listafooter li a:active	{color: #FFFFFF; text-decoration: none; font-weight: normal}


/* LISTA */
.centrostr			{width: 475px; height: 260px; background-color: #70C1D2;  border: 1px solid #ffffff; margin:0; margin-top: 10px; margin-bottom: 10px; margin-left: 10px}
div.centrostr h1		{height: 40px; margin:0; padding:0; margin-left: 10px; font-size: 14pt; padding-top: 8px; font-family: HNR; font-weight: normal; color: #333333}
#map					{width: 480px; height: 220px; border-top: 1px solid #ffffff}
div.centroqta			{position: relative; width: 480px; height: 37px; background-color: #FFFFFF;  border: 1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; margin:0; margin-bottom: 10px; margin-left: 10px}
div.centroqtauno		{position: absolute; width: 40px; height: 37px; top:0; left:0}
div.centroqtauno p		{font-size: 12pt; padding-top: 8px; text-align: center; margin:0}
div.centroqtadue		{position: absolute; width: 80px; height: 37px; top:0; left:40px}
div.centroqtadue p		{font-size: 12pt; padding-top: 5px; text-align: center; font-weight: bold; margin:0; font-family: NHR}
div.centroqtatre		{background-position: left top; position: absolute; width: 37px; height: 37px; top:0; left:120px; background-image:url('struttura/quadratorosso.jpg'); background-repeat:no-repeat}
div.centroqtatre p		{font-size: 12pt; padding-top: 5px; text-align: center; color: #FFFFFF; font-weight: bold; margin:0; font-family: NHR}
div.centroqtaqua		{position: absolute; width: 100px; height: 37px; top:0; left:170px}
div.centroqtaqua p		{font-size: 12pt; padding-top: 5px; font-weight: bold; margin:0; font-family: NHR}
div.centroqtacin		{position: absolute; width: 120px; height: 37px; right:50px; top:0}
div.centroqtacin p		{font-size: 12pt; padding-top: 8px; margin:0; font-family: NHR}
div.struttura			{width: 480px; height: 150px; background-color: #FFFFFF;  border: 1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; margin:0; margin-bottom: 10px; margin-left: 10px}
table.bolla				{width: 480px; border-collapse:collapse}
td.bollatitolo			{height: 30px; border-bottom: 1px solid #ffffff}
td.bollatesto			{height: 90px; width: 320px; vertical-align: top}
td.bollatesto p			{margin:5px; color: #333333; font-size: 10pt}
.bollatestopiccolo		{margin:5px; color: #333333; font-size: 8pt}
td.bollaimg				{height: 120px; width: 160px}
td.bollalinkuno			{width: 90px; height:30px}
td.bollalinkdue			{width: 250px; height:30px; font-weight: bold}
td.bollalinkdue	p		{text-align: right; font-size: 9pt}


div.bollatitolouno		{position: relative; height: 30px; width: 480px}
div.bollatitolodue		{position: absolute; height: 30px; top: 0; left:0; width:500px}
div.bollatitolodue p	{margin:0; margin-left: 5px; text-transform: capitalize}
div.bollatitolodue a	{text-decoration: none; color: #000000; text-transform: capitalize}
div.bollatitolotre		{position: absolute; height: 30px; top: 0; left:300px; width: 60px}
div.bollatitoloqua		{position: absolute; height: 30px; top: 0; right:80px; width: 35px}
div.bollatitolocin		{background-position: center; position: absolute; height: 30px; top: 0; right:45px; width: 35px; background-image:url('struttura/last.png'); background-repeat:no-repeat}
div.bollatitolocin p	{color: #FFFFFF; font-weight: bold; text-align: center; font-size: 12pt; padding-top: 3px; margin:0}
div.bollatitolosei		{background-position: center top; position: absolute; height: 30px; top: 0; right:10px; width: 35px; background-image:url('struttura/offerte.png'); background-repeat:no-repeat}
div.bollatitolosei p	{color: #FFFFFF; font-weight: bold; text-align: center; font-size: 12pt; padding-top: 3px; margin:0}

div.corpocentropagina	{width: 480px; background-color: #FFFFFF;  border: 1px solid #ffffff;  border-radius: 5px; -moz-border-radius: 5px; margin:0; margin-top: 10px; margin-bottom: 10px; margin-left: 10px}
div.corpocentropaginauno	{width: 480px; height: 30px; border-bottom: 1px solid #C0C0C0}
div.corpocentropaginauno h1 {height: 40px; margin:0; padding:0; margin-left: 10px; font-size: 12pt; padding-top: 8px}
.testo						{text-align: justify; font-size: 10pt; margin:0; padding:0; padding: 10px; font-family: HNR; font-weight: normal}
.testo a					{text-decoration: none; color: #336699}
.testo a:hover				{text-decoration: none; color: #000000}
.testo a:active				{text-decoration: none; color: #336699}
.testosmall					{text-align: justify; font-size: 8pt; height: 40px; margin:0; padding:0; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-family: arial}
h2.testo					{text-align: justify; font-size: 10pt; height: 40px; margin:0; padding:0; padding: 10px; font-family: HNR}