@charset "utf-8";
/* CSS Document */

/* IE10+ VIEWPORT FIX */
@-ms-viewport {
width:device-width;
}
@viewport {
width:device-width;
}
/* ------------ CLEARFIX ----------- */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */

.clearfix {
*zoom: 1;
}
body {
	font-size: 1em;
	line-height: 1.375em;
	font-family: 'Open Sans', Verdana, sans-serif;
	background-color: #F9ECD2;
}
.container {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 960px;
	background-color: #fff;
}


/* ------------ BACKGROUND ----------- */


/* PHONE - 767px */

@media screen and (max-width: 767px) {
.container {
	width: 90%;
	margin: 0 5% 0 5%;
}
}
.row {
	width: 100%;
	clear: both;
}
/* GRIGLIA */



.column-half, .column-third, .column-two-thirds, .column-guest-sx, .column-guest-dx {
	float: left;
}
.facebook {
	height: 100px;
	width: 220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* PHONE - 767px */

@media screen and (max-width: 767px) {
.column-half, .column-third, .column-two-thirds, .column-guest-sx, .column-guest-dx {
	float: none;
}
.column-third, .column-two-thirds, .column-half, .column-guest-sx, .column-guest-dx {
	width: 100%;
}
}
.column-third {
	width: 32%;
}
.column-two-thirds {
	width: 66%;
}
.column-half {
	width: 50%;
}
.column-guest-sx {
	width: 10%;
}
.column-guest-dx {
	width: 90%;
}

/* PHONE - 767px */

@media screen and (max-width: 767px) {
.column-third, .column-two-thirds, .column-half, .column-guest-sx, .column-guest-dx {
	width: 100%;
}
}
/* GRIGLIA FINE */




/* POD COLLECTION */


.pod-full-sx {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 30px;
}
.pod-full-dx {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 30px;
}
.pod-logo {
	width: 50px;
	height: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 10px;
}
.pod {
	width: 88%;
	padding-right: 6%;
	padding-left: 6%;
}
.pod-dove {
	width: 300px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pod-dove-itinerario {
	width: 300px;
	height: 280px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.pod-carducci {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 0px;
	text-align:center;
	font-weight:700;
	font-style:italic;
}
.pod-blog {
	margin-right: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
}
@media screen and (max-width: 420px) {
.pod-carducci {
	padding-top: 20px;
	padding-bottom: 0px;
	text-align:center;
	font-weight:800;
	font-style:italic;
	font-size:14px;
}
}




/* PHONE - 767px */

@media screen and (max-width: 767px) {
.pod-dove {
}
}

/* PHONE - small */

@media screen and (max-width: 420px) {
.pod-dove {
}
}
.pod-img-hero {
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 20px;
}
.pod-img-bb {
	width: 94%;
	padding: 2%;
	margin: 1%;
}
.pod-advisor {
	width: 170px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0 30px 0;
	background-color: #bbb;
}
.pod-review {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 30px;
}
/*	====== ROOMS ======  */
.pod-room, .pod-room-nb {
	padding-top: 10px;
	width: 66%;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #CCC0AE;
}
/* PHONE - 767px */

@media screen and (max-width: 767px) {
.pod-room, .pod-room-nb {
	padding-top: 10px;
	width: 92%;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	border: 1px solid #CCC0AE;
}
}
/* POD COLLECTION FINE */



.footer {
	padding: 30px;
	margin-top: 0;
	text-align: center;
	color: #3A3632;
}
.footer p {
	text-align: center;
	font-size: 0.8em;
}
.footer p span {
	font-weight: normal;
	font-size: 1.35em;
}
/* ------------ STILI TESTO ----------- */

h1, h2, h3, h4, h5, h6 {
	color: #3A3A3A;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 5.812500000em;
	line-height: 1.182795699em;
	margin-top: 0.47311828em;
	margin-bottom: 0.23655914em;
}
h2 {
	font-size: 3.250000000em;
	line-height: 1.269230769em;
	margin-top: 0.84615385em;
	margin-bottom: 0.42307692em;
}
h3 {
	font-size: 1.812500000em;
	line-height: 1.517241379em;
	margin-top: 0.75862069em;
	margin-bottom: 0.75862069em;
}
h4 {
	font-size: 1.45em;
	line-height: 1.313793103em;
	margin-top: 0.60689655em;
	margin-bottom: 0.60689655em;
}
p.giosuè {
	color: #3A3A3A;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
}

/* PHONE - 767px */

@media screen and (max-width: 767px) {
h4 {
	font-size: 1.35em;
	line-height: 1.213793103em;
	margin-top: 1em;
	margin-bottom: 0.50689655em;
}
}
/* PHONE - small */

@media screen and (max-width: 420px) {
h4 {
	font-size: 1.25em;
	line-height: 1.213793103em;
	margin-top: 1.25em;
	margin-bottom: 0.50689655em;
}
}
.advisor {
	font-size: 1.25em;
	line-height: 1.31379em;
	color: #3A3030;
	font-variant: small-caps;
	font-weight: bold;
}
p, ul, ol, pre, table, blockquote {
	font-size: 0.95em;
	line-height: 1.4em;
	color: rgba(51,51,51,1);
}

/* PHONE - 767px */

@media screen and (max-width: 767px) {
p, ul, ol, pre, table, blockquote {
	margin-top: 1em;
	margin-bottom: 1em;
}
}
blockquote {
	margin-left: 0;
}
a {
	text-decoration:none;
	color: #3D5A98;
}
a:hover {
	text-decoration:none;
	color: #88ACED;
}
.titolo-1 {
	font-size: 2.2em;
	line-height: 1.25em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	text-align: center;
	color: #CC432C;
}

/* PHONE - 767px */

@media screen and (max-width: 767px) {
.titolo-1 {
	font-size: 1.60em;
	line-height: 1.35em;
}
}

/* PHONE - small */

@media screen and (max-width: 420px) {
.titolo-1 {
	font-size: 1.5em;
	line-height: 1.25em;
}
}
.titolo-2 {
	font-size: 1.25em;
	line-height: 1.65em;
	margin-top: 0;
	margin-bottom: 0.75862069em;
	padding-bottom: 20px;
	text-align: center;
	color: #3A3632;
	font-variant: small-caps;
}
/* PHONE - 767px */

@media screen and (max-width: 767px) {
.titolo-2 {
	font-size: 1.25em;
	line-height: 1.45em;
}
}

/* PHONE - small */

@media screen and (max-width: 420px) {
.titolo-2 {
	font-size: 1.25em;
	line-height: 1.45em;
}
}
.titolo-pagina {
	font-size: 1.812500000em;
	line-height: 1.517241379em;
	padding: 0px 0 20px 0;
	text-align: center;
	color: #3A3632;
}
/* PHONE - small */

@media screen and (max-width: 420px) {
.titolo-pagina {
	font-size: 1.55em;
	line-height: 1.85em;
	padding: 0px 0 20px 0;
	text-align: center;
}
}
.autore {
	float: right;
	font-size: 0.85em;
	font-variant: small-caps;
}
.name-room {
	color: #CC432C;
	font-variant: small-caps;
}
/* ------------ NAVIGAZIONE ----------- */



/*	====== IMMAGINI ======  */

img {
	height: auto;
	width: 100%;
}
.pod-swirl {
	height: 50px;
	width: 80px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	padding-left:auto;
	padding-right:auto;
}
.swirl {
	height: 50px;
	width: 50px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}


/* PHONE - 767px */

@media screen and (max-width: 767px) {
.swirl {
	height: 40px;
	width: 40px;
}

/* PHONE - small */

@media screen and (max-width: 420px) {
.swirl {
 height: 30px;
 width: 30px;
}
}
/*	====== IMMAGINI FINE ======  */

/*	====== SPACE & FRIENDS ======  */
.s-up {
	padding-top: 20px;
}
.s-up-40 {
	padding-top: 40px;
}
.s-bottom {
	padding-bottom: 20px;
}
.centro {
	text-align: center;
}
.center {
	text-align: center;
}
/* ---------- MAP ----------- */

.google-maps {
	position: relative;
	padding-bottom: 75%;
//definisce aspect ratio  height: 0;
	overflow: hidden;
}
.google-maps > iframe {
	position: absolute;
	top: 0;
	left:0;
	width: 100% !important;
	height: 100% !important;
}
