/* CSS Document marinadilecce.it*/
html,body{margin:0;padding:0}
body { overflow-x: hidden;
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
a:link {text-decoration:underline;color:#006699}
/* visited link */
a:visited {
text-decoration:underline;color:#006699
}
/* mouse over link */
a:hover {
text-decoration:underline;color: #333300;
}
/* selected link */
a:active {
text-decoration:underline;color:#006699
}
img{border:0}
.menu-toggle {display: none;}
.lblmenu-toggle {display: none;}
body{font: 100.01% "Open Sans","Trebuchet MS",Verdana,Arial,sans-serif;}
div#container{width:100%;max-width:62.25em;margin: 0 auto;font-size:1em;background-color:#FFFFFF;}
div#header{position:relative;width:100%;max-width:62.25em;height:6em;margin: 0;border-bottom: 1px solid #006699;font-size:1em;}
div#main{float:left;width:100%;font-size:1em;}
div#content{width:100%;max-width:48.25em;position:relative;padding:10px 10px 10px 10px;display:inline-block;font-size:1em;}
div#menusx{float:left;width:12.375em;font-size:1em;padding:3px}
div#footer{clear:both;width:100%;padding-top:5px;color:000000; border-top: 1px solid #006699;font-size:1em;}
/*.menu-toggle {display: none;}
/* Stile per Intestazione */
div#Logo {width:245px; margin:0 0; position:relative;border-radius:10px 10px 10px 10px;}
div#Logo img{height:95px;width:auto;border-radius:10px 10px 10px 10px;}
/* Stile per Menu sup *//*
div#menusup{position:absolute;top:60px;left:630px; width:594px;}
*/
div#menusup{position:absolute;top:60px;left:39em;width:24.5em;font-size:1em;}
#menusup ul {
list-style-type:none; /* Nessuno stile applicato alla lista */
padding:0px;
margin:10px;
}
#menusup li {
margin:0px
padding:0px;
float:left; /* elementi su singola riga */
}
#menusup a {
text-decoration:none; /* Nessuna decorazione */
color:#000000; /* Colore Link */
background:#ffffff; /* Colore sfondo */
padding:3px; /* Distanza tra gli elementi */
border-radius:2px 2px 2px 2px;
}
#menusup a:hover {
background:#DDDCDD; /* Sfondo */
color:#000000;
}
/* Fine stile Menu sup */
/* Stile per Menu sx */
#menusx ul {
list-style-type:none; /* Nessuno stile applicato alla lista */
padding:0px;
margin:5px;
}
#menusx li {
margin:0px;
padding:0px;
}
#menusx a {
text-decoration:none; /* Nessuna decorazione */
color:#000000; /* Colore Link */
background:#F2F0F1; /* Colore sfondo */
padding:3px; /* Distanza tra gli elementi */
display:block;
border-radius:10px 10px 10px 10px;
font-size:1em;
}
#menusx a:hover {
background:#DDDCDD; /* Sfondo */
color:#2E3313;
}
#titolo_gruppi_menu_sx{
width:177px;
height:28px;
padding-left:1px;
margin:5px;
color:#003399;
font-weight:bold;
padding-bottom:1px;
border-bottom:1px dotted #006699; /*linea orizzontale*/
font-size:1em;
}
/* Fine stile Menu sx */
/* Box per menu sx */
#box_sx_1{
float:left;
width:198px;
border:1px solid #006699;
border-radius:10px;
background:#F2F0F1;
margin-top:15px;
margin-bottom:15px;
font-size:1em;
}
#servizioclienti{float:left;text-align:center;font-size:0.8em;font-weight:900;color:#0066CC}
/* Box pagina Chi siamo */
#box_chi_siamo{
text-align:center;
width:500px;
border:1px solid #006699;
border-radius:5px;
background:#F2F0F1;
margin:0 auto;
font-size:1em;
}
/* Box blog nel Salento */
#box_sx_blog{
text-align:center;
float:left;
width:198px;
padding-top:5px;
padding-bottom:5px;
background:#F2F0F1;
margin-top:15px;
margin-bottom:15px;
border-radius:10px;
border:1px solid #006699;
font-size:1em;
}
/* Stile titolo box sx */
div#titolo_gruppi_box_sx{
width:177px;
height:28px;
padding-left:5px;
margin:5px;
color:#003399;
font-weight:bold;
padding-bottom:1px;
border-bottom:1px dotted #006699; /*linea orizzontale*/
text-align:left;
font-size:1em;
}
/* Box Chi siamo Home page */
#box_content_chisiamo{
text-align:left;
float:left;
width:100%;
padding-bottom:5px;
border:1px solid #ffffff;
border-radius:4px;
background:#ffffff;
margin-top:0px;
padding-top:0px;
font-size:1.1em;
}
/* Box SX Torre San Giovanni, Pescoluse, Lido Marini */
#box_content_sx{
text-align:center;
float:left;
width:280px;
padding-bottom:5px;
border:1px solid #006699;
border-radius:4px;
background:#ffffff;
margin-top:6px;
padding-top:10px;
font-size:1em;
}
#box_content_sx img{max-width:270px;max-height:174px;width:auto;height:auto;}
div#titolo_gruppi_content {
width:288px;
height:28px;
padding-right:1px;
margin:5px;
color:#003399;
font-weight:bold;
padding-top:10px;
padding-bottom:5px;
text-align:left;
font-size:1em;
}
/* Box sx Cerca per zona */
#box_content_cercasx{
text-align:left;
float:left;
width:198px;
padding-bottom:5px;
border:1px solid #ffffff;
border-radius:4px;
background:#ffffff;
margin-top:6px;
padding-top:10px;
font-size:1em;
}
div#titolo_box_cercasx{
width:177px;
height:28px;
padding-left:5px;
margin:5px;
color:#003399;
font-weight:bold;
padding-bottom:1px;
border-bottom:1px solid #006699; /*linea orizzontale*/
text-align:center;
font-size:1em;
}
/* Stile lista Cerca per zona e Cerca per tipologia */
ul.lista-1 li{list-style:square}
ul.lista-1 a:link, a:visited{text-decoration:none; color:#000000}
ul.lista-1 a:hover{text-decoration:underline;}
/* fine */
.titolo-intestazione{font-size:0.75em; font-weight:normal; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; text-align:center; color:#000000; align:center}
.copyright{font-size:0.875em; font-weight:bold; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; text-align:center; color:#006699; padding-bottom:3px; padding-top:10px; align:center;}
.privacy{font-size:0.75em; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; text-align:center; color:#726E6E; padding-bottom:3px; align:center;}
.textcentrato{text-align:center;}
.titolo-chi-siamo{font-size:1.0625em;font-weight:bold;font-family:"Trebuchet MS",Verdana,Arial,sans-serif;text-align:left;color:#003399;margin-bottom:10px;margin-top:10px}
.titolo-center{font-size:2.25em;font-family:"Roboto Slab",Verdana,Arial,sans-serif;font-weight: 300;text-align:center;color:#0274be;margin-bottom:10px;margin-top:10px} /* Titolo centrato Contatti, blog */
.testogiustificato{text-align:justify}
.immagine{text-align:center;}
.Stile1 {color: #990000; font-weight:bold;} /* Stile carattere Inserisci il tuo annuncio */
.Centrato{text-align:center;}
.TornaSu{
display:none;}
.sottotitolo{color:#333399;font-weight:bold;font-size:1.25em;}
.socialintestazione{display:block;
width:90%;max-width:400px;top:0px;position:absolute;right:0px}
.InputTextContatti{
font: 100.01% "Open Sans","Trebuchet MS",Verdana,Arial,sans-serif;
width:410px;
font-size:1.1em;
height:2em;
border: 1px solid #000000;
border-radius:3px 3px 3px 3px;
}
#txtInfo {height:6em;}
.InputTextContatti:-webkit-input-placeholder {
/*font-size:0.7em;*/
font-weight: 100;
/* color: #E0E0E0;*/
}
.InputTextContatti:-moz-placeholder { /* Firefox 18- */
/*font-size:0.7em;*/
/*color: #CCCCCC; */
}
.InputTextContatti::-moz-placeholder { /* Firefox 19+ */
/*font-size:0.7em;*/
/* color: #CCCCCC; */
}
.InputTextContatti:-ms-input-placeholder {
/*font-size:0.7em;*/
/* color: #CCCCCC; */
}
.InputButtonContatti{width:400px;font-size:1.7em;}
.tags{font-size:0.7em;text-decoration:none;}
.tags a{text-decoration:underline;}
#spot
{ position:fixed;
color:#FFFFFF;
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;
line-height:1.9em;
background-color: #585858; /* per IE8 */
background-color: rgba(88, 88, 88, 0.8);
*background-color: #585858; /* per IE7 */
top:0; /* sostituire con bottom:0; per posizionare il banner in basso */
text-align:center;
padding:1em 0 1em 0;
display: none;
width:100%;
z-index:99999;
left:0;
}
#spot a{
text-decoration:none;
padding:8px;
background-color:white;
font-size:12px;
border-radius:6px;
color:#585858;
}
#spot img
{
border: none;
}
@media only screen and (max-width: 64em) {
div#container{width:100%;max-width:62.24em;padding:0 0;}
div#main{float:none;width:100%;max-width:62.24em;}
div#menusup{position:absolute;top:3.75em;left:50%;width:24.5em;font-size:1em;}
.lblmenu-toggle {display:none;}
div#menusx{float:left;width:12.375em;font-size:1em;}
/*div#content{width:100%;max-width:none;position:relative;padding:0.625em :0.625em :0.625em :0.625em;display:inline-block;font-size:1em;}*/
div#content{width:72%;max-width:none; position:relative;padding:0.625% 0.625%;margin:0 0;}
#box_content_chisiamo{
text-align:left;
width:100%;
padding:0 0 0 0;
border:0px;
border-radius:0px;
background:#ffffff;
margin-top:0px;
margin-left:0;
}
#box_content_sx{
text-align:center;
float:none;
width:45%;/*17.5em;/*280px;*/
padding-bottom:0.3125em;
border:0.0625em solid #006699;
border-radius:0.25em;
background:#ffffff;
margin-top:0.375em;
padding-top:0.625em;
padding-left:0.625em;
padding-right:0.625em;
display:inline-block;
}
#box_content_sx img{
/*width="270" height="174"*/
width:100%;/*27.108434%;*/
height:auto;/*;17.46988%;*/
}
#box_content_cercasx{
text-align:left;
vertical-align:top;
width:35%;/*17.5em;/*280px;*/
padding-bottom:5px;
border:1px solid #ffffff;
border-radius:0.25em;
background:#ffffff;
padding-top:0.625em;
display:inline-block;
margin:0.5em 5%;
}
.TornaSu{
display:none;}
}
@media only screen and (max-width: 52.25em) {
.lblmenu-toggle {display: block;font-size: 1.6em;font-weight:900}
div#main{float:none;width:100%;padding:0 0;}
div#menusx{float:none;width:100%;font-size:1em;}
div#content{width:98%;max-width:none;position:relative;padding:0.625% 0 0 0.625%;margin:0 auto;}
div#menusup{display:none}
#box_sx_1{margin:0.5em 2%;width:90%}
#box_sx_1 ul li{display:block}
#servizioclienti{margin:0.5em 2%;width:90%;text-align:center}
/*
#box_sx_1 ul:hover li{display:none}
*/
#menu-toggle:checked ~ #box_sx_1{display:block}
#menu-toggle ~ #box_sx_1{display:none;}
#menu-toggle:checked ~ #box_sx_case{display:block}
#menu-toggle ~ #box_sx_case{display:none;}
#menu-toggle:checked ~ #box_sx_offerte{display:block}
#menu-toggle ~ #box_sx_offerte{display:none;}
#menu-toggle:checked ~ #box_sx_blog{display:block}
#menu-toggle ~ #box_sx_blog{display:none;}
#menu-toggle:checked ~ #servizioclienti{display:block}
#menu-toggle ~ #servizioclienti{display:none;}
/*
#box_sx_1 #menu-toggle:checked ~ #box_sx_1 ul li{display:block}
#box_sx_1 #menu-toggle ~ #box_sx_1 ul li{display:none}
*/
#box_sx_blog{margin:0.5em 2%;width:90%}
#box_sx_blog ul li{display:block}
#box_sx_blog ul:hover li{display:block}
#box_sx_case{margin:0.5em 2%;width:90%}
#box_sx_case ul li{display:block}
#box_sx_case ul:hover li{display:block}
#titolo_gruppi_menu_sx{width:100%;}
#box_content_sx{
text-align:center;
float:none;
width:82%;/*17.5em;/*280px;*/
padding-bottom:0.3125em;
border:0.0625em solid #006699;
border-radius:0.25em;
background:#ffffff;
padding-top:0.625em;
padding-left:0.625em;
padding-right:0.625em;
display:inline-block;
margin:0.5em 0 0.5em 5%;
}
#box_content_sx img{
/*width="270" height="174"*/
width:100%;/*27.108434%;*/
height:auto;/*17.46988%;*/
}
#header{width:100%}
#header #Logo{width:95%;max-width:245px;}
#header #Logo img{width:100%;height:auto;max-height:95px;}
#box_content_inserzionesx{margin:0.5em 5%;width:90%}
#box_content_cercasx{width:90%;}
div#footer{width:100%;}
.TornaSu{
display:block;
z-index: 1049;
position: fixed;
right: 2%;
bottom: 2%;
width: 50px;
height: 50px;
}
.socialintestazione{width:1px;display:none;}
.InputTextContatti{
width:100%;
font-size:1.6em;
}
.InputButtonContatti{width:100%;font-size:1.5em;}
}
@media only screen and (min-width: 1025px) {
body { overflow-x: hidden;
-webkit-animation: bugfix infinite 1s;
background: url('../images/sfondo.jpg?y=2018') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;padding-bottom:40px;-webkit-padding-after:40px;margin-bottom: 40px;
}
.titolo-intestazione{color:#000000;font-weight:bold;}
div#container{-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
}