/* HEADER */
body { font-family: Lato !important; }

.green-bar { width: 100%; height: 5px; background-color: #016836; }
.top-bar { width: 80%; margin: 0px auto; z-index: 999; background-color: #fff; /*border: 3px solid #f00*/ }
.top-bar .logo { float: left; }
.top-bar .logo img { width: 150px; }
.top-bar .menu { float: right; margin-top: 45px; /*margin-right: 20px;*/ }
.top-bar .menu li { float: left; border-right: 1px solid #d1e7a0; padding-left: 20px; padding-right: 20px; }
.top-bar .menu li:last-child { border-right: 0px; padding-right: 0px; }
.top-bar .menu a { /*font-size: 16px; color: #868789;*/ text-decoration: none; font-family: Lato; font-weight: bold; }
.top-bar .menu .active { color: #016836; }

.slider { width: 100%; margin: 0px auto; margin-top: 105px!important; }
.slider img { width: 100%; }

@media only screen and (min-width: 1500px) { 
    .slider { width: 80%; margin: 0px auto; } /* Ridimensionamento SLIDER per gli schermi grandi */
}

.single_slide { width: 100%; max-width: 100%; height: 750px; background-position: center; background-repeat: none; background-size: 100% 100%; }
.single_slide a { text-decoration: none; }
.single_slide p { color: #000; font-family: Lato; font-weight: normal; padding: 15px; line-height: 35px; float: left; font-size: 30px }
.single_slide .pos5 { margin: 50px 70px; background-image: url(img/sfondo_nero.png); color: #fff; padding: 2%; border: 2px solid #fff; cursor: pointer; position: absolute; bottom: 0; left: 0; }
.single_slide .pos6 { margin: 50px 50px; color: #fff; padding: 2%; border: 2px solid #fff; cursor: pointer; position: absolute; top: 0; left: 0; }
.single_slide .pos-black { color: #000; border-color: #000; } 

/* Tendina delle LINGUE in TOPBAR */
.menu .language { font-size: 25px; margin-right: 25px; color: #000 }
.menu .shop { font-size: 25px; color: #000; margin-right: 25px }
.menu .hamburger { font-size: 25px; color: #000; margin-right: 25px }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; /*min-width: 160px;*/ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 9999; }
.dropdown-content p { font-size: 20px; margin-top: 10px; color: #868789; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content p:hover { color: #016836; }

/* Tendina delle LINGUE in MENU' A TENDINA */
.dropdown-overlay { position: relative; display: inline-block; }
/*.dropdown-overlay:hover .dropdown-content-overlay { display: block; }*/
.dropdown-content-overlay { display: none; position: absolute; background-color: #f9f9f9; color: #000; text-align: center; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 9999; }
.dropdown-content-overlay p { font-size: 25px; margin-top: 10px; }
.dropdown-content-overlay p:hover { color: #016836; }

/* MENU' A TENDINA TUTTO SCHERMO */
.overlay { height: 0%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); /*background-color: rgba(1,104,54, 0.9);*/ overflow-y: hidden; transition: 0.5s; }
.overlay-content { position: relative; top: 20%; width: 100%; text-align: center; margin-top: 30px; }
.overlay a { padding: 8px; text-decoration: none; margin-top: 20px; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { color: #f1f1f1; }
.overlay .language { position: absolute; top: 35px; right: 230px; font-size: 30px; }
.overlay .shop { position: absolute; top: 35px; right: 100px; font-size: 30px; }
.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; }
.overlay .logo-prodotti-overlay { width: 65px; margin-left: -280px; }
.overlay .voice-prodotti-overlay { margin-top: 20px; margin-left: 15px; position: absolute; }
@media screen and (max-height: 450px) {
    .overlay { overflow-y: auto; }
    .overlay a { font-size: 20px; }
    .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}

/* FOOTER */
footer { background-color: #000; width: 100%; margin: 0px auto; color: #fff; font-size: 12px; line-height: 1.6; font-family: Lato; margin-top: 50px; padding: 1%; }
footer a { color: #fff; font-family: Lato; text-decoration: none }
footer .footer_center div { float: left; padding-right: 2%; padding-left: 30px; height: 130px; }
footer .footer_center .footer_info { border-right: 1px solid #fff; padding-left: 2%; }
.footer_center { margin: 0px auto; width: 100%; }
.footer_center img { display: block; margin-bottom: 5px; }
.footer_center .border-dx { border-right: 1px solid #fff; }
.footer_center .float-dx { margin-right: 4% }

/* GENERALI */
.clear { clear: both; }

.height-30px { width: 100%; height: 30px; } /* Usato inizialmente per spaziare lo "slider" con la "top-bar" */

.margin-30x { margin: 30px } /* Usato inizialmente per dare un margine ai link nel menù a tendina */

.margin-dx-0x { margin-right: 0px } /* m */
.margin-dx-5x { margin-right: 5px }
.margin-dx-20x { margin-right: 20px } /* m */
.margin-dx-25x { margin-right: 25px } /* m */
.margin-dx-50x { margin-right: 50px } /* m */

.margin-tp-10x { margin-top: 10px } 
.margin-tp-126x { margin-top: 126px }
.margin-tp-150x { margin-top: 150px } /* m */

.float-dx { float: right } /* Usato inizialmente solo nel footer */

/* Video (Questo è il CSS del Fancybox non della pagina Video.php) 
#fade { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
#light { display: none; position: absolute; /*top: 20%; left: 30%;*/ /*width: 70%;*/ /*height: 700px;*/ /*margin: 1% 15%; background-color: #000; z-index: 1002; overflow: visible; }
/*#boxclose { float: right; cursor: pointer; color: #fff; border-radius: 3px; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 3px; position: absolute; right: 2px; top: 2px; z-index: 1002; opacity: 0.9; }
.boxclose:before { content: "×"; }
#fade:hover ~ #boxclose { display: none; }
.test:hover ~ .test2 { display: none; }
#VisaChipCardVideo { width: 100%; }*/