body {margin: 0; padding: 0; font-family: 'Raleway', sans-serif; font-size: 20px; color: #444; background:#fff}
a {font-family: 'Raleway', sans-serif; text-decoration:none; color: #444}
input, select, textarea {font-family: 'Raleway', sans-serif; font-size: 16px; color: #444}

.show {display:inline-block!important}

#pagina {margin: 0px auto; padding: 0; width:960px}

#testata {margin: 0; padding: 10px 0px; width:100%; text-align:center}
#sotto_testata {margin: 0; padding: 10px 0px; width:100%; height:40px; text-align:center; border-bottom: 1px solid #D2D5D8}
#sotto_testata_sx {margin: 0; padding: 0 2% 0 2%; width:44%; height:40px; text-align:left; float:left; font-size: 24px}
#sotto_testata_dx {margin: 0; padding: 0 2% 0 2%; width:48%; height:40px; text-align:right; float:right; font-size: 24px}

#vismenu {margin: 0; padding: 10px 0px 5px 0px; width:100%; display: none; text-align:center; ; cursor: pointer}
#menu_wrapper {margin: 0; padding: 0; width: 100%}
#menu {margin: 0 auto; padding: 0; width: 100%; clear: both; text-align: center}
#menu ul {margin: 0; padding: 0; list-style: none}
#menu ul li {margin: 15px 0px 15px 0px; padding: 0px 10px 0px 10px; display: inline-block; border-right: 1px solid #6A747D}
#menu ul li:last-child {border-right: none}
#menu ul li a {margin: 0; padding: 5px 10px 13px 10px; font-size: 18px; color: #3177B8}
#menu ul li a:hover {color: #133672}
#menu ul li.attivo {margin: 0; padding: 5px 20px 5px 20px; font-size: 18px; color: #6A747D}

#borghetto_wrapper {margin: 0; padding: 0; width:100%; clear: both}
#borghetto {width:100%}

#wrapper_img_hp {margin: 0px auto; width:100%; clear: both}
.img_hp {width:100%}

.titolo_logo {margin: 0px auto; padding: 80px 0px 0px 0px; width:83px; height:93px; text-align: center; clear:both}
.titolo {margin: 0; padding: 20px 0px 20px 0px; color:#133672; font-size: 24px; text-align:center}

.paragrafo {margin: 0px auto; padding: 0; width:90%; color:#6A747D; text-align:justify}
.paragrafo_g {margin: 0px auto; padding: 0; width:90%; color:#6A747D; text-align:center}
.sottotitolo {margin: 0; padding: 0; width:90%; color:#060; text-align:justify}

.hspace {margin: 0; padding: 0; width:100%; height:30px; clear:both}

#fitro{margin: 0; padding: 20px 0px 20px 0px; }

#filtro {margin: 0 auto; padding: 10px 0px 10px 0px; width: 100%; height:auto; text-align: center; background:#F2F2F3; display: inline-block}
#filtro ul {margin: 0; padding: 0; list-style: none}
#filtro ul li {margin: 0; padding: 0; display: inline-block; width: 50%; float:left}
#filtro ul li select {margin: 0; padding: 0; width: 300px}
.filtro_eti, .filtro_campo  {margin: 0; padding: 0px 0px 10px 0px; text-align:center}

#pulsante {margin: 0 auto; padding: 0; width: 300px; clear: both}
.pulsante_invio {padding: 10px; margin: 0; width: 300px; color: #fff; font-size: 18px; font-weight: 700; background-color: #3277BA; border-radius: 5px; border:1px solid #333}
.pulsante_invio:hover {background-color: #207517; border:1px solid #030}

.griglia {margin: 0px auto; padding: 0; width: 100%; clear:both}
.proposta {margin: 10px; padding: 0; width: 298px; height: 440px; float: left; text-align:center; background:#FAFDFF; border:1px solid #CCC}
.proposta_tit {margin: 0px auto; padding: 20px 10px 10px 10px; width: 278px; height:30px; font-size: 20px; color:#3177B8}
.proposta_tip {margin: 0px auto; padding: 10px 10px 10px 10px; width: 278px; height:70px; font-size: 18px}
.proposta_img {margin: 0px auto; padding: 0; width: 298px; height:224px}
.proposta_prz {margin: 0px auto; padding: 10px 20px 10px 20px; width: 258px; height:30px; color:#2F4D3F; font-size: 20px; font-style: italic; font-weight:700}

.gallery {margin: 10px; padding: 0; width: 298px; height: 224px; float: left; _background:#FAFDFF; border:1px solid #CCC}

#link_hp {margin: 0 auto; padding: 10px 0px 10px 0px; width: 100%; height:auto; clear:both}
#link_hp ul {margin: 0; padding: 0; list-style: none}
#link_hp ul li {margin: 0; padding: 1%; width: 31.33333333%; display: block; float:left; background:#F2F2F3}
.link_hp_img {margin: 0; padding: 0; width: 100%}

#chiusura_wrapper {margin: 0 ; padding: 20px 0px; width: 100%; clear: both; background: #CFD6DD}
#chiusura {margin: 0 auto; padding: 0; width: 960px}
#chiusura ul {margin: 0; padding: 0; list-style: none}
#chiusura ul li {margin: 0; padding: 10px; width: 296px; display: block; vertical-align: top; float:left; font-size: 18px; color:#3177B8; text-align:center}
#chiusura ul li h1 {margin: 0; padding: 0; font-size: 20px; color: #6A747D}
#chiusura ul li a {margin: 0; padding: 0; font-size: 18px; color:#3177B8}

#chiusura_link {margin: 0 auto; padding: 0; width: 57%; height:auto; clear: both; background: #FFF; text-align: center}
#chiusura_link ul {margin: 0; padding: 0; list-style: none}
#chiusura_link ul li {margin: 0; padding: 0; display: inline-block; vertical-align: middle}
#chiusura_link ul li a {margin: 0; padding: 0px 9px; font-size: 12px; color: #3177B8}
#chiusura_link ul li a:hover {color: #133672}
#chiusura_link ul li.attivo {margin: 3px 5px 0px 5px; padding: 0px 9px; font-size: 12px; color: #6A747D; vertical-align: middle}

#cprgt_wrapper {margin: 0; padding: 2%; width: 96%; clear: both; text-align: center}
#cprgt_wrapper a {font-size: 10px; color:#3177B8}

.msg_errore {color:#FF0000}

.shadow {
-webkit-box-shadow: -4px -4px 10px 0px rgba(30, 30, 30, 0.4);
-moz-box-shadow:    -4px -4px 10px 0px rgba(30, 30, 30, 0.4);
box-shadow:         -4px -4px 10px 0px rgba(30, 30, 30, 0.4);
-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.4);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.4);
}

#scheda_img {margin: 0; padding:0; width: 100%}

.prezzo{padding:2%; width:96%; color: #003300; font-style: italic; font-size: 28px; font-weight: bold; background:#EAEDEF}

#icone {margin: 0px auto; padding:0; width: 100%}
.icona {margin: 0; padding:0; width: 160px; height:205px; float:left}
.box_grigio {margin: 0% 2% 0% 2%; padding:2%; width: 92%; text-align:center; color: #FFF; background:#3277BA; border-radius:10px; border:1px solid #333}
.box_grigio a {color: #fff}
.box_grigio:hover {background-color: #207517; border:1px solid #030}

#modulo_richiesta_wrapper {margin: 0 auto; padding: 10px; width: 940px; clear: both; background: #EEE}
#modulo_richiesta {margin: 0; padding: 10px; width: 940px; text-align: center}
#modulo_richiesta ul {margin: 0; padding: 0; list-style: none}
#modulo_richiesta ul li {margin: 0; padding: 10px 10px 10px 0px; display: inline-block; vertical-align: middle}
#modulo_richiesta ul li.label {margin: 0; padding: 10px 10px 10px 0px; width: 200px; text-align:right; vertical-align:top}
#modulo_richiesta ul li input {margin: 0; padding: 0; width: 400px}
#modulo_richiesta ul li textarea {margin: 0; padding: 0; width: 400px}

/*===Media Queries===*/

@media screen and (max-width:959px)
{
#pagina {width:100%}	
	
#filtro {width: 100%}
.griglia {width: 640px}
#icone {width: 640px}

#chiusura {margin: 0 auto; padding: 0; width: 100%}
#chiusura ul li {padding: 1%; width: 31%}

#scheda_img {margin: 0; padding:1%; width: 98%}

#paragrafo {padding: 4%; width: 92%}
#gallery {width: 100%}

#modulo_richiesta_wrapper {width: 90%}
#modulo_richiesta {padding: 1%; width: 98%}
#modulo_richiesta ul li {padding: 0% 1% 1% 0%; width: 98%}
#modulo_richiesta ul li.label {width: 90%; text-align:center}
#modulo_richiesta ul li input {width: 90%}
#modulo_richiesta ul li textarea {width: 90%}

#pulsante {width: 98%}
.pulsante_invio {padding: 1%; width: 98%}
}

@media screen and (max-width:800px)
{

.show {display:inline-block!important; height:205px!important}

#vismenu {display: inline-block!important}
#menu {display: none}
#menu ul {margin: 0; padding: 10px 0px 10px 0px; position: relative; list-style: none; border-bottom: 1px solid #D2D5D8}
#menu ul li {margin: 0; padding: 0; float: none; display: block; width: 100%; height:33px}
#menu ul li a {margin: 0; padding: 5px 0px 0px 0px; font-size: 20px; text-decoration: none; height: 28px; display: block}
#menu ul li.attivo {margin: 0; padding: 5px 0px 0px 0px; font-size: 20px; height: 28px}
 
#filtro ul {margin: 0; padding: 0; position: relative; list-style: none}
#filtro ul li {margin: 0; padding: 0px 0px 10px 0px; float: none; display: block; width: 100%}
}

@media screen and (max-width:639px)
{
#sotto_testata {height:80px}
#sotto_testata_sx {width:96%; text-align:center; float:left}
#sotto_testata_dx {width:96%; text-align:center; float:left}
}

@media screen and (max-width:450px)
{
.griglia {width: 320px}
#icone {width: 320px}
#chiusura ul li {margin: 0; padding: 1%; width:98%; display: block; vertical-align: top}

#gallery a {display:inline-block; margin: 0; padding: 2%; width:96%; text-align:center; vertical-align: middle}
}

@media screen and (max-width:320px)
{
}