/* QUESTO LO ELIMINIAMO*/

html, body { 
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	min-width: 100%;
	min-height: 100%;
	color: #222222;
	background:#white;
}
.logo{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
.logo img{
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.ui-datepicker-trigger{
	cursor: hand;
	cursor: pointer;
	
}	
.footer_booking{
	margin-top: 20px;
	text-align: center;
	padding: 10px 0;
	border-top: 1px dashed #CCCCCC;
	font-size:1.2em;
}
.footer_booking .title{
	font-size:1.2em;
}
div.small {
	font-size:0.8em;
}

/* COLORI FIELDSET */
.offertecolore{
	background-color:#edf2f1;
}

/*TITOLI*/
#contact h1 {
	font-size: 2em;
	line-height:85%;
	margin:0;
	padding:0;
	color: #333333;
}
#contact h2 {
	margin: 10px 0 10px;
	font-size: 1em;
	color: #333333;
}
#contact h3 {
	margin: 10px 0 10px;
	font-size: 1em;
	color: #333333;
	float: left;
}
#contact h4 {
	margin: 10px 0 10px;
	font-size: 1em;
	color: #333333;
}
/*#contact p, label, legend {
	font-size:1.5em;
	font: 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}*/
#contact a {
	color:#000000;
}
#contact hr {
	color: inherit;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-style: none none solid;
}

/*SUPPLEMENTI*/
ul.supplementi  {
	float: left;
}
ul.supplementi li  {
	/*font-size: 1.5em;*/
	list-style: none;
	float: left;
	margin-right: 5px;
}
#contact {
	display: block;
	margin: 20px auto;
	padding: 20px;
	/* border: 1px solid #cbcbcb;
	background-color: #F7F7F7;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
	width: 90%;*/
	max-width: 1100px;
}

/*INCOLONNIAMO*/
.span6{
	margin-right: 3%;
	float: left;
}
.span6image{
	width:28%;
	margin-right:2%;
	/*margin-right: 3%;*/
	float: left;
	overflow:hidden;
	/*width:250px;
	height:218px;*/
}
.span6testofferta
{
	/*margin-right: 3%;*/
	float: left;
	/*width: 70%;*/
	width:68%;
	margin-right:2%;
}
.clearerform{
	clear: both;
	padding: 15px 0px;
}
mark.validate {
	display: inline-block;
	margin: 12px 0 0 10px;
	width: 16px;
	height: 16px;
	background: transparent none;
}
mark.valid {
	background: url(../img/success.gif) no-repeat top left;
}
mark.error {
	background: url(../img/error.gif) no-repeat top left;
}
#contact label {
	display: inline-block;
	float: left;
	/*height: 1em;*/
	/*line-height: 1.7em;*/
	padding:8px 5px 0 0;
	/*font-size: 1.4em;*/
	margin: 5px 0;
	clear: both;
	width: 110px;
}
.date {
	float: left;
	/*font-size:1.4em;*/
	line-height:2.8em;
	padding: 6px 0 0;
	margin: 5px 15px 5px 0;
}
.important{
	background-color:#F3F3F3;
	padding:3px;}

#contact label small {
	font-size: 0.80em;
	color: #ccc;
}
#contact label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
}
#contact label.verify img {
	padding:1px;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#contact input, #contact textarea, #contact select, #contact button {
	padding: 5px;
	color: #22222;
	background: #FFFFFF;
	border: 1px solid #ccc;
	margin: 10px;
	font-size:1.3em;
	/*font:1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	/*vertical-align: top;*/

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;

	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
#contact select {
	/*width: auto;
	margin: 8px 0;*/
}
#contact select#note {
	width:auto;
}
/*LO USIAMO PER INPUT TUTTI UGUALI*/
#contact input.long {
  min-width: 150px;
}

#contact select.long{
  min-width: 172px;
}
  


#contact input#verify {
	width: 55px;
}
#contact textarea {
	width: 414px;
	/*width:80%;*/
}
#contact input:focus, #contact textarea:focus, #contact select:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	color:#333;
	outline: none;
	position: relative;
	z-index: 5;

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
#contact input.error, #contact textarea.error, #contact select.error {
	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	border: 1px solid #faabab;
	background: #fef3f3;
}


rey:focus {
	top: 1px;
}


/*BUTTON AGGIUNGI E ELIMINA CAMERA*/
a.button.icon {
  padding-left:11px;
}

a.button {
	background:#555;
	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(60,60,60)),
	    color-stop(1, rgb(85,85,85))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(60,60,60) 12%,
    	rgb(85,85,85) 100%
	);
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 15px;
	text-decoration: none;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	display: block;
	color: #FFFFFF;
	line-height: 24px;
	font-size: 15px;
	font-weight: bold;
	cursor:hand;
  	cursor:pointer;
}
a.button:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	color:#FFFFFF;
}
a.button.icon span {
  background-image:url(../../images/icons.png);
  background-position:0 -4px;
  background-repeat:no-repeat no-repeat;
  padding-left:36px;
  color:#FFFFFF;
}
a.button.iconmeno span {
  background-image:url(../../images/icons.png);
  background-position:0 -36px;
  background-repeat:no-repeat no-repeat;
  padding-left:36px;
  color:#FFFFFF;
}

/*BOTTONE INVIA RICHIESTA*/
#contact input.submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color:#fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 300%;
	margin-top:10px;
	font-weight:bold;
	background:#555;
	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(60,60,60)),
	    color-stop(1, rgb(85,85,85))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(60,60,60) 12%,
    	rgb(85,85,85) 100%
	);
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-family:'Open Sans', sans-serif;
}

#contact button.submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color:#fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 300%;
	margin-top:10px;
	font-weight:bold;
	background:#555;
	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(60,60,60)),
	    color-stop(1, rgb(85,85,85))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(60,60,60) 12%,
    	rgb(85,85,85) 100%
	);
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-family:'Open Sans', sans-serif;
}

#contact input.submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
#contact input.submit:active, #contact input.submit:focus {
	top: 1px;
}

#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {
	padding: 30px;
	border: 1px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 30px;
	clear: both;
	background-color: #f9f9f9;
	
}
#contact legend {
	padding: 20px 10px;
    /* font-weight: bold; */
    color: #fff;
    /* border: 1px solid #eee; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 0 !important;
    margin-bottom: 20px;
    background-color: rgba(91, 193, 214, 0.94);
}
#contact input[type="checkbox"] { width:20px; /*margin-top:11px;*/ }
#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 1em 0; padding: 0; display: block; background: transparent none; overflow:hidden;}

.error_message { display: block; line-height: 22px; background-color: #FBE3E4; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; overflow:hidden;}

.loader { padding: 0 10px; margin: 13px 0px 0px 10px;}

#contact #success_page h1 { background: url('../img/success.gif') left no-repeat; padding-left:22px; }

#contact input[type="radio"] { width: 20px; margin-top:0px;}
#contact .radio {width:100%;}

acronym { border-bottom:1px dotted #ccc; }



/**********************/
/*   MESSAGGI DI ERRORI - ma ci vanno ora?   */
/**********************/

#yykk_messaggio 
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid;
	margin: 0 0 15px 0;
	padding: 8px 10px 0 10px;
	display: none;
	border-color: #f3abab;
	background: #f9c9c9 url(images/msg-error.png) repeat-x;
	color: #8d0d0d;
	width: 580px;
}

#yykk_messaggio p
{	
	margin: 0 0 8px 0; 
	padding-left: 25px;
	min-height: 16px;
	background: url(images/cross_octagon.png) 0 50% no-repeat;
}

.refresh{cursor:hand; cursor:pointer; float:right; }

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.refresh {cursor:hand; cursor:pointer; float:right; position: relative; /*top:-40px;*/ }  
} 

/* tablet & mobile landscape */
@media screen and (min-width: 465px) and (max-width: 700px){
#contact select#note {
	width:auto;
	max-width:50%;
}
#contact textarea {
	/*width: 414px;*/
	width:90%!important;
}
#contact input.submit {
	font-size:200%;
}
div.small {
	font-size:0.6em;
}
.span6image{
	width:100%;
	margin:0 auto;
	/*margin-right: 3%;*/
	float: left;
	overflow:hidden;
}
.span6image img {
	width:100%;
	height:auto;
	max-width:100%;
}
.span6testofferta
{
	width:100%;
	margin:0 auto;
	float: left;
}
}
/* mobile */
@media screen and (min-width: 280px) and (max-width: 464px){
#contact fieldset {
	width:95%;
	margin:0 auto;
}
#contact select#note {
	width:auto;
	max-width:38%;
}
#contact select {
	min-width:50%;
	width:50%;
}
#contact textarea {
	/*width: 414px;*/
	width:90%!important;
}
#contact input.submit {
  font-size: 2em!important;
}
div.small {
	font-size:0.6em;
}
.span6{
	width:100%;
}
.span6image{
	width:100%;
	margin:0 auto;
	/*margin-right: 3%;*/
	float: left;
	overflow:hidden;
}
.span6image img {
	width:100%;
	height:auto;
	max-width:100%;
}
.span6testofferta
{
	width:100%;
	margin:0 auto;
	float: left;
}
}

/* NOVECOLLI */
.toprichiesta {
	overflow:hidden;
	margin-bottom:30px;
}
.gh, .cbv, .payoff .novecolli{
	/*width:25%;*/
	height:auto;
	float:left;
	margin-right:20px;
}
.gh a img, .cbv a img, .payoff .novecolli img {
	width:auto;
	height:auto;
	max-width:100%;
}
.consenso_privacy{
	font-size:0.8em;
}