/* ELEMENTI DI BASE */

body				{text-aling: center; margin:0 auto; font-family: trebuchet ms, verdana, arial; background-color: #FFFFFF; background-image: url(/inclusione/struttura/mare/sfondo.jpg); background-repeat: repeat-x}
table.contenitore	{width: 1020px; text-aling: center; margin:0 auto; border-collapse:collapse}
td.lato				{width: 12px; z-index:10000000; position: relative}
td.testata			{width: 1000px; height: 188px; background-image: url('/inclusione/struttura/mare/testata.jpg'); background-repeat: no-repeat; background-position: left top}
div.bookingr		{position: relative; width: 1000px; height: 188px}
div.bookinga		{position: absolute; width:228px; height: 185px; top:0px; right: 12px}
td.sfondogrigio		{height: 46px; background-image: url('/inclusione/struttura/mare/sfondo-grigio.jpg'); background-repeat: repeat-x; background-position: left top}
td.sfondomenu		{width: 1000px; height: 38px; background-image: url('/inclusione/struttura/mare/sfondo-menu.jpg'); background-repeat: repeat-x; background-position: left top}
td.menusx			{width: 250px; vertical-align: top; background-color: #FFFFFF}
ul					{list-style:none}
td.corpo			{width: 510px; vertical-align: top; background-color: #FFFFFF; position: relative}
td.menudx			{width: 240px; vertical-align: top; background-color: #FFFFFF}
td.bassosx			{width: 760px; vertical-align: top; background-color: #FFFFFF}
td.bassodx			{width: 240px; vertical-align: top; background-color: #FFFFFF}
td.bassosxdue		{width: 760px; height: 305px; background-image: url('/inclusione/struttura/mare/colore-basso.jpg'); background-repeat: no-repeat; background-position: left top}
td.bassodxdue		{width: 240px; background-image: url('/inclusione/struttura/mare/colore-basso-dx.jpg'); background-repeat: repeat-y; background-position: left top; background-color: #FFFFFF; verical-aling: top;}
div.sfondobasso		{background-position: left top; width: 100%; height: 320px; background-image:url('/inclusione/struttura/mare/sfondo-basso.jpg'); background-repeat:repeat-x}
table.footerx		{width: 1000px; text-aling: center; margin:0 auto; border-collapse:collapse}
li.dintornibasso	{float: left; width: 185px; font-size:8pt; color: #FFFFFF}

/* ELEMENTI AGGIUNTIVI DI STILE */
div.bookinga p			{text-align: center; color: #FFFFFF}
form.bookingsu			{text-align: center; margin:0 auto; padding:20px; font-size: 10pt; color: #333333}
form.bookingsu input	{margin: 4px}
form.bookingsu select	{margin: 4px}
div.titolosx			{float: left; width: 300px}
div.titolosx h1			{margin:0; padding:0; font-size: 12pt; margin-left:20px; color: #199EB9}
div.titolodx			{float: right; width: 690px}
div.titolodx p			{text-align: right; font-size:8pt; margin-right: 10px}
td.sfondomenu ul		{padding:0; margin:0}
li.casa					{padding: 0; padding-right: 20px; float: left}
li.menualto				{padding-left: 20px; padding-right: 20px; border-left: 1px solid #FFFFFF; float: left;}
li.menualto a			{font-size: 9pt; color: #FFFFFF; text-decoration: none; display:block}
li.menualto a:hover		{font-size: 9pt; color: #E6C35C; text-decoration: none}
li.menualto a:active	{font-size: 9pt; color: #FFFFFF; text-decoration: none}

li.menualtodx			{padding-left: 20px; padding-right: 20px; border-left: 1px solid #FFFFFF; float: right;}
li.menualtodx a			{font-size: 9pt; color: #FFFFFF; text-decoration: none; display:block}
li.menualtodx a:hover	{font-size: 9pt; color: #D6A31A; text-decoration: none}
li.menualtodx a:active	{font-size: 9pt; color: #FFFFFF; text-decoration: none}

td.menusx ul			{margin: 10px}
li.strutture			{color: #BDA792; font-family: arial narrow; font-size: 18pt; font-weight: bold}
li.menusx a				{color: #3A3A3A; font-size: 10pt; text-decoration: none}
li.menusx a:hover		{color: #000000; font-size: 10pt; text-decoration: none}
li.menusx a:active		{color: #3A3A3A; font-size: 10pt; text-decoration: none}
td.menusx p				{text-align: center}
.titolocentro			{margin:0; padding:0; margin-left: 5px; margin-right: 15px; text-align: left; color: #199EB9; font-family: arial narrow; font-size: 24pt; font-weight: bold}
.testoloca				{margin:0; padding:0; margin-left: 5px; margin-right: 15px; text-align: left; color: #333333; text-align: justify; font-size: 10pt}
.testoloca a			{color: #000000; text-decoration: none}
div.barra				{width: 500px; height: 33px; background-image: url(/inclusione/struttura/mare/barra.jpg)}
div.barra p				{color: #FFFFFF; font-size:10pt; margin-left: 20px; margin-top: 5px}
td.corpo ul				{margin:0; padding:0}
li.imgcentro			{margin-left: 10px; float: left}
li.txtcentro			{margin-right: 10px; margin-left: 10px; float: left; text-align: left; color: #333333; text-align: justify; font-size: 10pt}
li.tastocentro			{margin: 20px; margin-left: 250px; text-align: center; width: 190px; height: 32px; background-image: url(/inclusione/struttura/mare/tasto-vuoto.jpg); font-family: arial narrow; font-size: 12pt; font-weight: bold; padding-top: 5px}
li.tastocentro a		{color: #199EB9; text-decoration: none}
li.tastocentro a:hover	{color: #D6A31A; text-decoration: none}
li.tastocentro a:active	{color: #199EB9; text-decoration: none}
td.menudx p				{text-align: center}
li.dintorni				{font-size: 12pt}
li.dintorni a			{color: #FFFFFF; text-decoration: none}
li.dintorni	a:hover		{color: #E6C35C; text-decoration: none}
li.dintorni	a:active	{color: #FFFFFF; text-decoration: none}
.cittafooter			{margin:0; padding:0; margin-left: 20px; text-align: left; font-family: arial narrow; font-size: 29pt; font-weight: bold; color: #FFFFFF}
li.dintornibasso a			{color: #FFFFFF; text-decoration: none}
li.dintornibasso a:hover	{color: #E6C35C; text-decoration: none}
li.dintornibasso a:active	{color: #FFFFFF; text-decoration: none}
.piramedia				{color: #FFFFFF; font-size: 9pt; margin-left: 20px}
.piramedia a			{color: #FFFFFF; text-decoration: none}
.piramedia a:hover		{color: #E6C35C; text-decoration: none}
.piramedia a:active		{color: #FFFFFF; text-decoration: none}
td.bassosx p			{margin:0; padding:0; margin-left: 20px; text-align: left; font-family: arial narrow; font-size: 24pt; font-weight: bold}
td.bassosx p a			{color: #199EB9; text-decoration: none}
td.bassosx p a:hover	{color: #199EB9; text-decoration: none}
td.bassosx p a:acvtive	{color: #199EB9; text-decoration: none}
td.bassodx p			{margin:0; padding:0; margin-left: 20px; text-align: left; color: #199EB9; font-family: arial narrow; font-size: 24pt; font-weight: bold}
div.newslettercentro	{position:relative;clear:both;height:70px;width:500px;background-image:url(/inclusione/struttura/mare/box-newsletter.jpg);background-repeat:no-repeat;background-position:center}
div.formuno				{position:absolute;height:20px;width:130px;top:35px;right:150px}
div.formuno input		{font-size:18px;font-family:trebuchet ms;border-top:1px solid #7B7B7B;border-left:1px solid #7B7B7B;border-bottom:1px solid silver;border-right:1px solid silver;height:26px;width:130px}
div.formdue				{position:absolute;height:20px;width:120px;top:35px;right:20px}
#mappabasso				{margin-left: 20px; height: 295px; width: 711px; margin-top: 10px; border-bottom: 1px solid #333333}

/* LISTA STRUTTURE */
li.tastodettagli		{margin: 10px; text-align: center; width: 190px; height: 32px; background-image: url(/inclusione/struttura/mare/tasto-vuoto.jpg); font-family: arial narrow; font-size: 12pt; font-weight: bold; padding-top: 5px}
li.tastodettagli a		{color: #7B5028; text-decoration: none}
li.tastodettagli a:hover	{color: #D6A31A; text-decoration: none}
li.tastodettagli a:active	{color: #7B5028; text-decoration: none}
div.centroqta			{position: relative; width: 480px; height: 37px; background-color: #FFFFFF; border: 1px solid #ADADAD; border-radius: 10px; -moz-border-radius: 10px; 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}
div.centroqtatre		{background-position: left top; position: absolute; width: 37px; height: 37px; top:0; left:120px; background-image:url('/inclusione/struttura/mare/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}
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}
div.centroqtacin		{position: absolute; width: 120px; height: 37px; right:50px; top:0}
div.centroqtacin p		{font-size: 12pt; padding-top: 8px; margin:0}
div./inclusione/struttura/mare			{width: 480px; height: 150px; background-color: #FFFFFF; border: 1px solid #ADADAD; border-radius: 10px; -moz-border-radius: 10px; margin:0; margin-bottom: 10px; margin-left: 10px}
table.bolla				{width: 480px; border-collapse:collapse}
td.bollatitolo			{height: 30px; border-bottom: 1px solid #C0C0C0}
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: 168px}
td.bollalinkuno			{width: 190px; height:30px}
td.bollalinkdue			{width: 150px; height:30px; font-weight: bold}

td.bollalinkdue	p		{text-align: center; font-size: 8pt}
div.bollatitolouno		{position: relative; height: 30px; width: 480px}
div.bollatitolodue		{position: absolute; height: 30px; top: 0; left:0; width: 300px}
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('/inclusione/struttura/mare/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('/inclusione/struttura/mare/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}