body {margin: 0; padding: 0; font-family: 'Exo 2', sans-serif; font-size: 20px; color: #444}
a {margin: 0; padding: 0; font-family: 'Exo 2', sans-serif; text-decoration:none; color: #444}
input, select, textarea {margin: 0; padding: 0; font-family: 'Exo 2', sans-serif; font-size: 16px; color: #444}
.red {color: #F00}
.titolo {margin: 0; padding: 0; color:#F00; font-size: 26px}
.clearfix::after {content: ""; clear: both; display: table}

.show {display:inline-block!important}

#strillato_popup {position: fixed; top: 0; left: 0; width: 100%; height:100%; display: flex; justify-content: center; align-items: center; z-index:1000}
#strillato_popup_testo {position: relative; margin: 10px; padding: 20px; color: #444; border: 5px solid #D00; font-size: 20px; text-align:center; background: #F8F8F8; max-width:960px}
.strillato_titolo {padding: 0 0 40px 0; width:100%; color: #F00; font-size: 26px}
#link_sanificazione {padding: 10px; border-radius: 15px; cursor: pointer; transition: ease 0.3s}
#link_sanificazione:hover {color:#F00}
#strillato_chiudi {position: absolute; top:5px; right: 5px; padding: 5px; border-radius: 15px; cursor: pointer; transition: ease 0.3s}
#strillato_chiudi:hover {color:#F00}
.strillato_popup_spegni {display: none!important; opacity: 0; transition: 1s; z-index: 0!important}
.shadow5 {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.7);
  -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.7);
  box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.7);
  }

#menu {margin: 0; padding: 0; width: 100%; min-width: 320px; clear: both; background: #F8F8F8; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
#menu ul {margin: 0; padding: 0; list-style: none; border-bottom: 0}
#menu ul li {margin: 6px 0px 6px 0px; padding: 8px 12px 8px 12px; font-family: 'Marcellus SC', serif; display: inline-block; vertical-align:top; border-right: 1px solid #ddd}
#menu ul li:last-child {border-right: none}
#menu ul li a {margin: 0; padding: 0; font-size: 20px; color: #000; vertical-align:top; font-family: 'Marcellus SC', serif}
#menu ul li a:hover {color: #F00}
#menu ul li.attivo {color: #F00}

#view-menu {margin: 0; padding: 0px; width:50px; height:50px; display:none; cursor:pointer; position:absolute; top:5px; right:5px}

@media (max-width:960px) {

#view-menu {display:block; text-align:center; float:none; border: 1px solid #F00}
#line-1, #line-2, #line-3 {display:block; position:absolute; width:30px; height:4px; border-radius:30px; right:0; margin-right:10px; background:#F00; -webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease}
#line-1 {top:15px}
#line-2 {top:23px}
#line-3 {top:31px}
#line-1.open, #line-2.open, #line-3.open {-webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; transform-origin:50% 50%}
#line-1.open {top:23px; margin-right:5px; width:40px; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg)}
#line-2.open {opacity:0}
#line-3.open {top:23px; margin-right:5px; width:40px;transform:rotate(-45deg);}

#menu {display: none; border-bottom:none}
#menu ul {margin: 0; padding: 0; position: relative; list-style: none; display: inline-block; width:100%; background: #F8F8F8; border-bottom: 1px solid #ddd}
#menu ul li {margin: 0; padding: 5px 0px 5px 0px; float: none; width:100%; display: block; border-right: 0; border-bottom: 0}
#menu ul li a {display: block}

#testata_dx {padding: 0 15% 0 0; width:63%}
}

#testata_wrapper {margin: 0; padding: 0; background: #FFF; height:225px; background:url(img/sfondo_testata.jpg) center}
#testata {margin: 0px auto; padding: 0; width:100%; min-width:320px; max-width:960px; height:225px; display: table}
#testata_sx {margin: 0; padding: 0 1% 0 1%; display: table-cell; width:20%; min-width:250px}
#testata_dx {margin: 0; padding: 0 1% 0 0; display: table-cell; width:74%; vertical-align:middle; text-align:center}
#testata_dx_dw {margin: 0; padding: 20px 0 0 0; width:100%; display: table; text-align:center}
.testata_dx_dw_td {margin: 0; padding: 0; width:50%; display: table-cell; text-align:center}
.testata_dx_dw_td a:hover{color: #F00}
#testata_img {margin: 0 auto; padding: 30px 0px 0px 0px}

#wrapper_img_hp {position:relative; margin: 0px auto; width: 100%; min-width: 320px; clear: both; background: #FFF; display:inline-block; height:auto; max-height:1000px}
#ss {margin:0; padding:0; width:100%; position:relative; font-size:0; display:inline-block; height:auto; max-height:1000px}
.img_hp {width:100%; position:absolute; top:0; left:0; display:inline-block;}

.carousel {margin:0px auto; padding: 0; width: 100%; min-width: 320px; max-width: 1600px!important; position: relative}
.carousel-item {height:auto}
.carousel-item img {width: 100%;}

.hspace10 {margin: 0 auto; padding: 0; width: 100%; min-width:320px; height: 10px; clear: both; display: block}
.hspace20 {margin: 0 auto; padding: 0; width: 100%; min-width:320px; height: 20px; clear: both; display: block}
.hspace30 {margin: 0 auto; padding: 0; width: 100%; min-width:320px; height: 30px; clear: both; display: block}

#strillato {margin: 0 1% 0 1%; padding: 30px 5% 30px 5%; width: 88%; max-width: 940px; text-align: center; font-size: 22px; color: #FFF; background: #F00; border-radius: 10px}

#pagina_wrapper {margin: 0; padding: 0; width: 100%; background: #FFF}
#pagina {margin: 0 auto; padding: 0; width: 100%; max-width: 960px; min-width: 320px; text-align:center}

#link_hp {margin: 0; padding: 0; width: 100%; min-width: 320px}
#link_hp ul {margin: 0; padding: 0; list-style: none}
#link_hp ul li {margin: 0; padding: 6px; width: 308px; display: block; float: left}
.link_hp_img {margin: 0; padding: 0; width: 100%; max-width: 308px; border-radius: 10px; border: 1px solid #AAA;}

#filtro {margin: 0 auto; padding: 0; width: 100%; max-width: 950px; min-width:310px; text-align: center; border: 1px solid #AAA; border-radius: 10px; background: #F8F8F8}
#filtro ul {margin: 0; padding: 0; list-style: none}
#filtro ul li {margin: 0; padding: 0px 4px 10px 4px; width: 290px; display: inline-block; vertical-align: top}
#filtro ul li select {margin: 0; padding: 0; width: 260px}

#griglia_vetture {margin: 0 auto; padding: 0; width:100%; max-width:960px; clear:both; text-align:center}
.vettura {margin: 5px; padding: 0; width:308px; height:520px; float:left; border:1px solid #AAA; border-radius:10px}
.vettura_titolo {margin: 5px; padding: 20px 0 10px 0; width:298px; height:80px; text-align:center; font-size: 22px; color:#F00; overflow: hidden}
.vettura_immagine {margin: 5px; padding: 0; width: 298px; height: 199px}
.vettura_img {margin: 0; padding: 0; width: 298px; height: 199px}
.vettura_venduta {margin: 0; padding: 0; width: 298px; height: 199px; z-index: 10; position:relative; bottom:259px}
.vettura_testo {margin: 5px; padding: 0; display:none; position: absolute; width: 298px; height: 170px; top: 0px; overflow: hidden; background:#FFF; z-index: 10}
.vettura_anno {margin: 5px; padding: 15px 0 0 0; width: 298px; height:35px; position:relative; top:0px}
.vettura_prz_sopra {margin: 5px; padding: 25px 0 0 0; width: 298px; position:relative; top:0px}
.vettura_prz_sotto {margin: 5px; padding: 25px 0 0 0; width: 298px; font-size: 24px; position:relative; top:0px}
.vettura_promo {position:relative; bottom:372px; left:5px; width:80px; height:80px; background-image:url(img/promo.png)}
.vettura_promo_void {position:relative; bottom:372px; left:5px; width:80px; height:80px; background-image:url(img/promo_void.png)}
.testo_aggiuntivo {margin: 0 0 20px 0; padding: 10px; background-color: rgb(255, 255, 0); text-align:center}
#scheda_img_main {position:relative}
#scheda_vettura_promo {position:absolute; top: 0; left: 0; width:80px; height:80px; background-image:url(img/promo.png)}

.paragrafo {margin: 0 auto; padding: 2%; width: 96%; text-align:justify}
.titolo_paragrafo {margin: 0 0 30px 0; padding: 0 0 5px 0; width:100%; color:#F00; font-size: 26px; border-bottom: 1px solid #F00; text-align:left}

.msg_errore {color:#FF0000; font-weight:700}

#pulsante {margin: 0 auto; padding: 0; width: 280px}
.pulsante_invio {padding: 10px; margin: 0; width: 280px; height:75px; color: #fff; font-size: 18px; font-weight: 700; background-color: #000; border-radius: 5px; border:1px solid #FFF}
.pulsante_invio:hover {cursor: pointer}

.pulsante {padding: 10px; margin: 10px; height:75px; color: #fff; font-size: 18px; font-weight: 700; background-color: #000; border-radius: 5px; border:1px solid #FFF}
.pulsante:hover {cursor: pointer}

#chiusura_wrapper {margin: 0 ; padding: 20px 0px; width: 100%; clear: both; background: #444}
#chiusura {margin: 0 auto; padding: 0; width: 100%; max-width:960px}
#chiusura ul {margin: 0; padding: 0; list-style: none}
#chiusura ul li {margin: 0; padding: 10px; width: 296px; display: block; float:left; font-size: 18px; color:#FFF; text-align:center}
#chiusura ul li a {color: #fff; font-size: 18px}
#chiusura ul li a:hover {color: #f00}
#chiusura ul li h1 {color: #F00; font-size: 20px; font-weight:700}

#cprgt_wrapper {margin: 0; padding: 0; width: 100%; font-size: 10px; color:#AAA; clear: both; background: #333; text-align: center}
#cprgt {margin: 0 auto; padding: 20px 0 20px 0; width: 100%}
#cprgt_wrapper a {color:#999; font-size: 10px}

.shadow {
-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_vettura_immagine {margin: 0; padding: 0; width: 100%; max-width:960px}

#dati_vettura {margin: 0; padding: 0; width: 100%; max-width:960px}
#dati_vettura_sx {margin: 0; padding: 0 2% 0 2%; width: 46%; text-align:left; float:left}
#dati_vettura_dx {margin: 0; padding: 0 2% 0 2%; width: 46%; text-align:left; float:left}
#dati_vettura_sx_prezzo {margin: 0; padding: 30px 0 0 0; width: 100%; text-align:center; font-size: 32px}

#vettura_griglia {margin: 0; padding: 0; width: 100%} 
#vettura_griglia ul {margin: 0; padding: 0; list-style: none} 
.griglia_label {margin: 0 ; padding: 1%; width: 42%; text-align:right; float:left; color: #444; font-weight:700}
.griglia_testo {margin: 0 ; padding: 1%; width: 54%; text-align:left; float:left; border-bottom: 1px dashed #CCC}

#gallery {margin: 0; padding: 0; width: 100%}
#gallery a {margin: 0; padding: 0; width: 80px}
#gallery a img {margin: 0; padding: 0; width: 80px}

#opzioni {margin: 0; padding: 0 2% 0 2%; width: 96%; column-count: 3; vertical-align:top}
#opzioni_1col {margin: 0; padding: 0 2% 0 2%; width: 96%; column-count: 1; vertical-align:top}
#opzioni ul, #opzioni_1col ul {margin: 0; padding: 0; width: 100%; list-style-image: url('img/pallino.png')}
#opzioni ul li, #opzioni_1col ul li{margin:0 0 0 20px; padding:10px 0 0 0 ; text-align:left}

#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:bottom}
#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}
#modulo_richiesta ul li input[type="CHECKBOX"]  {margin: 0; padding: 0; width: 10px}

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

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

#link_hp {margin: 0 auto; padding: 0; width: 100%}
#link_hp ul li {margin: 0; padding: 1%; width: 31.3333%; display: block; float:left}

#filtro {width: 630px}

#griglia_vetture {width: 640px}

#chiusura ul li {padding: 1%; width: 31%}

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

@media screen and (max-width:850px)
{
.testata_dx_dw_td {width:100%; display: inline-block}
#opzioni {column-count: 2}
}

@media screen and (max-width:710px)
{
#dati_vettura_sx {width: 96%}
#dati_vettura_dx {width: 96%}
}

@media screen and (max-width:650px)
{
#testata_dx_dw{display: none}
}

@media screen and (max-width:520px)
{
#testata_sx {margin: 0 auto; padding: 0; display: table-cell; width:100%; text-align:center}
#testata_dx {display: none}
}

@media screen and (max-width:639px)
{
#link_hp ul li {margin: 0; padding: 1%; width:98%}
.link_hp_img {margin: 0; padding: 1%; width:98%;}
.link_hp_testo {margin: 0; padding: 1%; width:98%}

#filtro {width: 310px}
#griglia_vetture {width: 320px}

#chiusura ul li {margin: 0; padding: 1%; width:98%; display: block}
}

@media screen and (max-width:450px)
{
#opzioni {column-count: 1}
}

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

#wrapper_img_hp {width: 320px}
#testata_wrapper {width: 320px}
#pagina_wrapper {width: 320px}
#link_hp_wrapper {width: 320px}
#chiusura_wrapper {width: 320px}
#cprgt_wrapper {width: 320px}
}

#noleggio_lungo_termine {margin:0 auto; padding:1%; min-width: 320px; width:98%; max-width:1920px}
#tabella_noleggio {margin: 0; padding: 0; width:100%}
#tabella_noleggio th {text-align:center}
.noleggio_img {width:200px}
.noleggio_celle {text-align:center}
.noleggio_prezzi {text-align:right; color: #F00; font-weight: 700}