body				{text-align: center; margin:0 auto; background-image: url('struttura/sfondo.png'); font-family: 'HNL', Arial}
a					{outline: none; text-decoration: none; color: #336699}
a:hover				{outline: none; text-decoration: underline; color: #FFA500}
a:active			{outline: none; text-decoration: none; color: #336699}
img					{border: 0}

div.linkalti			{text-align: center; margin: 0 auto; width: 100%; height: 23px; background-color: #0E5462}
div.linkaltidue			{text-align: center; margin: 0 auto; width: 1000px; height: 23px; position: relative}
.linkalti				{text-align: left; color: #FFFFFF; font-size: 8pt; padding: 3px 0 0 10px; margin:0}
.linkalti a				{color: #FFFFFF; text-shadow: 1px 1px #333333; text-decoration: none}
.linkalti a:hover		{color: #FFA400; text-shadow: 1px 1px #333333; text-decoration: none}
.linkalti a:active		{color: #FFFFFF; text-shadow: 1px 1px #333333; text-decoration: none}
div.iscrizione			{position: absolute; width: 100px; height: 23px; top:0; right:250px}
div.utenti				{position: absolute; width: 150px; height: 23px; top:0; right:100px}
div.assistenza			{position: absolute; width: 100px; height: 23px; top:0; right:0}
div.province			{text-align: center; margin: 0 auto; width: 100%; height: 44px; background-image: url('struttura/sfondo-province.png')}
div.provdue				{text-align: center; margin: 0 auto; width: 1000px; height: 44px; position: relative; background-color: #40BEDA}
div.provdue ul			{list-style: none; margin:0; padding:0}
li.province				{float: left; background-image: url('struttura/divisore-menu.png'); background-repeat: no-repeat; background-position: center right}
li.provincesu			{float: left; background-color: #A0DFED; background-image: url('struttura/divisore-menu.png'); background-repeat: no-repeat; background-position: center right}
div.provdue ul a			{display: block; color: #FFFFFF; text-decoration: none; padding: 12px 16px 13px 16px; }
div.provdue ul a:hover		{display: block; color: #555555; text-decoration: none; padding: 12px 16px 13px 16px; }
div.provdue ul a:active		{display: block; color: #FFFFFF; text-decoration: none; padding: 12px 16px 13px 16px; }

div.alto			{text-align: center; margin: 0 auto; width: 100%; height: 360px}
div.altodue			{text-align: center; margin: 0 auto; width: 1000px; height: 360px; position: relative}
div.logoalto		{position: absolute; width:405px; height:93px; left:0; z-index: 5; top: 13px; z-index: 1}
div.accauno			{position: absolute; width:405px; height:64px; rigbht:0; z-index: 5; top: 25px; left:594px}
div.bandiere		{position: absolute; width: 169px; height: 20px; left:5px; top:0px; z-index: 10000}
div.accauno h1		{font-size: 20pt; color: #333333; margin:0; padding:0; text-align:right; text-transform: capitalize}
div.accauno p		{color: #333333; margin:0; padding:0; text-align:right; font-size: 9pt}
div.bookingsx		{position: absolute; width: 398px; height: 270px; left:0; bottom:0; background-color: #FFA500; border: 1px solid #FFA500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
div.ducati			{position: absolute; width: 597px; height: 225px; right:0px; top: 90px; background-color: #FFFFFF; border: 1px solid #FFFFFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px}
div.ducatidue		{position: absolute; width: 121px; height: 203px; left:0px; top: 18px}
div.ducatidue p		{font-size:8pt; text-align: left; margin: 5px 0 0 5px; color: #6F6F6F}
div.ducatidue a		{color: #6F6F6F; text-decoration: none}
div.ducatidue a:hover		{color: #333333; text-decoration: none}
div.ducatidue a:active		{color: #6F6F6F; text-decoration: none}

div.ducatitre		{position: absolute; width: 121px; height: 203px; left:121px; top: 18px}
div.ducatitre p		{font-size:8pt; text-align: left; margin: 5px 0 0 5px; color: #6F6F6F}
div.ducatitre a		{color: #6F6F6F; text-decoration: none}
div.ducatitre a:hover		{color: #333333; text-decoration: none}
div.ducatitre a:active		{color: #6F6F6F; text-decoration: none}

div.ducatiqua		{position: absolute; width: 125px; height: 203px; left:244px; top: 18px}
div.ducatiqua p		{font-size:8pt; text-align: left; margin: 5px 0 0 5px; color: #6F6F6F}
div.ducatiqua a		{color: #6F6F6F; text-decoration: none}
div.ducatiqua a:hover		{color: #333333; text-decoration: none}
div.ducatiqua a:active		{color: #6F6F6F; text-decoration: none}

div.areeturistiche	{position: absolute; width: 151px; height: 27px; top: 87px; right: 435px; background-image: url('struttura/aree-turistiche.png')}
div.areeturistiche p {margin:5px; 0; color: #FFFFFF; font-size:10pt; text-shadow: 1px 1px #333333}

div.seinovenove		{width: 699px; position: relative}
h1.listaaccauno		{color: #333333; font-size: 20pt; text-align: left; margin:10px 0 0 10px; text-transform: capitalize}
div.lista			{width:678px; height:32px; background-color: #FFFFFF; border: 1px solid #C0C0C0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0 5px 0; position: relative}
div.listasu			{width:678px; height:32px; background-color: #C3EAF3; border: 1px solid #C0C0C0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0 5px 0; position: relative}
div.listaicona		{width: 30px; height: 32px; position: absolute; left:0; top:2px}
div.listalink		{width: 250px; height: 32px; position: absolute; left:30px; top:0; text-align: left; padding-top: 5px}
div.listalink a		{font-size: 10pt; color: #333333; text-decoration: none}
div.listanr			{width: 30px; height: 28px; position: absolute; left:280px; top:0; background-color: #FFA801; text-align: center; padding-top: 5px; font-size: 11pt; color: #FFFFFF; font-weight: bold}
div.listatxt		{width: 350px; height: 32px; position: absolute; left:335px; top:0; text-align: left; padding-top: 7px; font-size: 10pt; color: #168CA4; font-weight: bold}
div.listanrg		{width: 30px; height: 28px; position: absolute; left:280px; top:0; background-color: #C0C0C0; text-align: center; padding-top: 5px; font-size: 11pt; color: #333333; font-weight: bold}
div.listatxtg		{width: 350px; height: 32px; position: absolute; left:335px; top:0; text-align: left; padding-top: 7px; font-size: 10pt; color: #333333; font-weight: bold}

div.listastr		{width:678px; position: relative; height: 60px; margin: 5px 0 5px 0; position: relative}
div.listaimg		{position: absolute; left:8px; top:0; width: 60px; height: 60px}
div.listaimg img	{border: 1px solid #C0C0C0}
div.listates		{position: absolute; left:75px; top:0; width: 525px; height: 60px; background-color: #FFFFFF; border: 1px solid #C0C0C0; font-weight: normal}
div.listates p		{margin: 5px; text-align: left; font-size: 12pt; color: #168CA4}
div.listates a		{color: #168CA4; text-decoration: none}
div.listates a:hover	{color: #333333; text-decoration: none}
div.listates a:active	{color: #168CA4; text-decoration: none}
div.listates span	{font-size: 10pt; color: #333333}
div.listaoff		{position: absolute; left:600; top:0; width: 78px; height: 24px}
div.listaann		{position: absolute; left:605; top:26px; width: 68px; height: 34px; background-color: #FFFFFF; border: 1px solid #C0C0C0}
div.listaann p		{text-align: right; font-size: 8pt; color: #333333; margin: 0 5px 0 5px}


div.banneraltodx	{position: absolute; width: 228px; height: 220px; left:371px; top: 0px; border-left: 1px dotted #A9BDC1}
div.ricercaalto		{position: absolute; width: 597px; height:  45px; right:0px; top:315px; background-color: #E6F7FB; border: 1px solid #E6F7FB; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: 484848}
form.formalto		{margin:0; padding:0}
form.formalto p		{margin:0; padding:0; font-size: 24pt}
div.formauno		{position: absolute; left:12px; top:2px}
div.formbuno		{position: absolute; left:271px; top:8px}
div.formcuno		{position: absolute; left:539px; top:8px}
#tagsbis			{width: 234px; height: 30px; border: 1px solid #C0C0C0; margin:0; padding:0; font-size: 16pt; color: #00BCD9}

div.contenitore			{text-align: center; margin: 0 auto; width: 100%}
div.contenuto			{text-align: center; margin: 0 auto; width: 1000px; position: relative}

div.navigazione			{text-align: center; margin:0 auto; width: 100%; height: 45px}
div.navi				{text-align: center; margin:3px auto; width: 1000px; height: 32px; background-color: #FFFFFF; margin: 6px 0 6px 0 auto; border: 1px solid #C0C0C0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative}
div.navisx				{position: absolute; left:10px; width: 700px}
div.navisx p			{text-align: left; color: #333333; font-size: 14pt; margin: 3px 0}
div.navisx p a			{color: #333333; text-decoration: none; text-transform: capitalize}
div.navisx p a:hover	{color: #000000; text-decoration: none; text-transform: capitalize}
div.navisx p a:active	{color: #333333; text-decoration: none; text-transform: capitalize}
div.navidx				{position: absolute; right:10px; width: 200px}

div.sinistra			{width: 300px; float: left}
div.vacanzeintoscana	{width: 300px; height: 37px}
div.vacanzeintoscana h2 {margin:4px 0 0 10px; padding:0; color:#555555; font-size: 20pt; text-align: left}
div.menusxalto			{width: 298px; border: 1px solid #C0C0C0; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF}
div.menu			{margin: 0; padding:2px 0 2px 10px; height: 22px; font-size: 10pt; text-align: left}
div.menu a			{color: #555555; text-decoration: none}
div.menu_su			{margin: 0; padding:2px 0 2px 10px; height: 22px; font-size: 10pt; text-align: left; background-color: #C3EAF3}
div.menu_su a		{color: #000000; text-decoration: none}

div.newsletter			{margin-top: 5px; margin-bottom: 5px; width: 298px; height: 43px; border: 1px solid #C0C0C0; padding: 20px 0 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFA701}
form.newsletter			{margin:0; padding:0}
div.bannersx			{width: 300px; /*height: 99px*/}
div.utility				{width: 300px; height: 37px}
div.utility h2			{margin:18px 0 0 10px; padding:0; color:#555555; font-size: 20pt; text-align: left}
div.utilitycontenitore	{width: 298px; border: 1px solid #C0C0C0; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF}
div.destra				{width: 699px; float: right}
div.socialalto			{position: absolute; right:0; width: 299px; height: 37px}
div.socialalto p		{margin: 7px 10px 0 0; text-align: right}
div.bannergrande		{width: 699px; height: 85px}
div.bannergrande p		{margin:0; text-align: center}
#offerte				{background-color: #FFFFFF; border: 1px solid #C0C0C0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 5px 0}
div.offertauno			{height: 25px; width: 100%; position: relative; margin:0; padding:0}
div.offertadue			{position: absolute; width: 82px; height: 19px; background-color: #FFA701; left: 10px; top:3px}
div.offertadue p		{color: #FFFFFF; font-size: 9pt; margin:0; text-align: center}
div.offertatre			{position: absolute; width: 440px; height: 19px; background-color: #FFFFFF; left: 98px; top:3px}
div.offertatre p		{color: #333333; font-size: 9pt; margin:0; text-align: left}
div.offertaqua			{position: absolute; width: 50px; height: 23px; background-color: #FFFFFF; right: 20px; top:1px}

#offertealto			{position: absolute; left:0; height: 212px; background-color: #FFFFFF; border: 1px solid #C0C0C0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 0; width: 362px}
div.offertaunoa			{height: 25px; width: 100%; position: relative; margin:0; padding:0}
div.offertaduea			{position: absolute; width: 32px; height: 18px; background-color: #FFA701; left: 5px; top:3px}
div.offertaduea p		{color: #FFFFFF; font-size: 8pt; margin:0; text-align: center}
div.offertatrea			{position: absolute; width: 240px; height: 18px; background-color: #FFFFFF; left: 40px; top:1px}
div.offertatrea p		{color: #333333; font-size: 7pt; margin:0; text-align: left}
div.offertaquaa			{position: absolute; width: 50px; height: 23px; background-color: #FFFFFF; left: 300px; top:1px}

#eventi					{background-color: #FFFFFF; border: 1px solid #C0C0C0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 5px 0}
div.iscrizionecentro	{width: 699px; height: 45px; padding: 5px 0 5px 0}
div.iscrizionecentro p	{margin:0; text-align: center}
#localita				{background-color: #FFFFFF; border: 1px solid #C0C0C0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 5px 0}
#localita ul li			{font-size: 9pt}

/* FOOTER */
div.footerc				{text-align: center; margin: 0 auto; width: 100%; background-color: #10AED0; height: 445px}
div.footer				{text-align: center; margin: 0 auto; width: 1000px; position: relative; height: 445px}
div.footersx			{position: absolute; width: 510px; height: 445px; left:0; top:0}
div.footerdx			{position: absolute; width: 490px; height: 445px; right:0; top:0}
div.footerdx p			{text-align: left; margin: 10px 0 10px 20px}
div.footersx p			{text-align: left; margin: 10px 0 10px 20px}
div.footersxcornice		{width: 490px; height: 135px; border: 1px solid #FFFFFF; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: relative}
div.footerauno			{width: 155px; position: absolute; left:0}
div.footeradue			{width: 155px; position: absolute; left:155px}
div.footeratre			{width: 155px; position: absolute; left:310px}
.footerplink			{text-align: left; font-size: 9pt; margin: 10px; line-height: 20px}
.footerplink a			{color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px #C0C0C0}
.footerplink a:hover	{color: #FFA701; text-decoration: none; text-shadow: 1px 1px #C0C0C0}
.footerplink a:active	{color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px #C0C0C0}
.footerplinkb			{font-size: 10pt; color: #FFFFFF; text-align: left; margin: 20px}
.footerplinkb a			{color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px #C0C0C0}
.footerplinkb a:hover	{color: #FFA701; text-decoration: none; text-shadow: 1px 1px #C0C0C0}
.footerplinkb a:active	{color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px #C0C0C0}
div.fbbasso				{width: 480px; height: 360px; border: 1px solid #FFFFFF; background-color: #4CC6E0; ; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 5px 0 0 0}

/* CORREZIONE JQUERY UI */
.ui-tabs .ui-tabs-panel	{padding: 5px}
#tabs-1	{padding: 5px}
#tabs-2	{padding: 5px}
#tabs-3	{padding: 5px}
#tabs-4	{padding: 5px}
#tabs-5	{padding: 5px}
#tabs-6	{padding: 5px}
#tabs-7	{padding: 5px}
.ui-tabs .ui-tabs-nav li	{border-bottom: 1px solid #CFCFCF !important}


/* PANNELLO ALTO SX */
div.pannellosx		{float:  left; width: 398px; height: 328px; position: relative}
form.booking		{margin:0; padding:0}
div.destinazione		{position: absolute; left: 28px; top: 9px; width: 354px; height: 43px; z-index: 5; color: #FFFFFF; font-size: 10pt; text-align: left}
div.destinazione input	{width: 350px; border: 1px solid #D1E1E5; height: 30px}

div.arrivo				{position: absolute; left: 28px; top: 70px; width: 175px; height: 47px; z-index: 5; color: #FFFFFF; font-size: 10pt; text-align: left}
div.arrivo input		{width: 120px; border: 1px solid #D1E1E5; height: 30px}
div.partenza			{position: absolute; left: 214px; top: 70px; width: 154px; height: 47px; z-index: 5; color: #FFFFFF; font-size: 10pt; text-align: left}
div.partenza input		{width: 120px; border: 1px solid #D1E1E5; height: 30px}
div.adulti				{position: absolute; left: 28px; top: 137px; width: 175px; height: 47px; z-index: 5; color: #FFFFFF; font-size: 10pt; text-align: left}
div.adulti input		{width: 84; border: 1px solid #D1E1E5; height: 30px}
div.bambini				{position: absolute; left: 214px; top: 137px; width: 154px; height: 47px; z-index: 5; color: #FFFFFF; font-size: 10pt; text-align: left}
div.bambini input		{width: 84; border: 1px solid #D1E1E5; height: 30px}

div.prezzo				{position: absolute; left: 28px; top: 216px; width: 362px; height: 61px; z-index: 5; color: #FFFFFF; font-size: 10pt; text-align: left}
div.valore				{width: 185px; height: 20px; position: absolute; left: 145px; top: 216px; border:0 none; font-weight:bold; z-index:5}
div.valore input		{border:0; color:#FFFFFF; font-weight:bold; background-color: #16869D; font-size: 16pt; width: 120px}
div.bookingbnmt			{position: absolute; left: 288px; top: 222px; width: 102px; height: 24px; z-index: 5}
div.calendario			{position: absolute; left: 154px; top: 91px; width: 23px; height: 23px; z-index: 5}
div.calendariodue		{position: absolute; left: 339px; top: 91px; width: 23px; height: 23px; z-index: 5}

/* SLIDE HP */
.stripViewer .panelContainer .panel ul		{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 615px; height: 315px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 615px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ margin-right:1px; }
div.photo-meta-data							{ width: 692px; background: url(struttura/transpBlack.png); padding: 10px; height: 65px; margin-top: -60px; position: relative; z-index: 9999; }
div.photo-meta-data p {color: #FFFFFF; font-size: 10pt}
div.photo-meta-data span 						{ font-size: 11pt; color: #FFFFFF }
.cross-link									{ display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; }
span.Titolo									{ font-family: Arial, Helvetica, sans-serif; font-size: 30px;}
div.panel div		{text-align: left; font-size: 20pt; color: #333333}
div.slidehp			{text-align: center; margin: 0 auto; width: 625px; position: relative}

/* BANNER SCORREVOLE */
#bannerdiv				{display: none}


.testo			{text-align: justify; margin: 10px; font-size: 11pt; line-height: 20px; color: #333333}
.testo a		{color: #168CA4; text-decoration: none}
.testo a:hover	{color: #1D5761; text-decoration: none}
.testo a:active	{color: #168CA4; text-decoration: none}

div.biancobordo			{text-align: center; margin: 5px auto; width:678px; background-color: #FFFFFF; border: 1px solid #C0C0C0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative}


div.webcamsx			{float: left; width:626px; background-color: #FFFFFF; border: 1px solid #C0C0C0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0 5px 10px; position: relative}
div.webcamdx			{float: right; width:50px; margin: 3px 5px; position: relative}
div.webcamlink			{background-color: #FFFFFF; border: 1px solid #C0C0C0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0; width: 49px; height: 34px; margin: 2px 0}
div.webcamlink p		{font-size: 18pt; color: #333333; margin: 2px 0 0 0; font-weight: bold}
div.webcamlink p a			{text-decoration: none; color: #333333}
div.webcamlink p a:hover	{text-decoration: none; color: #FFA801}
div.webcamlink p a:active	{text-decoration: none; color: #333333}

table.webcam		{width: 590px; border-collapse: collapse}
td.webcam			{width: 280px; height: 205px; text-align: center}
td.webcamdue		{width: 280px; height: 35px; background-color: #10B0D2}
td.webcamdue p		{color: #FFFFFF; padding: 3px 0 3px 20px; font-size: 16pt; line-height: 14px}
td.webcamdue a		{color: #FFFFFF; font-size: 10pt; text-decoration: none}
td.webcamdue a:hover	{color: #FFA701; font-size: 10pt; text-decoration: none}
td.trenta			{width: 30px}