@import url("../booking/_booking.css");
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	background-color: #548FC9;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../grafica/sfondo.png);
}
.overlaySlider{
	z-index:11;
	width:997px;
	position:absolute;
	top:152px;
	/*float: left;*/
}
.thrColLiqHdr #wrapper {
	width: 992px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.thrColLiqHdr #esterno-container {
	width: 992px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 0px solid #00F;
	float: left;
	background-image: url(../grafica/sfondo_ombra.png);
	background-repeat: repeat-y;
}
.thrColLiqHdr #container {
	width: 997px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 
.thrColLiqHdr #header {
	width: 997px;
	padding: 0;
	height: 140px;
	text-align: left;
	float: left;
	background-image: url(../grafica/dog_trasparente.png);
} 
.thrColLiqHdr #header_dinamico {
	width: 997px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
	background-image: url(../grafica/logo_din.png);
}

.thrColLiqHdr #flash {
	width: 152px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
}
.thrColLiqHdr #logo {
	width: 538px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
	background-image: url(../grafica/logo.png);
}
.thrColLiqHdr #logo_en {
	width: 538px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
	background-image: url(../grafica/logo_eng.png);
}
.thrColLiqHdr #logo_de {
	width: 538px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
	background-image: url(../grafica/logo_deu.png);
}
.thrColLiqHdr #logo_fr {
	width: 538px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
	background-image: url(../grafica/logo_fra.png);
}


.thrColLiqHdr #intestazione {
	width: 307px;
	padding: 0;
	height: 152px;
	text-align: left;
	float: left;
}
.thrColLiqHdr #header h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	/*margin-left: 10px;*/ /* è necessario applicare un margine sinistro e destro a ogni elemento che verrà inserito nelle colonne laterali */
	/*margin-right: 10px;*/
}

/* Suggerimenti per mainContent:
1. Lo spazio tra mainContent e le barre laterali viene creato con i margini sinistro e destro del div mainContent.
2. Per evitare il problema del "float drop" a una risoluzione minima supportata di 800 x 600, gli elementi all'interno del div mainContent devono essere di 300 px o più piccoli (comprese le immagini).
3. Nel commento condizionale di Internet Explorer riportato di seguito, la proprietà zoom viene utilizzata per assegnare "hasLayout" a mainContent, al fine di evitare vari bug specifici di IE.
*/
.thrColLiqHdr #mainContent {
	height: 493px;
	width: 997px;
	float: left;
}
.thrColLiqHdr #mainContent-logo {
	height: 91px;
	width: 997px;
	float: left;
}


.thrColLiqHdr #footer {
	height: 110px;
	width: 997px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	background-repeat: repeat-y;
	background-color: #CCCCCC;
} 
.thrColLiqHdr #footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	text-align: center;
	vertical-align: top;
}

/* Classi varie riutilizzabili */
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero i propri elementi mobili di livello inferiore */
	clear:both;
}.thrColLiqHdr #under-header {
	width: 970px;
	padding: 0;
	height: 21px;
	background-image: url(../grafica/sfondo_indirizzo.png);
}
.thrColLiqHdr #under-mainContent {
	height: 4px;
	width: 933px;
	background-image: url(../grafica/sotto_slide.png);
}
.thrColLiqHdr #menu {
	width: 997px;
	padding: 0;
	height: 35px;
	float: left;
}
.thrColLiqHdr #menu2 {
	width: 997px;
	padding: 0;
	height: 24px;
	float: left;
}
.thrColLiqHdr #bandiere {
	/* left: 425px;
	width: 129px;
	height: 19px; */
	margin-left: auto;
	margin-right:7px;
	float: right;
	margin-top: 5px;
}
.thrColLiqHdr #social {
	/* left: 425px;
	width: 129px;
	height: 19px; */
	margin-left: auto;
	margin-right:3px;
	float: right;
	margin-top: 34px;
}
.thrColLiqHdr #indirizzo {
	width: 180px;
	text-align: left;
	padding: 0;
	height: 100px;
	float: left;
	margin: 5px;
}
.thrColLiqHdr #area_loghi {
	width: 120px;
	text-align: left;
	padding: 0;
	height: 100px;
	float: left;
	margin-left:20px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.thrColLiqHdr #area_loghi3 {
	width: 370px;
	text-align: left;
	padding: 0;
	height: 100px;
	float: left;
	margin-left:0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.thrColLiqHdr #area_loghi2 {
	width: 100px;
	text-align: left;
	padding: 0;
	height: 100px;
	float: left;
	margin-left:80px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}


.thrColLiqHdr #centrale {
	width: 997px;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	margin-top: 10px;
	background-image: url(../grafica/sfondo_centrale.png);
	background-repeat: repeat-y;
}
.thrColLiqHdr #centrale-pag {
	width: 997px;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	margin-top: 10px;
}
.thrColLiqHdr #centrale-dinamico {
	width: 997px;
	padding: 0;
	float: left;
	background-color: #FFF;
	margin-top: 10px;
}

.thrColLiqHdr #contenuto-centrale {
	width: 997px;
	padding: 0;
	float: left;
	background-color: #FFF;
	background-image: url(../grafica/sfondo_centrale.png);
	background-repeat: repeat-y;
}
.thrColLiqHdr #contenuto-centrale-pag {
	width: 997px;
	padding: 0;
	float: left;
	background-color: #FFF;
}

.thrColLiqHdr #animazione-barca {
	width: 997px;
	padding: 0;
	float: left;
	height: 100px;
	background-color: #FF6600;
}

.thrColLiqHdr #pagina-testo {
	width: 383px;
	float: left;
	padding: 0;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}
.thrColLiqHdr #pagina-testo-pagine {
	width: 742px;
	float: left;
	padding: 0;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}
.thrColLiqHdr #pagina-testo-dinamico {
	width: 957px;
	float: left;
	padding: 0;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}


.thrColLiqHdr #area-testo {
	width: 383px;
	float: left;
	padding: 0;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.thrColLiqHdr #divisorio {
	width: 997px;
	padding: 0;
	height: 8px;
	float: left;
	background-image: url(../grafica/divisorio.png);
}
.contenitor {
	margin: 0 auto;
}

td img {
	/*display: block;*/
}
a:link, a:visited, a:active {
	color: #43A2F4;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.spazio_testo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCADA0;
}

a:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.testo, .testo a:link, .testo a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #43A2F4;
	font-weight: normal;
}
.testo_piccolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	font-weight: normal;
	background-position: center;
}
.testo_bandiere {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	font-weight: bold;
	background-position: center;
}
.testo_social {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	font-weight: bold;
	background-position: center;
}


.titolo_dinamico {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000;
	font-weight: normal;
}
.menu_testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	font-weight: normal;
}
.indirizzo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.ctab { margin:0 auto;}
.c { text-align: center }
.r { text-align: right }
.l { text-align: left }
.vtop { vertical-align: top }
.vbottom { vertical-align: bottom }
img.absmiddle { vertical-align: middle }
a img {
	border: none;
}
.frase {
	color: #B7CC19;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
}

.index_footer {
	background-color: #3B9CCE;
}

.testo_grassetto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FE7000;
}
.testo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #243F72;
	text-align: justify;
	font-weight: normal;
}

.testo_giallo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFF66;
	text-align: justify;
	font-weight: bold;
}

.listino_tab1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	width:956px;

}
.listino_tab1 th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #FE9900;
	border: 1px solid #333;
}
.listino_tab1 td {
	text-align: center;
	background-color: #FE9900;
	border: 1px solid #333;
}

.listino_tab2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	width:956px;

}
.listino_tab2 th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #85A900;
	border: 1px solid #548FC9;
}
.listino_tab2 td {
	text-align: center;
	background-color: #548FC9;
	border: 1px solid #548FC9;
}

.listino_tab3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	width:956px;
}
.listino_tab3 th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #F29F2F;
	border: solid 1px #EB7122;
}
.listino_tab3 td {
	width:136px;
	text-align: center;
	background-color: #F29F2F;
	border: solid 1px #EB7122;
}
.testoNero {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-align: justify;
	font-weight: normal;
}

.testo_indirizzo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	text-align: justify;
	font-weight: bold;
}

.testo_dinamico {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-align: justify;
	font-weight: normal;
}

.naviga a:link, .naviga a:visited, .naviga a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.naviga a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.indirizzo a:link, .indirizzo a:visited, .indirizzo a:active {
	color: #000;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal
}
.indirizzo a:hover {
	text-decoration: none;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal
}
.testo_bianco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.sfondo_slide {
}
.testo_spazio {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4B4B4B;
}

html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; font:10px Arial, Helvetica, sans-serif; color:#FFFFFF ;border:1px  #fff; background: #3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { font-family:Arial, Helvetica, sans-serif; color:#3b5998; border-color:#295582; background:#fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; }
.thrColLiqHdr #divisorio_sup {
	width: 997px;
	padding: 0;
	height: 4px;
	background-color: #CCC;
}
.thrColLiqHdr #bookingdiv {
	height: 29px;
	width: 933px;
	background-color: #4F1C0D;
}
.sfondo_booking {
	background-color: #3F150A;
	text-align: center;
}
.middle {
	vertical-align: middle
}
.booking_pulsanti {
	background-color: #A08E66;
	text-align: center;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #666;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.booking_variabili {
	background-color: #F0F0F0;
	text-align: center;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #666;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.thrColLiqHdr #frase_titolo {
	width: 933px;
	padding: 0;
	height: 39px;
}
.thrColLiqHdr #menu_centrale {
	width: 933px;
	padding: 0;
	height: 48px;
}
.thrColLiqHdr #divisorio_med {
	width: 933px;
	padding: 0;
	height: 10px;
	background-image: url(../grafica/divisorio_linea.png);
}
.thrColLiqHdr #menu_immagini {
	width: 933px;
	padding: 0;
	height: 140px;
}
.box_dinamico{
	width: 213px;
	float: left;
	padding: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}
.titolo_pagina {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	color: #3A79DF;
	font-weight: normal;
	text-align: left;
}
.titolo_dinamico {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	color: #000;
	font-weight: normal;
	text-align: left;
}

.testo_dinamico {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
}
.thrColLiqHdr #menu_inferiore {
	width: 933px;
	padding: 0;
	height: 23px;
	background-image: url(../grafica/menu_ineriore.png);
}
.testo_piccolo_bianco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	font-weight: normal;
	background-position: center;
}
.thrColLiqHdr #divisorio_email {
	width: 933px;
	padding: 0;
	height: 33px;
}
.sfondo_pulsanti {
	background-color: #000;
}
.sfondo_cella {
	background-color: #EB7122;
}

.thrColLiqHdr #area-dinamica {
	width: 330px;
	float: left;
	padding: 0;
	margin-right: 19px;
	margin-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}
.thrColLiqHdr #area-miniature {
	width: 160px;
	float: left;
	padding: 0;
	text-align: left;
	margin-top: auto;
	margin-right: 30px;
	margin-bottom: auto;
	margin-left: 25px;
}

.bordo_miniature{
	border:5px solid #00518B;
}

.thrColLiqHdr #bordo-dinamica {
	width: 10px;
	padding: 0;
	float: left;
	margin: auto;
}
.awe-content { vertical-align:bottom }
.awesome:link, .awesome:visited {
	background: #222 url(/img/alert-overlay.png) repeat-x;
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-decoration:none;
} 
.awesome:hover					{ background-color: #111; color: #fff; }
.awesome:active					{ top: 1px; }

.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.verylarge.awesome, .bigger.awesome:visited 		{ font-size: 18px; padding: 14px 14px 15px; }
.extralarge.awesome, .bigger.awesome:visited 		{ font-size: 20px; padding: 16px 14px 17px; }
.monster.awesome, .monster.awesome:visited 		{ font-size: 24px; padding: 18px 16px 19px; }
	
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover				{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #6C8FDA; }
.blue.awesome:hover				{ background-color: #A4B5E1; }
.red.awesome, .red.awesome:visited		{ background-color: #822F18; }
.red.awesome:hover				{ background-color: #927351; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover				{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover				{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover				{ background-color: #fc9200; }
.grayblue.awesome, .grayblue.awesome:visited	{ background-color: #68798B; }
.grayblue.awesome:hover				{ background-color: #263C50; }
.black.awesome, .black.awesome:visited	{ background-color: #000; }
.black.awesome:hover				{ background-color: #666; }

.navcontainer
{
background: #F2F3EB;
width: 100%;
margin: 0 auto;
padding: 5px 0;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}

ul.navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul.navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul.navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #D4E8F5;
font-family: georgia, serif;
font-weight:normal
}

.navcontainer>ul.navlist li a { width: auto; }

ul.navlist li.active a
{
background: #f0e7d7;
color: #800000;
}

ul.navlist li a:hover, ul.navlist li.active a:hover
{
color: #000;
background: transparent;
/*border-color: #aaab9c #fff #fff #ccc;*/
border-color: #D4E8F5 #D4E8F5 #D4E8F5 #D4E8F5;
}
#contentMap h2 {
    color: #213A12;
    font-family: Corbel,Arial,Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin: 4px 0 8px;
    text-transform: uppercase;
}
#contentMap #siteNotice p {
    font-size: 9px;
}