/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,header,footer,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus {outline:0;}
a:active {outline:none;}
body {line-height:1; color:black; background:white;}
ol,ul {list-style:none;}
caption,th,td {text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
form, fieldset, input, {margin:0; padding:0;}
em {font-style:italic;}
strong {font-weight:bold;}
img {border:0; margin:0;}

.cl {clear:both;}
.fSx {float:left;}
.fDx {float:right;}
.taC {text-align:center;}
.taR {text-align:right;}
.taL {text-align:left;}
.taJ {text-align:justify;}
a {text-decoration:none; color:#9A192D;}

p {
font-size:1em;                 /*    16px / 16px  = 1em              */
line-height:1.2em;            /*    18px  / 16px = 1.125em    */
}

body {background:#FFF; font-family: 'Muli', sans-serif; color:#333;}

h1 {font-size:1.375em; line-height:1.25em;}
h1.home {font-size:1.375em; color:#D8D8CD; line-height:1.25em;}

h2 {font-size:1.25em; font-weight:bold;}
h2.home {font-size:1.5em; color:#333;}
h2.box {font-size:1.375em; color:#FFF;}
h3 {font-size:1.15em; color:#0F1A25;}
h3.box {font-size:1em; color:#FFF; text-decoration:underline;}
h4 {font-size:1.125em; font-weight:bold;}


.sf-bianco {background:#FFF;}
.sf-scuro {background:#343434;}
.sf-nero {background:#000;}
.sf-rosso {background:#9A192D;}
.sf-grigio-c {background:#EEE;}

.sf-footer {background:#3C3C3A;}
.bianco {color:#FFF;}
.grigio-c {color:#C1C9C6;}
.grigio-s {color:#343434;}
.nero {color:#000;}
.rosso {color:#9A192D;}

.hp-quot-testo {font-size:0.75em;}
.hp-quot-sf-uno {background:#728691;}
.hp-quot-sf-due {background:#98A3A9;}
.hp-quot-sf-tre {background:#C0C3C8;}

.riga-dieci {width:100%; height:0.625em;}
.riga-cinque {width:100%; height:0.3125em;}
.riga-due {width:100%; height:0.125em;}
.riga-uno {width:100%; height:0.0625em;}
.pad-vert {padding-top:0.625em; padding-bottom:0.625em;}
.pad-oriz {padding-left:0.625em; padding-right:0.625em;}
.pad-oriz-due {padding-left:1.5em; padding-right:1.5em;}
.pad-vert-due {padding-top:1.5em; padding-bottom:1.5em;}
.pad-oriz-main {padding-left:4.5em; padding-right:4.5em;}


.respiro-top {padding-top:2.5em;}
.respiro-bottom {padding-bottom:2.5em;}
.respiro-fascia {padding-top:2.5em; padding-bottom:2.5em;}
.respiro-titolo {padding-top:2.5em;}

.container {width:100%; float:left;}
.int {max-width:60em; margin:auto;}

.col-uno-due {width:50%; float:left;}
.col-uno-tre {width:33.3%; float:left;}
.col-due-tre {width:66.6%; float:left;}
.col-uno-quattro {width:25%; float:left;}
.col-tre-quattro {width:75%; float:left;}
.col-uno-cinque {width:20%; float:left;}
.col-due-cinque {width:40%; float:left;}
.col-tre-cinque {width:60%; float:left;}
.col-quattro-cinque {width:80%; float:left;}
.col-uno-sei {width:16.6%; float:left;}
.col-uno-dieci {width:10%; float:left;}

.ilDue {line-height:2em !important;}
.of-h {overflow:hidden;}

.pulsante {padding:0.5em 1em; display:inline-block; margin:0.5em;}

.tbl-table {display:table;}
.tbl-row {display:table-row;}
.tbl-cell {display:table-cell; border:0.0625em solid #FFF;}
.tbl-row-brd {border-bottom:solid 1px #E8E9EB;}

.tbl-sf-uno {background:#CCC;}
.tbl-sf-due {background:#DDD;}

.hd-spazio-due {width:10%; float:left;}

img.reale {width:auto !important;}
img.v-centr {vertical-align:middle;}
img.full {width:100%;}

.allinea-v-c {display:table-cell; vertical-align:middle; height:14em;}
.allinea-v-lh {height:14em; line-height:14em;}
.allinea-v-lh a {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.logo-grande {font-family: 'Manuale', serif; font-size:2em;}
.logo-piccolo {font-family: 'Manuale', serif; font-size:1.5em;}
.colore-investimento {color:#415766;}
.colore-numismatica {color:#BF2C2C;}
.colore-filatelia {color:#006633;}

#messaggio-homePage {font-size:1em;}

/*
.prodotto-item {width:18.75em; border:1px solid; float:left; margin-bottom:2em; margin-right:0.5em;}
*/
.prodotto-item {width:33%; float:left;}
.prodotto-item-cont {border:2px solid; margin:0 0.625em 3em 0.625em;}
.prodotto-foto {border-bottom:2px solid; height:14em; width:100%; overflow:hidden;}
.prodotto-categoria {height:6em;}
.prodotto-descrizione {height:3em;}
.prodotto-prezzo {height:3em;}
.prodotto-prezzo-singolo {font-size:1.125em; font-weight:bold;}
.prodotto-prezzo-scaglioni {font-size:0.8em; font-weight:bold;}
.col-scaglione {width:33.3%; float:left;}
.testo-main ul {list-style:outside disc; padding-left:1.25em;}
.testo-main li {}
.testo-main {letter-spacing:0.05em;}
.testo-main p {line-height:1.5em !important}
.H100 {height:100%;}

#prodotto-gallery .prodotto-item-cont {border:none !important;}
#prodotto-gallery .prodotto-foto {border-bottom:none !important;}



.categoria-item {width:33%; float:left;}
.categoria-item-cont {border:3px solid #252634; margin:0 0.625em 2em 0.625em;}
.categoria-foto {height:8em;}
.categoria-nome {height:3em; padding-top:1em;}

.categoria-foto-no {}


.sldshw {width:100%; float:left;}
#home-page-categorie .categoria-item {width:25%; float:left;}
#home-page-categorie .categoria-item-cont {border:3px solid #252634; margin:0 0.625em 2em 0.625em;}
#home-page-categorie .categoria-foto {height:8em;}
#home-page-categorie .categoria-nome {height:2em; padding-top:1.5em;}

.ph-hd-cta {width:20%; float:left;}

.millesimi {font-size:0.625em;}


#cart-tb {width:100%;}
#cart-tb .bord-bt {border-bottom:solid 1px #E8E9EB;}
.tb-15 {width:15%;}
.tb-20 {width:20%;}
.tb-35 {width:35%;}
.tb-40 {width:40%;}
.tb-70 {width:70%;}
.tb-100 {width:100%;}


.blocco-item {padding: 2em 0;}
.blocco-item ul {list-style:none;padding-left:1em;}
.blocco-item ol {list-style: none;padding-left:1em;}
.blocco-item li {}
.blocco-item li::marker {
  color: #F7D900;
}
.blocco-item li::before {
	content: "";
  background: #333;
	width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}

.elenco-punt {padding: 2em 0;}
.elenco-punt ul {list-style:none;padding-left:1em;}
.elenco-punt ol {list-style: none;padding-left:1em;}
.elenco-punt li {margin-bottom: 1em;}
.elenco-punt li::marker {

}
.elenco-punt li::before {
	content: "";
  background: #333;
	width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}}

.immagine-didascalia {font-style: italic;}

#frm-acquista input[type=text].tutto {width:100%;}
#frm-acquista textarea.tutto {width:100%;}

.inv {display:none;}
.vis {display:block;}


#map-google {width:100%; height:15.625em;}


#stats th {padding: 0.5em;}
#stats td {padding: 0.5em; border: solid 1px #CCC;}

.fixed {
position: fixed !important;
top:0 !important;
z-index: 99999999999999999999999999999999 !important;
}

.videoYT {width:20em; height:11.25em;}

#cookies-tendina {z-index: 9999999999; width: 100%; text-align: center; color: #FFF !important; font-weight: bold; padding: 10px 0; background-color: rgba(0, 0, 0, 0.75); bottom: 0; position: fixed; font-size:0.875em;};
#cookies-tendina a:hover { color: #FFF !important; }
#cookies-tendina > p > a { color: #FFF !important; }
#cookies-tendina h2  { font-size:1.125em; color:#FFF;}
#cookies-tendina span { cursor: pointer; line-height:3.125em; }

/* MODAL IMAGE */
/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
} 
/* FINE MODAL IMAGE */


.footer-ico {font-size:2em;}

.ph-only {display:none;}
.dk-only {display:inline-block;}
.dk-onlyB {display:block;}


li.mnu-vendi {display:none;}

/* CTA */
.bottom-navigation {
    position: fixed;
    min-height: 4.3em;
    width: 100%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    z-index: 3100;
	border-top: 0.0625em solid;
}
.bottom-navigation-content {
    margin: 0px auto;
    display: inline-block;
}
.bottom-navigation-item {
    float: left;
    width: 5.625em;
    height: 4.3em;
    text-align: center;
    border-left: 0.0625em solid;
    vertical-align: top;
	padding-top:0.2em;
}
.bottom-navigation-item:first-child {border-left:none;}
.bottom-navigation-item--sbject {
    font-size: 0.6875em;
}

/*********MEDIA QUERY *************/
@media only screen and (max-width:699px) {
	/* SMARTPHONE VERTICALE */
	.ph-only {display:inline-block;}
	.dk-only {display:none;}
	.dk-onlyB {display:none;}
	img.ph-full {width:100%;}
	#hd-operatore {width:100% !important; padding-bottom:0 !important;}
	#hd-logo {width:100% !important; padding-top:0.5em !important; padding-bottom:0 !important;}
	#hd-logo p {padding:0 0.5em;}
	#hd-menu {width:100% !important;}
	
    #logo-hd {width: 65% !important;}
    
    
	.ph-small {font-size:0.75em;}
	
	#frm-acquista input[type=text] {width:100%;}
	#frm-acquista textarea {width:100%;}

	li.mnu-vendi {display:block;}

	/* #hd-menu {display:none;} */
	#hd-mail {margin-bottom:0.3em; width:100%; text-align:center;}
	#hd-tel {width:100%; text-align:center;}
	
	#logo {text-align:center;}
	#hp-box-quot {width: 100% !important}
	.col-uno-tre {width:100%;}
	.col-due-tre {width:100%;}
	.col-uno-due {width:100%;}
	.col-uno-quattro {width:50%;}
	.col-uno-cinque {width:100%;}
	.col-tre-quattro {width:100%;}
	.col-quattro-cinque {width:100%;}
  
  .col-uno-dieci {width:50%;}
	
	.prodotto-item {width:100%;}
	
	.categoria-item {width:100%;}
	.sldshw {width:100%;}
	#home-page-categorie .categoria-item {width:100%;}
	
	.prodotto-dettaglio-img {width:100% !important;}
	
	#header-foto {height:9.8125em;}
	#fotoGcont {height:9.8125em;}
	#home-filmato {height:9.8125em;}
	
	.hp-box {height:25em;}
	
	.map-item {width:50%; padding:0.625em 0;}
	
	.int {width:100%; max-width:20em;}
	
	.respiro-top {padding-top:1em;}
	.respiro-bottom {padding-bottom:1em;}
	.respiro-fascia {padding-top:1em; padding-bottom:1em;}
	.respiro-titolo {padding-top:0;}
	.pad-oriz-main {padding-left:0; padding-right:0;}
	.brd-sx {border:none;}
	
	.ric-campo {width:100%;}
	
	.mappa-home {height:20em;}
	footer {text-align:center;}
	#ft-logo {width:100% !important;}
	
	.videoYT {width:17.5em; height:9.8125em;}
	
	.bottom-navigation {min-height:3.2em;}
	.bottom-navigation-item {width:3.2em; height:3.2em;}
	
    #messaggio-home {width: 100% !important; font-size:0.8em;}
    
	p {
	font-size:0.9375em;				/* 15px  / 16px = 0.9375em    */
	line-height:1.25em;				/* 20px  / 16px = 1.25em    */	
	}
	h2.home {font-size:1em !important; color:#333;}
}




@media only screen and (min-width: 701px) and (max-width: 980px) {
	img.ph-full {width:100%;}
	
	#hd-operatore {width:66.6% !important;}
	#hd-operatore p {font-size:0.875em;}
	#hd-logo {width:25% !important;}
	#hd-menu {width:75% !important;}
	
	h2.home {font-size:1em !important; color:#333;}
	
	.col-uno-due {width:50%; float:left;}
	.col-uno-tre {width:33.3%; float:left;}
	.col-due-tre {width:66.6%; float:left;}
	.col-uno-quattro {width:25%;}
	.col-uno-cinque {width:25%;}
	.col-tre-quattro {width:75%;}
	.col-quattro-cinque {width:75%;}
	
	.logo-piccolo {font-family: 'Manuale', serif; font-size:1em;}
	
	.hd-spazio {width:12% !important;}
	
	.prodotto-item {width:50%;}
	.prodotto-foto {height:12em;}
	.allinea-v-c {display:table-cell; vertical-align:middle; height:12em;}
	.allinea-v-lh {height:12em; line-height:12em;}

	.categoria-item {width:50%;}
	.sldshw {width:100%;}
	#home-page-categorie .categoria-item {width:50%;}
	#home-page-categorie .categoria-foto {height: 7.5em;}

	
	p {
	font-size:0.9375em;				/* 15px  / 16px = 0.9375em    */
	line-height:1.25em;				/* 20px  / 16px = 1.25em    */	
	}
}

@media only screen and (min-width: 801px) and (max-width: 980px) {
	#home-page-categorie .categoria-foto {height: 9.25em;}
	.categoria-nome {height:2.5em; padding-top:3em;}
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
	.categoria-item {width:33%;}
	.categoria-item-cont {border:2px solid; margin:0 0.625em 2em 0.625em;}
	.categoria-foto {height:9em;}
	.categoria-nome {height:2em; padding-top:1.5em;}
}

@media only screen and (min-width: 1601px) {
	.prodotto-item {width:25%;}
	.prodotto-item-cont {border:2px solid; margin:0 0.625em 2em 0.625em;}
	.prodotto-foto {border-bottom:2px solid; height:15em;}
	.prodotto-categoria {height:6em;}
	.prodotto-descrizione {height:2em;}
	.prodotto-prezzo {height:3em;}
	
	.categoria-item {width:25%;}
	.categoria-item-cont {border:2px solid; margin:0 0.625em 2em 0.625em;}
	.categoria-foto {height:8em;}
	.categoria-nome {height:2em; padding-top:1.5em;}
	
	.sldshw {width:100%;}
	#home-page-categorie .categoria-item {width:20%;}
	#home-page-categorie .categoria-item-cont {border:2px solid; margin:0 0.625em 2em 0.625em;}
	#home-page-categorie .categoria-foto {height:8em;}
	#home-page-categorie .categoria-nome {height:2em; padding-top:2em;}
}