body {
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

h1 {
	font-weight: bold;
    font-size: 1.4em;
    text-align: CENTER;
    margin-bottom: 13px;
}

.descrizioneServizio {
	text-align:justify;
	margin-bottom:15px;
}

#pageWrap {
	max-width:400px;
}

.accordion h3 {
	text-transform:uppercase;
}

.accordion h3 img {
	position:absolute;
}

.accordion h3 span {
	margin-left:32px;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 1.2em;
}

#accordionMesi.ui-accordion > .ui-accordion-header, 
#accordionHotel.ui-accordion > .ui-accordion-header.hotel,
#divPeopleAges > .accordion > .ui-accordion-header {
	background: #fff7b9;
	text-transform:none;
}
#accordionPersone.ui-accordion > .ui-accordion-header, 
#divPeopleNames > .accordion > .ui-accordion-header,
#divPeopleAges > .accordion .divAge,
#divRooms > .accordion > .ui-accordion-header,
#divExtra > .accordion > .ui-accordion-header,
#divPrenotazione > .accordion > .ui-accordion-header,
#divStatistica > .accordion > .ui-accordion-header,
#divConferma > .accordion > .ui-accordion-header
 {
	background: #deff4d;
	text-transform:none;
}

#accordionPeriodSettimana.ui-accordion > .ui-accordion-header > .ui-accordion-header-icon,
#accordionPeriodWeekend.ui-accordion > .ui-accordion-header > .ui-accordion-header-icon,
#accordionHotel.ui-accordion > .ui-accordion-header > .ui-accordion-header-icon,
#accordionPersone.ui-accordion > .ui-accordion-header > .ui-accordion-header-icon, 
#divPeopleNames > .accordion > .ui-accordion-header > .ui-accordion-header-icon,
#divRooms .accordion > .ui-accordion-header > .ui-accordion-header-icon,
#divExtra .accordion > .ui-accordion-header > .ui-accordion-header-icon,
#divPrenotazione .accordion > .ui-accordion-header > .ui-accordion-header-icon ,
#divStatistica .accordion > .ui-accordion-header > .ui-accordion-header-icon ,
#divConferma .accordion > .ui-accordion-header > .ui-accordion-header-icon 
{
	display:none !important;
} 

#divPrenotazione > .accordion > .ui-accordion-header > span,
#divStatistica > .accordion > .ui-accordion-header > span,
#divConferma > .accordion > .ui-accordion-header > span {
	margin-left:3%;
}

#accordionSettimana.ui-accordion > .ui-accordion-header, #accordionWeekend.ui-accordion > .ui-accordion-header {
	background: #fcc03c;
	text-transform:none;
}

.accordionPeriod.ui-accordion > .ui-accordion-header {
	background:#e1ff51;
}


.ui-accordion .ui-accordion-header {
	margin:0 !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	display: block;
	right: .5em;
	left:auto;
	height: 21px;
	width: 21px;
	background:url("../images/arrow-right.png") no-repeat center center;
}

.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
	background:url("../images/arrow-down.png") no-repeat center center;
}

.ui-accordion h3, .ui-accordion div  {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	border-color:#c8c8c8 !important;
}

.ui-accordion h3, .ui-accordion div  {
	border-top:1px solid;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

#accordion1, #accordion2 {
	border-top:none;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}

#accordion1.ui-accordion > .ui-accordion-header,
#accordion2.ui-accordion > .ui-accordion-header {
	background: #eed41d;
}

.accordion > div  {
	padding:0 !important;
	border-top:none !important;
}

.ui-widget {
    font-family: inherit;
}

.emailWrap {
	border: 1px solid #c8c8c8;
	margin-bottom:20px;
	background:#FFFFFF;
	position: relative;
}

.emailWrap > input, .package #inputEmail {
	margin: 0px; 
	border: 0px none; 
	padding: 1em 0 1em 13%;
    width: 87%;
	font-size:1.2em;
}

/* .package #inputEmail {
	border: 1px solid #c8c8c8;
	margin-bottom:20px;
	padding: 1em 0 1em 3%;
    width: 97%;
} */

.privacy {
	border-top:1px solid #a4a4a4;
	border-bottom:1px solid #a4a4a4;
	margin-bottom:20px;
	padding:20px 0;
	color:#a8a8a8;
	font-size:12px;
}

.privacy a {
	color:#a8a8a8;
}

.privacy > span {
	text-transform:uppercase;
	color:red;
	font-weight:bold;
	text-decoration:underline;
}

#privacy-checkbox {
	margin-top: 15px;
}

.formError {
	color:red;
	border-top:1px solid #a4a4a4;
	border-bottom:1px solid #a4a4a4;
	margin-bottom:20px;
	padding:20px 0;
}

.accordion > div > div.subheader > h3  {
	padding:0.5em 1.2em 0.5em 1em;
	border:none !important;
	text-transform:none;
}

div.subheader {
	background-color:#e6e6e6;
}

h3 > input {
	position: absolute;
	right: 7%;
	top: 5px;
	text-align: center;
}

h3 > input.numeric {
	width: 30px;
}

.accordion > div, .accordion > h3 {
	position:relative;
}

.period > .ui-accordion-header-icon {
	display:none;
}

#effettuaPrenotazione, #confermaPrenotazione {
	background:#FF5A00;
	padding:30px 40px;
	text-align:center;
	display:none;
	font-size: 0.7em;
}

#effettuaPrenotazione input[type=button], #confermaPrenotazione input[type=button]{
	font-weight:bold;
	font-size:1.7em;
	text-align:center;
	text-transform:uppercase;
}

#confermaPrenotazione input[type=button] {
	margin-top:15px;
}

span.value {
	color: red;
    font-size: 13px;
    margin-left: 10px !important;
}

.preventivo {
	background: #11dc42 url("../images/icon-preventivo.png") no-repeat scroll 24px 8px;
    color: white;
    font-size: 1.1em;
    padding: 0.6em 0.5em 0.6em 3.1em;
    text-transform: uppercase;
	display:none;
}

#accordion2 > h3, #accordion2 > div {
	display:none;
}

#divPeopleNames input {
    font-size: 0.7em !important;
    height: 1.5em;
    left: 7%;
    position: absolute;
    text-align: left;
    top: 8px;
    width: 47%;
}

select.activity {
	font-size: 0.7em !important;
    position: absolute;
	width:20%;
    right: 22%;
}

select.noleggio {
	font-size: 0.7em !important;
    position: absolute;
	width:15%;
    right: 4%;
	top: 22% !important;
}

#titlePeopleNames {
	border-top: 0 none;
}

select.notEmpty {
    color: red;
}
select.notEmpty option {
    color: #000;
}
select.notEmpty option:disabled {
    color: red;
}

.data {
	font-size: 14px !important;
    width: 6em;
	text-align:left;
}

#divPeopleAges > div > h3 > span {
	font-size: 14px !important;
}

select.giorno, select.mese {
	width: 3em;
}

select.anno{
	width: 5em;
}

#divPeopleAges > .accordion .divAge {
	padding:0.5em 1.2em 0.5em 1em !important;
}

.preventivo .loading {
	margin-left: 16px;
    width: 16px;
}

select.rooms, select.roomsNum {
	font-size:0.6em;
}


select.rooms {
    margin-right: 10%;
    width: 50%;
}

#aggiungiCamera {
	font-size:0.8em;
	text-decoration:underline;
}

.selectAggiunte {
	font-size: 0.7em !important;
    position: absolute;
    right: 4%;
    width: 22%;
}

.selectStatistica, .inputStatistica {
	font-size: 0.7em !important;
    position: absolute;
    right: 4%;
    width: 40%;
}

.inputStatistica {
    width: 39%;
	text-align:left;
}

#accordionExtra h3 > span {
	font-size:0.7em;
}

#accordionPrenotazione > h3 > input {
	font-size: 0.9em;
    margin-bottom: 2%;
    margin-left: 10%;
    position: relative;
    text-align: left;
	width:80%;
}

.title {
	text-transform:uppercase;
	text-decoration:underline;
	display:block;
	margin-top:15px;
	margin-left:0 !important;
}

#riassunto {
	color: #000;
    font-size: 0.9em;
    padding-left: 45px
}

#textarea[name=note]{
	width:90%;
}

.package#pageWrap {
	max-width:300px;
	margin:0 auto;
}

.package .accordion h3 span.value {
	font-size: 11px;
    position: absolute;
    right: 30px;
    top: 14px;
}
/*
.package .ui-accordion-header-icon.ui-icon {
    display: none !important;
}//*/
/*
.package div#divPeriod, .package div#divHotel, .package div#divPeople {
	display: none !important;
}*/

@media screen and (max-width: 350px) {
	.package h3.ui-accordion-header span.value {
		position:static;
		display:block;
	}
}
.package#pageWrap {
	width:100%;
	max-width:100%;
}

.package div#accordion1 div {
	font-size:12px;
}

#preventivoWidget {
	display:none !important;
}