/* 
===================================================================================================================================
TAG
===================================================================================================================================
*/

*{
margin:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
outline:none;
}
body{
margin:20px;
text-align:left;
}
table{
width:100%;
}
ul{
padding:0;
list-style:none;
}
a{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:underline;
}
input, select, textarea{
padding:3px;
height:20px;
width:100%;
background:#fff;
border:1px solid #aaa;
font-size:10px;	/* fix inherit fck.css */
}
textarea{
height:auto;
}
hr{
border-bottom:1px solid #eeeeee;
}

/* 
===================================================================================================================================
ID
===================================================================================================================================
*/

/* container */
#container{
height:100%;
border-width:1px;
border-style:solid;
}
#contenitore{
border-width:1px;
border-style:solid;
margin:auto;
width:350px;
height:350px;
padding:15px;
background:#FFF;
}
/* cc buy */
#contenitore .logoLoading img{
margin:20px;
}
#contenitore h1{
font-size:18px;
padding-bottom:10px;
color:#666666;
}
#contenitore h2{
font-size:12px;
padding-bottom:10px;
color:#aaaaaa;
}
#contenitore p{
margin-top:20px;
}
/* cc receipt */
.reportErr p{
font-size:24px;
padding-bottom:5px;
color:#BE0C34;
}
.textReport{
font-size:14px;
padding-bottom:20px;
font-weight:bold;
}
.paga{
font-size:12px;
}
/* riepilogo */
.checkRiepilogo{
float:right;
line-height:25px;
width:20px;
border:none;
cursor:pointer;
}
/* head */
#head{
border-bottom-width:5px;
border-style:solid;
}
#head img{
margin:10px;
}
#head ul{
font-weight:bold;
letter-spacing:0; /*letter-spacing:1px;*/
height:20px;
line-height:20px;
}
#head li{
float:right;
border-right-width:1px;
border-style:solid;
}
#head li a{
margin:0 5px 0 5px; /*margin:0 10px 0 10px;*/
border-top-width:5px;
border-style:solid;
}
#head li a:hover{
text-decoration:none;
border-top-width:5px;
border-style:solid;
}
#head li.noBorder{
border:0 !important;
}
#head td.lingue{
background:#aaa;
}
#head td.lingue img{
margin:2px 4px 2px 6px;
}
#head td.lingue table{
width:auto !important;
}
#head td.lingue table td.active{
background:#fff;
}
#head td.lingue table td.active p{
padding-right:6px;
}
#nav{
width:100%;
}
#head td.navIstituzionale{
background:#aaa;
}
#head td.navIstituzionale ul{
padding-left:3px;
height:30px;
line-height:30px;
}
#head td.navIstituzionale ul li{
float:left;
border:0;
}
#head td.navIstituzionale ul li a{
border-top:0;
margin:0 1px 0 0;
padding:10px;
background-color:#bbb;
color:#fff;
}
#head td.navIstituzionale ul li a:hover{
background-color:#aaa;
color:#000;
}
/* login */
.login{
padding:10px;
border-width:3px;
border-style:solid;
}
.login p{
float:left;
}
.login p span{
display:block;
width:245px;
}
.login a{
padding:2px;
}
.login a:hover{
text-decoration:none;
}
/* main */
#main{
height:100%;
}
/* column */
#column{
height:100%;
}
#column ul{
/*margin-bottom:20px;*/
}
#column .titolo{
padding:10px;
font-weight:bold;
letter-spacing:1px;
}
#column .titolo.ricercaAvanzata{
padding:15px;
border-bottom-width:1px;
border-bottom-style:solid;
cursor:pointer;
}
#column .titolo .avviaRicerca{
font-weight:bold;
text-align:left;
cursor:pointer;
height:22px;
margin-bottom:0;
}
#column .titolo div.radio{
background:#d51200;
width:220px;
height:13px;
margin-bottom:4px;
border-style:solid;
border-width:5px;
}
#column .titolo .radio input{
float:left;
margin-bottom:0;
}
#column .titolo .radio span{
float:left;
height:13px;
line-height:13px;
}
#column li{
border-bottom-width:1px;
border-style:solid;
}
#column li a{
display:block;
padding:5px 10px 5px 10px;
/*height:20px;
line-height:20px;*/
color:#000;
}
#column li a:hover{
text-decoration:none;
}
/* column tabs */
#column .tabs{
border-bottom-width:5px;
border-bottom-style:solid;
}
#column .tabs ul{
margin-top:10px;
}
#column .tabs li{
font-weight:bold;
width:83px;
float:left;
border-bottom-width:0;
}
#column .tabs li a {
height:32px;
line-height:32px;
border-width:1px;
border-style:solid;
border-bottom-width:0;
}
#column .tabs li a.buttA{
border-left-width:0;
margin-right:2px;
}
#column .tabs li a.buttB{
margin-right:2px;
}
#column .tabs li a.buttC{
margin-right:0px;
border-right-width:1px;
}
/* cerca */
#column form input, #column form select{
border:1px solid #fff;
margin-bottom:5px;
letter-spacing:normal;
}
#column form select{
padding:0;
height:auto;
}
#cerca,#cerca2{
width:210px;
}
#ok,#ok2{
text-transform:uppercase;
cursor:pointer;
width:20px;
background:#fff url(../images/struttura/go.gif) no-repeat center center;
}
#column p{
letter-spacing:normal;
}
#column p a{
margin-left:5px;
color:#fff;
font-weight:normal;
}
/* fast_basket */
#fast_basket{
height:57px;
background:#333;
}
#fast_basket td{
color:#fff;
padding:10px;
}
#fast_basket .Wfissa{
width:230px;
}
#fast_basket .dividi{
background:url(../images/struttura/dividi_fast_basket.gif) no-repeat right;
}
#fast_basket .tab{
padding-left:0px;
}
#fast_basket select, #fast_basket input{
height:18px;
width:230px;
margin-bottom:5px;
padding:2px;
}
/* page */
#page{
height:100%;
}
#trasklogin,#trlostlogin{ display:none;}
/* bottom */
#bottom a:hover{
text-decoration:underline;
}

/* 
===================================================================================================================================
CLASSI
===================================================================================================================================
*/

/* larghezza 100% - auto */
.Wx100{
width:100%;
}
.Wauto{
width:auto;
}
/* float */
.left{
float:left;
}
.right{
float:right;
}
/* clear */
.clr{
clear:both;
}
/* trasforma img in input cliccabile */
.submitImage{border:0 !important; background-color:transparent; cursor:pointer; text-indent:-9999px; font-size:0; display:block; line-height:0;}
/* menu colonna selezionato */
.columSel{
text-decoration:none !important;
}
/* menu testata selezionato */
.headSel{
text-decoration:none !important;
border-top-width:5px !important;
border-style:solid;
}
/* menu istituzionale selezionato */
.navIstSel{
background:none !important;
color:#000 !important;
}
/* reset */
.reset{
width:auto;
border:0 !important;
background:none !important;
padding:0 !important;
height:auto !important;
}
/* evidenziaLabel */
.evidenziaLabel, #tdSpeSpe{
font-weight:bold;
font-size:12px;
}
/* testo */
.testo{
text-align:justify;
}
.testo a{
text-decoration:underline;
}
.testo a:hover{
text-decoration:none;
}
/* breadcrumbs */
.breadcrumbs{
font-weight:bold;
}
.breadcrumbs a{
font-weight:normal;
text-decoration:underline;
}
.breadcrumbs a:hover{
text-decoration:none;
}
/* tablePage */
.tablePage{
background:#aaa;
}
.tablePage tr{
background:#eee;
}
.tablePage tr.intestazione{
font-weight:bold;
background:#ccc;
}
.tablePage tr.intestazione2{
font-weight:bold;
color:#fff;
background:#aaa;
}
.tablePage tr.intestazione3{
font-weight:bold;
background:#ccc;
}
.tablePage tr.inverti{
background:#fafafa;
}
.tablePage tr.omaggio{
background:#ff9119;
}
.tablePage tr.omaggio td strong{
color:#fff;
}
.tablePage td{
height:32px;
}
.tablePage td.intestazione_td{
background:#fff;
}
.tablePage td.intestazione_td2{
font-weight:bold !important;
}
.tablePage-img{
text-align:center !important;
}
.tablePage span.descArticolo{
color:#999;
font-style:italic;
}
/* griglia */
.tablePage.griglia p{
text-align:left;
margin:10px 0;
}
.tablePage.griglia p span{
font-size:12px;
font-weight:bold;
color:#d51200;
}
.tablePage.griglia div.img-griglia{
position:relative;
width:150px;
height:150px;
}
.tablePage.griglia div.disp{
width:25px;
height:25px;
position:absolute;
bottom:10px;
right:10px;
}
.tablePage.griglia .add{
width:150px;
margin-bottom:-10px;
}
.tablePage.griglia .add td{
background:#aaa;
color:#fff;
height:40px;
}
.tablePage.griglia .add td input{
font-weight:bold;
}
.tablePage.griglia td.vuoto{
background:#aaa;
}
/* marchi */
.tablePage.marchi{
background:#333;
}
.tablePage.marchi td{
background:#fff;
}
.tablePage.marchi div.img-marchi{
position:relative;
width:150px;
height:150px;
margin-bottom:5px;
display:flex; /* nuova impostazione per centrare immagini nel td a griglia senza dimensioni fisse! */
align-items:center; /* nuova impostazione per centrare immagini nel td a griglia senza dimensioni fisse! */
justify-content:center; /* nuova impostazione per centrare immagini nel td a griglia senza dimensioni fisse! */
}
.tablePage.marchi div.img-marchi img{
max-width:100%; /* nuova impostazione per centrare immagini nel td a griglia senza dimensioni fisse! */
max-height:100%; /* nuova impostazione per centrare immagini nel td a griglia senza dimensioni fisse! */
}
.tablePage.marchi div.check-marchi{
width:25px;
height:25px;
position:absolute;
top:0;
left:0;
}
.tablePage.marchi tr.intestazione td{
background:#cccccc url(../images/struttura/filtra_marchi.gif) no-repeat 13px 17px;
color:#fff;
height:42px;
}
.tablePage.marchi tr.intestazione td p{
padding-left:20px;
}
.tablePage.marchi tr.intestazione td a.vediTutti{
background:#d51200;
color:#fff;
padding:4px;
}
.tablePage.marchi tr.intestazione td a:hover.vediTutti{
background:#fff;
color:#d51200;
text-decoration:none;
}
/*disabled*/
.disabled{
background:#aaa;
}
/*tableCC*/
.tableCC{
width:100%;
}
.tableCC td{
border-right:1px solid #aaa;
}
.tableCC td.chiusura{
border-right:0 !important;
}
/* button */
.button{
width:50%;
}
.button a{
padding:0 5px 0 5px;
display:block;
height:20px;
line-height:20px;
font-weight:bold;
color:#fff;
background:#aaa;
border:1px solid #333;
}
.button a.buttSX{
background:#aaa;
}
.button a.buttDX{
background:#aaa;
}
.button a:hover, .button a.buttSX:hover, .button a.buttDX:hover{
text-decoration:none;
background:#333;
}

/*carrello-fast*/
.carrello-fast{
background:url(../personalizzazioni/images/icone/bg_carrello-fast.gif) repeat-x top;
}
.carrello-fast span{
float:left;
padding:10px;
}
.carrello-fast img{
float:right;
}
.carrello-fast a{
cursor:pointer;
}
/*budget-fast*/
.budget-fast{
background:url(../personalizzazioni/images/icone/bg_budget-fast.gif) repeat-x top;
color:#fff;
}
.budget-fast span{
float:left;
padding:10px;
}
.budget-fast img{
float:right;
}
.budget-fast a{
cursor:pointer;
}
/* news-promo-fast */
.news-promo-fast{
background:url(../personalizzazioni/images/icone/bg_news-promo-fast.gif) repeat-x top;
}
.news-promo-fast img{
float:left;
}
.news-promo-fast span{
padding:10px 10px 10px 0;
float:left;
}
.news-promo-fast a{
cursor:pointer;
font-weight:bold !important;
}
/* td .nome */
.nome p{
color:#666;
}
.nome span{
color:#fff;
background:#333;
border:1px solid #333;
}
.nome a{
font-size:12px;
font-weight:bold;
}
.nome a{
font-size:12px;
font-weight:bold;
}
.nome a.info{
border:1px solid #1937ff;
font-size:10px;
color:#fff;
font-weight:normal;
background:#1937ff;
}
.nome a.info:hover{
text-decoration:none;
background:#fff;
color:#1937ff;
}
.filtraFornitore p{
	/*background: url("../images/struttura/arrow_down_ricercaAvanzata.gif") no-repeat scroll 60px center;
	cursor:pointer;*/
}
/* JT tooltip */
#JT_arrow_left{
background-image:url(../images/struttura/arrow_left.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
z-index:101;
left:-12px;
height:23px;
width:10px;
top:-3px;
}
#JT_arrow_right{
background-image:url(../images/struttura/arrow_right.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
z-index:101;
height:23px;
width:11px;
top:-2px;
}
#JT {
position:absolute;
z-index:100;
border:2px solid #CCCCCC;
font-size:10px;
line-height:10px;
color:#000;
background-color:#fff;
}
#JT_copy{
padding:10px 10px 10px 10px;
color:#333333;
}
.JT_loader{
background-image:url(../images/struttura/loader.gif);
background-repeat:no-repeat;
background-position:center center;
width:100%;
height:12px;
}
#JT_close_left{
background-color:#1937ff;
color:#fff;
text-align:left;
padding-left:8px;
padding-bottom:5px;
padding-top:5px;
}
#JT_close_right{
background-color:#1937ff;
color:#fff;
text-align:left;
padding-left:8px;
padding-bottom:5px;
padding-top:5px;
}
#JT_copy p{
margin:3px 0;
}
#JT_copy img{
padding:1px;
border:1px solid #CCCCCC;
}
.jTip{
cursor:help;
}
/*raggruppa*/
.raggruppa{ background:#000; margin-bottom:10px; width:auto !important; width:100%;}
.raggruppa div{ width:auto !important; width:100%;}
.raggruppa p{ color:#fff; font-weight:bold; padding:0px 5px 0px 5px; float:left;}
.raggruppa span{ float:right; padding:12px 10px 0px 5px;}
.raggruppa .risultati{ border:5px solid #000; border-top:0;}
.raggruppa .intestazione{ height:34px; line-height:34px; cursor:pointer;}
/*menu albero*/
.GCF{ background:#aaa !important; border-top:10px solid #fff;}
.chiusura_GCF{ border-bottom:10px solid #fff;}
/*warning*/
.warning{ text-align:center; background:#ffae00 url(../personalizzazioni/images/icone/bg_warning.gif) repeat-x top; font-size:14px;}
.warning strong{ font-size:14px;}
.warning a { font-size:14px;}
/*alert*/
.messaggio_avviso{ background:#CCC; padding: 5px; font-weight: bold; border: 1px solid #AAA; height: 32px;}
/*Personalizza*/
#famigliaK a{ display:block; height:29px; margin-top:1px; line-height:29px; padding-left:10px; padding-right:20px;}
#divsel2{ text-align:center; margin-bottom:5px;}
/*select 01-02*/
.select{ width:335px;}
.select p{ padding:95px 0 0 10px;}
.select p a{ font-size:12px; font-weight:bold; color:#fff; text-decoration:none;}
.select p a:hover{ color:#a3907c; text-decoration:none;}
.select div{ position:relative; width:335px; height:226px;}
.select div div{ right:10px; bottom:0; width:100px; height:131px; position:absolute;}
.select div.label_01{ background:url(../personalizzazioni/images/select/label_01.gif) no-repeat;}
.select div.label_02{ background:url(../personalizzazioni/images/select/label_02.gif) no-repeat;}
/*carrMulti*/
.carrMulti a{display:block; background:#ff6813 url(../personalizzazioni/images/icone/carrello-multi.png) no-repeat right; padding:16px 55px; color:#fff; font-weight:bold; font-size:18px; line-height:18px; text-align:right;}
.carrMultiV a{display:block; background:#aaa; padding:16px; color:#fff; font-weight:bold; font-size:18px; line-height:18px; text-align:left;}
.carrMultiV2 a{display:block; background:#ff6813 url(../personalizzazioni/images/icone/carrello-multi.png) no-repeat right; padding:16px 55px; color:#fff; font-weight:bold; font-size:18px; line-height:18px; text-align:right;}

.giacenze{font-weight:bold; color:#fff; background:#d51200; display:block; padding:4px; line-height:10px;}
.rigaLinea,.rigaForn{ /*display:none;*/}
.tablePage.marchi td.titoloFiltro{ background:#CCC;}

/* SLIDER ADDON */
#slides, #slidesArts{width:670px; height:335px; position:relative;}
#slides .slides_container, #slidesArts .slides_container{width:670px;}
#slides .box, #slidesArts .box{background:none; width:670px;}
#slides .prev, #slides .next, #slidesArts .prev, #slidesArts .next{color:#fff; position:absolute; background:#ccc; width:322px; height:33px; left:0px; bottom:19px; font-weight:bold; line-height:33px; text-align:left; padding-left:10px;}
#slides .prev:hover, #slides .next:hover, #slidesArts .prev:hover, #slidesArts .next:hover{text-decoration:underline;}
#slides .next, #slidesArts .next{left:336px; text-align:right; padding-left:0; padding-right:10px;}
.dotsContainer{position:absolute; bottom:0px; background:#aaa; height:15px; line-height:15px; width:652px; padding:0 8px;}
.dotsContainer li{background:url(../images/slider/slider_dot.png) no-repeat; margin-right:0; text-indent:-9999px; width:9px; height:9px; float:left; margin-top:3px; margin-left:2px;}
.dotsContainer li.current{background:url(../images/slider/slider_dot_hover.png) no-repeat;}
.dotsContainer li a{display:block; height:9px; width:9px;}
.singleBox{width:150px; float:left; height:259px; margin-left:4px; background:#fff; padding:7px ;overflow:hidden; text-align:justify; border:0; border-bottom:5px solid #fff; text-align:left;}
.singleBox a:hover{text-decoration:none;}
.singleBox:first-child{margin-left:0;}
.singleBox img{margin-bottom:4px;}

/*CGI*/
#row-CGIOK,#row-CGIOFFLINE{ display:none;}
.CGI-OK{padding:8px 10px; background-color:#e9ffbf; color:#43be00;}
.CGI-KO{padding:8px 10px; background-color:#ffefcc; color:#cb7700;}
.CGI-OFFLINE{padding:8px 10px; background-color:#e18790; color:#c32737;}

/*landingPage*/
.landingPage h1{
font-size:24px;
line-height:24px;
font-weight:bold;
}
.landingPage h2{
font-size:20px;
line-height:20px;
font-weight:bold;
color:#666;
}
.landingPage div.fck p, .landingPage div.fck strong, .landingPage div.fck ul li, .landingPage div.fck ol li{
font-size:12px;
}
.landingPage div.fck p, .landingPage div.fck ul, .landingPage div.fck ol{
padding-bottom:10px !important;
}

/*error404*/
.error404 td{
background:#F6F6F6;
font-size:14px;
}
.error404 strong{
font-size:14px;
}
.rigaForn p.active{ font-weight:bold;}
.hideFiltro{ display:none;}

/* NUOVA TABELLA MARCHI CON DOPPIO TABS - ATTIVATA PER LA PRIMA VOLTA SU MODENESE! */
.tablePage.marchi{
border-width:5px;
border-style:solid;
background-color: #eee;
}
.tablePage.marchi td{
background-color:#fff;
}
.tablePage.marchi td p{
color:#000;
}
.tablePage.marchi td p span{
font-size:9px;
}
.tabs-filter a{
display: block;
padding: 15px;
}
.tabs-filter a:hover, .tabs-filter a.acceso{
text-decoration:none;
}
.tabs-filter a.vediTutti{
display:inline;
padding:4px;
}
.tabs-filter a.vediTutti:last-child{
margin-right:10px;
}

.tabs-filter a.vediTutti{
	background-color: #eeeeee;
	color: #000;

}  

.tabs-filter a.vediTutti:hover{
	color: #000;
} 

.tabs-filter a:hover, .tabs-filter a.acceso {
    background-color: #ccc ;
    color: #000;
}

.tabs-filter a {
    background-color: #e4e0e0;
    font-weight: bold;
}

.tablePage.marchi{

border-color: #ccc;
}

.js-containerScontiQta{ display:none;}
.js-containerScontoQtaButton{ display:none;}