html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100.01%;
}

:focus
{
    outline: 0;
}
body
{
    color: black;
    background: white;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}

input, select
{
    white-space: normal;
    margin: 0;
    padding: 1px;
    outline: none;
}
textarea
{
    margin: 0;
    padding: 1px;
    outline: none;
}


/* Allunga il box in base al contenuto */
.mxLine:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mxLine
{
    display: inline-block;
}

.mxLine label
{
    /*text-transform:uppercase;*/
}

html[xmlns] .mxLine
{
    display: block;
}

/* \*/
* html .mxLine
{
    height: 1%;
    zoom: 1;
}
/**/



/* Margin */
.mxMgAll0
{
    margin: 0px !important;
}
.mxMgAll1
{
    margin: 1px !important;
}
.mxMgAll2
{
    margin: 2px !important;
}
.mxMgAll3
{
    margin: 3px !important;
}
.mxMgAll4
{
    margin: 4px !important;
}
.mxMgAll5
{
    margin: 5px !important;
}
.mxMgAll6
{
    margin: 6px !important;
}
.mxMgAll7
{
    margin: 7px !important;
}
.mxMgAll8
{
    margin: 8px !important;
}
.mxMgAll9
{
    margin: 9px !important;
}
.mxMgAll10
{
    margin: 10px !important;
}
.mxMgAll11
{
    margin: 11px !important;
}
.mxMgAll12
{
    margin: 12px !important;
}
.mxMgAll13
{
    margin: 13px !important;
}
.mxMgAll15
{
    margin: 15px !important;
}
.mxMgAll20
{
    margin: 20px !important;
}
.mxMgAll25
{
    margin: 25px !important;
}
.mxMgAll30
{
    margin: 30px !important;
}

.mxMgT0
{
    margin-top: 0px !important;
}
.mxMgB0
{
    margin-bottom: 0px !important;
}
.mxMgR0
{
    margin-right: 0px !important;
}
.mxMgL0
{
    margin-left: 0px !important;
}

.mxMgT1
{
    margin-top: 1px !important;
}
.mxMgB1
{
    margin-bottom: 1px !important;
}
.mxMgR1
{
    margin-right: 1px !important;
}
.mxMgL1
{
    margin-left: 1px !important;
}

.mxMgT2
{
    margin-top: 2px !important;
}
.mxMgB2
{
    margin-bottom: 2px !important;
}
.mxMgR2
{
    margin-right: 2px !important;
}
.mxMgL2
{
    margin-left: 2px !important;
}

.mxMgT3
{
    margin-top: 3px !important;
}
.mxMgB3
{
    margin-bottom: 3px !important;
}
.mxMgR3
{
    margin-right: 3px !important;
}
.mxMgL3
{
    margin-left: 3px !important;
}

.mxMgT4
{
    margin-top: 4px !important;
}
.mxMgB4
{
    margin-bottom: 4px !important;
}
.mxMgR4
{
    margin-right: 4px !important;
}
.mxMgL4
{
    margin-left: 4px !important;
}

.mxMgT5
{
    margin-top: 5px !important;
}
.mxMgB5
{
    margin-bottom: 5px !important;
}
.mxMgR5
{
    margin-right: 5px !important;
}
.mxMgL5
{
    margin-left: 5px !important;
}

.mxMgT6
{
    margin-top: 6px !important;
}
.mxMgB6
{
    margin-bottom: 6px !important;
}
.mxMgR6
{
    margin-right: 6px !important;
}
.mxMgL6
{
    margin-left: 6px !important;
}

.mxMgT7
{
    margin-top: 7px !important;
}
.mxMgB7
{
    margin-bottom: 7px !important;
}
.mxMgR7
{
    margin-right: 7px !important;
}
.mxMgL7
{
    margin-left: 7px !important;
}

.mxMgT8
{
    margin-top: 8px !important;
}
.mxMgB8
{
    margin-bottom: 8px !important;
}
.mxMgR8
{
    margin-right: 8px !important;
}
.mxMgL8
{
    margin-left: 8px !important;
}

.mxMgT9
{
    margin-top: 9px !important;
}
.mxMgB9
{
    margin-bottom: 9px !important;
}
.mxMgR9
{
    margin-right: 9px !important;
}
.mxMgL9
{
    margin-left: 9px !important;
}

.mxMgT10
{
    margin-top: 10px !important;
}
.mxMgB10
{
    margin-bottom: 10px !important;
}
.mxMgR10
{
    margin-right: 10px !important;
}
.mxMgL10
{
    margin-left: 10px !important;
}

.mxMgT15
{
    margin-top: 15px !important;
}
.mxMgB15
{
    margin-bottom: 15px !important;
}
.mxMgR15
{
    margin-right: 15px !important;
}
.mxMgL15
{
    margin-left: 15px !important;
}

.mxMgT20
{
    margin-top: 20px !important;
}
.mxMgB20
{
    margin-bottom: 20px !important;
}
.mxMgR20
{
    margin-right: 20px !important;
}
.mxMgL20
{
    margin-left: 20px !important;
}

.mxMgT25
{
    margin-top: 25px !important;
}
.mxMgB25
{
    margin-bottom: 25px !important;
}
.mxMgR25
{
    margin-right: 25px !important;
}
.mxMgL25
{
    margin-left: 25px !important;
}

.mxMgT30
{
    margin-top: 30px !important;
}
.mxMgB30
{
    margin-bottom: 30px !important;
}
.mxMgR30
{
    margin-right: 30px !important;
}
.mxMgL30
{
    margin-left: 30px !important;
}


.mxPdAll0
{
    padding: 0px !important;
}
.mxPdAll6
{
    padding: 6px !important;
}
.mxPdAll10
{
    padding: 10px !important;
}
.mxPdL0
{
    padding-left: 0px !important;
}
.mxPdR0
{
    padding-right: 0px !important;
}
.mxPdB0
{
    padding-bottom: 0px !important;
}
.mxPdT0
{
    padding-top: 0px !important;
}


.mxRight
{
    float: right !important;
}
.mxLeft
{
    float: left !important;
}

.mxNone
{
    float: none !important;
}


div.mxRight, div.mxLeft
{
    display: table;
}

.mxBlock
{
    display: block !important;
}
.mxInline
{
    display: inline !important;
}
.mxTable
{
    display: table !important;
}
.mxInlineBlock
{
    display: -moz-inline-stack !important;
    display: inline-block !important;
}
.mxNoWrap
{
    white-space: nowrap !important;
}
.mxTextCenter
{
    text-align: center !important;
}
.mxTextLeft
{
    text-align: left !important;
}
.mxTextRight
{
    text-align: right !important;
}


.mxCleaner
{
    zoom: 1;
    clear: both;
    height: 1px;
    overflow: hidden;
    display: block;
    background:red;
}

.mxHidden
{
    position: absolute;
    left: -90000px;
    top: -90000px;
}

.mxEllipsis
{
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.mxRelative
{
    position: relative !important;
    top: 0;
    left: 0;
}

.mxAbsolute
{
    position: relative !important;
    top: 0;
    left: 0;
}





/* Popup */

.mxPopTitle
{
    padding: 8px 10px;
    text-align: center;
    border-bottom: 1px dotted #5c5c5c;
}
.mxPopHtml
{
    padding: 10px;
    clear: both;
}
.mxPopButtons
{
    padding-top: 8px;
    min-height:34px;
    
    text-align: center;
    clear: both;
    border-top: 1px solid #888;    
    overflow:hidden;
    background: #fff url(../Images/Site/bg_azzurro.png) repeat-x 0 0;
}

.mxPopButtonsLogin
{
    text-align: center;
    margin-top:5px;
   
}
#mxPopButtonsReg
{
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top:5px;
    text-align: center;
    border : 1px solid #999999; 
    border-radius:5px;  
    background: #fff;
    height:15px;
    width:158px;
    margin-left:2px
}

#mxPopButtonsReg a 
{
    /*padding-top: 8px;
    
    text-align: center;
    clear: both;
    border : 1px solid #999999; 
    border-radius:5px;  
    overflow:hidden;
    background: #fff;*/
    text-transform:uppercase; 
    color:#004e91;
}


.mxDottedLine
{
    border-top: 1px dotted #5c5c5c;
    height:1px;
    overflow:hidden;
}

.mxPopButtons table,.mxPopButtonsLogin table
{
    display: inline;
    margin: 0 2px;
}

.Safari .mxPopButtons table, .Chrome .mxPopButtons table,.Safari .mxPopButtonsLogin table, .Chrome .mxPopButtonsLogin table
{
    display: inline-block;
}
.mxPopButtons table table,.mxPopButtonsLogin table table
{
    margin: 0;
    float: none;
}


/* Notify */
.mxNotifyBar
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0px;
    zoom: 1;
    color: #000;
    background: #fffde0;
    border-top: 1px solid #aaa;
    text-align: center;
    font-size:120%;
    line-height:120%;
}

.mxNotifyClose
{
    margin-top: 12px;
    display: block;
    width: auto;
    background: transparent url(../Images/Ico/cancel.png) no-repeat 0 center;
    padding-left: 20px;
    vertical-align:middle;
    color: #990000;
    border-top: 1px solid #999;
    padding: 10px 0 10px 22px;
}

/* Liste di nomi dentro la griglia */
.mxCellList div.mxLine
{
  padding-bottom:3px;
} 
.mxCellList div.mxLine div, .mxCellList li
{
  border:1px solid #ccc;  
  float:left;
  padding:1px 5px;
  margin:3px 1px 0 1px;
  white-space:nowrap;	
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mxCellList ul
{
    list-style: none;
    padding: 0px;
    margin: 0;
    padding-bottom:3px;
    display: inline-block;
} 
.mxCellList .tl 
{
    font-weight:bold;
    padding-right:3px;
}

.mxExpander  {
    position:relative;
    overflow:hidden;   
}
.mxExpander .bt  {
    position:absolute;
    bottom:0;
    right:0;
    height:20px; 
    width:20px;
    border:1px solid red; 
    border-bottom-width:0;
    font-weight:bold;
    font-size:18px;
    color:red;
    background: #ffcccc;
    line-height:20px; 
    vertical-align:middle; 
    text-align:center;
}


.dxgvSelectedRow_Office2010Silver .mxCellList div.mxLine div, .dxgvDataRowHover_Office2010Silver .mxCellList div.mxLine div, 
.dxgvSelectedRow_Office2010Silver .mxCellList li, .dxgvDataRowHover_Office2010Silver .mxCellList li
{
    border:1px solid #aaa !important;
} 


input::-ms-clear {
    display: none;
}



#Lockers
{
    position:absolute;
    top:0;
    left:0;
    z-index:99999999;
    background:#777;
}


/* Tree combo */
.mxTreeComboList .dxeListBoxItem_Office2010Silver div 
{
   margin-left:20px;
}
.mxTreeComboList .dxeListBox_Office2010Silver span
{
   background-image:url(../Images/Ico/folder.png);
   background-repeat:no-repeat;
   background-position: left center;
   padding-left: 22px !important; 
   line-height:16px;     
   display:block;
}



/* Read only style */
.dxeReadOnly_Office2010Silver, .dxeReadOnly_Office2010Silver input[type=text], .dxeReadOnly_Office2010Silver input[type=password], .dxeReadOnly_Office2010Silver textarea
{
    background: #ffffe7 !important;
    color:black; 
}
.mxWhite.dxeReadOnly_Office2010Silver, .mxWhite.dxeReadOnly_Office2010Silver input[type=text], .mxWhite.dxeReadOnly_Office2010Silver input[type=password], .mxWhite.dxeReadOnly_Office2010Silver textarea
{
    background: #FFF !important;
}
.dxeBase.dxeReadOnly_Office2010Silver
{
    background: none !important;
}
.dxeReadOnly_Office2010Silver .dxMonthGridWithWeekNumbers, .dxeReadOnly_Office2010Silver .dxlbd
{
    background: #FFF !important;
}
.dxeReadOnly_Office2010Silver .dxeSBC 
{
    display:none !important
}
.dxeReadOnly_Office2010Silver .dxeButtonEditButton_Office2010Silver
{
    display:none !important
}




/* Disabled style */
.dxeDisabled_Office2010Silver, .dxeDisabled_Office2010Silver input[type=text], .dxeDisabled_Office2010Silver input[type=password], .dxeDisabled_Office2010Silver textarea, .dxeDisabled_Office2010Silver .dxic
{
    background: #EFEFEF !important;
    color:black !important; 
}
.mxWhite.dxeDisabled_Office2010Silver, .mxWhite.dxeDisabled_Office2010Silver input[type=text], .mxWhite.dxeDisabled_Office2010Silver input[type=password], .mxWhite.dxeDisabled_Office2010Silver textarea
{
    background: #FFF !important;
}
.dxeBase.dxeDisabled_Office2010Silver
{
    background: none !important;
}
.dxeDisabled_Office2010Silver .dxMonthGridWithWeekNumbers, .dxeDisabled_Office2010Silver .dxlbd
{
    background: #FFF !important;
}
.dxeDisabled_Office2010Silver .dxeSBC 
{
    display:none !important
}




/* Button */
.dxbButton_Office2010Silver {
    background:#004e91;
    text-transform:uppercase;
   color:white;
 }
 #Login_B.dxbButton_Office2010Silver {
  
    border : 1px solid #999999; 
    border-radius:5px;   
    width:160px;
    color:white !important;
    
 }
.dxbButtonHover_Office2010Silver {
    background:white;
    border:1px solid #0080c8;
    color:white !important ;
    text-transform:uppercase;
 }
#Login_B.dxbButtonHover_Office2010Silver {
  
   color:white !important;
    
 }
.dxbButton_Office2010Silver div.dxb
{    
    padding: 3px 4px 4px 4px !important;
   color:white !important;
}
#Login_B.dxbButton_Office2010Silver div.dxb
{    
    padding: 0px;
    color:white !important;
}
.dxbButton_Office2010Silver div.dxbf
{     
    padding: 2px 3px 3px 3px !important;
}

.dxeButtonEdit_Office2010Silver {
    border:1px solid #0080c8;
}

/* Testo */
.dxeTextBox_Office2010Silver {
    /*border:1px solid #0080c8;*/
    border:1px solid #999999;
    border-radius:3px;
}

/* CheckBox */
.dxICBFocused_Office2010Silver {
background-color:inherit;
}
/*dxWeb_edtCheckBoxUnchecked_Office2010Silver dxICheckBox_Office2010Silver
dxICheckBox_Office2010Silver  dxWeb_edtCheckBoxChecked_Office2010Silver 
dxICheckBox_Office2010Silver    dxWeb_edtCheckBoxUnchecked_Office2010Silver*/ 
#RememberMe_S_D.dxWeb_edtCheckBoxUnchecked_Office2010Silver {
    background-position: -142px -101px;
    background-repeat: no-repeat;
    background-color: white !important;
    width: 15px;
    height: 15px;
    border: 1px solid #999999;
    border-radius: 3px;
   background-image:none !important;
}

#RememberMe_S_D.dxWeb_edtCheckBoxChecked_Office2010Silver {
    background-position: -142px -116px;
    background-color: #0080c8 !important;
    border: 1px solid #999999;
    border-radius: 3px;
    background-image:none !important;
}

/* Griglia */
.dxgvGroupRow_Office2010Silver td.dxgv,
.dxgvEditFormDisplayRow_Office2010Silver td.dxgv,
.dxgvDataRow_Office2010Silver td.dxgv,
.dxgvDataRowAlt_Office2010Silver td.dxgv,
.dxgvSelectedRow_Office2010Silver td.dxgv,
.dxgvFocusedRow_Office2010Silver td.dxgv
{
	height:22px;
	padding-top:3px !important;
	padding-bottom:3px !important;
}


.dxgvDataRow_Office2010Silver .dxgv img, .dxgvDataRowHover_Office2010Silver .dxgv img, .dxgvSelectedRow_Office2010Silver .dxgv img
{
	margin:1px 6px 3px 4px !important;
	padding:0 !important;
}

.dxgvDataRowHover_Office2010Silver td, .dxgvSelectedRow_Office2010Silver td, .mxPointer
{
	cursor:pointer !important;
}
.mxNoHand .dxgvDataRowHover_Office2010Silver td, .mxNoHand .dxgvSelectedRow_Office2010Silver td
{
	cursor:default !important;
}


/* Combo image */
.mxComboImage .dxeI, .mxListImage .dxeMI
{
  text-align:center !important;
}
.mxComboImage .dxeI img, .mxComboImage .dxeIIC img, .mxListImage .dxeMI img {
  border:1px solid #ccc !important;
  padding:1px !important;
  background:white !important;
}
.mxComboImage .dxeIIC { 
  padding-left:6px !important;
}

.mxNoValidator
{
     margin: 2px;
}


/* Bottoni */
.dxeButtonFind 
{
    background: transparent url(../Images/Core/find.png) no-repeat 0 0 !important;    
    width: 11px !important;   
    height: 11px !important; 
    border:0 none !important;   
}
.dxeButtonRemove
{
    background: transparent url(../Images/Core/remove.png) no-repeat 0 0 !important;    
    width: 11px !important;   
    height: 11px !important; 
    border:0 none !important;   
}
.dxeButtonEdit
{
    background: transparent url(../Images/Core/edit.png) no-repeat 0 0 !important;    
    width: 11px !important;   
    height: 11px !important;   
    border:0 none !important;   
}
.dxeButtonSet
{
    background: transparent url(../Images/Core/edit.png) no-repeat 0 0 !important;    
    width: 11px !important;   
    height: 11px !important;   
    border:0 none !important; 
}
.dxeButtonAdd
{
    background: transparent url(../Images/Core/plus.png) no-repeat 0 0 !important;    
    width: 11px !important;   
    height: 11px !important;  
    border:0 none !important;  
}



/* Modifiche Tema */
.dxpcModalBackground_Office2010Silver, .dxpcModalBackLite_Office2010Silver
{
	background: #777 !important;
	filter:alpha(opacity=65)  !important;
	-moz-opacity:.65 !important;
	opacity:.65 !important;

}
.mxExposeMask {
	position:absolute;
	top:0;
	left:0;
	background: #222 !important;
	filter:alpha(opacity=30)  !important;
	-moz-opacity:.30 !important;
	opacity:.30 !important;
}



/* Validator */
.dxvsValidationSummary
{
    font-size: 100% !important;
    /*border-top:1px solid #FF9F82;
    background: #f1dfd9;*/
}
.dxvsValidationSummary .dxvsRC 
{
    padding:5px 4px 5px 4px !important;
}




html
{
    overflow: scroll;
    overflow-x: hidden;
}

body
{
    text-align: center;
    background: #ffffff url(../Images/Site/sfondo.png) no-repeat;
    background-position: center top;
    color: #004e91;
}

body, input, select, textarea, label,
.dxeListBoxItemRow_Office2010Silver, 
.dxbButton_Office2010Silver,
.dxgvControl_Office2010Silver td,
.dxlpLoadingPanel_Office2010Silver td,
.dxeListBox_Office2010Silver td,
.dxpLite_Office2010Silver, 
.dxmLite_Office2010Silver div,
.mxGridSelectionCounter
{
    font-size: 12px !important;
    
}

.mxUpperCase {
  text-transform:uppercase;
}
.mxLowerCase {
  text-transform:lowercase;
}

*
{
    font-family: 'Arimo' , Arial !important;
}

h1
{
    font-size: 130%;
    line-height: 130%;
    font-weight: bold;
}

h2
{
    font-size: 120%;
    line-height: 120%;
    font-weight: bold;
}

h3, h4
{
    font-size: 100%;
    line-height: 100%;
    font-weight: normal;
}

h2.success 
{
    color: #007700;
    font-size:140% !important;
    line-height: 140% !important;
}

label
{
    margin: 2px;
}

a
{
    text-decoration: none;
    /*color: #f78900;*/
}

a:hover
{
    text-decoration: underline;
}

.ColorArancio
{
    color: #f78900;
}

.ColorRosso
{
    color: #c04267;
}

.ColorBlu
{
    color: #043794;
}

.ColorAzzurro
{
    color: #bcdcf5;
}

.ColorCyano
{
    color: #0080c8;
}

.ColorGrigio
{
    color: #EBEBEB;
}

.Site
{
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    text-align: left;
}

.Footer
{
    border-top: 1px solid #eaeaea;
    padding: 20px;
    clear:both;
    margin-top:6px;
}

.Footer a
{
    color: #555;
}

.Footer .sep
{
    padding: 0 10px;
}

.TitleProducts {
  
   line-height:44px;
   text-align:center;
   vertical-align:middle;
   font-weight:bold;
   font-size:140%;
   color:#000;
   /*background: #bcdcf5 url(../Images/Site/bg_azzurro.png) repeat-x 0 0;*/
    background: #8dc364 repeat-x 0 0;
   border-radius:7px;
   border:1px solid #61b27f;
   color:White;
}

.TitleProducts a:hover {text-decoration:none;}

.TitleSpecial {
    line-height:28px;
   text-align:center;
   vertical-align:middle;
   font-weight:bold;
   font-size:140%;
   color:#fff;
   margin-top: 10px;
   background: #ffffff url(../Images/Site/bottone_specialprice.png) repeat-x 0 0;
}

.TopMenuBar
{
    float: left;
    list-style: none;
    padding: 15px 15px 0 215px;
    margin: 0;
    font-size: 100%;
}

.TopMenuBar li
{
    float: left;
    padding: 0 4px 0 4px;
}

.TopMenuBar a
{
    color: White;
    text-decoration: none;
}

.TopMenuBar a:hover
{
    text-decoration: underline;
}

.SubMenuBar
{
    font-size: 100%;
    margin: 0;
    padding: 0;
    list-style-type:square;
    list-style-position:inside;
    list-style-image:none; 
    
}

.SubMenuBar li
{
   color: #f8b71b !important;
   padding: 3px 8px 3px 8px;    
   white-space: nowrap;
}

.SubMenuBar a
{
    color: White;
    text-decoration: none;
}

.SubMenuBar a:hover
{
    text-decoration: underline;
}

.ProdottiBar
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.ProdottiBar li
{
    display: block;
    margin: 0;
    padding: 0;
    clear: both;   
    margin-top:4px;  
}

.ProdottiBar li a.tt
{
    color: white;
    
    display: block;
    background: transparent url(../Images/Site/bth.png) repeat-x;
    background-position:left center;
    padding: 7px 10px 7px 26px;
    font-size: 100%; 
    position:relative;  
}

.ProdottiBar li a.special
{
    color: #000;
    font-weight: bold;
    display: block;
    background: transparent url(../Images/Site/bottone_specialprice.png) repeat-x;
    background-position:left center;
    padding: 7px 10px 7px 26px;
    font-size: 100%; 
    position:relative;  
	height: 28px;
}

.ProdottiBar li a.to
{
    color: white;
    display: block;
    background: transparent url(../Images/Site/bth_open.png) repeat-x;
    background-position:left center;
    padding: 7px 10px 7px 26px;
    font-size: 100%;   
    position:relative;
}

.ProdottiBar li a:hover
{
    text-decoration: none;

}

.ProdottiBar li a.dd {
    line-height:20px;
    padding:4px 0 4px 19px;
    display: block;
    color: #000;
}

.ProdottiBar li img.top {
    position:absolute;
    top:2px;
    right:4px;
}

.BoxDiv 
{
    border:1px solid #a5acb5;
    padding:3px; 
    background: #ffffe7; 
    color:black;
}

.BoxDiv ul
{
   padding: 0;
   padding-left: 15px;
   margin: 4px;
   display: block;
}

.BoxDiv .tl 
{
    font-weight:bold;
    padding-right:4px;
}

.Top
{
    height: 47px;
    background-color:black;
}

.TTbox {
    padding:6px; 

    border-bottom:1px dotted #ccc; 
    font-weight:bold; 
    text-align:center;
    margin-bottom:10px;
    margin-top:10px;
    background:#efefef;
}

.Left
{
    float: left;
    width: 178px;
    margin: 0;
    padding: 0 6px;
    background:white;
    position:relative;
    top:-50px;
}

.Right
{
    float: right;
    width: 178px;
    margin: 0;
    padding: 0 6px;
}

.Middle
{
    float: left;
    width: 600px;
}

.Logo
{
    /*height: 216px;*/
    width:178px;
}

.Logo img
{
    /*margin: 20px 5px 0 14px;*/
    width: 158px !important;
    margin: 10px !important;
}

.mxGridBar
{
    background: #fff url(../Images/Site/bg_bar.png) repeat-x 0 0;
    border: 1px solid #868b91;
    border-bottom-width: 0;
    min-height:42px;
}

.mxGridBar .mxGridBar
{
    background: none;
    border: 0 none;
    min-height: auto;
}

.mxActionsBar
{
    background: #f0f0f0; /*#fff url(../Images/Site/bg_bar.png) repeat-x 0 0;*/
    border-top: 1px solid #888;
    min-height:42px;
}

.mxButton
{
    float: left;
    margin: 8px 0px 8px 8px;
    background: #f0f0f0;
}

.mxThumb
{
    padding:2px;
    background:#fff;
    border:1px solid #bbb;  
}

div.Arancio .t, div.Rosso .t,div.Azzurro .t,div.Cyano .t,div.Grigio .t, div.Blu .t, div.Bluscuro .t, div.Verde .t, div.Nero .t, .ModuleTitle
{
    background: #333333 url(../Images/Site/bg_arancio.png) repeat-x 0 0;
    display: block;
    min-height: 18px; 
    padding: 6px 6px 5px 6px;
    clear: both;
    color: White;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

.ModuleTitle
{
    padding: 8px 10px 8px 10px;
    text-align: left;
    background: #bcdcf5;
    color: #333;   
}

.ModuleTitle a
{
   color: #ffffff;
   font-weight:bold;
}

.ModuleTitle a.btt
{
   font-weight:normal;
   /*color: #ffffff;*/
   width:274px;
   padding:4px 5px;
   /*background:white;*/
   display:inline-block;
   vertical-align:top;

   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   background: #004e91 url(../Images/Site/bt_off.png) repeat-x;
   background-position:top center;
   margin-top:5px;
   border: 1px solid #bbbfc4;
}

.ModuleTitle a.odd {
    margin-left:8px
}
.ModuleTitle a.i0, .ModuleTitle a.i1 {
    margin-top:0px;
}
.ModuleTitle a.btt:hover
{
   background:#0080c8;/* #fcf8e5 url(../Images/Site/bt_on.png) repeat-x;*/
   background-position:top center;
   text-decoration: none !important;
   border: 1px solid #bcdcf5;
  
}
.ModuleTitle b
{
    color: #ffffff;
}
.ModuleTitle ul 
{
    margin: 8px 0 0 0;
    padding:8px 0 2px 0;
    list-style: none;
    border-top:1px solid gray;
   
}

.ModuleTitle li 
{
    float:left;
    margin-right:18px;  
}
.ModuleTitle .tl 
{
    font-weight:bold;
    padding-right:4px;
} 
.ModuleTitle li.ds, div.tit 
{
    float:none;
    text-align:center;
    font-weight:bold;
    list-style: none;   
}

.sep
{
    color: white !important;
    padding:0 5px;
}
.ModuleTitle .sep
{
    color: black !important;
    font-size:14px;
}



div.Arancio h2, div.Rosso h2,div.Azzurro h2,div.Cyano h2,div.Grigio h2, div.Verde h2, div.Blu h2, div.Bluscuro h2, div.Nero h2
{
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    font-weight: bold;
}

div.c
{
    border: 1px solid #ccc !important;
    border-top: 0 none !important;
    min-height:50px;
}

div.l
{
    
    border-top: 0 none !important;
    min-height:50px;
}

div.cx
{
    border: 1px solid #ccc !important;
    border-top: 0 none !important;
    min-height:50px;
    padding:10px;
}

div.Grigio
{
    border:1px solid #999999;
}
div.Arancio .t
{
    background: #f6961d url(../Images/Site/bg_arancio.png) repeat-x 0 0;
}
div.Rosso .t
{
    background: #983959 url(../Images/Site/bg_rosso.png) repeat-x 0 0;
}
div.Verde .t
{
    background: #8dc364 url(Images/Site/bg_verde.png) repeat-x 0 0;
}
div.Blu .t
{
    background: #438cc9  url(Images/Site/bg_blu.png) repeat-x 0 0;
}
div.Bluscuro .t
{
    background: #061e4a url(../Images/Site/bg_blu_scuro.png) repeat-x 0 0;
}
div.Nero .t
{
    background: #000;
}
div.Azzurro .t
{
    background: #bcdcf5 url(../Images/Site/bg_Azzurro.png) repeat-x 0 0;
    color: #0080c8
}
div.Cyano .t
{
    background: #438cc9 url(Images/Site/bg_Cyano.png) repeat-x 0 0;
}
div.Grigio .t
{
    background: #EBEBEB;
    /*border: 1px solid #999999;*/
    color: #0080c8;
    /*border-bottom:none;*/
}


.Banner
{
    text-align: center;
}
.Banner a, a.Banner
{
    font-size: 120%;
    line-height: 140%;
    font-weight: bold;
}
.Banner a:hover, a.Banner:hover
{
    text-decoration: none !important;
}

.BannerAccount
{
    text-align: center;
    /*background: #fff url(../Images/Site/bg_banner_account.jpg) repeat-x 0 0;*/
    padding:10px;
}
    
.BannerAccount a, a.BannerAccount{
    font-size: 110%;
    line-height: 140%;
    color:#004e91;
}

.BannerAccount a:hover, a.BannerAccount:hover{
    text-decoration: none !important;
}

.BannerFsc
{
    text-align: center;
    background-color: #fff;
    padding:15px;    
    color:#22663f;
    font-size: 110%;
    line-height: 140%;    
}

.BannerFsc a
{
    color:#22663f;
}

.BannerFsc a:hover, a.BannerFsc:hover{
    text-decoration: none !important;
}

.ModulesMenu .dxnb-header, .ModulesMenu .dxnb-headerCollapsed
{
    background: #f6961d url(../Images/Site/bg_cyano.png) repeat-x 0 0 !important;
    display: block;
    padding: 6px !important;
    clear: both;
    color: White;
    overflow: hidden;
    text-align: center;
    font-size: 12px !important;
    line-height: 18px;
    vertical-align: middle;
    font-weight: bold;
    border: 0 none !important;
}
.ModulesMenu .dxnb-content 
{
    border-color: #ccc !important;    
}


.ModulesMenu .dxnb-item, .ModulesMenu .dxnb-itemHover, .ModulesMenu .dxnb-itemSelected
{
    display: block;
    padding: 5px 6px !important;
    margin: 0 !important;
    line-height: 16px;
    vertical-align: middle;
    border: 0 none !important;
    border-bottom: 1px dotted #aaa !important;
    font-size: 12px !important;
}

.ModulesMenu .dxnb-itemSelected, .dxgvSelectedRow_Office2010Silver td.dxgv, .dxgvFocusedRow_Office2010Silver td.dxgv
{
    background: #f7e69e !important;
}
.dxgvDataRowHover_Office2010Silver td.dxgv, .ModulesMenu .dxnb-itemHover, .dxtc-tabHover 
{
    background: #fbf4d7 !important;
}

.dxpc-headerText
{
    font-size:110%  !important;
   
}
.dxpc-header
{
     padding:7px 0 7px 10px !important;
}



.ModulesMenu .dxnb-last
{
    border-bottom: 0 none !important;
}

.ModulesMenu a
{
    text-decoration: none;
}


.ModulesMenu .dxnb-content
{
    border: 1px solid #EEE;
    border-top: 0 none;
}


.dxtc-strip li 
{
  padding: 3px 0 !important;
}
.dxtc-tab
{
    min-width: 146px !important;
}
.dxtc-activeTab
{

    min-width: 146px !important;
}
.dxtc-activeTab .dxtc-text
{
    font-weight: bold !important;
}


.mxInfo
{
    background: #E4F2FF;
    border: 1px solid #90c4f5;
    padding: 12px 10px 12px 60px;
    background-image: url(../Images/Ico32/info.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 2px;
    font-weight: normal;
}
.mxInfo a
{
    color: #FF6600;
}

.mxConfirm
{
    background: #E4F2FF;
    border: 1px solid #90c4f5;
    padding: 12px 10px 12px 60px;
    background-image: url(../Images/Ico32/success.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 2px;
    font-weight: normal;
}
.mxConfirm a
{
    color: #FF6600;
}

.mxAlertLabel  
{
	display: block;
	background: #FFF2E6 url(../Images/Ico/exclamation_shield_frame.png) no-repeat  8px center;
	color:#5A4230;
	
	border:1px solid #AD8567;
	padding:8px 8px 8px 32px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mxBigAlertLabel  
{
	display: block;
	background: #FFF2E6 url(../Images/Ico32/alert.png) no-repeat  8px center;
	color:#5A4230;
	
	border:1px solid #AD8567;
	padding:8px 8px 8px 52px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.mxSuccessLabel  
{
	display: block;
	background: #EFFFE6 url(../Images/Ico/tick.png) no-repeat  8px center;
	color:#5A4230;
	
	border:1px solid #336601;
	padding:8px 8px 8px 32px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mxBigSuccessLabel  
{
	display: block;
	background: #EFFFE6 url(../Images/Ico32/success.png) no-repeat  8px center;
	color:#5A4230;
	
	border:1px solid #336601;
	padding:8px 8px 8px 52px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



.mxUploadButton
{
   float:left;
   padding:2px 8px;
   line-height:16px; 
   border:1px solid #aaa;
   background:#eee;
}
.mxUploadList
{
    float:left; 
    line-height:16px;
    border:1px solid #aaa;
    padding:2px 8px;
    width:200px;
    white-space:nowrap;
    overflow:hidden;
    border-left:0 none;
}

.TitleSection{
    font-size: 130%;
    line-height: 130%;
    font-weight: bold;
    margin-bottom:10px;
}

.TextContent{
    line-height:17px;
    color:black;
}

.CursorPointer{cursor: pointer;}

.Privacy
{
    overflow-y:scroll;
    padding:10px;
    font-size:10px;
    border:1px solid #aaa;
    overflow-x:hidden;   
}


#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../Images/Shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../Images/Shadowbox/close.png);}
#sb-nav-next{background-image:url(../Images/Shadowbox/next.png);}
#sb-nav-previous{background-image:url(../Images/Shadowbox/previous.png);}
#sb-nav-play{background-image:url(../Images/Shadowbox/play.png);}
#sb-nav-pause{background-image:url(../Images/Shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* http://www.menucool.com */

#sliderFrame {position:relative;width:600px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

#slider {
    width:600px;height:204px;/* Make it the same size as your images */
	background:#fff url(../Images/Site/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    /*box-shadow: 0px 1px 5px #999999;*/
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption-bg2 {
    background:none;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
    background:none;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:10px; left:450px; /* Refer to demo 8's CSS file that has an easier approach to center the nav bullets */
	width:150px;
	background:none;
	padding-left:15px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(../Images/Site/bullet-slider.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}


#cookieChoiceInfo a {                      
  color: #f78900;             /* il testo del link che aprire la pagina della cookie policy  */
  text-decoration: none; /* questa proprietà indica che il testo del link è sottolineato  */
}

#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			                  /* ...visivamente come un pulsante */
  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
  color: #FFF !important;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}



.Logo img {
    display: none;
  }
  body::after{
      content: "";
      position: absolute;
      left: 0px;
      top: 46px;
      width: 100%;
      background-color: blue;
      height: 200px;
      background-image: url(https://moudesign.it/test/testa_copertina.jpg);
      background-size: 120%;
      background-position: center -90px;
      background-repeat: no-repeat;
  }
  
  .Logo {
      background-image: url(https://moudesign.it/test/logo_new_azzurro.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 177px;
      height: 44px;
      margin-bottom:10px;
      position: relative;
      z-index: 2;
      top: 3px;
      margin-bottom: 260px;
  }
  .ModuleTitle {
      margin-top: 243px;
  }
  .Left::after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      width: 200px;
      background: #519ece;
      height: 50px;
      z-index: 0;
  }
  body{
      background: none;
  }
  
  body::before {
      content: "";
      display: block;
      background-color: #519ece;
      height: 47px;
      margin-bottom: -47px;
  }
  .Top{
      background: transparent;
  }
  .TitleProducts {
      line-height: 44px;
      text-align: center;
      vertical-align: middle;
      font-weight: bold;
      font-size: 140%;
      color: #000;
      background: #f6961d repeat-x 0 0;
      border-radius: 7px;
      border: 0px solid #61b27f;
      margin-bottom: 10px;
      color: White;
  }
  #ProductList .ItemForm{
      border-color:white!important;
  }
  
  .ModuleTitle {
      background: white;
      text-align: center;
      color: #0080c8;
      font-size: 190%;
      padding: 18px;
      border-bottom: 0px;
  }
  
  #ProductList{
      border: none;
      padding-bottom: 30px;
  }
  .ModuleTitle ul{
      border-top: 0px;
  }
  .ModuleTitle a.btt{
      padding: 10px;
      margin-bottom: 10px;
  }
  .ItemForm:hover {
    transform: translateY(-4px);
  }
  /* Hover animation per ItemForm con aumento saturazione */
  .ItemForm {
    transition: all 0.3s ease;
    filter: saturate(1);
  }
  #slider{
      position: absolute;
      width: 600px;
      margin: 0 auto;
      left: 0px;
      width: 100%;
      /* background: black; */
      top: 47px;
      z-index: 100;
  }
  
  #slider a.imgLink{
      content:""
  }
  /* Effetto hover con aumento saturazione */
  .ItemForm:hover {
    filter: saturate(1.6);
  }
  
  /* Disattiva animazione su mobile */
  @media (max-width: 768px) {
    .ItemForm:hover {
      filter: saturate(1);
      transform: none;
      box-shadow: none;
    }
  }
  
  #sliderFrame::before {
      display: block;
      content: "ss";
      position: relative;
      width: 100%;
      top: 55px;
      height: 163px;
      background-size: 969px;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(https://moudesign.it/test/banner_top.jpg);
  }
  
  #slider{
  display:none;
  }
  
  .Right{
      margin-top: 248px;
  }
  
  
  #sliderFrame {
      position: absolute;
      width: 100%;
      margin: 0 auto;
      left: 0px;
      z-index: 10;
  }
  .Logo a{
          position: absolute;
      top: 0px;
      left: 0px;
      width: 169px;
      height: 45px;
  }
  #BannerTop{
          position: absolute;
      z-index: 1000;
  }
  .ModuleTitle a {
      color: #0080c8;
      font-weight: bold;
  }
  
  .ModuleTitle a.btt{
    font-size: 12px;
   display: flex;
    margin:0px;
    margin-bottom: 5px;
  color: #fff;
}
.ModuleTitle{
    display: flex;
    flex-direction: column;
    align-items: center;
    color:#fff!important;
}

.Right {
    position: static;
    left: 0;
    top: 0;
    float: right!important;
    width: 178px!important;
    margin: 0!important;
    padding: 0 6px!important;
    margin-top: 248px!important;
}