/* template luxury20 */

body {
	font-family: 'Aleo', sans-serif;
	font-weight: 300;
	font-size: 1.1em;	
}

/* --------- PARAMETRI PER GESTIRE HEADER FISSO ------------ */
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	max-height: 100px;
}

main {
	margin-top: 100px;
}
[id] {
	scroll-margin-top: 100px; /* si attiva per anchor href=#id  */
}
/* rende #cssmenumod scrollabile se più lungo della finestra */
#cssmenumod {
	max-height: calc(100vh - 160px);
	overflow-y: auto;
}
@media (max-width:1088px){
	header {
		max-height: 160px;		
	}
	main {
		margin-top: 160px;
	}
	[id] {
		scroll-margin-top: 160px;
	}	
}
@media (max-width:800px){
	header {
		position: relative;
		max-height: none;		
	}
	main {
		margin-top: 0px;
	}
	[id] {
		scroll-margin-top: 0px;
	}	
	#cssmenumod {
		max-height: none;
		overflow-y: visible;
	}
}
/* --------- PARAMETRI PER GESTIRE HEADER FISSO ------------ */


/* ---------- HEADER --------------- */

header {
	background-image: url("images/sfondo_trasparente_80.png");	
	width: 100%;
}
.logo{
	margin-right: 3%;
}
.logo img {
	max-height: 100px;
}
.titolone {
	font-size:1.2em;
	font-weight: bold;	
	float: left;
	margin-right: 5px;
}
.slogan {
	font-size:1.2em;
	float: left;
}
.pulsantiera_social_top img {
	max-height: 20px;
	margin: 0 1px 0 1px;
}
#pulsantiera_carrello > a > img {
	max-height: 22px;
	margin: 0 1px 0 1px;	
}
#pulsantiera_carrello > a > img {
	max-height: 22px;
	margin: 0 1px 0 1px;	
}
.pulsantiera_login img{
	max-height: 20px;
	margin: 0 1px 0 1px;		
}
.bottoni_preview_prodotto > a > img {
	max-height: 32px;	
}
header .banner {
	display:none;
}
/*
header .logo .banner {
	display:inline-block;
}
*/
@media (max-width:480px){
	.logo img {
		max-height:none;	
	}
}

/* ---------- CORPO CENTRALE ---------- */

/* ---------- FOOTER --------------- */
footer {
}
.pulsantiera_scegli_lingua_footer{
}
#menu_links_footer {
}
.pulsantiera_social_footer {
}
.pulsantiera_social_footer img {
}
#pulsantiera_pagamenti {
}
#pulsantiera_pagamenti img {
}
#anagrafica_bottom{
}
#credits{
}
footer .banner {
	display:none;
}

/* ---- FILTRO GRIGIO SULLE IMMAGINI + RIATTIVA COLORE ON ROLLOVER  */
.pulsantiera_social_top img, #pulsantiera_carrello img, .bottoni_preview_prodotto img, .bottone_carrello_preview img, footer img {
	-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);
}
.pulsantiera_social_top img:hover, #pulsantiera_carrello img:hover, .bottoni_preview_prodotto img:hover, .bottone_carrello_preview img:hover, footer img:hover {
	-webkit-filter: grayscale(0);
	filter: none;
}


/* ----- CSSMENUMOD PERSONALIZZATO ------*/
#container_cssmenumod img {
	max-height:24px;
}
#cssmenumod > ul > li > a {
	color: #111;
	background-image: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#cssmenumod > ul > li > a > span {
	border: 1px solid #DDD;
}
#cssmenumod > ul > li.active > a {
	background: #CCC;
	background: -moz-linear-gradient(#CCC 0%, #EEE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC), color-stop(100%, #EEE));
	background: -webkit-linear-gradient(#CCC 0%, #EEE 100%);
	background: linear-gradient(#CCC 0%, #EEE 100%);
	color: #111;
	text-shadow: none;
	border: 1px solid #EEE;
}
#cssmenumod > ul > li.active > a span {
	border: 1px solid #EEE;
}
#cssmenumod > ul > li.has-sub > a span {
	background: none;
}


/* ------ CALL 2 ACTION ------------------- */
.call2action{
	background:-o-linear-gradient(bottom, #ffffff 5%, #CCC 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #CCC) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #CCC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#CCC");
	background:-o-linear-gradient(top,#ffffff,#CCC);
}
/* template top22 */

body {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
}

main {
	padding:0;
}

.pulsantiera_social_top a {
	margin-left:4px;
	margin-right:4px;
}

#pulsantiera_carrello{
	float:right;
	margin: 0 6px 0 6px;
}

.pulsantiera_login {
	float:right;
}
.pulsantiera_login a {
	margin: 0 6px 0 6px;
}

.pulsantiera_scegli_lingua_top {
	top: 30px;
}

.boxlogin {
	margin-top: 12px;
	margin-bottom: 10px;	
	background-color: #444;
	display: inline-block;
	width:auto;
	padding: 4px 20px 0 20px;
	font-size: 16px;		
}
.form_boxlogin input[type="text"], .form_boxlogin input[type="password"], .form_boxlogin input[type="submit"]{
	padding: 2px;
	width: auto;
}

.call2action form input[type="submit"]{
	background-color: #DDD;
}
.call2action form input[type="submit"]:hover{
	background-color: #236F21; /* verde naturale */
	color: #EEE;
}

/* --- LENTE SUBMIT NEL MOTORE DI RICERCA */
.motore_ricerca_top .form_ricerca input[type="submit"]{
	color: transparent;
	background: none;
	background-image: url('images/search_mini.png');
	background-repeat: no-repeat;
	padding: 0px;
	margin-left: -40px;
	width:24px;
	height:24px;
	border: none;
	border-radius: 0px 0px 0px 0px;
	transition: all 0.2s ease;
}
/* --- input=image per ricerca_ia */
.motore_ricerca_top .form_ricerca input[type="image"]{
	margin-left: -40px;
	transition: all 0.2s ease;
}
.motore_ricerca_top .form_ricerca input[type="submit"]:hover,
.motore_ricerca_top .form_ricerca input[type="image"]:hover{
	opacity: 0.6;
}

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"]{
	padding: 6px;
	transition: box-shadow 0.3s, background-color 0.3s;	
}

form input[type="text"]:hover, form input[type="password"]:hover, form textarea:hover {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	background-color: #f9f9f9;
}

.index-banner{
	padding:0;
}


/* --- CORRETTIVI DI LARGHEZZA PER MAIN SENZA PADDING */
.titolo, .sottotitolo, .testata_sezione, .footer_sezione, .testo_descrittivo, .extra_descr_dx, #testata_risultati_ricerca, #footer_risultati_ricerca {
	margin-left: 10px;
}
.titolo_panel {
	margin: 10px;
}
.panel_info2 .titolo, .testata_sezione .titolo{
	margin:0px;
}

.preview_prodotto{
	width: 32%;
}
@media (max-width:1024px){
	.preview_prodotto{
		width: 46%;		
	}
}
@media (max-width:640px){
	.preview_prodotto{
		width: 98%;
	}
}

@media (max-width:800px){
	.call2action{
		width: 98%;	
	}
}

@media (max-width:640px){
	.da-thumbs li{
		width: 96%;
	}
}

/* pulsantiera_social_top con float:right; causa la sovrapposizione del bottone hamburger con tutto il resto del menù! */
.pulsantiera_social_top{
	float:right;
}
.bottone_hamburger {
	width: 32px; 
	height: 32px;
	margin-bottom: 102px;
}

/* --- CSS PER HEADER/FOOTER CON SFONDO NERO --- */

header{
	background-image: url("images/sfondo_trasparente_80_nero.png");	
	background-image: url("images/sfondo_trasparente_80_nero.png"), linear-gradient(#111, #293133);	
	color:#FFF;
}

footer{
	background-image: url("images/sfondo_trasparente_80.png");	
	color:#FFF;!important
}

footer{
	background-image: linear-gradient(#293133, #111);
	color:#FFF;!important
}

#carrello_preview{
	color:#000;
}
#pulsantiera_carrello > a > img{
	filter: brightness(0) invert(100%); 
}

ul.menu_links li a {
	color:#FFF;
}
ul.menu_links li a:hover{
	color:#CCC;
}

#bottoni_tele_mail #link_telefono_su_mobile img, #bottoni_tele_mail #link_telefono_su_pc img, #bottoni_tele_mail #link_email img{
	filter: invert(100%);
}
#bottoni_tele_mail #link_telefono_su_mobile img:hover, #bottoni_tele_mail #link_telefono_su_pc img:hover, #bottoni_tele_mail #link_email img:hover{
	filter: invert(70%);
} 

.pulsantiera_login img{
	filter: brightness(0)  invert(100%); 
}
.pulsantiera_login a {
	color: #FFF;
}

.boxlogin {
	background-color: #222;
}

.bottone_hamburger{
	filter: brightness(0) invert(100%); 
}
#bottone_cssmenumod img{
	filter: brightness(0) invert(100%); 
}


.da-thumbs {
	background-color: #000;
}
.da-thumbs li {
	background: #293133;
}
.da-thumbs li:nth-child(odd) {
	background: #111;
}
.da-thumbs .testo_etichetta{
	color:#FFF;
}


.panel {
	background-color: black;
	color: white;
}


/* --- TABELLE VARIANTI TAGLIA/FORMATO  */
table.tab_testomini tr:nth-child(odd){ 
	background-color:#EEEEEE;
}
table.tab_testomini tr:nth-child(even){ 
	background-color:#ffffff; 
}
table.tab_testomini td{
	color:#000000;
}
table.tab_testomini tr:first-child td{
	background:-o-linear-gradient(bottom, #666666 5%, #CCCCCC 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #CCCCCC) );
	background:-moz-linear-gradient( center top, #666666 5%, #CCCCCC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#CCCCCC");	
	background: -o-linear-gradient(top,#666666,CCCCCC);
	background-color:#666666;
	color:#ffffff;
}
table.tab_testomini tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #666666 5%, #CCCCCC 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #CCCCCC) );
	background:-moz-linear-gradient( center top, #666666 5%, #CCCCCC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#CCCCCC");	background: -o-linear-gradient(top,#666666,CCCCCC);
	background-color:#666666;
}/* template stendhal */

header {
	background-image: url("images/sfondo_trasparente_80_nero.png");
}

/* megamenu in linea col logo */
#menu_struttura{
	display: inline-block;
	float:left;
	width:40%;
	min-width:400;
	height: 36px;
	margin-top: -4px;
}
@media (max-width:800px){
	#menu_struttura{
		display: inline-block;
		width:100%;
		height: auto;
		margin-top: auto;
	}
}

/* megamenu nero-grigio-rosso */
.megamenu li{
    display:block;
    color: #000 !important;
}
.h_nav ul li a {
    color: #111 !important;
    font-size:13px;
}
.h_nav ul li a:hover {
    color: red !important;
}


/* SCRITTA OVER DA-THUMBS "MODERN" */
.da-thumbs li a div span {
	font-size: 2.5em;
	border-bottom: none;
	box-shadow: none;
}


/* ----- PREVIEW PRODOTTI ----- */
.preview_prodotto{
    background: #FFF;
    border: 1px solid #CCC;
}
/* dimensione font Descart in preview_prodotto  */
h3.descart_info{
	color: #CC0000;
	font-size: 2em;
	font-weight: 150;    
	text-align: center;
}
.testata_preview_prodotto .prezzo{
	font-size: 1.4em;
	text-align:center;
}

/* ----- SCHEDA PRODOTTI info2 ----- */
/* ----- SCHEDA PRODOTTI CON IMPAGINAZIONE CENTRATA */
#info2_testata .titolo{
	font-size: 4em;
	text-align:center;
	color: #CC0000;
}
#info2_testata, #info2_corpo .lista_taglie_colori{
	text-align:center;
}
.gallery_info2_centrale{
	width:100%;
	background-color: #FFF;
}


/* COLORA DI ROSSO LE ICONE E LE SCRITTE SUL ROLLOVER! */
ul.menu_links li a:hover{
    color:red;
}
#pulsantiera_carrello > a > img:hover{
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}
.pulsantiera_login a:hover {
    color: red;
}
.pulsantiera_login a img:hover{
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}
#menu_links_top a:hover {
    color:red;
}
.bottoni_preview_prodotto img:hover{
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}
.bottone_carrello_preview img :hover{
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}
#bottoni_tele_mail #link_telefono_su_mobile img:hover, #bottoni_tele_mail #link_telefono_su_pc img:hover, #bottoni_tele_mail #link_email img:hover{
	filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
} 

/* MEGAMENU ROSSO-NERO */
.megamenu15, .skyblue, .megamenu{
    background:none !important;
}
.skyblue li a.color1{
    font-size:14px;
}
.skyblue li a.color4{
    font-size:13px;
}
.skyblue li a.color1:hover{
    background:#CC0000;
    color: #ffffff;
}
.skyblue li a.color4:hover{
    background:#CC0000;
    color: #ffffff;
}
.skyblue>li:hover>a,
.skyblue .dropdown li:hover>a{
    background:#CC0000;
    color: #ffffff;
}
/* COLORA DI ROSSO LE ICONE E LE SCRITTE SUL ROLLOVER! */

/* PER LE ICONE GIA COLORATE / NON COMPATIBILI ALLA COLORAZIONE ROSSA */
.bottone_configura img:hover{
    filter: none;
}


/* ----- MAPS ----- */
.googlemap_wrap  {
    padding-bottom: 65.25%;
}
.googlemap_wrap iframe {
	width: 75%;
	height: 75%;
}
@media (max-width:800px){
    .googlemap_wrap iframe {
		width: 100%;
		height: 100%;
    }    
}