﻿/* CSS layout */
body					{margin:0 auto; text-align: center}
#contenitore			{width: 940px; background-color: #568954;  margin: 0 auto;}
#masthead   			{background-color: #FFFFFF;	width:900px;}
#mastheadl				{float: left; width: 750px}
#mastheadr  			{float: right; width: 150px; height: 270px;	background-image: url('immagini/localita_01.png'); background-repeat: no-repeat; background-position: left top}
#top_nav				{background-color: #FFFFFF; width:900px; clear: both; background-image: url('immagini/navigazione.png'); background-repeat: no-repeat; background-position: left top;}
#bot_nav				{background-color: #FFFFFF;	width:900px; height: 30px; clear:both; background-color: #ffffff}
#container 				{position: relative; width: 900px; background-color: #FFFFFF; vertical-align: centre}
#data					{float: left; width: 200px;	height: 20px; vertical-align: centre}
#navigazione			{float: left; width: 600px; height: 20px; vertical-align: bottom}
#left_col 				{width: 187px; position: absolute; left: 10px; top: 0px; background-color: #E6F8E6; border-left: 1px solid #9AC798; border-right: 1px solid #9AC798; border-bottom: 10px solid #9AC798}
#page_content 			{margin-right: 200px; margin-left: 200px; height: 700px}
#right_col 				{width: 200px; height: 299px; position: absolute; right: 0px; top: 0px;}
#banner 				{width: 480px; height: 75px; margin-top: 0px}
#servizi 				{width: 480px; height: 154px;}
#servizi2				{width: 480px; height: 73px; background-image: url('immagini/servizi-sotto.png'); background-repeat: no-repeat;	background-position: left top}
#centro					{width: 480px; height: 600px;}
#cappello				{width: 480px; height: 25px; background-image: url('immagini/cappello-contenuto.png'); background-repeat: no-repeat; background-position: left top}
#testo					{width: 478px; height: 170px; border-left: 1px solid #568954; border-right: 1px solid #568954; padding-bottom:10px}
#sotto					{width: 480px; height: 30px; background-image: url('immagini/chiusura-contenuto.png'); background-repeat: no-repeat; background-position: left top}
#mappa					{width: 180px; heigt: 229px; margin-top: 0px; margin-bottom: 0px}
#inserisci				{width: 180px; height: 49px; vertical-align: bottom}
#footer					{width: 900px; height: 80px; background-image: url('immagini/sotto.jpg'); background-repeat: no-repeat; background-position: left top}
#datipers				{width: 180px; height: 170px; margin-top: -15px;}
#services				{width: 180px; height: 130px; margin-top: 10px;}
#assistenza				{width: 180px; height: 70px; margin-top: 10px;}
#space					{width: 480px; height: 5px}

table.riservata			{width: 180px; height: 400px; vertical-align: top;}
td.dati-pers			{width: 180px; height: 180px; vertical-align: top;}
table.dati-pers			{width: 180px; height: 170px; vertical-align: top; text-align: left}
td.servizi				{width: 180px; height: 140px; vertical-align: top;}
table.servizi			{width: 180px; height: 130px; vertical-align: top; text-align: left}
td.assistenza			{width: 180px; height: 80px; vertical-align: top;}
table.assistenza		{width: 180px; height: 70px; vertical-align: top; text-align: left}
td.titolo				{width: 180px; height: 20px; border-left: 10px; text-align: left; background-image: url('immagini/riservata-top.png'); background-repeat: no-repeat; background-position: left top}
td.voce					{width: 180px; height: 20px; border-left: 10px; text-align: left; background-image: url('immagini/riservata.png'); background-repeat: no-repeat; background-position: left top}}
td.voce2				{width: 180px; height: 20px; border-left: 10px; text-align: left; background-image: url('immagini/riservata-roll.png'); background-repeat: no-repeat; background-position: left top}}
td.sotto				{width: 180px; height: 10px; text-align: left; background-image: url('immagini/riservata-sotto.png'); background-repeat: no-repeat; background-position: left top}
td.logout				{width: 180px; height: 20px; border= 0px; background image: url('immagini/back.png'); background-repeat: no-repeat; background-position: left top}
td.google				{width: 300px; height: 250px;}

h1.titolo-grosso		{margin-top: 5px; margin-left: 10px; text-align: left; font-family: trebuchet ms; font-size: 12pt; text-decoration:bold; color: #568954}
.testo					{margin-top: 5px; margin-left: 10px; margin-right: 10px; text-align: justify; font-family: trebuchet ms; font-size: 10pt; color: #000000}
.testo a				{color: #333333; text-decoration: none}
.testo a:hover			{color: #568954; text-decoration: none}
.testo a:active			{color: #333333; text-decoration: none}


h1.testa				{margin-top: 5; margin-left: 60px; text-align: left; font-family: Arial; font-size: 12pt; text-decoration:none; color: #FFFFFF}

.titolo2				{margin-top: 5px; margin-left: 20px; text-align: left; font-family: Arial; font-size: 12pt; text-decoration:bold; color: #568954}
.titolo					{margin-top: 0px; margin-left: 10px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:bold; color: #ffffff}
.data					{margin-left: 20px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #ff0000}
.navigazione			{margin-left: 20px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #568954}
.chiusura				{margin-top: 20px; text-align: centre; font-family: Arial; font-size: 10pt; text-decoration:none; color: #568954}
a.menu					{margin-left: 0px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #474747}
a.menu:hover			{color: #568954}
a.menu:active			{color: #568954}
a.menu2					{margin-left: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #474747}
a.menu2:hover			{color: #075F90}
a.menu2:active			{color: #075F90}
a.localita				{margin-left: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #000000}
a.localita:hover		{color: #FF3737}
a.localita:active		{color: #FF3737}
a.testo2				{margin-top: 0px; margin-left: 5px; margin-right: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:bold; text-decoration: none; color: #000000}
a.testo2:hover			{margin-top: 0px; margin-left: 5px; margin-right: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:bold; color: #FF3737}
a.testo2:active			{margin-top: 0px; margin-left: 5px; margin-right: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:bold; none; color: #FF3737}
a.chiusura				{vertical-align: centre; text-align: centre; font-family: Arial; font-size: 8pt; text-decoration: none; color: #000000}
a.chiusura:hover		{color: #FF3737}
a.chiusura:active		{color: #FF3737}
a.liste					{margin-left: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #077ABA}
a.liste:hover			{margin-left: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #000000}
a.liste:active			{margin-left: 5px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #000000}


li.menusx				{margin-top: 0px; margin-left: 10px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; color: #474747}
li.over					{margin-top: 0px; margin-left: 10px; text-align: left; font-family: Arial; font-size: 10pt; text-decoration:none; background-image: url(immagini/over.png);}
li.turismo				{margin-top: 0px; margin-left: 0px; align: left; background-image: url(immagini/turismo.png);}
li.approfondimenti		{margin-top: 10px; margin-left: 0px; align: left; background-image: url('immagini/approfondimenti.png');}
li.offerte				{margin-top: 10px; margin-left: 0px; align: left; background-image: url('immagini/offerte.png');}
li.sitoweb				{margin-top: 10px; margin-left: 0px; align: left; background-image: url('immagini/siti-web.png');}
li.sotto				{margin-top: 10px; margin-left: 0px; align: left; background-image: url('immagini/sotto-turismo.png');}
li.localita				{margin-top: 2px; margin-left: 15px; align: right;}
li.localitau			{margin-bottom: 0; margin-top: 2px; margin-left: 15px; align: right;}
li.provincia			{margin-top: 6px; margin-left: 10px; align: right; font-weight: bold}
li.mappa				{margin-left: 10px }
li.riservata			{margin-top: 0px; margin-left: 0px; align: right; background-image: url(immagini/tiservata-top.png);}
