* { 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% */

img.logo { max-width:350px; }
table { font-size:100%; }
td { padding: 3px; border: 1px solid #000; }
td.no_border { border: 0px; }
tr.over:hover { background-color:#194765; color:#fff; }
a { color: #194765; }
a:hover { text-decoration:none; }
a img { border:0px; }

span.mob { }
span.web { display:none; }
span.corsivo { font-style:italic; }

#sfocatura { min-height: 500px; width: 100%; background-image: url(images/sfoca_out_768.jpg); background-repeat:no-repeat; background-size:contain; z-index:-1; }
#top1 { width: 100%; margin-right: auto; margin-left: auto; background-color:#fff /* height: 245px; background-color:rgba(185,91,92,0.90);*/ }
#top2 { width: 100%; margin-right: auto; margin-left: auto; /* height: 245px; background-color:rgba(185,91,92,0.90);*/ }
#logo { width: 100%; height:64px; text-align:center; color:#ffecb7; padding-top:0px; padding-bottom:15px; font-family: 'Alex Brush', cursive; font-size:300%; background-color:#fff; }

#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; }

#hormenu { display:none; font-size:120%; }
#hormenu_mob { width: 100%; /*height: 60px; line-height:60px;*/ background-color:#194765; background-color:rgba(25,71,101,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:#fff;
	 }
	 div#hormenu_mob li.dintorni {
	 width:100&%;
	 margin: 0;
	 padding: 0;
	 color:#fff;
	 }
	/*definiamo gli stili per i link del menu*/
	div#hormenu_mob a {
	 display: block;
	 color: #fff;
	 /*line-height:60px;*/
	 text-decoration: 3px solid;
	 text-align:center;
	 padding-top:5px;
	 padding-bottom:5px;
	 border-bottom:1px solid #fff;
	 }
	 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:#000; font-size:145%; }
div.pagina_home { padding:4%; color: #000; 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*/

#corpo { width: 100%; padding-bottom: 10px; background-color:#d4d4d4; background-color:rgba(212,212,212,0.80); color:#000; font-size:130%; }
h1 { padding-left:3%; padding-top:8px; padding-bottom:8px; color: #194765; background-color:#fff; background-color:rgba(250,250,250,0.90);  }

div.pulsante_principale { width:100%; text-align:center; background-color:#FFF; }
	img.pulsante_img { max-width:215px; }
div.descrizione_pulsante { }
div.domanda { font-size:110%; text-align:left; }
h2.titolo_pulsante { margin-top:0px; margin-bottom:15px; color: #194765; background-color:#fff; background-color:rgba(250,250,250,0.90); text-align:center; }

/*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: #000; 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.testo { font-size:97%; padding:3px; }
input.conta { font-size:97%; padding:3px; width:50px; }
input.radio { width:auto; display:inline; }
textarea.form { display: block; font-size:97%; width:90%; padding:3px; }
input.invia { width:auto; padding:7px; background-color:#194765; 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:#194765; 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: #009e9d; text-align: center; width: 100%; /*margin-top:15px; margin-right:20px; margin-left:20px; margin-bottom:0px;*/ /*margin: 15px 20px 0;*/ padding-top: 10px; padding-bottom:10px; 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: #fff; }

/*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; }*/

	td { padding: 7px; }

	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; /*background-color:rgba(185,91,92,0.90);*/ }
	#logo { width: 768px; text-align:center; margin-right: auto; margin-left: auto; padding-top:0px; padding-bottom:0px; }
	#pulsanti { display:none; }
	#hormenu { width: 768px; margin-right: auto; margin-left: auto; height: 60px; line-height:60px; background-color:#194765; background-color:rgba(25,71,101,0.70); 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:153px;
	 float:left;
	 margin: 0;
	 padding: 0;
	 color:#fff;
	 }
	 div#hormenu li.dintorni {
	 width:153px;
	 float:left;
	 margin: 0;
	 padding: 0;
	 color:#fff;
	 }
	/*definiamo gli stili per i link del menu*/
	div#hormenu a {
	 display: block;
	 color: #fff;
	 line-height:60px;
	 text-decoration: 3px solid;
	 text-align:center;
	 }
	 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; }
	#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; }
	div.domanda { font-size:150%; }
	h1 { padding-left:25px; padding-right:25px; width:718px; height:100px; line-height:100px; /*tolgo parte mob */ padding-top:0px; padding-bottom:0px; font-size:28px; margin-left:auto; margin-right:auto; }

	div.pagina_testo { padding:25px; }

		div.pulsante_principale { width:30%; margin-right:2%; float:left; text-align:right; background-color:transparent; }
		div.descrizione_pulsante { width:67%; float:left; }
		h2.titolo_pulsante { text-align:left; padding-left:10px; padding-right:10px; }

	/*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-top:65px; margin-right: auto; margin-left: auto; height:40px; line-height:40px;  }
	#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; margin-right: auto; margin-left: auto; }
	/*DEFINIAMO IL DIV DEL MENU ORIZZONTALE*/
	#hormenu { width: 1000px; }

	/*definiamo i singoli elementi principali del menu*/
	div#hormenu li {
	 width:199px;
	 }
	div#hormenu li.dintorni {
	 width:199px;
	 }

	/*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 0px 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
	#verdara { float:left; width:294px; margin: 0px 14px 0px 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
	#suite { float:left; width:294px; margin: 0px; padding: 0px 15px 15px 15px; background-color:#e2e2e2; }
	#corpo_home { width: 1000px; }
	/*fine home*/

	#corpo { width: 1000px; }
	h1 { width:950px; height:100px; font-size:32px; }
	/*h1 differenti per immagine sfondo*/

	/*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; }

	 }



.bar {
    height: 18px;
    background: green;
}