
.rooms_info { padding-top: 30px; }

	#prezzi_soggiorno { margin-right: 330px; }

	#prezzi_soggiorno h3 {
		margin: 18px 0 59px 0;
		font-size: 18px;
		text-transform: uppercase;
	}

	#prezzi_soggiorno .rooms_costs { overflow: hidden; }
		#prezzi_soggiorno .rooms_costs li {
			width: 33.33%;
			max-width: 226px;
			height: 180px;
			padding: 107px 10px 0 10px;
			border: 1px solid #D5CBC9;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			     -o-box-sizing: border-box;
			        box-sizing: border-box; 
			float: left;
			font-size: 14px;
			text-align: center;
			text-transform: uppercase;
			color: #75524B;
			background-position: 50% 37px; 
			background-repeat: no-repeat;
		}
			#prezzi_soggiorno .rooms_costs li + li { margin-left: -1px; }

			#prezzi_soggiorno .rooms_costs li.room-1 { background-image: url(/immagini_layout/ico-camere-1.svg); }
			#prezzi_soggiorno .rooms_costs li.room-2 { background-image: url(/immagini_layout/ico-camere-2.svg); }
			#prezzi_soggiorno .rooms_costs li.room-3 { background-image: url(/immagini_layout/ico-camere-3.svg); }
			#prezzi_soggiorno .rooms_costs li:last-child {
				width: 100%;
				height: auto;
				max-width: 676px;
				padding: 16px 0 5px 45px;
				margin: 6px 0 0 0;
				border: none;
				border-bottom: 1px solid #D5CBC9;
				font-size: 18px;
				text-align: left;
				text-transform: none;
				background-image: url(/immagini_layout/ico-colazione.svg);
				background-position: 0 50%;
			}
				.no-svg #prezzi_soggiorno .rooms_costs li.room-1 { background-image: url(/immagini_layout/svg_fallback/ico-camere-1.png); }
				.no-svg #prezzi_soggiorno .rooms_costs li.room-2 { background-image: url(/immagini_layout/svg_fallback/ico-camere-2.png); }
				.no-svg #prezzi_soggiorno .rooms_costs li.room-3 { background-image: url(/immagini_layout/svg_fallback/ico-camere-3.png); }
				.no-svg #prezzi_soggiorno .rooms_costs li:last-child { background-image: url(/immagini_layout/svg_fallback/ico-colazione.png); }

				#prezzi_soggiorno .rooms_costs li .price {
					display: block;
					font-size: 25px;
				}
				#prezzi_soggiorno .rooms_costs li small {
					font-size: 14px;
					text-transform: none;
				}

	#prezzi_soggiorno .disclaimers { 
		line-height: 18px;
		padding: 2px 0;
		margin-top: 20px;
		font-size: 13px;
		letter-spacing: .05em;
	}
		#prezzi_soggiorno .disclaimers li:before {
			content: '.';
			margin-right: .5em;
			position: relative;
			bottom: 2px;
			font-weight: bold;
		} 

#slideshow_container { margin-top: 80px; position: relative; }
	#slideshow_container #slideshow {
		padding-top: 26.66%;
		position: relative;
		overflow: hidden;
	}

		#slideshow_container #slideshow li {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 50%;
			-webkit-transform: translate(-50%,0);
			   -moz-transform: translate(-50%,0);
			    -ms-transform: translate(-50%,0);
			     -o-transform: translate(-50%,0);
			        transform: translate(-50%,0); 
			text-align: center;
			white-space: nowrap;
		}

			#slideshow_container #slideshow li a { 
				width: 33%;
				width: calc(33.33% - 2px);
				height: 100%;
				display: block; 
				float: left;
				-webkit-transition: opacity .5s;
				   -moz-transition: opacity .5s;
				    -ms-transition: opacity .5s;
				     -o-transition: opacity .5s;
				        transition: opacity .5s; 
			}
				#slideshow_container #slideshow li a + a { 
					margin-left: .33%;
					margin-left: calc(0% + 3px);
				}
				#slideshow_container #slideshow li a:hover {
					-webkit-opacity: .6;
					   -moz-opacity: .6;
					    -ms-opacity: .6;
					     -o-opacity: .6;
					        opacity: .6; 
				} 
			#slideshow_container #slideshow li img {
				height: 100%;
				display: block;
			}

				.no-csstransforms #slideshow_container #slideshow li { left: 0; }

	#slideshow_container .bullet_container { margin: 20px 0 15px 0; text-align: center; }
		#slideshow_container .bullet_container span {
			width: 6px;
			height: 6px;
			margin: 0 6px;
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
			    -ms-border-radius: 50%;
			     -o-border-radius: 50%;
			        border-radius: 50%; 
			display: inline-block;
			background: #75524B;
			cursor: default;
		}
			#slideshow_container .bullet_container span:hover 
			,#slideshow_container .bullet_container span.attivo {
				background: #FAD85B;
			} 

.page_text { padding: 45px 10px 60px 10px; }

@media only screen and (max-width: 980px){

	.rooms_info {
		padding-bottom: 30px;
		border-bottom: 2px solid #ececd9;
		display: flex;
		flex-wrap: wrap;
	}

	#prezzi_soggiorno {
		width: 100%;
		padding-bottom: 30px;
		margin-right: 0;
		text-align: center;
	}

		#prezzi_soggiorno h3 { margin-bottom: 30px; }
		#prezzi_soggiorno .rooms_costs {
			float: left;
			position: relative;
			left: 50%;
			-webkit-transform: translate(-50%,0);
			   -moz-transform: translate(-50%,0);
			    -ms-transform: translate(-50%,0);
			     -o-transform: translate(-50%,0);
			        transform: translate(-50%,0); 
		}
			#prezzi_soggiorno .rooms_costs li:last-child { text-align: center; }

		#prezzi_soggiorno .disclaimers {
			width: 100%;
			float: left;
		}

}

@media only screen and (max-width: 600px){
		#prezzi_soggiorno .rooms_costs {
			float: none;
			left: 0;
			-webkit-transform: translate(0,0);
			   -moz-transform: translate(0,0);
			    -ms-transform: translate(0,0);
			     -o-transform: translate(0,0);
			        transform: translate(0,0); 
		}

			#prezzi_soggiorno .rooms_costs li 
			,#prezzi_soggiorno .rooms_costs li:last-child
			{
    			width: 100%;
    			max-width: 676px;
    			height: auto;
    			padding: 16px 0 5px 45px;
    			margin: 6px 0 0;
				border: none;
				border-bottom: 1px solid #d5cbc9;
				position: relative;
			    font-size: 18px;
    			text-transform: none;
	    		background-position: 50000px 50%;
	    		background-size: auto 33px;
			}
				#prezzi_soggiorno .rooms_costs li:after 
				,#prezzi_soggiorno .rooms_costs li:last-child:after
				{
					content: '';
					width: 100px;
					height: 100%;
					max-height: 33px;
					display: block;
					position: absolute;
					top: 7px;
					left: 0;
					background-image: inherit;
					background-size: auto 33px;
					background-position: 50% 50%;
					background-repeat: no-repeat;

				}

				#prezzi_soggiorno .rooms_costs li .price {
					margin-left: 5px;
					display: inline;
					font-weight: bold;
					font-size: inherit;
				}

		#slideshow_container { margin-top: 30px; }
		.page_text { padding: 0 10px 30px 10px; }
}

@media only screen and (max-width: 470px){

	#prezzi_soggiorno .rooms_costs li
	,#prezzi_soggiorno .rooms_costs li:last-child {
		padding-left: 105px;
		text-align: left;
	}
}