/*generale: configurazione pc*/
html
{
margin: 0;
padding: 0;
}
body
{
margin: 0;
padding: 0;
/*background: #ffffff url(/skin/immagini/sfondo_body.jpg) repeat-x top;*/
/*background-attachment: fixed;*/
background: #ffffff;
border-bottom: #d1d1d1 solid 4px;
margin-bottom: 0px;
text-align: left;
font-family: Arial, Sans-Serif;
}
hr
{
color: #d1d1d1;
}
a
{
font-family: Arial, Sans-Serif;
}
img
{
border: 0;
}
/*intestazione*/
div#intestazione
{
position: fixed;
top: 0;
z-index: 99;
margin: auto;
margin-bottom:4px;
min-height: 100px;
width: 100%;
clear:both;
border-top: #d1d1d1 solid 4px;
border-bottom : solid #d1d1d1 2px;
background-color: #ffffff;
box-shadow: 0 4px 5px rgba(0,0,0,.11);
}
div#contatti
{
margin: auto;
width: 98%;
text-align: right;
font-family: Arial;
font-size: 1em; /* 16px / 16px = in em */
padding: 0.4%;
color: #444444;
border-bottom: 1px solid #d1d1d1;
}
div#logo
{
width: 20%;
max-width: 20%;
margin: 1%;
height: 60px;
float: left;
}
div#datiazienda
{
/*height: 30px;*/
width: 800px;
border-top: 4px solid white ;
border-bottom: 2px solid white ;
background-color: #d5e4e7 ;
}
div#menu_principale
{
padding-top: 4px;
float: left;
width: 70%;
height: 60px;
clear: right;
/*background: #d5e4e7 url(/skin/immagini/bg-menu.png) no-repeat;*/
}
/*contenuto*/
div#contenitore
{
position: relative;
margin: auto;
margin-top: 130px;
min-height: 100px;
width: 90%;
background: #ffffff;
clear:both;
}
div#contenuto
{
text-align: left;/*serve per IExplore per posizionare giustamente il box*/
/*background: url(cornicecentro.gif) repeat top center;*/
width: 796px;
/*border: 2px black solid;*/
/*border-color: black;*/
}
#immagineprincipale
{
text-align: center;
margin: 0 auto;
padding-top: 6px;
}
div#contenutovetrina
{
margin: auto;
width: 100%;
text-align:center;
}
div#contenutosx
{
width: 25%;
position: relative;
float: left;
padding: 3px;
}
div#contenutodx
{
width: 72%;
position: relative;
float: right;
background-color: white ;
padding : 8px;
/*border-left: 1px black dotted;*/
/*filter: alpha(opacity=80);*//* For IE8 and earlier */
/*-moz-opacity:0.8;
opacity: 0.8;*/
}
div#finecontenuto
{
min-height: 10px;
clear:both;
margin-bottom:4px;
}
div#intestoindice
{
/*background: url(sistema/indice.jpg) no-repeat top center;*/
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,.11);
margin-top: 1px;
margin-bottom:6px;
float: left;
width: 100%;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
text-align:center;
font-weight: bold;
clear:both;
}
div#ricerca
{
float: left;
clear:both;
width: 100%;
margin-top:6px;
margin-bottom:6px;
padding-top: 10px;
padding-bottom: 10px;
text-align:center;
box-shadow: 0 1px 3px rgba(0,0,0,.11);
}
div#riepilogo_ordine
{
text-align: left;
padding: 4px;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
}
div#riepilogo_ordine table
{
clear: both;
border: silver solid 1px;
width: 100%;
}
div#id_ordine
{
float: left;
text-align: left;
padding-bottom: 12px;
font-family: Arial, Sans-Serif;
font-size: 1.1em;
color: #444444;
padding: 4px;
width: 40%;
}
div#indirizzo_cliente
{
float: right;
text-align:left;
padding-bottom: 12px;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
padding: 6px;
border: silver solid 1px;
width: 40%;
}
#corpo_ordine
{
clear:both;
}
.login1
{
width:40%;
margin:0 auto;
font-size:1em;
float:left;
background-color:#dbe3e2;
padding:20px;
margin-top:20px;
height:200px;
}
.login2
{
width:40%;
margin:0 auto;
font-size:1em;
float:left;
padding:20px;
margin-top:20px;
}
.boxdettaglioordine
{
float: left;
clear: both;
margin-top: 1%;
padding: 6px;
margin-right: 1%;
margin-left: 1%;
width: 100%;
}
.boxprodotti
{
display: inline-table;
/*border: 1px solid silver;*/
text-align: center;
width: 310px;
height: 400px;
margin-top: 1%;
padding-top: 6px;
margin-right: 1%;
margin-left: 1%;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,.11);
}
.boxdettagliocarrello
{
float: left;
clear: both;
margin-top: 1%;
padding: 6px;
margin-right: 1%;
margin-left: 1%;
box-shadow: 0 1px 3px rgba(0,0,0,.11);
width: 100%;
}
.testogenerico
{
margin: 0;
padding: 0;
font-family: Arial , Sans-Serif;
font-size: 0.9em;
color: #444444;
text-align:left;
font-weight: normal;
}
.testoprezzo
{
font-family: Arial, Sans-Serif;
font-size: 1.2em;
color: #444444;
font-weight: bold;
bottom: 0px;
}
.prezzolistino
{
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
font-weight: normal;
bottom: 0px;
padding-right:4px;
text-decoration: line-through;
}
.testotitoloarticolo
{
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
text-align:center;
height: 50px;
}
.testototale
{
margin-top: 10px;
padding: 4px;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
text-align:right;
font-weight: bold;
}
.testoscelte
{
margin: 0;
padding: 0;
font-family: Arial, Sans-Serif;
font-size: 0.9em;
color: #444444;
text-align:left;
font-weight: bold;
}
.testotaglie
{
margin: 0;
padding: 0;
font-family: Arial, Sans-Serif;
/*font-size: 10px;*/
color: navy;
text-align:left;
}
.testocontenuto
{
margin: 0;
padding: 0;
font-family: Arial, Sans-Serif;
font-size: 0.9em;
color:#444444;
text-align:justify;
}
.testotitoli
{
margin: 0;
padding: 0;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
text-align:left;
font-weight: bold;
}
.testoerrori
{
padding: 6px;
border-left: solid red 4px;
background-color: #ffe7e8;
color:#cc0000;
font-size:0.9em;
}
.testoconferme
{
margin: 0;
padding: 0;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
text-align:left;
font-weight: normal;
}
.casellatabelle
{
float: left;
background: #ffffff;
margin: 0;
padding: 6px;
font-family: Arial, Sans-Serif;
font-size: 0.9em;
color: #444444;
text-align:left;
font-weight: normal;
width: 25%;
}
.casellatabelleprezzo
{
float: right;
background: #ffffff;
margin: 0;
padding: 6px;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
text-align:right;
font-weight: bold;
width: 20%;
}
#totalicarrello
{
margin-top: 10px;
clear:both;
}
.testatatabelle
{
background: #d5e4e7;
padding: 2px;
font-family: Arial, Sans-Serif;
font-size: 0.9em;
color: #444444;
text-align:center;
font-weight: bold;
}
div#testomollichine
{
padding-left: 2px;
padding-top: 1%;
padding-bottom: 1%;
text-align:left;
font-family: Arial, Sans-Serif;
font-size: 0.9em;
color: #444444;
}
form
{
background-color: #ffffff;
}
input, radio, select
{
/*background-color: #ffffff;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.messaggiook
{
padding: 4px;
border-left: 4px solid green;
background-color: #f6faf3;
text-align: left;
color: gray;
}
/*piedipagina*/
#cookie-law {
position:absolute;
top:0px;
z-index:101;
padding:5px;
background-color:black;
color:white;
width: 100%;
font-family: Arial;
font-size:14px;
}
div#piedipagina
{
margin: auto;
margin-bottom: 0px;
border-top: 1px solid #d1d1d1;
text-align: center;
min-height: 100px;
background-color: #ffffff;
clear:both;
bottom: 0px;
}
div#bannerpiede
{
font-family: Arial;
font-size: 0.9em;
margin:auto;
padding-top: 6px;
}
div#crediti
{
font-family: Arial;
font-size: 0.8em;
}
div#dati_azienda
{
font-family: Arial;
font-size: 0.9em;
padding: 6px;
clear:both;
}
.testopiede
{
margin: 0px;
padding: 10px;
font-family: Arial, Sans-Serif;
font-size: 0.9em;
color: navy;
}
div#boximmaginidettagli
{
padding-left: 6px;
float: left;
width: 60%;
}
div#boxaltridettagli
{
padding-left: 10px;
float: right;
width: 30%;
}
div#immaginedettaglio
{
padding-left: 6px;
float: left;
width: 100%;
}
.immagineprodotto
{
padding: 4px;
height: 300px;
width: 300px;
}
div#descrizionedettaglio
{
float:left;
width:100%;
margin: 0px;
padding: 10px;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
}
.altrodettaglio
{
clear:both;
float:left;
margin: 0px;
padding: 10px;
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #444444;
}
div#carrellodettaglio
{
clear:both;
float:left;
margin-top:20px;
margin-bottom:20px;
}
div#boxcarte
{
float: left;
clear: both;
width: 100%;
margin-top: 10px;
text-align: center;
}
/*navigazione*/
div#navigazione ul
{
list-style-type: none;
height: 20px;
text-align: right;
font-family: Arial, Sans-Serif;
font-size: 1.1em;
/*font-weight:bold;*/
/*background: url(barramenu.jpg) no-repeat top center;*/
/*background-color: #1b1612;*/
}
div#navigazione li
{
display: inline;
margin: 0 0 0 3%;
} /*nota display: inline*/
div#navigazione a
{
color: #444444;
font-size: 1.1em;
text-decoration: none
}
div#navigazione a:hover
{
color: gray;
/*text-decoration: underline overline;*/
font-size: 1.1em;
}
div#navigazione a:active
{
color: grey;
text-decoration: none;
font-size: 1.1em;
}
/* navigazione generica */
a.navigazionegenerica
{
color:#444444;
font-size: 1em;
text-decoration: none;
}
a.navigazionegenerica:hover
{
color: grey;
text-decoration: none;
font-size: 1em;
}
a.navigazionegenerica:active
{
color: grey;
text-decoration: none;
font-size: 1em;
}
/* bottone ordine */
a.bottoneordine
{
color:#444444;
font-size: 1.3em;
text-decoration: none;
font-family: Arial;
background-color: #f17431;
padding: 4px;
}
a.bottoneordine:hover
{
color: #f17431;
text-decoration: none;
font-size: 1.3em;
background-color: #444444;
padding: 4px;
}
a.bottoneordine:active
{
color: #f17431;
text-decoration: none;
font-size: 1.3em;
background-color: #444444;
padding: 4px;
}
#bottoneaggiungi
{
padding:4px;
background-color:#f17431;
}
/* bottone invio ordine*/
button
{
width: 200px;
height: 40px;
border: 0;
cursor: pointer;/*definisco l'aspetto del cursore*/
text-align: center;
font-size: 1.3em;
color: #444444;
background-color: #f17431;
}
button:hover
{
background-color:#444444;
color: #f17431;/*cambio il colore del testo*/
}
button:active
{
background-position: 0 -40px;
color: #00FF00;
}
/* bottone generico */
.bott_generico
{
color:#000000;
background-color:#eeeeee;
font-size:14px;
padding-top:2px;
padding-left:2px;
padding-right:6px;
padding-bottom:6px;
text-decoration: none;
}
/* link dettagli */
a.linkdettagli
{
color: #444444;
font-size: 1em;
text-decoration: none;
background-color:#d5e4e7;
padding : 2px;
font-family: Arial;
}
a.linkdettagli:hover
{
color: #d5e4e7;
text-decoration: none;
background-color:#444444;
font-size: 1em;
padding : 2px;
}
/*indice prodotti*/
#indiceprodotti
{
margin-top: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,.11);
float: left;
clear: both;
width: 100%;
}
#indiceprodotti ul
{
font-family: Arial, Sans-Serif;
font-weight:normal;
margin-left:0px;
list-style-type: none;
text-align: left;
padding : 2px;
}
#indiceprodotti li
{
display: list-item;
margin: 0 ;
padding: 0;
/*border-bottom: 1px solid silver;*/
text-align: left;
padding : 2px;
}
#indiceprodotti a
{
color: #444444;
font-size: 1em;
text-decoration: none;
display:block;
padding : 2px;
}
#indiceprodotti a:hover
{
color: silver;
font-size: 1em;
padding : 2px;
}
#indiceprodotti a:active
{
color: silver;
text-decoration: none;
font-size: 1em;
padding : 2px;
}
/*sottoindice prodotti*/
#sottoindiceprodotti ul
{
font-family: Arial, Sans-Serif;
font-weight:normal;
margin-top: 5px;
margin-left:0px;
list-style-type: none;
text-align: left;
padding : 2px;
clear:both;
}
#sottoindiceprodotti li
{
display: list-item;
margin: 0 ;
padding: 0;
border-bottom: 0 solid silver;
text-align: left;
padding : 2px;
padding-left: 4px;
}
#sottoindiceprodotti a
{
color:#444444;
/*background-color:#949fa1;*/
font-size: 1em;
text-decoration: none;
display:block;
padding-left: 10px;
font-size: 0.9em;
}
#sottoindiceprodotti a:hover
{
color: silver;
/*background-color:#444444;*/
font-size: 1em;
padding-left: 10px;
font-size: 0.9em;
}
/* immagine ridimensionabile */
.flessibile
{
max-width: 100%;
border: 0;
width: 80%;
}
.miniaturaflessibile
{
max-width: 40%;
border: 0;
}
/* effetto zoom su immagine */
a.zoom img
{
border: 0;
max-width: 100%;
max-height:100%;
}
a.zoom span
{
position: fixed;
visibility: hidden;
top:10%;
left:25%;
max-width: 50%;
max-height:50%;
}
a.zoom
{
position: relative;
z-index: 0;
}
a.zoom:hover
{
position: relative;
z-index: 100;
}
a.zoom:hover span
{
z-index: 100;
visibility: visible;
/*top: -540px;
left: 80px;
border-left: solid 1px silver;
border-top: solid 1px silver;
border-right: solid 2px silver;
border-bottom: solid 2px silver;
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);*/
max-width: 50%;
max-height: 50%;
}
a.zoom:visited span
{
text-decoration:none;
}
a.zoom:active span
{
text-decoration:none;
}
/*myslideshow*/
#MioSlideshow {
position: relative; /* Permette di ancorare il testo dentro questo box */
width: 100%;
max-width: 100%; /* Opzionale: per non farlo allargare all'infinito */
margin: 0 auto;
cursor: pointer;
overflow: hidden;
}
#MioSlideshow .slide-item img {
width: 100%;
height: auto;
display: block;
}
#testoSlideshow
{
position: absolute;
bottom: 10%; /* Posizionato verso il basso (puoi mettere 'top: 50%; transform: translateY(-50%);' per centrarlo) */
left: 5%;
right: 5%;
background: rgba(0, 0, 0, 0.4); /* Sfondo scuro semi-trasparente per rendere il testo leggibile su qualsiasi tonalità dell'immagine */
color: #ffffff;
padding: 15px 25px;
font-family: 'Georgia', serif; /* Un font elegante che si sposa bene con l'arte e la poesia */
font-style: italic;
font-size: 1.5em;
text-align: center;
border-radius: 5px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
transition: all 0.5s ease; /* Rende il cambio testo più fluido */
}