/* :::::  http://www.appartamentisalento.it/style-screen.css ::::: */
body { font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #525252; margin-top: 0 ! important; padding-top: 0 ! important; padding-left: 10%;  padding-right: 10%; }
h1 { font-size: x-large; text-align: center; color: #285330; margin: 0; }
h2 { font-size: large; margin: 0; color: #285330; }
h3 { font-size: large; margin: 0; }
a:link { color: #1a77bd; }
a:visited { color: #1a77bd; }
a:active, a:hover { color: rgb(0,0,255); text-decoration: none; }
img { text-decoration: none; border-style: none; }
label { white-space: nowrap; font-size: 90%; font-weight: bold; }
legend { color:#666666; font-family:Times; font-size:20px; padding:0 2px; }
fieldset {
	background:#F7F7F7;
    border-color:#ECECEC #ADADAD #ADADAD #ECECEC;
    border-style:solid;
    border-width:1px;
    padding-left:4%;
    padding-right:4%;
    text-align:left;
}
textarea {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}
#masthead { }
#siteName { height: 175px; text-align: center; background-position: center; background-image: url(/images/testata.jpg); background-repeat: no-repeat; }
#siteName img { padding: 4px; float:left; }
#globalNav { margin: 0 0 1% 0; width: 100%; float: left; }
#globalNavSinistra { margin:0; width: 100%; float: left; text-align: center; }
#globalNavDestra { margin:0; width: 55%; float: right; }
#social { margin: 1% 0 1% 0; width: 100%; float: left; }
#socialContainer { margin:1% 0 1% 0; width: 100%; float: right; }
#Contenuti { padding: 0 2% 0 2%; width: 96%; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); float: left; }
#Generale { font-style: italic; font-size: large; font-weight:bold; margin-bottom: 3%; }
.Attention { text-decoration: underline; }
.MainTop { margin: 0 0 3% 0; float: left; color: #525252; }
.MainTop img { background: none repeat scroll 0 0 #fff;
    float: left;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin: 0 1% 0 0;
    }
.MainTop img:hover { background: none repeat scroll 0 0 #fff;
    float: left;
    border: 1px solid #5ba9f4;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin: 0 1% 0 0;
    }
.MainTop h2 { background-color: #eeeeee; text-align: center; text-transform:uppercase; }
.MainTop h2 img { float: left; padding: 0; margin: 3px 8px 0 2px; }
.MainDown { margin: 0 0 3% 0; float: left; color: #525252; }
.MainDown img { background: none repeat scroll 0 0 #fff;
    float: right;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin: 0 0 0 1%;
    }
.MainDown img:hover { background: none repeat scroll 0 0 #fff;
    float: right;
    border: 1px solid #5ba9f4;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin: 0 0 0 1%;
    }
.MainDown h2 { background-color: #eeeeee; text-align: center; text-transform:uppercase; }
.MainDown h2 img { float: left; padding: 0; margin: 3px 6px 0 10px; }
.OfferteSpeciali { float: left; padding: 0; margin: 3px 6px 0 10px; font-size: medium; }
.OfferteSpeciali h3 { font-size: medium; color:red; margin: 0; }
.viewScheda { font-size: medium; }
#Contatti { padding: 6% 0 1%; float: left; margin-bottom: 3%; width: 100%; }
#Contatti p { margin-bottom: 1px; margin-top: 0; }
#Contatti h3 { padding: 0; margin: 0; background-color: #eeeeee; width: 100%; text-align: center; }
#ContattiLeft { float: left; padding-top: 1%; width: 33%; display: block; }
#ContattiRight { float: right; padding-top: 1%; width: 66%; display: block; }
#ContattiRisultato {
	float: left;
	background:#F7F7F7 none repeat scroll 0 0;
    border-color:#ECECEC #ADADAD #ADADAD #ECECEC;
    border-style:solid;
    border-width:1px;
    padding:4%;
    text-align:left;
    width: 66%;
}
#ContattiRight textarea { width: 100%; }
#ContattiRisultato img { float: left; margin: 0 10px 0 0; }
#WarningBox { width: 70%; color: rgb(255, 0, 0); padding:0px 0 40px 0; }
#WarningBox img { margin:0px 10px 0 0; padding: 0; float: left; }
.TextWrapLeft { float: left; margin: 20px 10px 0 0; }
.TextWrapLeftContactForm { float: left; margin: 10px 10px 0 0; }
.FotografieGallery { width:96%; padding:2%; clear: both; overflow: visible; margin: 0; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); float: left; text-align:center; }
.FotografieGallery h3 { padding: 1%; color: #285330; }
.VideoGallery { width:96%; padding:2%; clear: both; overflow: visible; margin: 0; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); float: left; text-align:center; }
.VideoGallery h3 { padding: 1%; color: #285330; }
.UserFotografieVideo { margin:1%; display:inline-block; }
.VideoGallery iframe { border: none; padding: 1% 0 0 0; margin: 0 0 0 1%; }
.UserFotografieGallery { margin:1%; display:inline-block; }
.UserFotografieGallery img { border: 1px solid #dcdcdc; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); padding: 4px; }
.UserFotografieGallery img:hover { border: 1px solid #5ba9f4; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); padding: 4px; }
.Form-error { color: rgb(255, 0, 0); }
#siteInfo { font-size: 80%; float: left; width: 100%; color: rgb(102, 102, 102); text-align: center; }
#siteInfo img { margin: 1%; }
#facebook-container { float: right; display: inline; margin-left: 1%; }
#other-button-container { float: right; display: inline; }
#email-friend { float: right; display: inline; width: 0; margin: 0; padding: 0; }
/* google map popup */
.popup h3 { font-size: small; }
/* fix facebook like box only for Opera 9.5+ browser */
doesnotexist:-o-prefocus, #fb-root {
	display: none;
}
doesnotexist:-o-prefocus, .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	vertical-align: top !important;
}
/* end fix facebook like box only for opera browser */

/* cookie banner */

#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */

  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
  color: #222222;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */
  opacity: .8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink {
  color: #E00;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #F44;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #0F0;
}