﻿/* CSS layout */
body{ margin:0
}
#container 				{width: 900px; background-color: #FFFFFF}
#contenitore			{width: 900px}
#left_col 				{width: 200px; height: 1036px; top: 0px; float: left;background-image: url('immagini/colonna-sx-striscia.png'); background-repeat: repeat-y; background-position: left top}
#logo					{width: 200px; height: 135px; border-left: 2px solid #DDDCDC; background-image: url('immagini/logo2.png'); background-repeat: repeat-y; background-position: left top}
#menu-blu				{width: 200px; height: 225px;background-image: url('immagini/menu-blu.png'); background-repeat: no-repeat; background-position: left top}
#sx						{width: 200px; height: 700px;}
#servizi				{width: 200px; height: 185px}
#spacer					{width: 200px; height: 10px; background-color: #9E9C9C}
#approfondimenti		{width: 200px; height: 170px}
#iscriviti				{width: 200px; height: 55px; background-image: url('immagini/newsletter.png'); background-repeat: no-repeat; background-position: left top}
#sotto					{width: 200px; height: 30px;}
#page_content 			{width: 470px; left: 200px; float:left}
#testa					{width: 470px; height: 360px; background-image: url('immagini/testa.png'); background-repeat: no-repeat; background-position: left top }
#centro					{width: 470px; height: 500px;}
#banner 				{width: 470px; height: 75px; margin-top: 0px; padding-top:5px}
#testo					{width: 470px; height: 300px}
#testo-su				{width: 470px; height: 51px; padding-bottom:5px; background-image: url('immagini/centro.png'); background-repeat: no-repeat; background-position: left top}
#testo-corpo			{width: 470px; height: 530px; vertical-align: top; padding-bottom:10px; padding-top: 10px; padding-right: 20px}
#navigazione			{width: 470px; height: 20px; vertical-align: bottom}
#right_col 				{width: 230px; height: 1036px; top: 0px; float: right; background-image: url('immagini/colonna-dx-striscia.png'); background-repeat: repeat-y; background-position: left top}
#menu-arancio			{width: 230px; height: 48px;}
#dx						{width: 230px; height: 1012px; }
#comuni					{width: 230px; height: 270px; padding-left: 4px;}
#comunitxt				{position: absolute;width: 226px; height: 120px; padding-top: 10px; text-align: left;}
#center					{width: 226px; height: 20px; text-align: left; vertical-align: bottom}
#left					{width: 124px; height: 100px; float: left; padding-top: 5px; padding-left: 5px}
#right					{width: 100px; height: 100px; float: right; padding-top: 5px;}
#cartina				{width: 223px; height: 127px; background-image: url('immagini/cartina-sfondo.png'); background-repeat: no-repeat; background-position: left top}
#cartinacont			{width: 226px; heigt: 133px;}
#spacerdue				{width: 230px; height: 10px; background-color: #CBCAC9}
#spiagge				{width: 230px; height: 360px}
#network				{width: 230px; height: 120px}
#inserisci				{width: 230px; height: 58px; background-image: url('immagini/inserisci.png'); background-repeat: no-repeat; background-position: left top}
#footer					{clear: both; width: 900px; height: 89px; background-image: url('immagini/sotto.jpg'); background-repeat: no-repeat; background-position: left top}
#contatore				{top: 0px; float: left; width: 200px; height: 89px; background-image: url('immagini/contatore.png'); background-repeat: no-repeat; background-position: left top; padding-top: 10px; padding-left: 10px}
#contat					{width: 180px; height: 69px;}
#chiusura				{top: 0px; float: right; width: 700px; height: 89px; background-image: url('immagini/sotto.png'); background-repeat: no-repeat; background-position: left top}
#menu-chiusura			{width: 700px; height: 40px; padding-bottom: 0px; padding-top: 20px; padding-left: 65px;}
#info					{width: 700px; height: 40px; padding-bottom: 0px; padding-top: 15px; padding-left: 170px;}
#prova					{width: 410; position: asolute}
#p-due					{width: 410px}
#sinistra				{width: 200px; Display: inline}
#destra					{width: 200px; Display: inline}


table.menuarancio		{width: 230px; height: 48px;}
td.home					{padding-bottom: 6px; vertical-align: bottom; width: 71px; height: 48px; background-image: url('immagini/menu-arancio-home.png'); background-repeat: no-repeat; background-position: left top; border: 0; text-align: center}
td.sitemap				{padding-bottom: 6px; vertical-align: bottom; width: 79px; height: 48px; background-image: url('immagini/menu-arancio-sitemap.png'); background-repeat: no-repeat; background-position: left top; border: 0; text-align: center}
td.search				{padding-bottom: 6px; vertical-align: bottom; width: 80px; height: 48px; background-image: url('immagini/menu-arancio-search.png'); background-repeat: no-repeat; background-position: left top; border: 0; text-align: center}
td.home_sopra			{padding-bottom: 6px; vertical-align: bottom; width: 71px; height: 48px; background-image: url('immagini/menu-arancio-home2A.png'); background-repeat: no-repeat; background-position: left top; border: 0; text-align: center}
td.sitemap_sopra		{padding-bottom: 6px; vertical-align: bottom; width: 79px; height: 48px; background-image: url('immagini/menu-arancio-sitemap2A.png'); background-repeat: no-repeat; background-position: left top; border: 0; text-align: center}
td.search_sopra			{padding-bottom: 6px; vertical-align: bottom; width: 80px; height: 48px; background-image: url('immagini/menu-arancio-search2A.png'); background-repeat: no-repeat; background-position: left top; border: 0; text-align: center}
table.webcam			{width: 450px; height: 520px; align: center; vertical-align: top; border: 0px; padding-left: 10px;}	
td.w-uno				{width: 210px; height: 160px; align: center; vertical-align: center; border: 0px}	
td.w-due				{width: 210px; height: 160px; align: center; vertical-align: center; border: 0px}
td.w-tre				{width: 210px; height: 160px; align: center; vertical-align: center; border: 0px}
td.w-quattro			{width: 210px; height: 160px; align: center; vertical-align: center; border: 0px}
td.w-cinque				{width: 210px; height: 160px; align: center; vertical-align: center; border: 0px}
td.w-sei				{width: 210px; height: 160px; align: center; vertical-align: center; border: 0px}
table.spiaggia			{width: 450px; height: 140px;}
td.sp-uno				{width: 450px; height: 70px;}
td.sp-due				{width: 450px; height: 30px;}
td.sp-duex				{width: 450px; height: 30px;}
table.spiaggia-due		{width: 450px; height: 70px;}

h1.titolo				{margin-left: 0px; margin-top: 0px; text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration:none; color: #000000}
h2.sotto				{margin-left: 20px; margin-top: -22; text-align: left; font-family: Century Gothic; font-size: 7pt; text-decoration:none; color: #000000}
.vacanza				{margin-left: 25px; margin-top: -20; text-align: left; font-family: Century Gothic; font-size: 7pt; text-decoration:none; color: #000000}
ul.menu					{margin: 0px; padding: 0px; margin-top: 26px; margin-left: 40px;}
li.menu					{margin-top: 6px; text-align: left; font-family: Century Gothic; font-size: 10pt; color: #ffffff}
ul.servizi				{margin: 0px; padding: 0px; margin-left: 40px; margin-top: 20px}
li.services				{list-style: none; margin-left: -17px; margin-top: 5px; margin-bottom: 10px;text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration: none; color: #000000}
ul.due					{margin: 0px; padding: 0px; margin-left: 18px; margin-top: 2px; text-align: left;}
li.voci					{list-style: disc; margin-top: 2px; text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration:none; color: #000000}
h1.centro				{font-weight: normal; margin-left: 20px; margin-top: 10px; text-align: left; font-family: Century Gothic; font-size: 20pt; text-decoration: none; color: #000000}
.navigazione			{margin-left: 10px; text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration:none; color: #000000}
a.navig					{margin-left: 10px; text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration:none; color: #319BCC}
a.navig:hover			{color: #000000}
a.navig:active			{color: #000000}
.testo					{margin-left: 20px; margin-right: 20px; text-align: justify; font-family: Century Gothic; font-size: 9pt; text-decoration:none; color: #000000}
h1.comuni				{margin-left: 20px; text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration:none; color: #ffffff; margin-top: 10px; margin-bottom: 10px}
li.comuni				{list-style: disc; margin-top: 2px; text-align: left; font-family: Century Gothic; font-size: 8pt; text-decoration:none; color: #ffffff}
.locale					{margin-top: 10px; text-align: center; font-family: Century Gothic; font-size: 11pt; text-decoration: none; color: #ffffff}
a.menublu				{margin-top: 6px; text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration: none; color: #ffffff}
a.menublu:hover			{color: #000000}
a.menublu:active		{color: #000000}
a.menublack				{list-style: none; margin-left: 0px; margin-top: 5px; margin-bottom: 10px;text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration: none; color: #000000}
a.menublack:hover		{color: #309BCD}
a.menublack:active		{color: #309BCD}
a.menuwhite				{list-style: disc; margin-top: 2px; text-align: left; font-family: Century Gothic; font-size: 8pt; text-decoration:none; color: #ffffff}
a.menuwhite:hover		{color: #000000}
a.menuwhite:active		{color: #000000}
a.whiteorange			{margin-top: 10px; text-align: center; font-family: Century Gothic; font-size: 11pt; text-decoration: none; color: #ffffff}
a.whiteorange:hover		{color: #FFA307}
a.whiteorange:active	{color: #FFA307}
.bottom					{font-family: Century Gothic; font-size: 8pt; text-decoration:none; color: #ffffff}
a.white-o				{list-style: disc; margin-top: 2px; text-align: left; font-family: Century Gothic; font-size: 8pt; text-decoration:none; color: #ffffff}
a.white-o:hover			{color: #FFA307}
a.white-o:active		{color: #FFA307}
a.white-b				{list-style: disc; margin-top: 2px; text-align: left; font-family: Century Gothic; font-size: 8pt; text-decoration:none; color: #ffffff}
a.white-b:hover			{color: #319BCC}
a.white-b:active		{color: #319BCC}
h2.titolo-due			{margin-left: 20px; margin-top: 0; text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration: bold; color: #000000}
a.menu-trag				{list-style: none; margin-left: 0px; margin-top: 5px; margin-bottom: 10px;text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration: none; color: #000000}
a.menu-trag:hover		{color: #309BCD}
a.menu-trag:active		{color: #309BCD}
a.menu-trag-due			{list-style: none; margin-left: 0px; margin-top: 5px; margin-bottom: 10px;text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration: none; color: #000000}
a.menu-trag-due:hover		{color: #309BCD}
a.menu-trag-due:active		{color: #309BCD}
h3.img					{}
.p-3					{margin-left: 20px; text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration: bold; color: #309BCD}
a.blu-black				{margin-left: 20px; text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration: bold; color: #309BCD}
a.blu-black:hover		{color: #000000}
a.blu-black:active		{color: #000000}
.menublack-due				{margin-left: 20px; text-align: left; font-family: Century Gothic; font-size: 9pt; text-decoration: none; color: #000000}
.menublack-due:hover		{color: #309BCD}
.menublack-due:active		{color: #309BCD}
a.menuwhitex			{list-style: disc; margin-top: 2px; text-align: left; font-family: Century Gothic; font-size: 10pt; text-decoration:none; color: #ffffff}
a.menuwhitex:hover		{color: #000000}
a.menuwhitex:active		{color: #000000}
a.marancio				{text-align: center; font-family: Century Gothic; font-size: 10pt; text-decoration:none; color: #ffffff;}
a.marancio:hover		{text-align: center; color: #ffffff}
a.marancio:hover		{text-align: center; color: #ffffff}
a.whiteorangex			{margin-top: 10px; text-align: center; font-family: Century Gothic; font-size: 11pt; text-decoration: none; color: #ffffff}
a.whiteorangex:hover	{color: #000000}
a.whiteorangex:active	{color: #FFA307}
.localex				{margin-top: 10px; text-align: center; font-family: Century Gothic; font-size: 11pt; text-decoration: none; color: #000000}

ul.comuni				{margin: 0px; padding: 0px; margin-top: 5px; vertical-align: top;}
li.comune				{margin-left: 10px; list-style: none; font-family: Century Gothic; font-size: 10pt; text-decoration: none; color: #ffffff}
li.due					{list-style: disc; margin-top: 2px; font-family: Century Gothic; font-size: 8pt; text-decoration:none; color: #ffffff}
