/* CSS reset */
//a,img,strike,strong,b,em,i,form,table,tr,td {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,ins,kbd,q,s,samp,
small,sub,sup,tt,var,u,dl,dt,dd,ol,nav ul,nav li,fieldset,label,legend,caption,tbody,tfoot,thead,th,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
ol,ul { list-style:none;margin:0;padding:0; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
table{ border-collapse:collapse;border-spacing:0; }
a { text-decoration:none; }
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/* reset*/
/* ------------------- STRUTTURA GENERALE ----------------- */
body {
font-family: 'Open Sans', sans-serif;
background-image:url("immagini/immagine_non_disponibile.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
header {
background-image:url("images/sfondo_trasparente_60.png");
}
main {
padding: 5px 10px;
margin:0 auto;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
background-image:url("images/sfondo_trasparente_80.png");
}
footer {
background-image:url("images/sfondo_trasparente_60.png");
text-align: center;
clear:both;
}
/* ---------- CORPO CENTRALE ---------- */
/* ---------- FOOTER --------------- */
.pulsantiera_scegli_lingua_footer{
}
#menu_links_footer {
}
.pulsantiera_social_footer {
}
.pulsantiera_social_footer img {
max-height: 20px;
margin: 0 1px 0 1px;
}
#pulsantiera_pagamenti {
}
#pulsantiera_pagamenti img {
max-height: 24px;
margin: 0 1px 0 1px;
}
#anagrafica_bottom{
}
#credits{
}
/* ------ TIPOLOGIE DI TESTI ------------------- */
.testo {
color:#000;
font-size:16px;
font-weight: 1;
text-transform:none;
padding: 1em;
background:rgba(255,255,255,0.75);
}
.testo:empty{
display: none;
}
.testo_etichetta {
color:#000;
font-size:16px;
font-weight: 1;
text-transform:none;
}
.testo_mini {
color:#000;
font-size:13px;
font-weight: 1;
text-transform:none;
}
.su_sfondo_scuro {
color:#EEEEEE;
}
.su_sfondo_scuro a:link, .su_sfondo_scuro a:visited{
color:#FFFFCC;
font-weight: bold;
}
.su_sfondo_scuro a:hover{
color:#FFFFFF;
}
/* testo di info2 */
.testo_descrittivo{
font-size:1.2em;
}
.titolone {
font-size:3em;
}
.slogan {
font-size:2em;
}
.titolo {
font-size:2.5em;
font-weight: 100;
margin:0 0 20px 0;
hyphens: auto; /* SE LA PAROLA VIENE SILLABATA USANDO (Personalizzabile), va a capo anziché in overflow */
}
.sottotitolo{
font-size:1.5em;
font-weight: 100;
}
.bottone_conferma,
form input[type="submit"].bottone_conferma {
width:90%;
font-size:1.4em;
background: #FFF;
background-image: linear-gradient(to right, #EEE, #FFF);
color: Green;
border: 3px outset #999999;
box-sizing: border-box;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding:16px;
}
button.bottone_conferma{
width: 100%;
font-family: inherit;
font-weight: inherit;
}
.bottone_conferma a{
display: block; /* serve per coprire tutto il bottone con il link interno e renderlo tutto cliccabile!*/
}
.bottone_conferma a:link, .bottone_conferma a:visited{
color: Green;
}
.bottone_conferma:hover {
color: DarkGreen;
/* border: 3px solid DarkGreen; */
border-color: DarkGreen;
}
.prezzo {
font-size:1.2em;
}
h3.descart_info{
color:#444;
font-size:1.4em;
font-weight:350;
/* text-transform:uppercase; */
/* min-height:150px; */
}
.extradescr_info{
font-size:0.8em;
}
.riga_extradescr{
display: flex;
align-items: flex-start;
}
.extra_descr_sx {
display: inline-block;
width: 24%;
color:#000;
font-size: 24px; /*3.2em;*/
font-weight:350;
vertical-align: top;
text-align: center;
}
.extra_descr_dx{
display: inline-block;
width: 70%;
color:#000;
font-size: 24px; /*1.4em;*/
vertical-align: top;
}
#extradescr_info2 > div:nth-child(odd) {
background-image: linear-gradient(to right, #ccc, #fff);
}
#extradescr_info2 > div:nth-child(even) {
background-image: linear-gradient(to right, #fff, #ccc);
/*flex-direction: row-reverse;*/
}
#extradescr_info2 > div:nth-child(even) .extra_descr_dx {
/*text-align: right;*/
}
@media (max-width:800px){
.extra_descr_sx, .extra_descr_dx {
display: block;
width: 96%;
}
}
#testo_chisiamo{
background:rgba(255,255,255,0.75);
padding: 20px;
}
#testo_contatti{
background:rgba(255,255,255,0.75);
padding: 20px;
}
#credits{
font-size:0.8em;
}
@media (max-width:800px){
#testo_chisiamo{
padding: 4px;
}
#testo_contatti{
padding: 4px;
}
}
/* --- RIPRISTINA LE LISTE NEI TESTI --- */
.testo ol, .testo ul, .testo_descrittivo ol, .testo_descrittivo ul, .testata_sezione ol, .testata_sezione ul, .panel_info2 ol, .panel_info2 ul
.box_testo ol, .box_testo ul {
list-style: disc;
list-style-type: disc;
/* list-style-position: inside; */
margin: 10px 0 0 10px;
padding-left: 10px;
}
.testo ul li, .testo ol li, .testo_descrittivo ol li, .testo_descrittivo ul li, .testata_sezione ol li, .testata_sezione ul li, .panel_info2 ul li, .panel_info2 ol li
.box_testo ul li, .box_testo ol li {
display: list-item;
margin-left: 10px;
padding-left: 10px;
}
/* evita che eventuali dentro
mandino a capo il testo rispetto alla spunta */
.testo li p, .testo_descrittivo li p, .testata_sezione li p, .panel_info2 li p {
display: inline;
}
/* ------ TIPOLOGIE DI TESTI ------------------- */
/* ------ IMMAGINI ------------------- */
.logo{
float:left;
margin-right: 6.5%;
margin-left: 1%;
}
/* ------ IMMAGINI ------------------- */
/* ------ BOTTONI E PULSANTIERE ------------------- */
#bottoni_tele_mail{
display: inline;
}
#link_telefono_su_mobile{
display:none;
}
.pulsantiera_social_top{
display:inline-block;
text-align: right;
margin-bottom: 6px;
/*margin-left: 6px;*/
}
.pulsantiera_scegli_lingua_top {
position: fixed;
top: 0;
right: 0;
}
.pulsantiera_scegli_lingua {
}
.pulsantiera_scegli_lingua a {
margin-right: 3px;
}
.pulsantiera_login{
display:inline-block;
text-align: right;
margin-bottom: 6px;
margin-left: 6px;
}
.box_testo{
width: 96%;
margin: 1%;
/* background: #EEEEEE; */
/* background-image: linear-gradient(-45deg, #F8F8F8, #EEE); */
background-image:url("images/sfondo_trasparente_60.png");
color: #333333;
border-bottom: 0.5px solid #777;
border-radius: 32px;
padding: 20px;
}
form.box_testo, .box_testo_inline, .box_testo_affiancato{
display: inline-block;
vertical-align:top;
border-radius: 24px;
padding: 10px;
}
.box_testo_affiancato{
box-sizing: border-box;
width: calc(33.33% - 2% - 20px);
background-color: #ddd;
}
@media (max-width:800px){
.box_testo{
width: 99%;
margin: 1%;
border-radius: 16px;
padding: 4px;
}
.box_testo_affiancato{
width: calc(100% - 2% - 20px);
}
}
@media (max-width:800px){
.pulsantiera_scegli_lingua_top {
position: relative;
float: right;
}
}
/* BLOCCO DUPLICATO DA SERVIZIWEB - .bottone_menu_orizz USATO IN modularsoftware.it */
.menu_orizzontale {
display: inline-block;
margin: 0 0 6px 0;
}
.menu_orizzontale_overflow {
max-height: 120px;
overflow-y: auto;
border: 1px solid #EEE;
}
.menu_centrato {
display: inline-block;
width: 100%;
text-align: center;
}
.bottone_menu_orizz,
.button_group {
display: inline;
background: #EEE;
font-size:0.8em;
font-weight: 600;
color: #333333;
border: 1px solid transparent;
border-radius: 16px;
padding: 5px;
margin: 0 2px 1px 0;
white-space: nowrap;
}
.button_group {
padding: auto;
border: 1px outset #EEE;
}
.bottone_menu_orizz_multiline,
.bottone_multiline {
display: inline-block;
}
.bottone_menu_orizz img,
.button_group img {
max-height:36px;
}
.bottone_menu_orizz:hover {
background: #FFF;
border: 1px outset DarkGreen;
/*cursor: pointer;*/
}
.bottone_menu_orizz a:link {
color: #111;
text-decoration: none;
}
.bottone_menu_orizz a:visited {
color: #333;
text-decoration: none;
}
.bottone_menu_orizz a:hover {
color: DarkGreen;
}
.bottone_conferma {
color: Green;
border: 1px outset #999999;
}
.bottone_conferma a:link, .bottone_conferma a:visited{
color: Green;
}
.bottone_menu_orizz {
border: 1px solid #AAA;
}
@media (max-width:480px){
.bottone_menu_orizz,
.button_group {
white-space: normal;
}
.bottone_conferma {
width: 99%;
}
}
/* BLOCCO DUPLICATO DA SERVIZIWEB - .bottone_menu_orizz USATO IN modularsoftware.it */
/* ------ BOTTONI E PULSANTIERE ------------------- */
/* ------ MENU DI NAVIGAZIONE ------------------- */
ul.menu_links {
/* margin-top:11px; */
}
ul.menu_links li {
display: inline-block;
}
ul.menu_links li a {
color: #000;
display: block;
margin: 0px 10px;
text-transform: uppercase;
font-size: 0.8125em;
}
ul.menu_links li a:hover{
color:#555;
}
/* --- seleziona tutti i .menutop_voci */
.menutop_voci{
display:inline;
padding-right: 5px;
font-size:16px;
font-weight: 1;
}
/* --- seleziona solo .menutop_voci interni a menu_links */
ul.menu_links > li.menutop_voci{
}
#menu_ricerca_catalogo{
background-image:url("images/sfondo_trasparente_60.png");
}
.navigatore_pagine {
color:#000;
font-size:13px;
font-weight: 2;
text-transform:none;
}
/* ------ PREVIEW PRODOTTO ------------------- */
.riga_prodotti{
width:100%;
}
.preview_prodotto{
display: inline-block;
width: 31%;
background: #EEE;
padding: 4px;
margin: 1px 1px 0 0;
border: 1px solid #FFF;
vertical-align:top;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.preview_prodotto a:link{
color: #111;
}
.testata_preview_prodotto{
}
.bottoni_preview_prodotto {
display:flex;
justify-content: space-between;
align-items: center;
padding: 2px 20px;
}
.img_preview_prodotto {
overflow: hidden;
text-align:center;
}
.img_preview_prodotto img {
max-height:320px;
}
.img_preview_prodotto:hover img {
transition: transform .5s;
transform: scale(1.25);
}
#abbonamento_incluso{
display: block;
}
@media (max-width:1024px){
.preview_prodotto{
width: 46%;
}
.riga_prodotti{
display: inline;
}
}
@media (max-width:640px){
.preview_prodotto{
width: 100%;
}
}
/* ------ PANELS ------------------- */
.panel {
display: flex;
align-items: center;
width: 100%;
flex-direction: row;
background: linear-gradient(#FFF, #EEE);
/* background-color: #EEE; */
}
.panel:nth-child(odd), .panel_group .panel:nth-child(odd) {
text-align: right;
flex-direction: row;
}
.panel:nth-child(even), .panel_group .panel:nth-child(even) {
text-align: left;
flex-direction: row-reverse;
/* background-color: #FFF; */
}
.panel img {
max-width: 100%;
height: auto;
}
.panel_colonna {
flex: 50%;
}
.panel_colonna .titolo{
font-size:3.2em;
}
.panel_colonna p{
padding: 8px;
}
@media (max-width: 720px) {
.panel {
flex-direction: column;
}
.panel:nth-child(odd), .panel:nth-child(even), .panel_group .panel:nth-child(odd), .panel_group .panel:nth-child(even) {
text-align: center;
flex-direction: column;
}
}
/* ------ INFO2 ------------------- */
.scheda_prodotto{}
#info2_menu{
display: block;
}
#info2_testata{
display: block;
}
#info2_corpo{
display: block;
}
#info2_testata .prezzo {
font-size: 1.5em;
background-image: linear-gradient(to right, #EEE, #FFF);
padding: 10px;
}
.panel_info2{
padding: 20px;
background-image: linear-gradient(to right, #FFF, #AAA);
color: #000;
clear: both;
}
.panel_dx{
background-image: linear-gradient(to right, #BBB, #293133);
color: white;
text-align:right;
}
.panel_info2 img {
margin: 10px;
}
.panel_info2 p, .panel_info2 ul{
margin-right:25%;
text-align:justify;
}
.panel_dx p, .panel_dx div, .panel_dx ul, .panel_dx table{
margin-right:0%;
margin-left:25%;
}
.panel_dx table {
float: right;
}
@media (max-width:480px){
.panel_info2 p, .panel_info2 ul{
margin-right:0;
}
.panel_dx p, .panel_dx ul{
margin-left:0;
}
}
/* ELIMINARE, RIMPIAZZATO DA $posizioni_elementi['info2'][]='gallery_info2_centrale';
.gallery_info2_centrale{
display:none;
}
*/
.bottoni_prodotto{
padding:10px;
}
.bottoni_prodotto {
display:flex;
/* justify-content: space-between; */
justify-content: center;
align-items: center;
padding: 20px 20px;
}
.bottoni_prodotto img{
max-width:48px;
}
.bottoni_prodotto .bottone_configura img{
max-width:none;
}
.bottoni_prodotto img:hover{
filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}
.bottone_carrello{
display: inline;
margin: 10px;
}
/* LISTA TAGLIE E COLORI IN SCHEDA PRODOTTO */
.lista_taglie_colori ul{
display:flex;
align-items: center;
justify-content: center;
padding: 2px 2px;
}
.lista_taglie_colori ul li{
margin: 1% 2% 2% 1%;
}
.lista_taglie_colori ul li a{
color:#fff;
background:#555;
padding: 5px 10px;
}
.lista_taglie_colori ul li a:hover{
background:#CC0000;
}
/* ------ INFO2 ------------------- */
.check-verifica-spam {
display:none;
}
@media (max-width:480px){
.logo{
clear: both;
min-width:100%;
}
.logo img {
min-width:100%;
}
.titolone {
font-size:1.7em;
}
.slogan {
font-size:1.3em;
}
#bottoni_tele_mail{
display: inline;
}
#link_telefono_su_mobile{
display:inline;
}
#link_telefono_su_pc {
display:none;
}
}
@media (max-width:320px){
.titolone {
font-size:1.5em;
}
.slogan {
font-size:1em;
}
}
/* ------------------- STRUTTURA GENERALE ----------------- */
/* ------------------- FORM GENERICI ----------------- */
input, textarea, select {
font-family: inherit;
}
form{
/* max-width: 500px; */
/* background: #f4f7f8; */
/* font-family: 'Open Sans', sans-serif; */
padding: 1px 0px 0px 0px;
margin: 0px auto;
border-radius: 8px;
}
form fieldset{
border: none;
}
form legend {
font-size: 1.4em;
margin-bottom: 10px;
}
form label {
display: block;
margin-bottom: 8px;
/* background: #DDDDDD; */
}
form input[type="text"],
form input[type="password"],
form input[type="date"],
form input[type="datetime"],
form input[type="email"],
form input[type="number"],
form input[type="search"],
form input[type="time"],
form input[type="url"],
form textarea,
form select,
form input[type="submit"],
form input[type="button"]{
/* font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; */
background: #EEEEEE;
border: none;
border-radius: 4px;
font-size: 14px;
margin: 0 3px 5px 3px;
outline: 0;
padding: 7px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e8eeef;
color:#111111;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
}
form input[type="text"]:focus,
form input[type="date"]:focus,
form input[type="datetime"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="time"]:focus,
form input[type="url"]:focus,
form textarea:focus,
form select:focus{
background: #EEEEEE;
}
form input[type="date"]{
width: 300px;
}
form select{
-webkit-appearance: menulist-button;
height:35px;
}
form .number {
background: #1abc9c;
color: #fff;
height: 30px;
width: 30px;
display: inline-block;
font-size: 0.8em;
margin-right: 4px;
line-height: 30px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-radius: 15px 15px 15px 0px;
}
form input[type="submit"],
form input[type="button"]
{
position: relative;
display: block;
padding: 4px;
color: #FFF;
margin: 0 auto;
background: #AAAAAA;
font-size: 18px;
text-align: center;
font-style: normal;
width: 50%;
border: 1px solid #999999;
border-width: 1px 1px 1px;
border-radius: 15px 15px 15px 0px;
margin-bottom: 0px;
cursor: pointer;
}
form input[type="submit"]:hover,
form input[type="button"]:hover
{
background: #DDDDDD;
}
input[type=checkbox] + label, input[type=radio] + label {
background-color: #FFF;
border: 2px solid #EEE;
}
input[type=checkbox]:checked + label, input[type=radio]:checked + label {
border: 2px solid green;
}
input#nome {
width: 300px;
}
input#email {
width: 300px;
}
input#telefono {
width: 200px;
}
textarea#note {
width: 300px;
}
.campo_form{
line-height:2.5em;
vertical-align: middle;
text-align:left;
padding:4px;
margin:0px 0 0px 10px;
}
@media (max-width:800px){
form input[type="text"],
form input[type="password"],
form input[type="submit"],
form input[type="button"],
form textarea,
form select {
width: 95%;
}
}
@media (max-width:480px){
form input[type="date"]{
width: 95%;
}
}
/* ------------------- FINE FORM GENERICI -------------------*/
/* ------------------- MOTORE DI RICERCA -------------------*/
.motore_ricerca_top{
display:block;
}
#bottone_ricerca{
display: none;
}
#chiudi_ricerca{
display: none;
}
form[name="ricerca"] {
}
.form_ricerca {
margin: 0px 0px 0px 0px;
}
.form_ricerca input[type="submit"]{
display: inline;
margin:0 3px 0 3px;
}
.form_ricerca label{
display: inline;
background: none;
margin:0 3px 0 3px;
}
.form_ricerca label span{
display: none;
}
@media (min-width:801px){
.form_ricerca input[type="text"],
.form_ricerca input[type="password"],
.form_ricerca input[type="date"],
.form_ricerca input[type="submit"],
.form_ricerca input[type="button"],
.form_ricerca textarea,
.form_ricerca select {
width: 20%;
}
}
@media (max-width:480px){
.form_ricerca {
margin: 0px 0px 0px 0px;
}
}
@media (max-width:800px){
.form_ricerca {
margin: 0px 0px 0px 0px;
}
.motore_ricerca_top{
/* display:none; */
}
#bottone_ricerca{
margin: 4px 15px 0 0;
cursor: pointer;
display: flex;
align-items: center;
}
#chiudi_ricerca{
margin: 4px 15px 0 0;
cursor: pointer;
display: flex;
align-items: center;
}
}
/* ------------------- BOX LOGIN AREACLIENTI -------------------*/
#areaclienti .box {
background:rgba(255,255,255,0.75);
padding: 20px;
}
.boxlogin {
display: none;
width: 70%;
text-align: center;
background: #000000;
/*margin-bottom: 1px;*/
border-radius: 16px;
}
.boxlogin img {
vertical-align: middle;
}
.form_boxlogin {
margin: 0px 0px 0px 0px;
}
.form_boxlogin input[type="submit"]{
display: inline;
margin:0 3px 0 3px;
}
.form_boxlogin label{
display: inline;
background: none;
margin:0 3px 0 3px;
}
.form_boxlogin label span{
display: none;
}
@media (min-width:801px){
.form_boxlogin input[type="text"],
.form_boxlogin input[type="password"],
.form_boxlogin input[type="date"],
.form_boxlogin input[type="submit"],
.form_boxlogin input[type="button"],
.form_boxlogin textarea,
.form_boxlogin select {
width: 11%;
}
}
@media (max-width:480px){
.form_boxlogin {
margin: 0px 0px 0px 0px;
}
}
@media (max-width:800px){
.form_boxlogin {
margin: 0px 0px 0px 0px;
}
.motore_ricerca_top{
/* display:none; */
}
#bottone_ricerca{
margin: 4px 15px 0 0;
cursor: pointer;
display: flex;
align-items: center;
}
#chiudi_ricerca{
margin: 4px 15px 0 0;
cursor: pointer;
display: flex;
align-items: center;
}
}
.box_messaggi_area_clienti{
background: #EEE;
background-image: linear-gradient(to right, #EEE, #FFF);
}
/* ---- FORM ISCRIZIONE -------------------*/
.form_iscrizione input[type=checkbox] + label{
display: inline-block;
margin:0 3px 0 3px;
padding:0 3px 0 3px;
}
input[type=radio][name=tipo_utente], input[type=radio][name=MASFEM]{
display:none;
}
.form_iscrizione input[name=cap]{
width: 75px;
}
.form_iscrizione input[name=prov] {
width: 36px;
}
/* ---- FORM dati_utente.php -------------------*/
form[name=dati2] input[name=cap], form[name=dati2] input[name=cap2]{
width: 75px;
}
form[name=dati2] input[name=prov], form[name=dati2] input[name=prov2] {
width: 36px;
}
/* ---- FORM BOOKING (duplicato in serviziweb) -------------------*/
form[name="form_booking"] {
}
.form_booking input[type="submit"]{
}
.form_booking label{
background: none;
display:block;
}
.form_booking label span{
display: inline-block;
width: 140px;
/* display: none; */
}
.form_booking input[type="text"],
.form_booking input[type="password"],
.form_booking input[type="date"],
.form_booking input[type="submit"],
.form_booking input[type="button"],
.form_booking textarea,
.form_booking select {
width: 40%;
}
@media (max-width:801px){
.form_booking input[type="text"],
.form_booking input[type="password"],
.form_booking input[type="date"],
.form_booking input[type="submit"],
.form_booking input[type="button"],
.form_booking textarea,
.form_booking select {
width: 90%;
}
}
/* ------------------ FORM CONTATTI -------------------*/
#form_contatti > input[type=text] {
width: 350px;
}
#form_contatti > input[name=cap] {
width: 75px;
}
#form_contatti > input[name=prov] {
width: 36px;
}
#form_contatti {
text-align: left;
}
/* ------------------- PREVENTIVAZIONE ---------------------- */
.preventivo_titolo{
color:#000;
font-size:2.5em;
font-weight: 100;
margin:0 0 20px 0;
}
.preventivo_sottotitolo{
color:#000;
font-size:1.5em;
font-weight: 100;
margin:0 0 20px 0;
}
.preventivo_domanda_risposte{
clear: both;
/* background: #EEE; */
margin:0px 0 80px 10px;
}
.preventivo_domanda{
color:#000;
font-size:1.4em;
font-weight: 100;
}
.preventivo_domanda .preventivo_sottotitolo{
color:#000;
font-size:1.4em;
font-weight: 100;
background: #DDD;
margin:0px 0 -60px 0px;
}
.preventivo_lista_risposte{
color:#000;
font-size:1.5em;
font-weight: 100;
margin:10px 0 10px 10px;
}
.preventivo_risposta{
float:left;
min-width: 400px;
max-width: 400px;
/* white-space: nowrap; */
margin-right: 30px;
margin-bottom: 18px;
}
.preventivo_domanda_risposte label {
background: #EEE;
}
.preventivo_risposta label{
float:left;
display: inline;
margin-bottom: 0px;
background: none;
width: 80%;
vertical-align: middle;
}
.preventivo_risposta input[type="radio"], .preventivo_risposta input[type="checkbox"]{
float:left;
display:none;
}
@media (max-width:480px){
.preventivo_domanda_risposte{
margin: 80px 0 40px 10px;
}
.preventivo_domanda{
}
.preventivo_lista_risposte{
}
.preventivo_risposta{
min-width: 300px;
max-width: 300px;
margin-right: 15px;
}
}
/* ------------------- PREVENTIVAZIONE ----------------------*/
/* ------------------- NEWS ---------------------------------*/
.titolo_pagina_news{
color:#000;
font-size:3em;
text-transform:uppercase;
font-weight: 100;
}
.news {
clear: both;
background-color:#eeeeee;
}
.testata_news {
}
.data_news {
font-size:12px;
}
.titolo_news {
color:#000;
font-size:2em;
text-transform:uppercase;
font-weight: 100;
}
.immagine_news {
}
.testo_news {
}
/* ------------------- BANNER ---------------------------------*/
.banner {
/* max-witdh:25%; */
vertical-align: top;
display: inline-block;
margin-right: 1px;
/* margin-top: 1px; */
}
.banner a:hover{
-webkit-filter: brightness(115%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.banner img{
display: block;
}
.gruppo_banner{
clear: both;
/* margin-top: 1px; */
}
#banner_logo_sx{
display: inline-block;
vertical-align: top;
/* margin-top: -2px; */
}
#banner_logo_dx{
display: inline-block;
vertical-align: top;
/* margin-top: -2px; */
}
@media (max-width:480px){
.banner{
min-width:100%;
margin-left: 0px;
margin-top: 1px;
}
.banner img {
min-width:100%;
}
}
/* ------------------- CATAINDX ---------------------------------*/
.testata_sezione {
/* background-image: url('../immagini/collezioni.jpg'); => DEFINITA IN cataindx.php*/
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
min-height: 120px;
}
.testata_sezione .titolo {
line-height: 120px;
font-size: 4em;
text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 #EEE;
}
.testata_sezione .sottotitolo {
background-color: rgba(255, 255, 255, 0.4)
}
.testata_sezione .testo {
max-width:75%;
text-align: justify;
background-color: rgba(255, 255, 255, 0.6);
font-size:1.5em;
font-weight: 100;
}
@media (max-width:600px){
.testata_sezione .titolo {
line-height: 75px;
font-size: 3em;
}
}
/* VECCHIA GESTIONE STRISCIA IMMAGINE */
.img_sottotitolo_cataindx {
max-height: 120px;
overflow: hidden;
}
.img_sottotitolo_cataindx img{
/* centra verticalmente l'immagine nella striscia */
margin: -20% 0 0 0;
}
/* VECCHIA GESTIONE STRISCIA IMMAGINE */
.lista_cataindx {
clear: both;
overflow: hidden;
border: 1px solid #EEEEEE;
padding: 10px;
}
ul.lista_cataindx li {
display: inline-block;
width: 48%;
margin: 10px 1% 10px 1%;
vertical-align:top;
/* background: #EEEEEE; */
}
ul.lista_cataindx li img {
float: left;
vertical-align: top;
}
@media (max-width:800px){
.testata_sezione .testo {
max-width: 95%;
padding: 6px;
text-align: left;
box-sizing: border-box;
}
ul.lista_cataindx li {
float: none;
width: 100%;
}
}
/* ------------------- CATAINDX NUOVO "DA-THUMBS"---------------------------------*/
.da-thumbs {
clear: both;
list-style: none;
width: 100%;
height: auto;
position: relative;
margin: 20px auto;
padding: 0;
}
.da-thumbs img{
width: 100%;
max-height: 100%;
object-fit: cover;
/* width: auto; */ /* immagine piccola in da-thumb */
}
.da-thumbs li {
float: left;
margin: 5px;
background: #ebebe0;
padding: 8px;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
width:31%;
/* width: auto; */ /* sezioni da-thumb piccole e fluide in base al content */
}
.da-thumbs li:nth-child(odd) {
background: #f9f2ec;
}
.da-thumbs li a,
.da-thumbs li a img {
display: block;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a .testo_etichetta{
font-size: 24px;
}
.da-thumbs li a div {
position: absolute;
/* top:0px; */
background: rgba(75,75,75,0.7);
width: 100%;
height: 100%;
}
.da-thumbs li a div span {
text-align: center;
display: block;
padding: 10px 0;
margin: 40px 20px 20px 20px;
text-transform: uppercase;
font-weight: normal;
color: rgba(255,255,255,0.9);
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(255,255,255,0.5);
box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}
@media (max-width:1024px){
.da-thumbs li{
width: 46%;
}
}
@media (max-width:640px){
.da-thumbs li{
width: 100%;
}
}
/* ------ CALL 2 ACTION ------------------- */
.call2action{
display: inline-block;
float:left;
width:100%;
box-sizing: border-box;
min-height:50px;
vertical-align: middle;
border: 0px solid #FFF;
border-radius: 16px;
text-align: center;
padding: 5px;
margin:30px 0 30px 0;
background: linear-gradient(to bottom, #ffffff 5%, #3f7f00 100%);
}
.call2action form input[type="submit"] {
background: green;
}
.call2action form input[type="text"], .call2action form select {
width:50%;
}
div.call2action:hover {
text-decoration: none;
/* color: #FF0000; */
/* background: #FFF; */
}
@media (max-width:800px){
.call2action{
width: 100%;
}
.call2action form input[type="text"], .call2action form select {
width:80%;
}
}
/* ------ CALL 2 ACTION ------------------- */
/* --------- GOOGLE MAPS -----------------------------*/
.googlemap_wrap {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.googlemap_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width:800px){
.googlemap_wrap iframe {
width: 100%;
height: 100%;
}
}
/* ---------- CARRELLO ------------- */
.bottone_carrello_preview {
float:right;
}
.bottone_carrello_preview img {
max-height: 36px;
}
/* --- MENU CARRELLO IN HEADER */
#pulsantiera_carrello img{
max-width:36px;
}
#carrello_preview {
visibility: hidden;
opacity: 0;
transition: visibility 0.7s, opacity 0.7s linear;
-webkit-transition: visibility 0.7s, opacity 0.7s linear;
-moz-transition: visibility 0.7s, opacity 0.7s linear;
-ms-transition: visibility 0.7s, opacity 0.7s linear;
-o-transition: visibility 0.7s, opacity 0.7s linear;
background-image:url("images/sfondo_trasparente_80.png");
background:#FFF;
position: absolute;
z-index: 999;
width: 95%;
left: 2%;
top: 16px;
padding: 6px;
box-shadow: 0px 2px 6px #aaa;
-webkit-box-shadow: 0px 2px 6px #aaa;
-moz-box-shadow: 0px 2px 6px #aaa;
-ms-box-shadow: 0px 2px 6px #aaa;
-o-box-shadow: 0px 2px 6px #aaa;
}
#pulsantiera_carrello a:hover + #carrello_preview {
visibility: visible;
opacity: 1;
}
#carrello_preview:hover {
visibility: visible;
opacity: 1;
}
#pulsantiera_carrello{
display: inline;
}
#carrello_preview img {
max-width:none;
}
table.tab_carrello{
width: 100%;
}
table.tab_carrello a:link, a:visited {
color: #333333;
}
table.tab_carrello td.importi_carrello{
text-align:right;
}
table.tab_carrello td img{
max-height: 100px;
}
/* ------------------ TABELLE RESPONSIVE (come listino MODULAR) ---------------------------------*/
table.tabella_responsive {
border: 1px solid #ccc;
margin: 0 auto;
padding:0;
border-collapse: collapse;
border-spacing: 0;
}
table.tabella_responsive tr {
border: 1px solid #ddd;
padding: 2px;
}
table.tabella_responsive th, table.tabella_responsive td {
padding: 4px;
text-align: center;
vertical-align: top;
}
table.tabella_responsive th {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
vertical-align: bottom;
}
@media screen and (max-width: 600px) {
table.tabella_responsive {
border: 0;
}
table.tabella_responsive thead {
display: none;
}
table.tabella_responsive tr {
margin-bottom: 10px;
display: block;
border-bottom: 2px solid #ddd;
}
table.tabella_responsive td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
}
table.tabella_responsive td:last-child {
border-bottom: 0;
}
table.tabella_responsive td:before {
content: attr(data-label);
float: left;
margin-right: 6px;
}
}
/* ------------------ FINE TABELLE RESPONSIVE (come listino MODULAR) ---------------------------------*/
/* ------------------ TABELLA GRUPPI VARIANTI (come listino MODULAR) ---------------------------------*/
table.tab_gruppi_varianti {
box-shadow: 10px 10px 5px #888888;
}
table.tab_gruppi_varianti thead th{
background-color: #6dab1b;
background-image: linear-gradient(to bottom, #6dab1b, #29410a);
text-align: center;
text-transform: none;
border: 1px solid #ffffff;
font-size: 1.2em;
color: #ffffff;
}
table.tab_gruppi_varianti tr:nth-child(odd) {
background-color: #eee;
}
table.tab_gruppi_varianti tr:nth-child(even) {
background-color: #ffffff;
}
table.tab_gruppi_varianti td {
vertical-align: middle;
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
text-align: center;
padding: 3px;
font-size: 1em;
color: #000000;
}
table.tab_gruppi_varianti tr:hover td {
background-color: #666666;
background-image: linear-gradient(to bottom, #6dab1b, #aae053);
}
table.tab_gruppi_varianti img{
/* width:60px; */
min-width:24px;
}
/* ------------------ TABELLA GRUPPI VARIANTI (come listino MODULAR) ---------------------------------*/
table.tab_testomini {
font-size: 1em;
border: 1px solid #ffffff;
margin: 0;
padding: 0;
width: 90%;
box-shadow: 10px 10px 5px #888888;
border-radius: 16px;
}
table.tab_testomini table {
border-collapse: collapse;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
table.tab_testomini tr:last-child td:last-child, table.tab_testomini table tr:first-child td:first-child, table.tab_testomini table tr:first-child td:last-child,
table.tab_testomini tr:last-child td:first-child {
border-radius: 16px;
}
table.tab_testomini tr:nth-child(odd) {
background-color: #eee;
}
table.tab_testomini tr:nth-child(even) {
background-color: #ffffff;
}
table.tab_testomini td {
vertical-align: middle;
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
text-align: center;
padding: 3px;
font-size: 1em;
color: #000000;
}
table.tab_testomini tr:last-child td {
border-width: 0 1px 0 0;
}
table.tab_testomini tr td:last-child {
border-width: 0 0 1px 0;
}
table.tab_testomini tr:last-child td:last-child {
border-width: 0;
}
table.tab_testomini tr:first-child td, table.tab_testomini thead th{
background-color: #666;
background-image: linear-gradient(to bottom, #666, #ccc);
text-align: center;
border-width: 0 0 1px 1px;
font-size: 1.2em;
color: #ffffff;
}
table.tab_testomini tr:first-child:hover td {
background-color: #666666;
background-image: linear-gradient(to bottom, #666666, #CCCCCC);
}
/* ------------------ VIDEO YOUTUBE EMBEDDED CON IFRAME (CHECK MODIFICHE NEI TEMPLATE) ---------------------------------*/
iframe[src*="youtube.com"]{
width: 100%;
height: 56.25vw;
border: 0;
}