@charset "iso-8859-1";
/* author: Ruggero Barsacchi */
/* Creation date: 11/12/2002 */

/* VERSIONE 2006 */
html {overflow-x:hidden; overflow-y:auto;}

body {font-family:Verdana, "Trebuchet MS", sans-serif; color: #000000; font-size:80%; margin:0 15px 0 0;}

#posizione {position:absolute; bottom:-210px; width:99%; min-height:50px; text-align:left; padding:5px; border:1px dashed #cccccc; background-color:#FFFFFF; background-image:url("http://www.ferietoscane.it/imgs/fine.png"); background-position:top right; background-repeat:no-repeat;}
#posizione h1 {font-family:Tahoma; font-size:100%; text-align:center; font-style:normal; color:#000000; margin:0; padding:0; font-weight:normal; border-bottom:1px dashed #cccccc;}

h1 {font-family:Verdana; font-size:150%; line-height:180%; color:#336600; padding-left:3px; padding-bottom:0; margin-bottom:0; font-weight:bold;}
h2 {font-family:Verdana; font-size:150%; line-height:180%; color:#336600; padding-left:3px; padding-bottom:0; margin-bottom:0; font-weight:bold;}
h4 {font-family:Verdana; line-height:100%; font-weight:bold; color:#336600; margin:0;}
h6 {font-family:Verdana; line-height:100%; font-weight:bold; color:#FF9900; margin:0; border-bottom:1px dashed #FF9900; font-size:150%;}
a:link     {color:#333399; text-decoration: underline}
a:visited  {color:#333399; text-decoration: underline}
a:hover  {background-color:#cc0000; color:#ffffff; text-decoration:underline}

/* SPECIALI x SEO */
.interno h1 {font-family:Verdana; font-size:120%; line-height:180%; color:#000000; padding-left:3px; padding-bottom:0; margin-bottom:0; font-weight:bold;}
/*********************/

/* CONTENITORE */
#contenitore {position:relative; width:100%;}
/*********************/

/* CONTENUTO */
#contenuto {position:relative; margin-right:192px; padding-left:5px; z-index:20;}
#whereyouare {color:#ff3333; background-color:#f4f4f4; line-height:150%; letter-spacing:0.1em; border-top:1px dotted #000000; border-bottom:1px dotted #000000; margin:12px 15px 10px 8px; text-align:left; width:98%; padding-left:5px;}
#whereyouare h3 {color:#ff3333;}
.menusonoqui {font-family:Verdana; line-height:100%; font-weight:bold; color:#FFFFFF; margin:0; font-size:100%;}
/*********************/

/* HEADER */
#header {height:65px;}
#menu {margin-top:-33px;}
#logo {float:left; width:175px; height:67px; margin-top:-3px; margin-left:3px; background:url("http://www.ferietoscane.it/imgs/ferie_in_toscana.png");background-repeat:no-repeat; cursor:pointer;}
#logouk {float:left; width:175px; height:67px; margin-top:-3px; cursor:pointer;}
#logode {float:left; width:175px; height:67px; margin-top:-3px; cursor:pointer;}
#memologin {margin-left:180px; text-align:right; padding:12px 8px 0 0;}
#memologin form {margin:0 0 10px 0;}
#nav {margin-top:3px; padding:5px; padding-left:20px; text-align:left; font-size:90%; background:url("http://www.ferietoscane.it/imgs/boxtitle.gif");}
#nav a {color:#FFFFFF;}
/*********************/

/* COLONNA */
#colonna {position:absolute; right:7px; top:10px; width:180px; z-index:20;}
.box {width:180px; margin-bottom:8px; background-position:bottom; background-repeat:no-repeat; padding-bottom:12px;}
.box .boxAperto .boxinterno {display:block;}
.box .boxChiuso .boxinterno {display:none;}
.box h3 {height:22px; margin-bottom:0; text-align:center; cursor:pointer;}
.box h3:hover {color:#999999;}
.box .evento {text-align:center; padding:5px 1px 5px 1px; margin:0; background-repeat:repeat-y;}
.box p {text-align:center; margin:0; background-repeat:repeat-y;}
.box ul {text-align:left; margin:0; background-repeat:repeat-y; list-style:none; margin:1em 0 1em 0;
	padding-left:0px;}
.box ul li {line-height:150%; padding:0 0 4px 20px; background: url("http://www.ferietoscane.it/imgs/lista.gif") no-repeat 3px 5px;}
/*********************/

/* EVENTI */
.evento {border:1px solid #99CC66; padding:3px;}
.evento h2 {font-family:Verdana; font-size:110%;}
.evento .data {background-color:#99CC66; color:#FFFFFF;}
/*********************/

/* cartina */
#involucromappa {margin-bottom:10px; margin-top:-5px; margin-left:-8px;}
#mappElencoGrande {}
#mappElencoGrande h2 {margin:0; font-size:12px;}
#mappElencoGrande p {margin:0; font-size:11px;}

/* FOOTER */
.clearAll {clear:both; height: 0px;}
#foot {position:relative; background-color:#eeeeee; margin-top:10px; margin-bottom:10px; padding:5px; text-align:left; font-size:90%; border-top:5px solid #7FAA2A;}
/*********************/

/* cartine */
#mappadinamica {width:538px; height:522px;}
/* mappa del sito */
.mappa_intestazione {background-color:#336600; color:#FFFFFF;}

/* offerte */
.offerta {clear:inherit; min-height:95px; padding-left:8px; margin-bottom:15px; border:1px solid #99CC33;}
.offerta h4 {font-family:Tahoma; color:#FFFFFF; font-size:120%; background-color:#99CC33;}

/* elenchi */
.elenco {line-height:180%;}
.spotElencoSX {background-color:#FFFFFF; height:135px; width:50%; margin-top:5px; padding-top:5px; border-top: 1px dotted #000000; font-size:100%; margin-bottom:0px; padding-right:7px;}
.spotElencoSX A {font-weight: bold; font-size: 100%; }
.spotElencoDX {background-color:#FFFFFF; height:135px; width:50%; margin-top:5px; padding-top:5px; border-top: 1px dotted #000000; font-size:100%; margin-bottom:0px; padding-left:7px;}
.spotElencoDX A {font-weight:bold; font-size:100%; margin-top:5px;}

/* liste */
.lista ul {text-align:left; margin:0; list-style:none; margin:1em 0 1em 15px; padding-left:0px;}
.lista ul li {line-height:120%; padding:0 0 4px 10px; background: url("http://www.ferietoscane.it/imgs/freccina.gif") no-repeat 3px 5px;}

/* commenti */
.comments-head {
	float:none;
	margin:20px 0 8px 0; padding:0px;
	font-size:16px;
	color:#999933;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	text-decoration:underline;
}
.comments-body input {
	margin-left:5px;
	font:11px Tahoma,Arial, Helvetica, sans-serif;
	color:#5F5F5F;
	border-style:outset;
	border:none;
	border-bottom:1px solid #EEEEEE;
}

/* BLOG */
#contenutoblog {margin-right:280px; position:relative; padding-left:20px; z-index:20;}
#contenutoblog h1 {
	float:none;
	margin:0px; padding:0px;
	margin-bottom:10px;
	font-size:20px;
	color:#70AF2D;
	font-weight:bold;
	letter-spacing:2px;
	font-variant:small-caps;
	text-align:center;
}
#contenutoblog h2{font-size:15px; margin:8px 0 8px 0; color:#669933; letter-spacing:1px; border-bottom:1px dashed #669933;}
#contenutoblog p{text-align:justify;}
#contenutoblog .data{text-align:right; font-weight:bold; margin-right:8px;}

#colonnablog {position:absolute; right:7px; top:10px; z-index:20; width:250px;}
#colonnablog a {color:#70AF2D; text-decoration:none;}
#colonnablog a:hover{color:#70AF2D; text-decoration:underline;}
#colonnablog .box {
	margin:0px; padding:0px;
	margin-bottom:7px;
	padding:6px;
	width:244px;
	height:90px;
	border:1px solid #E7E6E6;
	background:#FFFFFF;
	font-size:80%;
}
#colonnablog .box img {float:left; margin-right:8px; padding:3px; border:1px solid #eeeeee;}
#colonnablog .box p { 
	margin:0px; padding:0px;
	margin-top:3px;
	font-size:10px;
	line-height:130%;
	text-align:justify;
	background:#FFFFFF;
}
#colonnablog .box p a{text-decoration:underline;}

/* mappa */
#mappa {position:relative; margin: 0px 0px 10px 0px;}
.mappaElenco {margin:0px 0px 0px 0px; float:right;}
.mappaElencoGrande {margin:0px 0px 0px 0px;}
.angoloSXTop[class] {background: url("/imgs/mappa/cornerSXTop.png") no-repeat;}
.angoloDXTop[class] {background: url("/imgs/mappa/cornerDXTop.png") no-repeat;}
.angoloSXBottom[class] {background: url("/imgs/mappa/cornerSXBottom.png") no-repeat;}
.angoloDXBottom[class] {background: url("/imgs/mappa/cornerDXBottom.png") no-repeat;}
.angoloSXTop {position: absolute;z-index: 1;top: 0px;left: 0px;width: 19px;height: 20px;}
.angoloDXTop {position: absolute;z-index: 1;top: 0px;right: 0px;width: 19px;height: 20px;}
.angoloSXBottom {position: absolute;z-index: 1;bottom: -2px;left: 0px;width: 19px;height: 20px;}
.angoloDXBottom {position: absolute;z-index: 1;bottom: 0px;right: -1px;width: 19px;height: 20px;}
* html .angoloDXBottom {bottom: -1px;}
.markerTooltip {background: url('/img/mappa/bgPDM.png');color: #000;font-weight: bold;font-size: 11px;white-space: nowrap;margin: 0px;padding: 4px 5px 3px 5px;border: 1px solid #FFF;}

/* form iscrizione */
.red {color:#FF0000;}
/* Validation form*/
.panel {clear: both; display: none; border: 3px solid #CCC; padding: 1em;}
.panel.active-tab-body {display: block;}
input.disabled {border: 1px solid #F2F2F2; background-color: #F2F2F2;}
input.required, textarea.required {border: 1px solid #00A8E6;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300; color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00; color : #000;}
.validation-advice {margin: 5px 0; padding: 5px; background-color: #FF3300; color : #FFF; font-weight: bold;}
.custom-advice {margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold;}
fieldset {padding: 1em; margin-bottom: 0.5em;}
label {font-weight: bold;}
.form-row {clear: both; padding: 0.5em;}
.field-label {}
.field-widget {}