* { padding: 0; margin: 0; }
body { /*background-color:#61534b;*/ font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%; margin: 0; padding: 0; font-size:100%; font-family: 'Josefin Sans', sans-serif; }
html { height: 100%; }
#complessivo { min-height: 100%; width: 100%; margin-right: auto; margin-left: auto; min-height: 100%; position: relative; }
* html #complessivo { height: 100%; } /* per ie6 */
/* fine tag per scorrimento sfondo 100% */
a { color: #6d7130; font-weight:bold; }
a:hover { text-decoration:none; }
a img { border:0px; }
a.telefona { border:0px; width: 120px; padding-top:7px; padding-bottom:7px; background-color:#bba071; display:inline-block; text-align:center; }
span.mob { }
span.web { display:none; }
span.corsivo { font-style:italic; }
img.suite { width:100%; margin-bottom:15px; }
#sfocatura { min-height: 500px; width: 100%; background-image: url(images/sfoca_out_768.jpg); background-repeat:no-repeat; background-size:contain; z-index:-1; }
#top { width: 100%; margin-right: auto; margin-left: auto; /* height: 245px; background-color:rgba(185,91,92,0.90);*/ }
#logo { width: 100%; text-align:center; color:#ffecb7; text-shadow: 2px 2px 5px #000; /*height: 155px; line-height:155px;*/ padding-top:15px; padding-bottom:15px; font-family: 'Alex Brush', cursive; font-size:300%; }
#pulsanti { width:100%; }
a.icone { background-color: #bba071; background-color:rgba(187,160,113,0.70); width: 85%; min-width:45px; display: block; /*border: solid 2px #003366; background-image: url(images/sfondo_icone.jpg); background-repeat: repeat-x; text-align:center;*/ }
a.icone_flag { background-color:transparent; width: 45px; max-width:45px; display: block; /*border: solid 2px #003366; background-image: url(images/sfondo_icone.jpg); background-repeat: repeat-x; text-align:center;*/ }
a.icone_top { background-color: #bba071; background-color:rgba(187,160,113,0.70); max-width:46px; display: block; /*border: solid 2px #003366; background-image: url(images/sfondo_icone.jpg); background-repeat: repeat-x; text-align:center;*/ }
div.mappa_mob { width:44%; float:left; margin-left:3%; margin-right:3%; margin-top:3%; margin-bottom:3%; text-align:center; }
img.mappa_mob { max-width:300px; }
#social_mob { text-align:right; margin-top:5px; margin-bottom:5px; padding-right:10px; }
#social_web { display:none; }
#hormenu { display:none; font-size:120%; }
#hormenu_mob { width: 100%; /*height: 60px; line-height:60px;*/ background-color:#bba071; background-color:rgba(187,160,113,0.50); margin-bottom:10px; font-size:130%; }
/*TOGLIAMO IL MARCATORE DI LISTA*/
div#hormenu_mob ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/*definiamo i singoli elementi principali del menu*/
div#hormenu_mob li {
width:100%;
margin: 0;
padding: 0;
color:black;
}
div#hormenu_mob li.dintorni {
width:100&%;
margin: 0;
padding: 0;
color:black;
}
/*definiamo gli stili per i link del menu*/
div#hormenu_mob a {
display: block;
color: #000;
/*line-height:60px;*/
text-decoration: 3px solid;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #fff;
font-weight:normal;
}
div#hormenu_mob a:hover {
color: #fff;
text-decoration: 3px solid #fff;
background-color:transparent;
}
/*home*/
#img_home { margin-bottom: 10px; width:100%; }
#molin { width:78%; margin-left:auto; margin-right:auto; margin-bottom:15px; padding: 0% 4% 4% 4%; background-color:#e2e2e2; text-align:center; font-size:130%; }
#verdara { width:78%; margin-left:auto; margin-right:auto; margin-bottom:15px; padding: 0% 4% 4% 4%; background-color:#e2e2e2; text-align:center; font-size:130%; }
#suite { width:78%; margin-left:auto; margin-right:auto; margin-bottom:15px; padding: 0% 4% 4% 4%; background-color:#e2e2e2; text-align:center; font-size:130%; }
h2.home { color: #6d7130; }
ul.liste { margin-left: 4%; }
#corpo_home { width: 100%; padding-bottom: 10px; color:#452F0B; font-size:145%; }
div.pagina_home { padding:4%; color: #452F0B; text-align:justify; }
/*
#home_tre { width: 768px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom:25px; }
#molin { float:left; width:246px; margin: 0px 15px 0px 0px; height:100px; background-color:#ccc; }
#verdara { float:left; width:246px; margin: 0px 15px 0px 0px; height:100px; background-color:#ccc; }
#terza { float:left; width:246px; margin: 0px; height:100px; background-color:#ccc; }
/*fine home*/
#molin_2 { margin-bottom: 20px; }
#corpo { width: 100%; padding-bottom: 10px; background-color:#e2e2e2; color:#452F0B; font-size:130%; }
h1 { margin-left:4%; padding-left:3%; padding-top:8px; padding-bottom:8px; color: #6d7130; background-color:#fff; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; background-position:right; background-repeat:no-repeat; background-size:contain; }
/*h1 differenti per immagine sfondo*/
h1.pagina_residenze { background-image: url(images/icone_pagine/residenze_mob.png); }
h1.pagina_servizi { background-image: url(images/icone_pagine/servizi_mob.png); }
h1.pagina_dintorni { background-image: url(images/icone_pagine/dintorni_mob.png); }
h1.pagina_eventi { background-image: url(images/icone_pagine/eventi_mob.png); }
h1.pagina_contatti { background-image: url(images/icone_pagine/contatti_mob.png); }
/*fine h1 personalizzati*/
h2.titolo_paragrafo { color: #6d7130; }
h2 a { color: #6d7130; }
div.pagina_testo { padding:4%; color: #452F0B; text-align:justify; }
/*dati form*/
label.one { display: block; }
div.privacy { font-size: 90%; }
label.radio { width:auto; }
input { display: block; width:90% }
input.provincia { width:auto; }
input.radio { width:auto; display:inline; }
textarea.form { display: block; width:90%; }
input.invia { width:auto; padding:7px; background-color:#6d7130; color:#fff; font-weight:bold; border:1px solid #fff; display:inline; font-size:100%; font-family: 'Josefin Sans', sans-serif;}
input.cancella { width:auto; padding:7px; background-color:#6d7130; color:#fff; font-weight:bold; border:1px solid #fff; display:inline; font-size:100%; font-family: 'Josefin Sans', sans-serif;}
/*fine dati form*/
#footer { color: #fff; background-color: #e9e9d3; text-align: center; width: 100%; /*margin-top:15px; margin-right:20px; margin-left:20px; margin-bottom:0px;*/ /*margin: 15px 20px 0;*/ padding: 0px; margin-right: auto; margin-left: auto; }
#footer_inner { /*background-color:#c7ac7d;*/ width:100%; }
div.footer_left { float:left; text-align:left; color:#452F0B; font-size:80%; padding:4%; }
a.link_footer { color: #6d7130; font-weight:normal; }
/*photo gallery*/
#gallery_dx { float:right; width:280px; padding-left:10px; }
#gallery_or { text-align:left; padding-top:25px; }
/*
img.gallery_small_o { width: 23%; height: auto; margin: 0; padding: 0; margin-bottom:10px; margin-right:1%; border:0px; }
img.gallery_small_ou { width: 23%; height: auto; margin: 0; padding: 0; margin-bottom:10px; margin-right:0%; border:0px; }
*/
img.gallery_small_o { width: 48%; height: auto; margin: 0; padding: 0; margin-bottom:10px; margin-right:1%; border:0px; }
img.gallery_small_ou { width: 48%; height: auto; margin: 0; padding: 0; margin-bottom:10px; margin-right:0%; border:0px; }
img.gallery_small { width: 280px; height: 150px; margin: 0; padding: 0; margin-bottom:20px; border:0px; }
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
/*fine photo gallery*/
@media (min-width: 768px) {
/*body { background-color:#f00; }*/
span.mob { display:none; }
span.web { display:inline; }
#sfocatura { background-image: url(images/sfoca_out_10002.jpg); }
#top { width: 100%; margin-right: auto; margin-left: auto; height: 258px/*245px senza pulsanti social*/; }
#logo { width: 768px; text-align:center; text-shadow: 2px 2px 5px #000; margin-right: auto; margin-left: auto; padding-top:0px; padding-bottom:0px; height: 155px; line-height:155px; font-size:80px; }
#pulsanti { display:none; }
img.suite { width:45%; margin-right:2%; }
#social_mob { display:none; }
#social_web { display:block; text-align:right; width: 768px; margin-left:auto; margin-right:auto; margin-top:5px; }
#hormenu { width: 768px; margin-right: auto; margin-left: auto; height: 60px; line-height:60px; background-color:#bba071; background-color:rgba(187,160,113,0.50); display:block; font-size:130%; }
#hormenu_mob { display:none; }
/*TOGLIAMO IL MARCATORE DI LISTA*/
div#hormenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/*definiamo i singoli elementi principali del menu*/
div#hormenu li {
width:124px;
float:left;
margin: 0;
padding: 0;
color:black;
}
div#hormenu li.dintorni {
width:148px;
float:left;
margin: 0;
padding: 0;
color:black;
}
/*definiamo gli stili per i link del menu*/
div#hormenu a {
display: block;
color: #000;
line-height:60px;
text-decoration: 3px solid;
text-align:center;
font-weight:normal;
}
div#hormenu a:hover {
color: #fff;
text-decoration: 3px solid #fff;
background-color:transparent;
}
/*home*/
#img_home { margin-bottom: 25px; width:766px; height:215px; margin-left:auto; margin-right:auto; border:1px solid #000; }
#home_tre { width: 768px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom:25px; }
#molin { float:left; width:226px; margin: 0px 15px 0px 0px; padding: 0px 10px 10px 10px; background-color:#e2e2e2; }
#verdara { float:left; width:226px; margin: 0px 15px 0px 0px; padding: 0px 10px 10px 10px; background-color:#e2e2e2; }
#suite { float:left; width:226px; margin: 0px; padding: 0px 10px 10px 10px; background-color:#e2e2e2; }
#home_due { width: 768px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom:25px; }
#molin_2 { float:left; width:356px; margin: 0px 15px 0px 0px; padding: 0px 10px 10px 10px; background-color:#e2e2e2; }
#suite_2 { float:left; width:356px; margin: 0px; padding: 0px 10px 10px 10px; background-color:#e2e2e2; }
#corpo_home { width: 768px; margin-right: auto; margin-left: auto; margin-bottom: 100px; }
div.pagina_home { padding:25px; }
/*fine home*/
#corpo { width: 768px; margin-right: auto; margin-left: auto; margin-bottom: 100px; }
h1 { margin-left:25px; padding-left:25px; width:718px; height:100px; line-height:100px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px; /*tolgo parte mob */ padding-top:0px; padding-bottom:0px; }
div.pagina_testo { padding:25px; }
/*dati form*/
label.one { width: 210px; padding-right:10px; text-align:right; display:inline-block; }
input { width: 460px; display:inline; }
textarea.form { width: 460px; display:inline; }
input.provincia { width:50px; }
/*fine dati form*/
#footer { position: absolute; bottom: 0; width: 100%; /*margin-top:15px; margin-right:20px; margin-left:20px; margin-bottom:0px;*/ /*margin: 15px 20px 0;*/ padding: 0px; margin-right: auto; margin-left: auto; }
#footer_inner { width: 768px; margin-right: auto; margin-left: auto; padding: 0px; }
div.footer_left { padding: 10px 0px 10px 25px; }
#gallery_dx { float:right; width:280px; padding-left:20px; }
img.gallery_small_o { width: 171px; height: 91px; margin: 0; padding: 0; margin-bottom:10px; margin-right:4px; border:0px; }
img.gallery_small_ou { width: 171px; height: 91px; margin: 0; padding: 0; margin-bottom:10px; margin-right:0px; border:0px; }
}
@media (min-width: 1000px) {
/*body { background-color:#fff; }*/
#sfocatura { background-image: url(images/sfoca_out.jpg); }
#logo { width: 1000px; text-align:center; color:#ffecb7; text-shadow: 2px 2px 5px #000; margin-right: auto; margin-left: auto; height: 155px; line-height:155px; font-size:100px; }
#social_web { width: 1000px; }
/*DEFINIAMO IL DIV DEL MENU ORIZZONTALE*/
#hormenu { width: 1000px; }
/*definiamo i singoli elementi principali del menu*/
div#hormenu li {
width:162px;
}
div#hormenu li.dintorni {
width:186px;
}
/*home*/
#img_home { width:998px; height:280px; }
#home_tre { width: 1000px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom:25px; }
#molin { float:left; width:294px; margin: 0px 14px 20px 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
#verdara { float:left; width:294px; margin: 0px 14px 20px 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
#suite { float:left; width:294px; margin: 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
#home_due { width: 1000px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom:25px; }
#molin_2 { float:left; width:460px; margin: 0px 19px 0px 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
#suite_2 { float:left; width:460px; margin: 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
#corpo_home { width: 1000px; }
/*fine home*/
#corpo { width: 1000px; }
h1 { margin-left:25px; width:950px; height:100px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px; }
/*h1 differenti per immagine sfondo*/
h1.pagina_residenze { background-image: url(images/icone_pagine/residenze.png); }
h1.pagina_servizi { background-image: url(images/icone_pagine/servizi.png); }
h1.pagina_dintorni { background-image: url(images/icone_pagine/dintorni.png); }
h1.pagina_eventi { background-image: url(images/icone_pagine/eventi.png); }
h1.pagina_contatti { background-image: url(images/icone_pagine/contatti.png); }
/*dati form*/
label.one { width: 230px; padding-right:10px; text-align:right; }
label.privacy { width: 650px; }
input { width: 650px; }
textarea.form { width: 650px; }
/*fine dati form*/
#footer { }
#footer_inner { width: 1000px; }
img.gallery_small_o { width: 230px; height: 125px; margin: 0; padding: 0; margin-bottom:10px; margin-right:4px; border:0px; }
img.gallery_small_ou { width: 230px; height: 125px; margin: 0; padding: 0; margin-bottom:10px; margin-right:0px; border:0px; }
}