::selection {
  color: white;
  background: #FDB41D;
}
::-moz-selection {
  color: white;
  background: #FDB41D;
}

  /* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */
  /* GLOBAL */
body {
  font-family:"Arial, Helvetica, sans-serif";
  margin: 0;
  padding: 0;
  color:#333333;
}

#fo { font-family:Arial, Helvetica, sans-serif; }

#fo b, #fo strong { font-weight: bold; }

#fo input, #fo select, #fo textarea {
  font-size:14px;
  padding: 5px;
  outline: 0;
  border:0;
  background: #F7F7F7;
  border-radius:5px;
  margin-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#fo input[type=submit], #footer .formsender {
  width:auto;
  padding: 5px 18px;
  line-height:25px;
  text-shadow:none;
  cursor:pointer;
  box-shadow: none;
  background: #9DCC4D;
  color: #FFF;
}

#fo input[type="number"] { width:60px; }

#fo #pagewrap p, #fo #ww4_printFilter .borderedFrame ul, #fo #ww4_printFilter .borderedFrame ol  {
  margin:5px 0;
  line-height: 130%;
  font: Arial, Helvetica, sans-serif;
  /*font-size: 16px;*/
}

#fo a {
  text-decoration:none;
  transition: color .5s ease;
  /* quanto segue aggiunto per gestire i link interni ai testi*/
  color: #9DCC4D;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 5px;
}

#fo #ww4_printFilter .description a, #fo #ww4_printFilter .overview a  {
  font-weight: bold;
  color: #f59421;
}

#fo a:hover { text-decoration: underline; }

#fo h1, #fo h2, #fo h3{ color:#9DCC4D; }
#fo h1 { font-size:22px; }
#fo h2 { font-size: 20px; }
#fo h3 { font-size: 18px; }

#fo strong { font-weight:bold; }
/*
#fo figcaption strong {border-bottom: 1px solid #D6D0C1;padding-bottom:10px;margin: 10px 0;display:block;}
#fo figcaption {line-height: 25px;font-size:14px;width:200px;}
*/

#fo hr {
  background-color: #D6D0C1;
  border:0;
  height:1px;
  margin:20px 0;
}

#fo .hide { display: none } /* teoros added */

/****************** HEADER **********************************************/
#fo header {
  position:relative;
  width:auto;
  margin: 0 auto;
}

#fo header h1 {
  margin:35px 0 0 0;
  font-size:55px;
}

#fo header p {
  font-size:16px;
  margin-left:132px;
}

#fo .headerContainer {
  width:1100px;
  max-width: 100%;
  position:relative;
  margin: 0 auto;
}

/****************** LOGO **********************************************/
#fo #logo {
  z-index:10;
  position: absolute;
  top: 10px;
  margin-left: 30px;
}

#fo #logo a img {
  float:left;
  margin:20px 0 0 0;
  width: 250px;
}

#fo #mobileLogo img {
  margin-top: 20px;
  width: 55%;
}
#fo #mobileLogo {
  top: 0px;
  width: 100%;
  display: none;
}

/****************** TOP MENU **********************************************/
#fo nav ul { list-style:none; }

#fo nav ul li {
  display:block;
  float:left;
  padding:3px 15px;
}

#fo #mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}

#fo #mobileMenu ul li {
  display:block;
  background-color: #9DCC4D;
  color: #FFF;
  padding: 12px 0;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #FDB41D;
}
#fo #mobileMenu ul li a { color: #FFF; }
#fo .toggleMobile { display: none; }

  /****************** HORIZONTAL MENU **********************************************/
#fo #horizontalMenu {
  height:50px;
  float:right;
  margin-top:75px;
  margin-right: -100px;
}

#fo #horizontalMenu ul {
  position:absolute;
  z-index: 20;
  right: 0;
  list-style:none;
  padding:0px;
  margin-right: 25px;
}

#fo #horizontalMenu ul li {
  list-style:none;
  float:left;
  margin-left:7px;
  padding:0px;
}

#fo #horizontalMenu ul li a {
  text-transform:uppercase;
  text-decoration:none;
  font-size:13px;
  color:#FFF;
  font-weight:bold;
  padding:11px 10px;
  margin:0px;
  background:#FDB41D;
  text-align:center;
}

#fo #horizontalMenu ul li a:hover, #fo #horizontalMenu ul li a.active{background:#9DCC4D;}

/****************** HEADER IMAGE **********************************************/
#fo .headerContainer #slider { min-height:450px; }
#fo .headerImage {
  margin-left: auto;
  margin-right: auto;
}

#fo .headerImage img {
  width: 100%;
  max-width: 100%;
}

/****************** TOPPER **********************************************/
#fo #topper { z-index: 50; }

/****************** CONTENT **********************************************/
#fo #boxcontent, #fo #boxcontentCalendar {
  width: auto;
  padding:0px 0 20px 10px;
  margin-bottom: 10px;
  float:left;
  max-width: 650px;
  min-width: 650px;
  /* NB immagini multiple di sfondo ad un solo elemento
  see http://stackoverflow.com/questions/10417501/multiple-background-images-positioning */
  position: relative;
  z-index: 2;
  background-size:100% auto;
}

#fo #boxcontentCalendar {
  min-height: 620px;
  max-width: 960px !important;
  float: none;
}

  /* BUTTONS */
#fo .button, #fo .postComment {
  padding:7px 14px;
  border: 1px solid #FFF;
  margin-left: 10px;
  background-color: #9DCC4D;
  color: #FFF;
  text-decoration:none;
  border-radius:5px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

#fo .button:hover {
  background:none #FFF;
  border-color: #9DCC4D;
  text-shadow:none;
  color: #9DCC4D;
}

#fo .commentFormWrapper .cmtSubmitDiv { margin-bottom: 20px; }

/****************** SOCIAL ICONS **********************************************/
#fo #socialIcon {
  min-width: 300px;
  float: right;
  height: 50px;
  margin: -80px 40px 0 0;
  padding: 0;
  position: relative;
  z-index: 10 !important;
}

#fo #socialIcon ul li {
  float:right;
  padding-left:7px;
}

#fo #socialIcon ul li img{
  margin:0px;
  padding:0px;
}

#fo #socialIcon .likebuttons {
  padding:7px 0;
  margin-left:-35px;
}

#fo #socialIcon .likebuttons a { float: right; }

  /* FOOTER */
#fo footer {
  background: url("/applications/webwork/site_ibike/media/footer.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  height: 77px;
  position:relative;
  clear:both;
}

#fo #copyright {
  height: 55px;
  position:absolute;
  bottom:0px;
  width:100%;
}
#fo footer #copyright .wrapper {
  line-height: 16px;
  margin: 0 auto;
  max-width:960px;
  font-size:12px;
}
#fo #copyright .wrapper ul li{
  padding-left:8px;
  float:left;
  /*color: #FFF;*/
  color: #000;
}
#fo #copyright .wrapper ul li:last-child{
  float:right;
  margin-right:40px;
}

#fo #copyright .wrapper .terms {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}

#fo #copyright .wrapper ul li.fiavet {float: right;}
#fo #copyright .wrapper ul li.fiavet img {width: 40px;}

/* MISC */
#fo .clear  { clear:both; }
#fo .hidden { display: none; }

/* #########################################################################################################################

  AGGIUNTE TEOROS... con quel che ne consegue

 ######################################################################################################################### */
#fo .absolute { position: absolute; }

/* SWITCH LANGUAGE */
#fo #language {
  position: relative;
  margin: 0 auto;
  z-index: 11;
  max-width: 960px;
}

#fo #language .areaFlags {
  padding-right: 20px;
  display: inline;
}

#fo #langContainer {
  position: absolute;
  right:0px;
  top: 20px;
}

#fo #langContainer img { width: 30px; }
#fo #langContainer .activeLanguage { opacity: 0.5 }

#fo #language .call-us {
  position: absolute;
  top: 0;
  background-color: #9DCC4D;
  right: 200px;
  padding: 5px 10px;
  border-radius: 0 0 30px 30px;
}
#fo #language .call-us h2 {
  font-size: 18px;
  color: #FFF;
  margin: 5px;
}

/****************** PAGE WRAPPER **********************************************/
#fo #pagewrap {
  width:auto;
  max-width:960px;
  margin: 0 auto;
}

/* LIST AND SEARCH RESULTS */
#fo #boxcontent #ww4_list { padding: 10px; }

#fo #boxcontent #ww4_list h2 {
  margin: 15px 0px 15px 0px;
  font-size: 22px;
}

#fo #boxcontent #ww4_list .searchWhat { margin: 15px 0px 15px 0px; }
#fo #boxcontent #ww4_list article.box { width: auto; }

#fo #boxcontent #ww4_list img {
  float:left;
  margin: 0px 10px 5px 10px;
}

#fo #boxcontent #ww4_list img.shadow {
  width: 100%;
  max-width: 100%;
  height: auto;
}

  /* HOME IMAGES */
/* standard layout */
#fo #backgroundTours article .homelist {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  width:100px;
  height:100px;
  border-radius:50%;
}

#fo #backgroundTours article .mobileTable{ display: none; }

  /* NB:
    IL SOLO IE RICHIEDE CHE PRIMA DEL ROTATE LA CARTA SIA 'VISIBLE' ALTRIMENTI SI VEDE SEMPRE IL DORSO DELLA CARTA STESSA
    QUESTA PROPRIETA' NON INFLUENZA GLI ALTRI BROWSER per altro inserito anche nel js
  */
.card.flipped .back { -ms-backface-visibility:visible; }
  /* EFFETTO SLIDING FINE */

  /* SIDEBAR */
#fo #sidebar {
  float: right;
  width: 250px;
  right: 50%;
  margin-top: 20px;
  margin-bottom: 30px;
}

#fo #sidebar #rightColTop .padded, #fo #sidebar #rightColMiddle .padded, #fo #sidebar #rightColBottom .padded { margin-bottom: 20px; }

#fo #sidebar .rightColTop, #fo #sidebar .rightColMiddle, #fo #sidebar .rightColBottom, #fo #sidebar .externalWidget {
  padding: 0px;
  background: none repeat scroll 0 0 #f0efef;
}

/* immagini in box laterali */
#fo #sidebar .rightColTop img, #fo #sidebar .rightColMiddle img, #fo #sidebar .rightColBottom img { max-width: 100% !important; }
#fo #sidebar .rightColTop h2, #fo #sidebar .rightColMiddle h2, #fo #sidebar .rightColBottom h2 {
  font-size: 20px;
  margin: 0;
  padding: 3px 0 3px 5px;
  text-indent: 15px;
  width: 98%;
}

#fo #sidebar .rightColTop p, #fo #sidebar .rightColMiddle p, #fo #sidebar .rightColBottom p{ padding: 10px;}

#fo #sidebar #rightColTop .payoffImg img{
  width: 250px !important;
  max-width: 250px !important;
}

#fo #sidebar .rightColTop h2 {
  background: none repeat scroll 0 0 #9DCC4D;
  color: #FFF;
}

#fo #sidebar .rightColTop,#fo #sidebar .rightColMiddle, #fo #sidebar .rightColBottom, #fo #sidebar .externalWidget { box-shadow: 1px 1px 5px #999; }

#fo #sidebar .rightColMiddle h2 {
  background-color: #FDB41D;
  color: #FFF;
}

#fo #sidebar .side-desc h2 {
  font-size:20px;
  background:#feb41d;
  margin:0px;
  padding:3px 0 3px 5px;
  width:98%;
  color:#FFF;
  text-indent:15px;
}

#fo #sidebar .side-desc, #fo #sidebar .side-desc p, #fo #sidebar .side-desc div {
  font-size:12px;
  text-align:justify;
}
#fo #sidebar .side-desc p, #fo #sidebar .side-desc div {
  margin:15px;
  padding:5px 0px 5px 0px;
}

#fo #sidebar .side-desc a {
  font-size:14px;
  margin:0px 15px 0 0px;
  padding:0px 0 10px 0;
  text-decoration: underline;
}

#fo #sidebar .side-desc a:hover { color:#000; }

#fo #sidebar .rightColTop a { color: #FDB41D; }
#fo #sidebar .rightColMiddle a { color: #9DCC4D; }
#fo #sidebar .rightColBottom a { color: #f0efef; }

#fo #sidebar .side-desc .meetingpoint { min-height: 300px; }
#fo #sidebar .side-desc .meetingpoint a {
  text-decoration: none;
  margin-left:40px;
}

#fo #sidebar .testNoBorder {
  height:auto;
  width:250px;
  margin:18px 0 0 0;
  padding:0px;
  float:left;
  background:#f0efef;
}

/* SCHEDA DOCUMENTO */
#fo #ww4_printFilter article.editor, #fo #photogallery { padding: 10px; }

#fo #ww4_printFilter article.editor .articleHeader {
  position: relative;
  min-height: 150px;
}

#fo #ww4_printFilter article img.mainImage {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 4px solid #9DCC4D;
  top: -65px;
  right: -35px;
  position: absolute;
}

#fo #ww4_printFilter article.editor .articleContent { color: #000; }


#fo #ww4_printFilter span { text-decoration: none !important; }

#fo #boxcontent #ww4_list .listElement,
#fo #ww4_printFilter article.editor .articleHeader,
#fo #ww4_printFilter article.editor .articleContent,
#fo #ww4_printFilter article.editor .articleChildren { padding-right: 20px; }

  /* SINGLE FILES */
#fo #ww4_printFilter article.editor .filesContainer { margin-top: 20px; }
#fo #ww4_printFilter article.editor .filesContainer .imgThumb {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 80px;
}

/* CHILDREN */
#fo #ww4_printFilter article.editor .articleChildren {
  margin-top: 20px;
  color: #000;
}

/* PAYOFF */
#fo #payoff {
  border-radius: 10px;
  margin-top: 20px;
  position: relative;
}

  /****************** FORM **********************************************/
#fo .formWrapper {
  margin:10px auto 30px auto;
  padding: 10px 10px 10px 20px;
  width: 80%;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 1px 5px #999;
}

#fo #formContactEmailUs .formWrapper label {
  display: block;
  margin-bottom: 10px;
}

#fo .formWrapper input[type=text], #fo .formWrapper textarea , #fo .formWrapper select {
  border: 1px solid #BBB4AC;
  color: #838383;
  font-size: 18px;
  padding: 4px;
  text-align: left;
  width: 90%;
}

#fo .formWrapper select#partecipants { width: 60px !important; }

#fo #formContactEmailUs .formWrapper .formbuttons {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
}

#fo #modeWrapper { margin-top:30px; }
#fo #modeWrapper table.maintable{ padding-top: 20px; }

#fo #modeWrapper h1 { text-align: center }
#fo #modeWrapper h1,#fo #modeWrapper h2 {
  font-weight: bolder;
  margin-bottom: 10px;
  margin-top: 20px;
}

#fo #modeWrapper h2 { color: #797979; }

#fo #modeWrapper td.postpurchasemessage {
  padding-top: 30px;
  padding-bottom: 40px;
  font-style: italic;
  font-weight: bold;
}

#fo h1.purchaseDatum a, #fo .purchaseSelect {
  color: #9DCC4D;
  font-size: 22px;
  font-weight: bolder;
}
#fo .purchaseDatum {
  padding: 20px 20px 20px 0px;
  color: #9DCC4D;
}

#fo .ebikeDisclaimer{
  color: #000;
  font-size: 80%;
  font-weight: bold;
}

/* immagini in box laterale di purchaseResult.page */
#fo #sidebar .rightColTop img.purchaseImg { max-width: 240px; }

#fo #modeWrapper .profiling { vertical-align: top; }

#fo #modeWrapper #paymentImgs {
  margin-top: 30px;
  text-align: center;
}
#fo #modeWrapper #paymentImgs img, #fo #modeWrapper #paymentImgs input[type="image"]  {
  width: 170px;
  margin: 0px;
  padding: 0px;
}
#fo #modeWrapper #paymentImgs .payment {
  display: inline;
  margin-right: 10px;
  width: 200px;
}

#fo #modeWrapper #paymentImgs .payment form {  display: inline; }

/* CALENDAR */
/*#fo #calendarWrapper h1 { margin-bottom: 10px; }*/

#fo #modeWrapper .backToCalendar, #fo #modeWrapper .backToCalendarBottom { float: right; }
#fo #modeWrapper .backToCalendarBottom { margin: -40px 50px 30px 0; }

#fo #modeWrapper .backToCalendar h2, #fo #modeWrapper .backToCalendarBottom h2 {
  color: #9DCC4D;
  font-size: x-large;
  font-weight: normal;
  margin: 4px 10px 0 10px;
  padding: 0;
  text-align: center;
}

#fo .messageOK, #fo .messageKO {
  font-size: 22px;
  margin-top: 40px;
  line-height: 200%;
  font-weight: bolder;
}
#fo .messageOK { color: #9DCC4D ; /*  #848484; */ }
#fo .messageKO { color: red; }

/* #########################################################################################################################

  RIPRESI DA CSS IBIKE NON RESPONSIVE

 ######################################################################################################################### */
/****************** DOCLIST **********************************************/
#fo #ww4_printFilter p {
  background: none;
  margin: 0px 0 10px 10px;
  padding: 0px;
  font-size: 14px;
  color: #000;
  font-weight: normal;
}

#fo #pagewrap .listBlock .textWrapper {
  width: 70%;
  float: left;
}

#fo #pagewrap .listBlock {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#fo #pagewrap .listBlock p {
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 0 0px;
  padding: 0;
  text-align: justify;
}

#fo #pagewrap .listBlock .description p {
  background: none repeat scroll 0 0 #F7F7F7;
  box-shadow: 1px 1px 5px #999;
  float: left;
  font-size: 12px;
  font-weight: normal;
  padding: 7px;
  text-align: justify;
  margin: 15px 0 0 0px;
  width: 97%;
  position: relative;
}

/* SCHEDA */
#fo #ww4_printFilter h1.ww4 {
  margin-top: -10px;
  padding-bottom: 40px;
}

#fo h1.ww4, #fo h1.contactTitle {
  color: #9DCC4D;
  font-weight: normal;
  font-size: 34px;
}
#fo h1.ww4 { padding: 0px; }

/* description */
#fo #pagewrap .listBlock .description, #fo #ww4_printFilter .description {
  height:auto;
  float:left;
  background:#FFF;
  margin:5px 0 0 0;
  width: 100%;
}

#fo #ww4_printFilter .description {
  background: none repeat scroll 0 0 #F7F7F7;
  box-shadow: 1px 1px 5px #999;
}

#fo .description p, #fo #ww4_printFilter .description p, #fo .formWrapper div {
  font-size:14px;
  margin:10px;
  padding:5px 0px 5px 0px;
  color:#000;
  line-height:18px;
  overflow:hidden;
}

#fo .description p, #fo #ww4_printFilter .description p {
  float:left;
  text-align:justify;
}

#fo .overview h3, #fo h3.galleryTitle {
  background: none;
  margin: 20px 0 20px ;
  font-size: 30px;
  font-weight: normal;
}

  /* tabelle dati tours  */
#fo .tableContainer {
  background: none;
  box-shadow: none;
  font-size: 14px;
}

#fo .tableContainer table {
  margin: 0px 0px 20px 0px;
  border: 1px solid #000;
  width: 100%;
  border-collapse: collapse;
}

#fo .tableContainer table:nth-child(1) {
  float: left;
  margin: 0px 42px 20px 0px;
}

#fo .tableContainer table th {
  width: 115px;
  background: #cccccc;
  height:25px;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  border-right: 1px solid #000;
  text-align: left;
}

#fo .tableContainer table th:nth-child(2) { width: 90%; }

#fo .tableContainer table tr {
  background: #FFF;
  height: 14px;
  margin: 0px;
  padding: 0px;
}

#fo .tableContainer table td {
  padding: 5px 12px;
  border-right: 1px solid #000;
}

#fo .tableContainer table td img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

  /* nowrap al primo td di ogni riga */
#fo .tableContainer table td:nth-child(1){ white-space: nowrap; }
  /* alternanza colore riga */
#fo .tableContainer table tr:nth-child(3),
#fo .tableContainer table tr:nth-child(5),
#fo .tableContainer table tr:nth-child(7),
#fo .tableContainer table tr:nth-child(9),
#fo .tableContainer table tr:nth-child(11),
#fo .tableContainer table tr:nth-child(13),
#fo .tableContainer table tr:nth-child(15),
#fo .tableContainer table tr:nth-child(17),
#fo .tableContainer table tr:nth-child(19) { background: #eeeeee; }

  /* contact us */
#fo h1.contactTitle {
  margin-left: 0px;
  margin-top: -10px;
  padding-bottom: 40px;
}

#fo #layerWrapper h1.contactTitle {
  margin-left: 20px;
  margin-top: 40px;
  padding-bottom: 40px;
}

#fo .box {
  background: #F7F7F7 none repeat scroll 0 0;
  border-radius: 6px;
  box-shadow: 1px 1px 5px #999999;
  box-sizing: border-box;
  color: #000000;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 35px 35px 30px;
}

  /****************** LINKS LIST **********************************************/
/* PHOTO GALLERY */
#fo #imagesGallery {
  width:650px;
  display: table;
}

#fo #imagesGallery .image {
  float: left;
  display: table-cell;
  background-color: #FFF;
  box-shadow: 1px 1px 5px #999;
  float: left;
  margin: 15px 15px 0 0;
  padding: 10px;
}

#fo #imagesGallery .image img { width: 125px; }

/* stili particolari About us*/
#fo .borderedFrame {
  background-color: white;
  height:auto;
  min-height:200px;
  box-shadow: 1px 1px 5px #999;
  float:left;
  margin:0px 0 50px 0;
  padding:10px;
  max-width: 100%;
  min-width: 100%;
}

#fo .borderedFrame h1, #fo .borderedFrame h2 {
  font-size:18px;
  color:#9DCC4D;
  float:left;
  margin:24px 10px 0 10px;
  padding:0px;
  font-weight:bold;
  width:100%;
}

#fo .borderedFrame h2 { font-size:14px !important; }

#fo #ww4_printFilter .borderedFrame p {
  font-size:14px;
  color:#000;
  float:left;
  padding:0px;
  margin:10px;
}

/* Terms & Conditions */
#fo #ww4_printFilter .borderedFrame ul,#fo #ww4_printFilter .borderedFrame ol {
  clear: both;
  margin:0px 0px 0 10px;
  padding: 0px;
}

#fo #ww4_printFilter .borderedFrame ol { margin-top: 80px; }

#fo #ww4_printFilter .borderedFrame ul li {
  list-style-type:disc;
  font-size:14px;
  margin:10px 10px 0 20px;
}

#fo #ww4_printFilter .borderedFrame ol li{
  font-size:14px;
  margin:10px 10px 0 20px;
}


#fo #ww4_printFilter .filesContainer .singleDoc .borderedFrame img { max-width: 100%; }

/* Tripadvisor */
#fo .externalWidget div {
  margin-right: auto;
  margin-left: auto;
}
 /* id di un elemento del plugin di tripadvisor */
#pagewrap #boxcontent .externalWidget #CDSWIDSSP {
  width: 100% !important;
  max-width: 100% !important;
}
#fo .externalWidget #CDSWIDEXC { width: 250px !important;}
#fo .externalWidget #CDSWIDEXC.widEXC .bravoBox { background-color: #9DCC4D !important; }

/* error page */
#fo #errorContainer {
  font-size: 22px;
  color: #9DCC4D;
  margin: 50px 0px 0px 30px;
}

/****************** TESTIMONIALS - FACEBOOK LOOK & FEEL **********************************************/
#fo #boxcontent #ww4_list .facebook {
  float:left;
  margin:0px 0px 15px 0px;
  padding:0px;
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 1px 1px 5px #999;
  height: auto;
  min-height: 80px;
  min-width: 100%;
}

  /* indica il terzo paragrafo tra quanti inclusi in elemento con classe faq - applicabile solo per selezionare un figlio di un tag parent */
  /*#fo .faq p:nth-child(3)*/
  /* indica il terzo elemento con classe 'facebook' tra quanti inclusi in elemento con classe left */
  /*#fo .left .facebook:nth-of-type(1) */
/*
#fo #boxcontent #ww4_list .facebook:nth-of-type(1) { margin-bottom: 50px; }
*/

#fo #boxcontent #ww4_list .facebook img {
  float:left;
  margin: 5px 10px 0px 10px;
}

#fo #boxcontent #ww4_list .facebook .fb-title {
  color: #3B5998;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
}

#fo #boxcontent #ww4_list .facebook p {
  font-size:14px;
  margin:0px 10px 5px 10px;
  padding:5px 0px 5px 0px;
  color:#000;
  line-height:18px;
  text-align:justify;
}

#fo #boxcontent #ww4_list .facebook img {
  float: left;
  margin: 5px 10px 0;
}

#fo #boxcontent #ww4_list img.separator, #fo #ww4_printFilter .borderedFrame img.separator,  #fo #ww4_printFilter .borderedFrame img.shadow {
  max-width: 100%;
  width: 100%;
  float: left;
  margin: 0px 0px 10px 0px;;
}
/****************** BUTTONS **********************************************/
#fo .buttons { clear: both; }
#fo .buttons .buyNow, #fo .buttons .readMore, #fo .welcome .inEvidence .readMore, #fo .welcome .inEvidence .buyNow {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  border: medium none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 1px 2px 3px #999;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 5px;
}
#fo .buttons .readMore a, #fo .buttons .buyNow a { color: inherit !important; }

#fo .buttons .readMore, #fo .inEvidence .readMore { background: none repeat scroll 0 0 #9DCC4D; }
#fo .buttons .readMore{
  float: left;
  margin-left: 35px;
}
#fo .welcome .inEvidence .readMore {
  margin: -40px 50px 0 0;
  float: right;
}

#fo .buttons .buyNow, #fo .welcome .inEvidence .buyNow {
  float: right;
  background: none repeat scroll 0 0 #f59421;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 6px;
  padding: 5px;
}
#fo .buttons .buyNow { margin-right: 10px; }
#fo .welcome .inEvidence .buyNow { margin:0 50px 20px 0;}

/* other activities */
#fo button.seeAll {
  background: none repeat scroll 0 0 #9DCC4D;
  color: #FDB41D;
  border: medium none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 6px;
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 30px;
  box-shadow: 3px 5px 10px #999;
}

/******************  FAQs  **********************************************/
  /* separatore in pagina faq */
/*#fo #ww4_printFilter .borderedFrame img { max-width: 600px; }*/

/******************  VIDEO **********************************************/
#fo #videoWrapper {
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
}

#fo .videoText {
  font-size: 120%;
  font-weight: bolder;
  font-style: italic;
  color: #FFF;
  padding: 10px;
  text-align: center;
}

#fo .responsiveVideoWrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
#fo .responsiveVideoWrapper iframe,
#fo .responsiveVideoWrapper object,
#fo .responsiveVideoWrapper embed {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

  /****************** DIVAS COOKIES **********************************************/
  /*main container*/
#fo .divascookies {
  background: #9DCC4D none repeat scroll 0 0;
  padding: 2px;
}

  /*banner container*/
#fo .divascookies > .divascookies-banner-container { padding: 10px; }

  /*banner text*/
#fo .divascookies p.divascookies-banner-text {
  font-size: 12px;
}

  /*link to the extended policy page*/
#fo span.divascookies-policy-link a {
  color: #f59421;
  font-weight: bold;
}

  /*container of the accept button*/
#fo .divascookies-banner-container > .divascookies-accept-button-container {  }

  /*container of the accept button img*/
#fo .divascookies-accept-button-container > .divascookies-accept-button-img { }

  /*accept button text*/
#fo .divascookies-accept-button-container > .divascookies-accept-button-text {
  padding: 5px 7px;
  font-size: 12px;
}

/****************** ARTICLE/S IN EVIDENCE **********************************************/
#fo .welcome {
  width: 100%;
  float:left;
  margin-top: 10px;
  padding:0px;
  position:relative; /* richiesto dallo z-index del div.social_tools */
  background-color: #E1E0E1;
  border-radius: 5px;
}

#fo .welcome .inEvidence h1 {
  font-style: italic;
  font-size:40px;
  margin: 30px 0 20px 10px;
  color: #9DCC4D;
  float:left;
  padding:0px;
}

#fo .welcome .inEvidence p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  color: #848484;
  float: left;
  margin: 10px 0 18px 15px;
  padding: 20px;
  /*width: 75%;*/
}

/* #fo .welcome .inEvidence h2 { width: 80%; } */

#fo .welcome .inEvidence img, #fo .welcome .inEvidence img.homeMainImg {
  float:left;
  margin-left: 20px;
}

  /* LARGHEZZA AL 100% DEL TOUR IN EVIDENZA */
#fo .welcome .left_one .one_inner {
  width: 960px;
  border: 1px solid #000000;
}

#fo .welcome .one_inner .para { width: 78%; }
  /* LARGHEZZA AL 100% DEL TOUR IN EVIDENZA */

#fo .welcome a img {
  float: right;
  margin-bottom:20px;
  margin-top:-20px;
  margin-right: 20px;
}
#fo .welcome h3{
  color:#9DCC4D;
  font-size:16px;
  margin-bottom:0px;
}

  /* home & products */


#fo .welcome .inEvidence .readMore { margin-top: -40px; }

  /* #########################################################################################################################

  MEDIA QUERIES FOR A RESPONSIVE LAYOUT

 ######################################################################################################################### */
/**********************	iPads (portrait and landscape) *********************/
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {  questo identifica solo dispositivi mobile min-device-width

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  questo identifica solo dispositivi mobile in mode landscape
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  questo identifica solo dispositivi mobile in mode portrait
*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {

  #fo #socialIcon { margin: -110px 100px 0 0; }
  /* SLIDING GALLERY */
  #fo #slider .scrollEl img {
    height: auto;
    max-width: 93%;
  }
  #fo #logo a img { width: 80%; }
  #fo #horizontalMenu ul { margin-right: 90px; }

  /*#fo #horizontalMenu {margin-right: -10px; }*/
  #fo #horizontalMenu ul { margin-right: 15px; }
  #fo #horizontalMenu ul li a { padding:9px 8px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #fo #logo {
    margin-top: 0px;
    margin-left: 10%;
  }

  /* CALENDAR */
  #fo #boxcontentCalendar { left: -50px; }
  #fo #calendarWrapper h1 { white-space: nowrap; }
}

/**********************	Mobile Layout: 915px *********************
 * iPad modalità portrait
 */
@media (max-width: 915px) {
  /* SLIDING GALLERY */
  #fo .headerContainer #slider { min-height:300px; }
  #fo .headerContainer #slider .scrollEl img {
    height: auto;
    max-width: 70%;
  }

  #fo #language .call-us { right: 180px; }

  #fo #socialIcon { margin: -40px 100px 20px 0; }

  /* gestione menu */
  #fo #mobileMenu {
    display: block;
    z-index: 99;
  }

  #fo .toggleMobile {
    position: fixed;
    top: 10px;
    left: 10px;
    display: block;
    width: 40px;
    height: 36px;
    cursor: pointer;
    z-index: 999;
  }
  #fo .toggleMobile span.menu1, #fo .toggleMobile span.menu2, #fo .toggleMobile span.menu3 {
    display: block;
    position: absolute;
    width: 40px;
    height: 8px;
    left: 0;
    background: #FDB41D;
    /*transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];*/
    -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  #fo .toggleMobile span.menu1 { top: 0; }
  #fo .toggleMobile span.menu2 { top: 14px; }
  #fo .toggleMobile span.menu3 { top: 28px; }

  #fo .toggleMobile.active span.menu1 {
    top: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  #fo .toggleMobile.active span.menu2 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  #fo .toggleMobile.active span.menu3 {
    opacity: 0;
    -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }

  #fo #horizontalMenu { display:none; }
  /* fine gestione menu */

  /* gestione in evidenza */
  #fo .welcome {
    width: 94%;
    margin-left: 3%;
  }
  #fo .welcome .inEvidence .readMore {
    float: left;
    margin: 220px 0 20px -150px;
  }
  /*#fo .welcome .inEvidence .buyNow { margin:-150px 50px 20px 0;}*/
  #fo .welcome .inEvidence img { margin-bottom: 5%; }
  #fo .welcome .inEvidence h2 { width: 100%; }
  #fo .welcome .inEvidence p {
    width: 100%;
    padding: 10px;
    float: none;
  }
  /* fine gestione in evidenza */

  #fo #backgroundTours article .desktopContainer{ display: none; }/* teoros added*/
  #fo #backgroundTours article .mobileTable{ display: block; }/* teoros added*/

  #fo #boxcontent, #fo #boxcontentCalendar {
    width:100%;
    padding:10px 0 25px 0;
    margin:20px 10px 0px 50px;
    display:block;
  }

  /* SIDEBAR */
  /*
  #fo #sidebar {
    clear: both;
    border: 2px solid red;
    width: 96%;
  }
  #fo #sidebar #rightColTop, #fo #sidebar #rightColMiddle, #fo #sidebar #rightColBottom {
    float: left;
    display: inline;
    border: 1px solid black;
    margin-right: 50px;
  }
  */

  #fo #sidebar { width: 100%; }
  /* SALVATTORE - la chiamata al js deve essere prima della chiusura del body ==> inclusa in wp_footer */
  #sidebar[data-columns]::before { content: "2 .column.size-1of2"; }
  /* These are the classes that are going to be applied: */
  .column { float: left; }
  .size-1of2 {
    width: 35%;
    max-width: 250px;
    margin-left: 10%;
  }
  /* end sidebar */

  #fo .editor h1 { font-size: 30px; }

  #fo #ww4_printFilter article.editor h2 { font-size: 18px; }
  #fo #ww4_printFilter article img.mainImage {
    width: 200px;
    border: none;
    border-radius: 50%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
  }

  #fo #photogallery  h1 { padding: 30px 0 0px 30px; }

  /* PURCHASE FORM */
  #fo #modeWrapper #paymentImgs img, #fo #modeWrapper #paymentImgs input[type="image"]  { width: 150px; }
  #fo #modeWrapper .paddedtitle{ padding-left: 20px; }

  /* PHOTO GALLERY */
  #fo #imagesGallery { width:100%; }
  #fo #imagesGallery .image img { max-width: 130px; }

  #fo input {
    padding:4px;
    font-size:14px;
  }

  #fo input[type="submit"] { padding: 1px 14px; }
  #fo #copyright .wrapper ul li.fiavet {display: none !important;}
  #fo #copyright .wrapper ul li:last-child{
    /*margin-right: 20px; */
    margin-left: 80px;
  }

  #fo .hideable { display: none }
  #fo .line-break { display: block; }
}

/**********************	Mobile Layout: 765px (landscape) **********************/
@media (max-width: 765px) {
  #fo #logo {
    position: absolute;
    top: 10px;
    margin-left: 60px;
    text-align: center;
  }
  #fo #logo a img {
    width: 150px;
    margin:0px;
  }

  #fo .headerContainer #slider { min-height:0; }
  #fo #socialIcon { margin: 110px 40px 30px 0; }
  #fo br.clear  { display: none; } /* teoros added */

  #fo #topper img{
    width: 80%;
    float: right;
  }

  #fo .desktopContainer {
    height:1px;
    top: -1500px;
  }
  #fo header { height:120px; }

  #fo #horizontalMenu {
    right: auto;
    bottom: auto;
    left: 50%;
    top:100px;
    margin-left: -184px;
  }

  #fo #boxcontent, #fo #boxcontentCalendar {
    margin:10px 10px 0px 10px;
    width: auto;
    min-width: 0;
  }

  /* PHOTO GALLERY */
  #fo #imagesGallery .image img { max-width: 90px; }
  #fo #imagesGallery .image { margin: 15px 10px 0 0; }

  #fo #sidebar img { max-width: 250px; }

  /* CONTENT */
  #fo #pagewrap .listBlock .textWrapper{ width: 60%; }
  #fo .borderedFrame {
    max-width: 95%;
    min-width: 95%;
  }

  #fo #layerWrapper h1.contactTitle {
    font-size: 26px;
    margin-top: 10px;
    padding-bottom: 20px;
  }

  /* FOOTER */
  #fo footer {
    
    background-color:#9DCC4D;
    height: 70px;
    position:relative;
    clear:both;
  }

  #fo footer .wrapper { margin: 0 auto; }

  #fo #copyright { height: 80%; }

  #fo footer #copyright .wrapper {
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px;
    margin: 0 auto;
  }

  #fo #copyright .wrapper ul li:last-child{ float:left; margin-left: 0px}

  #fo #language .call-us {
    padding: 2px 5px;
    border-radius: 0 0 15px 15px;
    right: 180px;
  }
  #fo #language .call-us h2 { font-size: 14px; }

  /* in evidenza */
  #fo .welcome h2 {
    font-size: 26px;
  }
  #fo .welcome .inEvidence p {
    margin: 0px;
    padding: 5px;
    max-width: 96%;
  }

  /* google maps */
  #fo iframe {
    max-width: 100% !important;
    width: 100% !important;
  }
  /* like buttons */
  #fo .addthis_native_toolbox iframe {
    width: 86px !important;
  }
}

/**********************	Mobile Layout: 525px **********************/
/*@media (min-width: 500px) and (max-width: 525px) { } */

/**********************	Mobile Layout: 500px (portrait) **********************/
@media (max-width: 500px) {
  #fo header { text-align: center; }
  #fo .headerImage img { display: none; }

  #fo #language .call-us { display: none; }

  /* no sliding gallery, no socialIcons */
  #fo #slider .sliderGallery /*,#fo #socialIcon */ { display: none; }

  #fo input { width:auto; }

  #fo header {margin: 0 auto 20px auto;}
  #fo header h1 { font-size:40px; }
  #fo header p {
    margin-left: 60px;
    font-size:14px;
  }

  /* aggiunte teoros */
  #fo #logo { display:none; }
  #fo #mobileLogo { display:inline; }
  #fo #socialIcon { margin-top: 30px; }

  /* SWITCH LANGUAGE */
  #fo #language { top: -130px; }
  #fo #language .areaFlags { display: block; }
  #fo #langContainer img { padding: 0px 0px 10px 0px;}

  /*#fo #pagewrap { margin-bottom: 70px; }*/
  #fo .breakline { display: block !important; }

  #fo #boxcontent, #fo #boxcontentCalendar { margin: 0px 10px 0px 10px; }

  /* CONTENT */
  #fo #ww4_printFilter article img.mainImage {
    width: 100px;
    height: 100px;
    top: 0px;
    float: left;
    position: relative;
  }

  /* lista in homepage */
  #fo #boxcontent #ww4_list div.homeMainImg, #fo #pagewrap .welcome .inEvidence div.homeMainImg{ text-align: center }
  #fo #boxcontent #ww4_list div.homeMainImg img, #fo #pagewrap .welcome .inEvidence div.homeMainImg img { float: none; }

  /* fine in evidenza */
  #fo #pagewrap .hiddenMobile { display: none; }
  #fo #pagewrap .hidden {
    display: block;
    visibility: visible;
  }
  #fo #pagewrap .welcome .inEvidence h2.hidden {
    margin: 15px 0 30px 0;
    text-align: center;
  }
  #fo .welcome .inEvidence .readMore {
    float: left;
    margin: 0px ;
    top: 100%;
  }
  #fo .welcome .inEvidence .readMore { margin:0 0px 20px 20px;}
  #fo .welcome .inEvidence .buyNow { margin:0 20px 20px 0;}
  /* fine in evidenza */

  #fo #pagewrap .listBlock .textWrapper{ width: 100%; }

  #fo .buttons .readMore { margin-left: 0px; }
  #fo .buttons .buyNow { margin-right: 0px; }

  #fo .tableContainer { max-width: 300px; }

  /* PHOTO GALLERY */
  #fo #imagesGallery .image img { max-width: 110px; }

  #fo .formWrapper { width: 90% }

  /*#fo #ww4_printFilter article.editor h1, #fo #ww4_printFilter article.editor h2 { margin-right: 0px; }*/
  #fo .editor h1, #fo .editor h2 { margin-right: 0px; }

  /* SALVATTORE - la chiamata al js deve essere prima della chiusura del body ==> inclusa in wp_footer */
  #sidebar[data-columns]::before { content: "1 .column.size-1of1"; }
  /* These are the classes that are going to be applied: */
  .column { float: left; }
  .size-1of1 {
    max-width: 250px;
    margin-left: 10%;
  }
  /* end sidebar */

  /* CALENDAR */
  #fo #modeWrapper .backToCalendar { margin: -40px 0; }

  #fo .purchaseDatum {
    font-weight: bold;
    padding: 10px;
  }

  #fo #modeWrapper #paymentImgs .payment {
    display: block;
    margin-top: 10px;
    text-align: center;
  }

  #fo #modeWrapper .paddedtitle{ padding-left: 10px; }

  #fo .readMore, #fo .buyNow {
    margin-bottom: 10px;
    padding: 10px;
  }

  #fo .readMore { margin-right: 10px !important; }

  #fo #sidebar .rightColTop, #fo #sidebar .rightColMiddle, #fo #sidebar .rightColBottom {
    margin-left: auto;
    margin-right: auto;
  }

  #fo footer { height: 110px; }
  #fo footer .wrapper { width:auto; }
  #fo #copyright { height: 90%; }

  /**/
  #fo #divloaded { display: none; }
}