body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	margin: 0;
	padding: 0;
	color: #000000;
}

h1 {
	font-size: 32px;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
}




/*--------------------- CONTENT ------------------------------------*/


#details-property-photo {
	background-color:#333333;
}
#details-property-photo-caption {
	width:100%;
	background-color:#0eaaa6;
	height:60px;
	color:#fff;
}
	.details-property-photo-caption-left {
		width:50%;
		text-align:left;
		float:left;
		font-size:24px;
		margin-top: 10px;
	}
	.details-property-photo-caption-right {
		width:50%;
		text-align:right;
		position:relative;
		float:left;
		font-size:30px;
		font-weight:700;
		margin-top: 5px;
	}
#details-property-data {
	width:49%;
	float:left;
	margin-bottom:20px;
}
	#details-property-data h3 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		margin-bottom: 0;
	}

	#details-property-data p {
		font-size:14px;
		margin-right:1%;
		text-align:justify;
		color:#666;
	}
	.details-label-container {
    float: left;
    width: 99%;
    border-bottom: 1px solid #ccc;
	}
	.details-label-title {
    width: 34%;
    float: left;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 0 5px 1%;
	color:#666;
	}
	.details-label-data {
    width: 65%;
    float: left;
    font-size: 13px;
    padding: 5px 0;
	color:#666;
	}
	.details-note {
		width: 96.5%;
		float: left;
		background-color: #F0F0F0;
		overflow: hidden;
		padding: 0 1%;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 1px solid #ccc;
	}
	.details-note h6 {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		margin-top: 15px;
		margin-bottom: 0;
	}
	.details-not p {
		font-size: 13px;
	}
#details-photo-360-container {
	width:49%;
	position:relative;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	box-sizing:border-box;

}

	#panorama1, #panorama3, #panorama5  {
		width: 49.5%;
		height: 200px;
		float: left;
		margin-right: 0.5%;
		margin-bottom:1%;
		box-sizing: border-box;
	}
	#panorama2, #panorama4, #panorama6 {
		width: 49.5%;
		height: 200px;
		float: left;
		margin-left: 0.5%;
		margin-bottom:1%;
		box-sizing: border-box;
	}
    #panorama1solo, #panorama3solo, #panorama5solo  {
		width: 100%;
		height: 200px;
		float: left;
		/*margin-right: 0.5%;*/
		margin-bottom:1%;
		box-sizing: border-box;
	}

#details-property-map {
	width:49%;
	height:auto;
	position:relative;
	float:right;
	margin-top:0px;
	margin-bottom:20px;
}
#details-contact-data {
	width:49%;
	margin: 0 1% 0 0;
	padding: 0 20px;
	float:left;
	background-color:#e5e5e5;
	border-radius:5px;
	box-sizing: border-box;
}
	#details-contact-data h3 {
		font-size:28px;
	}
	.phone {
		font-size:24px;
		margin:0 0 10px 0;
	}
#details-contact-form {
    width: 49%;
    float: left;
    margin-left: 1%;
}
#details-contact-form input[type="text"] {
	width:100%;
	margin-bottom:10px;
	padding-left:5px;
}
#details-contact-form input[type="email"] {
	width:100%;
	margin-bottom:10px;
	padding-left:5px;
}
#details-contact-form input[type="tel"] {
	width:100%;
	margin-bottom:10px;
	padding-left:5px;
}
#details-contact-form textarea {
	height: 35px;
	color: #394041;
	width:100%;
	height:80px;
	margin-bottom:10px;
	padding-left:5px;
	border: 1px solid #cdcdcd;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#related-property-container {
	float:left;
	margin-top:0px;
	width:31.73%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	margin-bottom:20px;
	text-align:center;
	border: 1px solid #CCC;
	box-sizing: border-box;
	transition-property: background-color color;
	transition-duration: 0.5s;
	/*padding:10px;*/
}
#related-property-container:hover {
	background-color:#64d5d3;
	color:#fff !important;
}
#related-property-photo {
	position:relative;
	float:left;
	width:110px;
	height:110px;
	margin-right: 10px;
	box-sizing: border-box;
	overflow:hidden;
}
#related-property-photo img {
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%,-50%);
}
#related-property-container h3 {
	text-align:left;
	margin:5px 0 0 0;
	overflow: hidden;
	height: 30px;
}
.related-property-location{
	text-align:left;
	margin:5px 0 0 0;
	font-size:14px;
	height:35px;
	overflow:hidden;
}
.related-property-price{
	text-align:left;
	margin:4px 0 0 0;
	font-size:20px;
	overflow: hidden;
	height: 30px;
}

/*-------------- LISTNO PREZZI --------------*/
#pricelist-container {
	width: 100%;
	/*margin-bottom:20px;*/
	margin-top:20px;
	background-color:#fff;
	overflow:hidden;
	display:inline-block;
	text-align:left;
}
.pricelist-title {
	width: 98%;
	float:left;
	font-size:26px;
	text-align:center;
	color:#fff;
	padding: 15px 1%;
	background-color:#0eaaa6;
	margin-bottom:5px;
}
.pricelist-year {
	width: 50%;
	float:left;
	padding-bottom:5px;
    padding-left:5px;
    padding-right: 10px;
   	box-sizing: border-box;
    font-size:20px;
}
.pricelist-tarifs {
	width: 50%;
	float:left;
	text-align:right;
	padding-bottom:5px;
    padding-left:5px;
    padding-right: 10px;
   	box-sizing: border-box;
	font-size:20px;
}
.pricelist-tables {
}
.pricelist-tables table {
	border: 1px solid #CCC;
}
.pricelist-tables th {
	background-color: #394041;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}
.pricelist-tables tr {
	/*font-size:20px;*/
}
.pricelist-tables tr:nth-child(even) {
	background-color: #EAEFF0;
}
.pricelist-discount-title {
	width: 98%;
	float:left;
	font-size:26px;
	text-align:center;
	color:#fff;
	padding: 5px 1%;
	background-color:#0eaaa6;
	margin-top:5px;
}
.pricelist-discount {
	width: 100%;
	float:left;
	font-size:10px !important;
	font-weight:bold;
	padding: 15px 1%;
	background-color:#F7F7F7;
	margin-bottom:5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/*-------------- CONDIZIONI GENERALI --------------*/
#conditions-panel {
	float:left;
	background-color: #F7F7F7;
	width:100%;
	display: none;
	padding:1%;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, Gecko */
	box-sizing: border-box;
}



.btn-condition-panel-container {
    float: left;
    width: 100%;
}
.btn-conditions-panel {
    /*position: relative;*/
    width:50%;
    background-color: #0eaaa6;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.5s;
    text-shadow: 1px 1px 1px #000;
    z-index: 999999;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    line-height: 2;
}
.btn-conditions-panel p {
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align:center;
	/*padding: 0px 25px 0px 25px;*/
}
.btn-conditions-panel:hover {
	background-color:#64d5d3;
}

/*-------------- FORM --------------*/

.privacy-box-checkbox {
	padding:10px 1% 10px 1%;
	width:5%;
	float:left;
}
.privacy-box {
	width:70%;
	float:left;
	text-align:left;
	padding-top: 12px;
	padding-bottom:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	display:inline-block;
}


/*==================================================================*/
/*							Media Queries							*/
/*==================================================================*/

/* Step 2. - 940 px (monitor piccolo) ==============================*/
@media (max-width: 1169px) {
.delimiter {
    width: 940px;
}
#related-property-container h3 {
    font-size: 20px;
}
}

/* Step 3. - 725 px (Tablet horiz) =================================*/
@media (max-width: 939px) {

/*--------------------- STRUTTURA ----------------------------------*/

.delimiter {
	width: 725px;
}
#details-property-data {
	width:100%;
}
.details-property-desc-price {
	display:none;
}
#details-property-map {
	width:100%;
	float:left;
	/*height:500px;*/
}

/* PHOTO360 -------------------*/
#details-photo-360-container {
	width:100%;
}

/* CONTACT -------------------*/

.phone {
	font-size:20px;
	margin:0 0 10px 0;
}

/*--------------------- TABELLE PREZZI ---------------------*/
.pricelist-year, .pricelist-tarifs {
	width: 100%;
	text-align:center;
}
/* RELATED -------------------*/

#related-property-container {
	width:100%;
	margin-left: 0;
	margin-right: 0%;
}
}

/* Step 4. - 500 px (Tablet Vert) ==================================*/
@media (max-width: 724px) {

/*--------------------- STRUTTURA ----------------------------------*/

.delimiter {
	width: 500px;
}
.details-property-photo-caption-left {
	width:70%;
	font-size:20px;
	margin-top: 15px;
}
.details-property-photo-caption-right {
	width:30%;
	font-size:22px;
	margin-top: 15px;
}


/* FORM SEARCH -----------------*/



/* PHOTOGALLERY -------------------*/

#details-property-photo-caption {
	height:80px;
}
.details-property-photo-caption-left {
	width:100%;
	text-align:center;
	font-size:20px;
	margin-top: 10px;
}
.details-property-photo-caption-right {
	width:100%;
	text-align:center;
	font-size:22px;
	margin-top: 5px;
}


/* CONTACT -------------------*/

#details-contact-data {
	width:100%;
	margin: 0 0 20px 0;
}
#details-contact-form {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
}



/* FOOTER -------------------*/


}

/* Step 5. - Fluido (Smartphones) ==================================*/
@media (max-width: 499px) {

/*--------------------- STRUTTURA ----------------------------------*/

.delimiter {
	width: 98%;
	margin-left:1%;
	margin-right:1%;
}

/*SEARCH ----------------------------------*/

#header-search {
	height:auto;
	padding-bottom: 20px;
	background-color:#333;
}

/*FORM ----------------------------------*/

.formfield {
	width: 99%;
	padding:10px 0.5% 0 0.5%;
	float: left;
}

.divForm-mobile-button:hover {
	background-color:#64d5d3;
}


	#panorama1, #panorama2, #panorama3, #panorama4, #panorama5, #panorama6, #panorama1solo, #panorama3solo, #panorama5solo {
		width: 100%;
		height: 200px;
		float: left;
		margin-right: 0;
		margin-left: 0;
		margin-bottom:30px;
		box-sizing: border-box;
	}

.details-note h1 {
    font-size:24px;
}
/*--------------------- TABELLE PREZZI ---------------------*/

.pricelist-title, .pricelist-discount-title {
	font-size:22px;
}
.pricelist-year, .pricelist-tarifs {
	width: 100%;
	text-align:center;
	font-size:16px;
}
.pricelist-tables th {
	font-size:18px;
}
.pricelist-tables tr {
	font-size:16px;
}
}