@charset "utf-8";
/* CSS Document */
html{height:100%;}
body {
	margin: 0;
	background: #e8f3fa url(http://www.trovacamping.com/images/sfondo.gif) repeat-y center top;
	color: #fd24b4;
	font:normal 11px Tahoma, Arial, sans-serif;
	height:100%;
}

a {	text-decoration: none;	color: #36597C;}
a:hover, .mappa a:hover, .box_off a:hover, #login a:hover, #footer a:hover, .vis a:hover {color: #ff0aad;	text-decoration: underline;}
#header { background: url(http://www.trovacamping.com/images/titolo.gif) no-repeat center top;	display: block; height: 132px;	padding: 0; margin: 0 auto;	position: relative; width: 770px;}
/*
riutilizzabili
*/
.pattern {	background-image: url(../img/px/diag.jpg);}
.hidd {	display: none;}
.f_sx {	margin: 0 5px 5px 0;	padding: 0;	display: block;	float: left;	border: 1px solid #ccc;}
.sx{	float:left;	margin: 10px;	position: relative;	border: none;}
.clear {	clear: both;	display: block;	height: 10px;}
.centro {	text-align: center;	margin: 10px 0;	display: block;}
.ara {color: #FF6519;}
.giallo   { background-color: #FAF3BD;}


/*
menu principale
*/
ul.menu  {	margin: 20px 0 25px 10px;	padding: 0;	list-style-type: none;	display: block;	height: 10px;	width: auto;}
ul.menu li  {	display: inline;	margin: 0;	padding: 0;}
ul.menu li a {	font-size: 10px;	font-weight: bold; margin: 0 2px; padding: 4px; color: #ffffff; float: left; display: block; width: auto; height: 10px; background:#ff2be0 url(http://www.trovacamping.com/images/ft_btn2.gif) repeat-x left top;}
.strutt a.bottone_mini { display: block; background: url(http://www.trovacamping.com/images/bottoni/btn_mini.jpg) no-repeat left top; height: 26px; width: 123px; font-weight: bold; color: #FFF; text-align: center; font-size: 10px; margin: 0; padding: 8px 5px 0 5px; position: absolute; top: 30px; right: 10px; line-height: 9px;}
.strutt a.bottone_mini:hover { background: url(../img/bottoni/btn_mini.jpg) no-repeat left bottom; color: #FFF; text-decoration:none; text-align: center;}
ul.menu a:hover {	color: #174a85;	text-decoration: none;}

/*
italia
*/
.mappa img {	float: right;	margin: 0px 0px 0px 0px;	position: relative;border: none;}
.mappa {	height: 250px;	margin: 0;	padding: 0; width:290px;}

/*
province sinistra
*/
.regioni_sx ul {	list-style-type: none;	margin:10px 5px 30px;	display: compact;	padding:0;	float:center; vertical-align:top;	position: relative;	height: auto;}
.regioni_sx li {	margin: 5px;}
.regioni_sx a{	font: bolder 9px Tahoma, Arial, Verdana;	color: #174a85;	background-color: #e8f3fa; display: block; margin: 3px;	text-decoration: none;	padding: 2px;	width: 100px;}
.regioni_sx a:hover{	background-color:#ff0aad;	color: #FFF;}

/*
province destra
*/
.regioni_dx ul {	list-style-type: none;	margin:10px 5px 30px;	display: compact;	padding:0;	float:center; vertical-align:top;	position: relative;	height: auto;}
.regioni_dx li {	margin: 5px;}
.regioni_dx a{	font: bolder 9px Tahoma, Arial, Verdana;	color: #174a85;	background-color: #e8f3fa; display: block; margin: 3px;	text-decoration: none;	padding: 2px;	width: 100px;}
.regioni_dx a:hover{	background-color:#ff0aad;	color: #FFF;}
/*
ricerca destinazione home
*/
.b2 form {	color: #000;	margin: 4px;	text-align: center;	padding:0;}
.b2 form label {	display: block;	height: 22px;	text-align: left;	width: auto; margin:0; padding:0;}
.b2 form span { border-bottom: 1px solid #C2D2E1;	display: block; width: 130px; float: left; text-align: right; padding: 0; margin: 3px;}
.b2 form .btn, .strutt .btn, .btn, .gen .btn, .localita .btn {	background:#ff0aad url(../img/px/ara.gif) repeat-x left top;	font-weight: bold; color: #FFF;	font-size: 11px; border: 1px double #ff0aad;}
.b2 form    img,  fieldset, .box_off    img , #ItalyMap   img, #footer  img{	border: none;}
.b2 legend, legend, .leg {	color: #36597C;	font-weight: bold;	text-align: center;}
.b2 form span.mini {	border-bottom: 1px solid #C2D2E1;	display: block; width: 65px;	float: left;	text-align: right;	padding: 0; margin: 3px 2px; font-size: 10px;}
.b2 form select.mini {font-size: 10px;	color: #000;	border: 1px solid #36597C; margin:0; padding:0; width: 100px; }
.b2  form  input.c-txt,.b2  select.c-txt, .c-txt {	font-size: 11px;	color: #000;	border: 1px solid #36597C;}
.b3 {border: 1px solid #e8f3fa;	margin: 0;	padding: 0; position: relative;}
.pag2 {	border: 1px solid #e8f3fa;	margin: 0;	padding: 0;}
.b3 form {	margin: 5px;	padding: 0;}
.b3 .form-elenco {	display: block;	width: 250px;	float: left;	margin: 0 auto;	text-align:center;	padding: 0;}
.b3  form  input, .b3 form select {	font-size: 11px;	color: #000;}
.b3 table form, .b3 table fieldset { margin: 0; padding: 0;}
.lente { display: block; margin: 3px;	background:#FFF url(../img/lente.jpg) no-repeat left center; padding: 10px 5px 5px 80px; }
.lente span a { font:bold 12px Arial;	text-decoration: underline; background-color: #f4f4f4; border: 1px solid #ddd; padding: 5px; margin: 10px 0 0 0; text-align: center; display: block; width: 100px;}
.lente strong {	font-size: 11px;	color: #36597C;}
.dispo  { display: block; margin: 0 0 10px 0; background:#FFF url(../img/dispo.jpg) no-repeat center top; padding: 60px 5px 5px 5px;	font-size: 12px; color: #4170A4; font-weight: normal;}
/*
intestazioni
*/
h1 {	padding: 0;	height: 106px;	width: 220px;	margin: 0 0 0 30px;	display: block;}
h2 {	margin: 0;	background: url(http://www.trovacamping.com/images/h2-2.gif) no-repeat left top; text-transform: uppercase; height: 25px; display: block; padding: 0 0 0 20px;	font:bold 12px Arial; line-height: 25px;}
h2 a {	color: #174a85;	text-decoration: underline;}
h2.crumb { font-size: 12px; text-transform: none; background-image: none; width: 730px; margin: 3px auto 0 auto; border: 1px solid #adcfec; display: block;}
h2.crumb a { color: #174a85;}
h2 span a{	position:absolute;	top:0px; right:20px;	font-weight:normal;	font-size:10px;	text-decoration:underline;	text-transform:none;	color: #36597C;}


h10 {
	margin: 0;
	background-color:#CCCCCC;
	text-transform: uppercase;
	height: 25px;
	display: block;
	padding: 0 0 0 20px;
	font:bold 12px Arial;
	line-height: 25px;
	color: #174a85;
}
.b1 {	border: 1px solid #174a85;	margin: 0px 0 0 0;	padding: 1px; background-color: #FFF;}
.b12 {	border: 1px solid #174A85;	margin: 0px 0 0 0;	padding: 1px; background-color: #FFF;}
.b1_banner {	border: 1px solid #174a85;	margin: 5px 0 5px 0;	padding: 1px; background-color: #FFF; width:140px; }
.b2 {	border: 1px solid #174a85;	margin: 0 0 1px 0 ;	padding: 0;	position: relative;	background-color: #e8f3fa;}
.b1_2 {	border: 1px solid #174a85;	margin: 2px 0 0 0;	padding: 1px; background-color: #e8f3fa;}
.b1_2 p { font-size: 10px; color: #000;}
.b1_2 h3 {	margin: 5px;	padding: 0;	display: block; color: #000; font:normal 10px Tahoma, Arial, sans-serif;}
.b1_2 h3 strong {	font-size: 11px;	color: #ff0aad;}
.b2 p { font-size: 10px; color: #000;}
.b2 h3 {	margin: 5px;	padding: 0;	display: block; color: #000; font:normal 10px Tahoma, Arial, sans-serif;}
.b2 h3 strong {	font-size: 11px;	color: #ff0aad;}
.b3 {	border: 2px solid #fd33b9;	margin: 0;	padding: 0;	position: relative;	background-color: #ffffff;}
.b100 {	border: 1px solid #FFA10D;	background-color: #E8F3FA;}
/*
lista menu province
*/
.lista_regioni {font: bolder 9px Tahoma, Arial, Verdana;	color: #ff0aad;}
A.lista_regioni:link {font: bolder 9px Tahoma, Arial, Verdana;	color: #ff0aad;}
A.lista_regioni:hover {font: bolder 9px Tahoma, Arial, Verdana;	color: #ff0aad;}
A.lista_regioni:visited {font: bolder 9px Tahoma, Arial, Verdana;	color: #ff0aad;}

.lista_prov {font: normal 9px Tahoma, Arial, Verdana;	color: #174a85;}
A.lista_prov:link {font: normal 9px Tahoma, Arial, Verdana;	color: #174a85;}
A.lista_prov:hover {font: normal 9px Tahoma, Arial, Verdana;	color: #174a85;}
A.lista_prov:visited {font: normal 9px Tahoma, Arial, Verdana;	color: #174a85;}
/*
offerte
*/
.box { margin: 2px; padding: 0; background-color: #FFF;	border: 3px solid #EEE;}
.box ul {	list-style-type: none;	margin: 10px; padding: 0;	text-align: center;}
.box ul li {	font-weight: bold;	color: #3D6FA2;	display: block;	margin: 1px;	padding: 3px;	border-bottom: 1px solid #ddd;}
.box a { color: #FF6519;}
.box table { font-weight: bold; padding: 0; width: 90%; margin: 0 auto 10px auto; border: none;}
.box td { border-bottom: 1px solid #E3E9EF; padding: 3px;}
/*
offerte
*/
.box_off  {
	margin: 20px 18px 10px 32px;
	display: inline-table;
	height: 100px;
	width: 130px;
	padding: 11px 0 0 0;
	float: left;
	font-size: 10px;
	text-align: center;
	position: relative;
	background-image: url(http://www.trovacamping.com/images/bg_off.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.box_off  span {	display: block;	width: 130px;	padding: 0;	text-align: center;	margin: 0;}
.box_off  a {	display: block; color: #174a85;	cursor: pointer; margin: 0; padding: 0;}
.box_off strong {	display: block;	height: 12px;	text-align: left;	margin: 0;	padding: 4px 0 0 17px;}
/*
cambio lingua
*/
.flag {
 height: 56px;
}
.flag img{margin:0; border:0px;	opacity:1;	-moz-opacity:1;	filter:alpha(opacity=100);}
.flag a img{	margin:0;	border:0px;	opacity:0.3;	-moz-opacity:0.5;	filter:alpha(opacity=50);}
.flag a:hover img{	margin:0;	border:0px;	opacity:1;	-moz-opacity:1;	filter:alpha(opacity=100);}

/*
paginazione
*/
.pag {	border: 1px solid #D7E1EB;	margin: 0;	padding: 2px;	position: relative;	text-align: center;}
.pag a {	background-color: #ff0aad;	font-size: 10px;	font-weight: bold;	color: #FFF;	border: 1px solid #8BA8C2;	padding: 3px;}
.pag a:hover {	background-color: #B4C7D8;	color: #FFF;	text-decoration: none;}
.pag  a.evi  {	background-color: #4D7293;}
table#dispo {	border: 1px solid #ccc;}
table#dispo td {	background-color: #EAF0F4;}
#dispo a img {	border: none;}
table#dispo th {	font-weight: bold;	background-color: #DAE6FA;	color: #4170A4;}
.box .txt_sx {	text-align: left;}
.calendar {	background: url(../img/px/cal.gif) no-repeat left top;	display: block;	height: 15px;	width: 16px;	border: none;	margin: 0;	padding: 0;	position: absolute;	left: 240px;	top: 0px;}
.relative {	position: relative;}
ul.risultati {list-style-type: none;margin: 0;padding: 0;}
ul.risultati li { background-color: #f0f0f0; margin: 10px; height: 40px; padding: 10px 0 0 10px; border-bottom: 1px solid #CCC; font:bold 12px Arial, Helvetica, sans-serif;}
ul.risultati  strong { color: #FF6643;}
ul.risultati  li span { font-size: 10px; font-weight: normal; display: block; width: 200px; float: left; height: 20px;}
p.legend { color: #36597C; font-weight: bold; text-align: center; margin:6px 0; }

/*
tutte le destinazioni
*/
.dest{	background: url(http://www.trovacamping.com/images/sfondo_destinazioni.gif) repeat-x -5px 25px;}
ul.h_dest{ margin: 0 auto; list-style-type: none; padding: 0; width: 738px;}
ul.h_dest ul{ list-style-type: none; margin: 0; padding: 0;}
ul.h_dest li{ display: inline; float: left; width: 123px;}
ul.h_dest li a{ color: #FFF; font-weight: bold; display: block; height: 20px; margin: 0; padding: 5px 0 0 5px; width: 110px;}
ul.h_dest li ul li a {	color: #174a85; background: url(http://www.trovacamping.com/images/px/freccia.gif) no-repeat left center; display: block; margin: 1px 0; padding: 0 0 0 12px;	height: 15px;	font-weight: normal;}

/*
footer
*/
#footer {	margin:5px auto;	text-align:center;	padding:0;	height:150px;	width: 758px;}
#footer ul{	border:none;	display: block;	font:bold 10px Tahoma, Arial, Verdana;	margin:0;	padding:30px;	list-style:none;	color: #FFF;	text-decoration:none;	background:url(http://www.trovacamping.com/images/ft.gif) repeat-x;	width:auto;	position:relative;	bottom:0;}
#footer ul a:hover, .footer ul a:hover{	color:#ff2be0;	text-decoration:none;}
#footer li{	display: inline;	padding:5px;	margin:0;	background:url(http://www.trovacamping.com/images/ft_btn.gif) bottom;	border:5px #FFF solid;	border-right:0;	border-top:0;}
#footer li.last{	display: inline;	padding:5px;	margin:0 -5px 0 0;	background:url(http://www.trovacamping.com/images/ft_btn.gif) bottom;	border:5px #FFF solid;	border-top:0;}
#footer ul a{	color: #174a85;	text-decoration:none;}
#footer p {	font-size: 10px; color: #BFBFBF; margin: 0; }


.NomeStruttura {color: #174A85; font-family: Verdana, Arial, sans-serif}

.DatiStruttura {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	color: #174A85;
	font-weight:bold;
}

/* Share Dock Styles */
#sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
#dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.dock-container { position: relative; background: url(images/dock-background-sm.png) no-repeat bottom right; height: 50px; padding: 20px; }
.dock-contaner-left { background: url(images/dock-background-sm.png) no-repeat left bottom; width: 15px; height: 32px; position: absolute; bottom: 0; left: -30px; }
.dock-container .custom_images a { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dock-container .custom_images img { border: 0; margin: 5px 10px 0px; width: 100%; }
            
