
/* --------  TYPHOGRAPHY  ------------- */

body {
    /*font-family: "Lato", Arial, Helvetica, sans-serif;*/
    font-family: 'Exo 2', sans-serif;
    font-weight:300;
    text-align: left;
    line-height:150%;
    color: #333333;
    ----font-size: 100%;
    letter-spacing:0px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body strong {
    font-weight:600;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
h1 {
    ----font-size: 90%;
    font-weight:400;
    line-height: 110%;
    color: #00a453;
    font-family: 'Philosopher', sans-serif;	
}
h2 {
    color: #704414;
    ------font-size: 200%;
    font-weight: bold;
    line-height: normal;
	margin:1em 0 0 0;
    font-family: 'Philosopher', sans-serif;
}

.Philosopher {
    color: #704414;
	font-size:100%;
    font-weight: bold;
    line-height: normal;
	margin:1em 0 0 0;
    font-family: 'Philosopher', sans-serif;
}

.Tagline {
    color: rgba(153,0,0,1);
	font-size:120%;
    font-weight: bold;
    line-height: normal;
	margin:1em 0 0 0;
    font-family: 'Philosopher', sans-serif;
}

.Caption {
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: left;
    line-height:150%;
    font-size: 90%;
    letter-spacing:0px;
	margin-top: -5px;
	margin-bottom: 10px;
	font-style:italic;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


/* --------  MAIN TAGS RESTYLE  ------------- */


p { margin-top:0.7em; }
Mai
strong { font-weight:400; }

ul { marging-top:0;
     padding-left:25px;
}


/* --------  LIST & BULLET  ------------- */

.UnderlineList { margin-top: 1em; }
.UnderlineList li {
	border-bottom: rgba(204,204,204,1) dotted 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.UnderlineList li:last-child {
    border-bottom: none
}

.Bullet {
	padding-left: 30px;
	background-image: url(../imglib/Bullet.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-size:90%;
}

.ulTable {
    list-style-type: none;
    padding: 0;
    border: 1px solid #333;
}

.ulTable li {
    padding: 8px 16px;
    border-bottom: 1px solid #333;
}
.ulTable li:last-child { border-bottom: none }

/* --------  ITINERARY  ------------- */



.ItineraryTitle {
	text-transform:uppercase;
}
.Fact {
	margin-top:10px;
	padding: 5px;
	border-top: 1px #666666 dotted;
	border-bottom: 1px #666666 dotted;
	font-size:90%;
}

.TourLeg {
	font-size:150%;
	color:rgba(153,0,0,1);
}

.DaysTitle{
	font-size:150%;
}
.DaysList {
	padding-left: 40px;
	list-style-type:square;
}
.DaysSubList {
	list-style-type:disc;
}
.DaysList strong, .DaysSubList strong {
	color: #333;
}
.AmPm {
	color: #069;
	font-weight:700;
}
.LunchDinner {
	color: #C90;
	font-weight:700;
}
.Aperitif {
	color: #C33;
	font-weight:700;
}


/* --------  LINKS  ------------- */

body a, body a:visited {
    color:#0096cb;
    font-weight: normal;
    text-decoration: none;
}
body a:active, body a:hover { color: #8dc63f; }



/* --------  SPECIAL FORMATTING  ------------- */

.keys { font-size:50%; color:rgba(255,255,255,0.2); line-height:none; }


.CopyRight {
    font-size: 70%;
    line-height:150%;
}
.NavFooter {
    font-size: 90%;
    line-height: 150%;
}

.StefanoGianfranco {
    height: auto;
    float:right;
    margin-left:15px;
}
.StefanoPerla {
    height: auto;
    float:right;
    margin-left:15px;
}
.StefanoEmilio {
    height: auto;
    float:left;
    margin-right:15px;
}
.SG { display: none; }


.Tuscany-Umbria, .Northern-Italy, .Sicily, .Spain, .Campania {
	width: auto;
	height: auto;
}
.ItineraryMap { display: none; }


.ImgLeft {
	float: left;
	clear: both;
	margin-right: 20px;
	margin-bottom: 5px;
}
.ImgRight {
	float: right;
	clear: both;
	margin-bottom: 5px;
	margin-left: 20px;
}


/* --------  MAIL CHIMP FORM ------------- */

.Mailchimp input {
	color: #000;
	font-family: inherit;
    font-size: 13px;
	border: solid 1px #00a453;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgba(255,255,255,0.5);
	outline:none;
	padding: 10px;
	width:93%;
	margin-bottom: 15px;
}

.Submit-button {
	font-family: inherit;
	font-weight:bold;
	background-color:#0096cb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-size: 13px;
	padding:11px;
	text-decoration:none;
	---letter-spacing:1px;
}

.Submit-button:hover {
	background-color:#53a0cc;
}

.placeholder {
	color:#777777 !important;
}

::-webkit-input-placeholder {
    color:#777777 !important;
}
:-moz-placeholder {
    color:#777777 !important;
}



/* --------  BOXES, BUTTONS & BG ------------- */


.Frame {
    width: 100%;
    background-image: url(../imglib/Postcard-frame.png);
    background-size: 100% 100%;
    margin-top:0px;

}

.Map:link, .Map:visited { 
     background:url(../imglib/pointer-icon.png) no-repeat center left;
	 min-height:20px;
	 padding-left:25px;
	 color:#0096cb;
	 cursor: pointer;
}
.Map:hover { 
	 color:#8dc63f;
     background:url(../imglib/pointer-over-icon.png) no-repeat center left;
	 cursor: pointer;
	 }
	 
.Piantina { margin-top: 20px; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
.Piantina { display:none; }
}


.GreenBox, .PurpleBox {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:8px 10px 10px 10px;
	text-decoration:none;
}
.GreenBox {
	background-color: rgba(0,166,81,0.05);
	border:1px solid rgba(0,166,81,1);
	font-size:90%;
}
.PurpleBox {
	background-color:#f0e7ef;
	border:1px solid #620c5f;
}
.GreenBox p:last-of-type, .GreenBox p:last-of-type { margin-bottom: 0px }


.Button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:95%;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.Button:active {
	position:relative;
	top:1px;
}


.Video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.Video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media only screen and (min-width: 0px) and (max-width: 700px) {

----body { background-color:#e5e4e3; }



}

	
	
