@import url(https://fonts.googleapis.com/css?family=Questrial);
/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/
background: transparent;
}
body {
line-height: 0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
p {
line-stacking: 4em;
}
#clear_left {clear:left;}
#clear_right {clear:right;}
.clear_left {clear:left;}
.clear_right {clear:right;}
/* FINE DEL RESET */
@media all{
html{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body{
/*line-height: 1em;*/ /*non mettere problema con immagine immagine che vanno a capo si crea spazio*/
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 14px;
font-family: 'Questrial', sans-serif;
background:#d0d0d0;
width:100%;
color:#1c1c1c;
/*overflow-x: hidden;*/
}
img{
border:0;
max-width:100%;
max-height: 100%
}
h1{ /* usato nei titoli dettaglio pacchetto */
padding: 26px 0 15px 0;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
}
h2{ /* usato nel nome della regione a destra nella lista testo dx */
font-size: 26px;
font-weight: 900;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #000;
}
h4{ /* usato nei titoli dei box in home*/
font-size: 28px;
font-weight: 900;
}
.fullWidth{width:100%;}
.fullWidth img{width:100%;}
.center{text-align: center;}
.fontquestrial{font-family: 'Questrial', sans-serif;}
.uppercase{text-transform: uppercase;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font20{font-size: 20px;}
.lineheight10{line-height: 1em;}
.lineheight15{line-height: 1.5em;}
.lineheight18{line-height: 1.8em;}
.colorffffff{color:#fff;}
.colorffffff a, .colorffffff a:link{ color:#fff; text-decoration:none;}
.colorffffff a:hover, .colorffffff a:focus, .colorffffff a:active{color: #fff;}
.color1c1c1c{color:#1c1c1c;}
.color1c1c1c a, .color1c1c1c a:link{ color:#1c1c1c; text-decoration:none;}
.color1c1c1c a:hover, .color1c1c1c a:focus, .color1c1c1c a:active{color: #1c1c1c;}
.container{
max-width:1098px;
width:100%;
margin:0 auto;
/*background-color: #f99;*/
}
/*.altezzasottomenu{padding: 120px 0 0 0;}*/
/* FASCIA MENU */
.fasciamenu{
/*position: absolute;
z-index: 960;*/
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #ffffff;
}
.logo{
float: left;
width: 400px;
padding: 0 0 0 0;
margin: 0 0 0 0;
/*background-color: #ff1;*/
}
.social{
float: left;
width: 698px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
text-align: right;
}
.leng{
line-height: 1em;
padding: 0;
margin: 0;
/*background-color: #842;*/
}
.ico{
padding: 0;
margin: 0;
padding: 20px 0 0 0;
/*background-color: #800;*/
}
.menu{
float: left;
width: 698px;
padding: 30px 0 0 0;
margin: 0 0 0 0;
}
#grup-menu{
text-align: right;
}
ul#link {
list-style: none;
}
ul#link li {
margin:0;
padding:0;
display:inline-block;
position: relative;
}
ul#link li:last-child > a{padding: 0 0 17px 13px;}
ul#link li a {
text-decoration:none;
margin:0 0 0 0;
padding: 0 13px 17px 13px;
font-size: 14px;
color:#231f20;
text-transform: uppercase;
font-weight: normal;
/*background-color: #369;*/
}
ul#link li a:hover {
color:#b6b6b6;
}
ul#link ul {
width: 80px;
top: 22px;
left: 0;
margin:0 0 0 0;
padding:0;
display:inline-block;
list-style: none;
display: none;
position: absolute;
z-index:774;
/*background-color: #00f;*/
text-align: left;
}
ul#link li:hover > ul {
display: block;
visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
border-left: solid 10px #fff;
border-right: solid 10px #fff;
border-top: solid 10px #fff;
border-bottom: solid 10px #fff;
}
ul#link ul li {
float: none;
display: block;
border: 0;
border-bottom: solid 1px #999;
background-color: #fff;
}
ul#link ul li:last-child{
border-bottom: none;
}
ul#link ul li:last-child > a{padding:15px 0;}
ul#link ul a {
padding:15px 0;
width: auto;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
/*font-size: 22px;*/
}
ul#link ul a:hover{
background-color: #fff;
color:#b6b6b6;
}
.show-menu{
cursor: pointer;
text-decoration:none;
color:#fff;
background:#1a181b;
text-align:center;
padding:10px 0;
display:none;
/*font-weight: 200;*/
/*font-size: 20px;*/
}
input[type=checkbox]{
display:none;
-webkit-appearance:none;
}
input[type=checkbox]:checked ~ #link{
display: block;
}
/* FINE MENU */
/* IMMAGINE HEADER */
.headerimg{
/*line-height: 1em;*/
/*position: relative;*/
width: 100%;
height: 320px;
background-position: 50% 0;
/*box-shadow: 0px 0px 7px #000000;*/
}
.tsezione{
/*position: absolute;*/
width: 100%;
bottom: 0;
margin: 0;
padding: 35px 0 35px 0;
background-color: #4d4d4d;
}
.testotitsezione{
color: #fff;
/*font-weight: 900;*/
font-size: 30px;
padding: 0 0 0 0;
text-transform: uppercase;
}
.path{
font-size: 12px;
padding: 15px 0 15px 0;
background-image: url(../img/bg-path.png);
background-repeat: repeat;
}
/* FINE IMMAGINE HEADER */
.testi{
padding: 30px 0 30px 0;
}
.testi ul li{
padding: 5px 0 5px 40px;
background-image: url(../img/ul-testi.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
.testi ol li{
padding: 5px 0 5px 40px;
background-image: url(../img/ol-testi.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
/* EVIDENZA */
/*.evidenza{
position: relative;
}
.frecce{
width:100%;
display: block;
top: 150px;
position: absolute;
z-index:9;
margin: 0 auto;
padding: 0 0 0 0;
}
.evidenzabreve{
position:absolute;
z-index: 100;
top:592px;
height: 100px;
display:block;
width: 100%;
padding: 0;
bottom:0;
left:0;
background-image: url(/res/img/bg-testo-evidenza.png);
}
.titoloevidenza{
margin: 15px 30px 0 30px;
font-size: 30px;
}
.testoevidenza{
margin: 15px 30px 0 30px;
}*/
/* FINE EVIDENZA */
/* HOME */
.floatright{float: right;}
.floatleft{float: left;}
.positionrelative{position: relative;}
.boxpiccolo{
width: 366px;
height: 300px;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 1.3em;
}
.boxgrande{
width: 732px;
height: 300px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.paggingboxhomg{
padding: 30px;
}
/* FINE HOME*/
/* TESTI DETTAGLIO */
.testo{
float: left;
padding: 0 30px 20px 0;
width: 702px;
/*background-color: #f00;*/
}
.dettimg{
float: left;
width: 366px;
}
/* FINE TESTI DETTAGLIO */
.linkhowerrapido{
text-decoration: none;
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
background-position: 50% -20%;
}
.linkhowerrapido:hover{
cursor: pointer;
color: #fff;
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-image: url(../img/leggi.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-color:rgba(255, 255, 255, 0.8);
}
.linkhowerhome{
text-decoration: none;
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
}
.linkhowerhome:hover{
cursor: pointer;
color: #fff;
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color:rgba(255, 255, 255, 0.4);
}
.titimghome{
visibility: hidden;
display: block;
line-height: 1em;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
padding: 45% 0 0 0;
font-size: 40px;
font-weight: 900;
color: #000;
text-align: center;
}
.linkhowerhome:hover > .titimghome{
visibility: visible;
}
/* PACCHETTI */
.contentpacchetti{
position: relative;
margin: 0 0 1px 0;
}
.pacchettiimg{
float: left;
width: 50%;
/*height: 240px;*/
}
.pacchettitesto{
float: left;
width: 46%;
padding: 2%;
/*height: 240px;*/
line-height: 1.5em;
}
.scopridipiu{
visibility: hidden;
display: block;
line-height: 1em;
/*background-color: #369;*/
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
padding: 100px 0 0 150px;
font-size: 40px;
font-weight: 900;
}
.testopacchetto{
padding: 15px 0 0 0;
}
/* FINE PACCHETTI */
/* FASCIA BOTTOM */
.fasciabottom{
position: absolute;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.sottobottom{
width: 100%;
/*box-shadow: 0px 0px 3px #000000;*/
/*margin: 270px 0 0 0;*/
padding: 10px 0 10px 0;
background-color: #727272;
text-align: right;
}
.ggoo{
position: relative;
/*background-color: #951;*/
}
.containerbottom{
position:absolute;
top:0;
bottom:0;
left:50%;
margin-left: -549px;
background-color: #fff;
}
.bottomdati{
width: 306px;
padding: 30px;
margin: 0 0 0 0;
line-height: 1.3em;
}
/* FINE FASCIA BOTTOM */
.immagini{
line-height: 1em;
}
.immagini .aimg{
position: relative;
float: left;
line-height: 0em;
margin: 0;
padding: 0;
border: 0;
}
.img1{width: 274px;}
.img2{width: 274px;}
.img3{width: 548px;}
.img4{width: 548px;}
}
@media all and (max-width: 1160px){
.container{max-width:930px;}
h1{ /* usato nei titoli dettaglio pacchetto */
font-size: 18px;
/*padding: 26px 0 15px 0;
line-height: 1.3em;*/
}
h2{ /* usato nel nome della regione a destra nella lista testo dx */
font-size: 24px;
/*padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #000;*/
}
h4{ /* usato nei titoli dei box in home*/
font-size: 26px;
}
/* FASCIA MENU */
.logo{
width: 310px;
}
.social{
width: 620px;
padding: 5px 0 0 0;
}
.ico{
padding: 8px 0 0 0;
}
.menu{
width: 620px;
padding: 20px 0 0 0;
}
ul#link li a {
/*padding: 0 0 0 25px;*/
/*font-size: 14px;*/
}
ul#link ul {
top: 24px;
}
/* FINE MENU */
/* IMMAGINE HEADER */
.testotitsezione{
font-size: 28px;
/*padding: 0 0 40px 0;*/
}
.path{
/*padding: 15px 0 15px 0;*/
}
/* FINE IMMAGINE HEADER */
/* EVIDENZA */
/*.frecce{top: 120px;}
.titoloevidenza{font-size: 24px;}
.evidenzabreve{
top:497px;
height: 80px;
}
.titoloevidenza{
margin: 10px 30px 0 30px;
font-size: 30px;
}
.testoevidenza{
margin: 10px 30px 0 30px;
}*/
/* FINE EVIDENZA */
/* HOME */
.boxpiccolo{
width: 310px;
height: 254px;
}
.boxgrande{
width: 620px;
height: 254px;
}
.paggingboxhomg{
padding: 20px;
}
/* FINE HOME*/
/* TESTI DETTAGLIO */
.testo{
padding: 0 20px 20px 0;
width: 600px;
}
.dettimg{
width: 310px;
}
/* FINE TESTI DETTAGLIO */
/* PACCHETTI */
.pacchettiimg{
/*width: 50%;*/
}
.pacchettitesto{
/*width: 46%;
padding: 2%;*/
line-height: 1.3em;
/*height: 240px;*/
}
.scopridipiu{
padding: 90px 0 0 100px;
font-size: 37px;
/*font-weight: 900;*/
}
.testopacchetto{
padding: 10px 0 0 0;
}
/* FINE PACCHETTI */
/* FASCIA BOTTOM */
.containerbottom{
margin-left: -465px;
}
.bottomdati{
width: 270px;
padding: 20px;
line-height: 1.3em;
}
/* FINE FASCIA BOTTOM */
.immagini img{float: left;}
.img1{width: 232px;}
.img2{width: 232px;}
.img3{width: 464px;}
.img4{width: 464px;}
}
@media all and (max-width: 990px){
.container{max-width:702px;}
h1{ /* usato nei titoli dettaglio pacchetto */
font-size: 16px;
/*padding: 26px 0 15px 0;
line-height: 1.3em;*/
}
h2{ /* usato nel nome della regione a destra nella lista testo dx */
font-size: 22px;
/*padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #000;*/
}
h4{ /* usato nei titoli dei box in home*/
font-size: 24px;
}
/* FASCIA MENU */
.logo{width: 260px;}
.social{
width: 442px;
}
.ico{
padding: 5px 0 0 0;
}
.menu{
width: 442px;
padding: 15px 0 0 0;
}
ul#link li:last-child > a{padding: 0 0 11px 10px;}
ul#link li a {
padding: 0 10px 11px 10px;
}
ul#link li:hover > ul {
display: block;
visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
border-left: solid 10px #fff;
border-right: solid 10px #fff;
border-top: solid 10px #fff;
border-bottom: solid 10px #fff;
}
ul#link ul {
top: 18px;
}
ul#link ul a {
padding:15px 0;
}
/* FINE MENU */
/* IMMAGINE HEADER */
.testotitsezione{
font-size: 26px;
/*padding: 0 0 40px 0;*/
}
.path{
/*padding: 15px 0 15px 0;*/
}
/* FINE IMMAGINE HEADER */
/* EVIDENZA */
/*.frecce{top: 150px;}
.evidenza{position: relative;}
.evidenzabreve{
top:364px;
height: 80px;
}
.titoloevidenza{
margin: 8px 20px 0 20px;
font-size: 22px;
}
.testoevidenza{
margin: 8px 20px 0 20px;
}*/
/* FINE EVIDENZA */
/* HOME */
/*.box{
width: 351px;
height: 287px;
line-height: 1.3em;
}*/
.boxpiccolo{
width: 351px;
height: 287px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.boxgrande{
width: 351px;
height: 287px;
}
.paggingboxhomg{
padding: 25px;
}
/*.titolobassobox{
font-size: 26px;
}*/
/* FINE HOME*/
/* TESTI DETTAGLIO */
.testo{
padding: 0 0 20px 0;
width: 100%;
}
.dettimg{
width: 234px;
}
/* FINE TESTI DETTAGLIO */
/* PACCHETTI */
.pacchettiimg{
width: 100%;
}
.pacchettitesto{
width: 96%;
padding: 2%;
line-height: 1.5em;
}
.scopridipiu{
padding: 100px 0 0 0;
font-size: 40px;
font-weight: 900;
text-align: center;
}
.contentpacchetti{
margin: 0 0 30px 0;
}
.testopacchetto{
padding: 10px 0 0 0;
}
/* FINE PACCHETTI */
/* FASCIA BOTTOM */
.containerbottom{
margin-left: -351px;
}
.bottomdati{
width: 301px;
padding: 25px;
line-height: 1.3em;
}
/* FINE FASCIA BOTTOM */
.immagini img{float: left;}
.img1{width: 234px;}
.img2{width: 234px;}
.img3{width: 468px;}
.img4{width: 468px;}
}
@media all and (max-width: 760px){
.container{max-width:462px;}
h1{ /* usato nei titoli dettaglio pacchetto */
font-size: 14px;
/*padding: 26px 0 15px 0;
line-height: 1.3em;*/
}
h2{ /* usato nel nome della regione a destra nella lista testo dx */
font-size: 20px;
/*padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #000;*/
}
h4{ /* usato nei titoli dei box in home*/
font-size: 22px;
}
/* FASCIA MENU */
.fasciamenu{
height: 110px;
}
.logo{
width: 200px;
}
.social{
width: 262px;
}
#grup-menu{
text-align: center;
}
.menu{
width: 100%;
padding: 32px 0 0 0;
}
/* FINE MENU */
/* IMMAGINE HEADER */
.testotitsezione{
font-size: 24px;
/*padding: 0 0 40px 0;*/
}
.path{
/*padding: 15px 0 15px 0;*/
}
/* FINE IMMAGINE HEADER */
/* EVIDENZA */
/*.frecce{top: 90px;}
.frecce img{width: 45px;}
.evidenzabreve{
top:351px;
height: 80px;
}
.titoloevidenza{
margin: 5px 10px 0 10px;
font-size: 16px;
}
.testoevidenza{
margin: 5px 10px 0 10px;
font-size: 12px;
}
.spaziboxhomedatestoevidenza{
margin: 100px 0 0 0;
}*/
/* FINE EVIDENZA */
/* HOME */
.boxpiccolo{
width: 100%;
height: auto;
margin: 30px 0 0 0;
}
.boxgrande{
width: 100%;
height: 189px;
}
.paggingboxhomg{
padding: 10px;
}
/* FINE HOME*/
/* TESTI DETTAGLIO */
/*.testo{
padding: 0 0 20px 0;
width: 100%;
}*/
.dettimg{
width: 154px;
}
/* FINE TESTI DETTAGLIO */
/* PACCHETTI */
.pacchettiimg{
width: 100%;
}
.pacchettitesto{
width: 96%;
padding: 2%;
line-height: 1.5em;
}
.scopridipiu{
padding: 80px 0 0 0;
font-size: 40px;
font-weight: 900;
font-size: 36px;
}
.contentpacchetti{
margin: 0 0 30px 0;
}
.testopacchetto{
padding: 10px 0 0 0;
}
/* FINE PACCHETTI */
/* FASCIA BOTTOM */
.containerbottom{
margin-left: -231px;
}
.bottomdati{
width: 211px;
padding: 10px;
line-height: 1.3em;
font-size: 13px;
}
/* FINE FASCIA BOTTOM */
.immagini img{float: left;}
.img1{width: 50%;}
.img2{width: 50%;}
.img3{width: 100%;}
.img4{width: 100%;}
}
@media all and (max-width: 520px){
.container{max-width:320px;}
h1{ /* usato nei titoli dettaglio pacchetto */
font-size: 18px;
/*padding: 26px 0 15px 0;
line-height: 1.3em;*/
}
h2{ /* usato nel nome della regione a destra nella lista testo dx */
font-size: 16px;
/*padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #000;*/
}
h4{ /* usato nei titoli dei box in home*/
font-size: 18px;
}
.SelectFiltra{width:100%;}
/* M E N U */
.fasciamenu{
position: relative;
z-index:auto;
height: auto;
/*width: 100%;*/
margin: 0 0 10px 0;
/*padding: 0 0 10px 0;
background-color: #ffffff;
box-shadow: 0px 0px 7px #000000;*/
}
.logo{
width: 70%;
}
.social{
width: 100%;
padding: 0 0 0 0;
}
.menu{
width: 100%;
padding: 20px 0 0 0;
}
.show-menu{
display:block;
visibility: visible;
padding: 10px 0;
background-color: #222222;
border-bottom: solid 1px #fff;
}
ul#link {
display:none;
list-style: none;
}
ul#link li {
margin:0;
padding:0 0;
float:none;
display: block;
position: relative;
text-align: center;
background-color: #222222;
border-bottom: solid 1px #fff;
}
ul#link li:last-child > a{padding:15px 0;}
ul#link li a {
color:#fff;
border-bottom: none;
padding:15px 0;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
ul#link li a:hover {
color:#fff;
border-bottom: none;
background-color: #444444;
/*background-color: #034a72;*/
}
ul#link ul {
width: auto;
margin:0 0 0 0;
padding:0;
display:inline-block;
list-style: none;
display: none;
position: relative;
top: 0;
left: 0;
z-index:9999;
background-image: none;
}
ul#link li:hover > ul {
display: block;
visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
border: none;
}
ul#link ul li {
/*background-color: #009ee1;*/
/*-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;*/
background-color: #666666;
}
ul#link ul li:last-child > a{padding:10px 10px;}
ul#link ul a {
padding:15px 0;
text-transform: none;
}
ul#link ul a:hover {
background-color: #888888;
color:#fff
}
ul#link ul ul {
top: 0;
left: 0;
margin: 0;
}
/* FINE MENU */
/* IMMAGINE HEADER */
.headerimg{
display: none;
}
.testotitsezione{
/*font-size: 30px;*/
/*padding: 0 0 40px 0;*/
}
.path{
/*padding: 15px 0 15px 0;*/
}
/* FINE IMMAGINE HEADER */
/* EVIDENZA */
/* .frecce{top: 70px;}
.frecce img{width: 30px;}
.evidenzabreve{
position:relative;
width: 96%;
padding: 2% 2%;
background-image: none;
background-color: #222222;
}
.evidenzabreve{
top:335px;
height: 90px;
}
.titoloevidenza{
font-size: 15px;
}
.testoevidenza{
}
.spaziboxhomedatestoevidenza{
margin: 110px 0 0 0;
}*/
/* FINE EVIDENZA */
/* HOME */
/* .boxpiccolo{
width: 100%;
height: auto;
}
.boxgrande{
width: 100%;
height: auto;
}
.paggingboxhomg{
padding: 10px;
}*/
/*.titolobassobox{
font-size: 22px;
}*/
/* FINE HOME*/
/* TESTI DETTAGLIO */
.testo{
/*padding: 0 0 20px 0;
width: 100%;*/
}
.dettimg{
width: 160px;
}
/* FINE TESTI DETTAGLIO */
/* PACCHETTI */
.pacchettiimg{
/*width: 100%;*/
}
.pacchettitesto{
/*width: 96%;
padding: 2%;
line-height: 1.5em;*/
}
.scopridipiu{
padding: 60px 0 0 0;
/*font-size: 40px;
font-weight: 900;*/
font-size: 25px;
}
.contentpacchetti{
/*margin: 0 0 30px 0;*/
}
.testopacchetto{
/*padding: 10px 0 0 0;*/
}
/* FINE PACCHETTI */
/* FASCIA BOTTOM */
.containerbottom{
position:relative;
top:0;
bottom:0;
left:auto;
margin-left:auto;
background-color: #fff;
}
.bottomdati{
width: 80%;
padding: 10%;
line-height: 1.3em;
font-size: 13px;
}
.bbxxdati{
margin: 550px 0 0 0;
}
/* FINE FASCIA BOTTOM */
}
@media all and (max-width: 380px){
.container{
max-width:92%;
padding: 0 4%;
}
.titolobassobox{
font-size: 18px;
/*font-weight: 700;
padding: 12px 0;*/
}
/* TESTI DETTAGLIO */
.testo{
/*padding: 0 0 20px 0;
width: 100%;*/
}
.dettimg{
width: 100%;
}
/* FINE TESTI DETTAGLIO */
}
/* S L I D E */
.slideimg {
max-width:1098px;
width:100%;
margin:0 auto;
}
.slide {
border: none;
opacity: 0;
filter:alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
}
.showMe {
opacity: 1;
filter:alpha(opacity=100);
}
#slideHome{
position: relative;
z-index: 2;
background-color: #fff;
}
/* F I N E S L I D E */
/* Zoom immagini */
.overlay {
background-color: #000;
opacity: .8;
filter: alpha(opacity=80);
position: fixed; top: 0; left: 0;
width: 100%; height: 100%;
z-index: 1000;
}
.overlaypaper {
position: absolute;
z-index: 1001;
left: 50px;
top: 50px;
background-color: #fff;
padding: 10px 10px 10px 10px;
}
.overlaynav {
clear:left;
}
.overlayclose {
background-image:url(../img/z-close.gif);
background-repeat: no-repeat;
height: 35px;
width: 35px;
display:block;
background-color: #fff;
background-position: 50%;
float:right;
}
.overlaywait {
position: relative;
background-image:url(../img/z-3.gif);
background-repeat: no-repeat;
height: 83px;
width: 60px;
display:none;
background-color: transparent;
float:left;
left: 0px;
background-position: 50%;
z-index: 1002;
}
.overlaynext {
background-image:url(../img/z-next.gif);
background-repeat: no-repeat;
height: 35px;
width: 35px;
display:block;
background-color: #fff;
background-position: 50%;
float:right;
}
.overlayprev {
background-image:url(../img/z-prev.gif);
background-repeat: no-repeat;
height: 35px;
width: 35px;
display:block;
background-color: #fff;
background-position: 50%;
float:right;
}
.overlayarrowdx {
position: absolute;
background-image:url(../img/z-frecciadx.png);
background-repeat: no-repeat;
height: 83px;
width: 60px;
display:block;
background-color: transparent;
float:left;
left: 0px;
background-position: 50%;
z-index: 1003;
}
.overlayarrowsx {
position: absolute;
background-image:url(../img/z-frecciasx.png);
background-repeat: no-repeat;
height: 83px;
width: 60px;
display:block;
background-color: transparent;
float:left;
left: 0px;
background-position: 50%;
z-index: 1003;
}
.overlaydx {
position: absolute;
height: 0px;
width: 0px;
display:block;
opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
/*float:left;*/
left: 0px;
margin-top: 0px;
z-index: 1004;
}
.overlaysx {
position: absolute;
height: 0px;
width: 0px;
display:block;
opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
/*float:left;*/
left: 0px;
margin-top: 0px;
z-index: 1004;
}