/* BODY */
  .Body {position:relative; font-family:'Open Sans', sans-serif; background-color:#fff;}

/* PANNELLO LOGIN */
  .OscuraPagina {width:100%; height:100%; background-color:#000; opacity:0.4; position:fixed; left:0px; top:0px; z-index:90;}
  .Login_Div_Tot {display:none; width:400px; background-color:#fff; border-radius:5px; text-align:center; padding:20px; z-index:100; 
                  position:fixed; top:5%; left:50%; margin-left:-220px;}
  .Login_Chiudi {font-size:1em; font-weight:bold; color:#000; text-decoration:none; position:absolute; top:10px; right:10px;}
  /* Titolo */
    .Login_Titolo_Div {width:100%; float:left; text-align:center; margin-bottom:10px; border-bottom:1px solid #dfdfdf;}
    .Login_Titolo_Font {font-size:1em; color:#003334; letter-spacing:0.5px;}
 /* Titolo News Urgente */
    .Login_Titolo_Urgente_Div {width:100%; float:left; text-align:center; margin-bottom:10px; padding:5px 0px; border-bottom:1px solid red;}
    .Login_Titolo_Urgente_Font {font-size:1em; color:#003334; letter-spacing:0.5px;}   
  /* Text */
    .Login_Div {width:100%; float:left; margin-bottom:10px;}
    .Login_Text {width:95%; background-color:#f1f1f1; color:#003334; border:1px solid #e5e5e5; padding:10px; border-radius:2px;}
    .Login_Text:Hover {background-color:#e5e5e5; transition:1s;} 
  /* Registrati */            
    .Login_Reg_Div {width:50%; float:left; margin-bottom:10px;}
  /* Accedi */            
    .Login_Accedi_Div {width:100%; float:left; margin-bottom:10px; text-align:center;}
    .Login_Accedi_Cmd {padding:10px 25px; text-transform:uppercase; background-color:#0b9e19; color:#e2ffe5; border:0px; border-radius:5px;}
    .Login_Accedi_Cmd:Hover {background-color:#0db61d; transition:1s;}        

/* MAIN */ 
  .Main {width:100%; float:left; margin-left:-8px; padding:0em 0px 1em 0px;} 
  .TopFixedDiv {width:100%; background-color:#0b9e19; box-shadow:0px 1px 1px #75ff82; position:fixed; top:0px; left:0px; z-index:99;}
  /* TOP (1150px) */  
    .Top_Div {width:73em; margin:auto; position:relative;}
    /* Logo */
      .Logo_Div {width:20%; float:left; margin-top:0.5em;}
      .Logo {width:auto; border:0px; text-align:center;}
      /* PARTE DESTRA */  
        .Top_DX {width:80%; height:5em; float:left; position:relative;}
        /* CARRELLO */
          .Carrello_Info_Div {padding:6px 20px; float:left; font-size:13px; background-color:#e9ffeb; border-radius:3px; position:absolute; right:0; top:0;}
          .Carrello_Click_Div {width:100%; height:30px; float:left; position:absolute; top:0px; left:0px; z-index:100; background-color:transparent;}
          .Carrello_Utente {float:left; color:#45423f; text-decoration:none; margin-right:20px; font-weight:bold; letter-spacing:1px;}
          .Carrello_Qu {float:left; color:#45423f; text-decoration:none; margin-right:20px; font-weight:bold; letter-spacing:1px;}
          .Carrello_Prezzo {float:left; color:#45423f; text-decoration:none; margin-right:40px; font-weight:bold; letter-spacing:1px;}
          .Carrello_Img {width:25px; float:left; position:absolute; top:2px; right:20px;}       
        /* MENÙ */
          .Menu_Div {width:100%; float:left; position:absolute; top:2em;}
          .Menu_DX_Div {float:right;}
          /* Hyperlink */  
            .Menu_HL {float:left; color:#ebfeed; text-decoration:none; margin-right:2em; text-transform:uppercase; font-size:12px; letter-spacing:0.5px; transition:1s;}
            .Menu_HL:Hover {color:#98fda2;}
          /* Hyperlink Menù BACKOFFICE */  
            .MenuOffice_HL {float:left; color:#98fda2; text-decoration:none; margin-right:2em; text-transform:uppercase; font-size:12px; letter-spacing:0.5px; transition:1s;}
            .MenuOffice_HL:Hover {color:#ebfeed;}
          
          /* MENU TENDINA */
            .Menu_Tendina {z-index:100; background-color:rgba(28, 28, 28, 0.9);}
            .Menu_Tendina_Item {z-index:100; color:#f6f4f4; font-size:13px; padding:7px 10px; text-decoration:none; transition:1s;} 
            .Menu_Tendina_Item:Hover {color:#f9b516;}
          
          /* MENU RESPONSIVE */
            /* Tasto Menu Apri-Chiudi */
              .Menu_Responsive_Div {display:none; width:98%; height:45px; float:left; background-color:#0b9e19; position:fixed; top:0px; left:5px; z-index:100;}
              .Menu_Responsive_ImgMenu {position:absolute; left:10px; top:0px; z-index:100;}
              .Menu_Responsive_ImgServizi {position:absolute; right:10px; top:0px; z-index:100;}
            /* HL Sottomenù */
              .Menu_Responsive_HL_Div {display:none; width:98%; float:left; background-color:#029036; padding:5px 0px; position:fixed; top:45px; left:5px; z-index:100; overflow:hidden;}
              .Menu_Responsive_HL {width:98%; float:left; font-size:14px; color:#ebfeed; text-decoration:none; padding:0.7em 1% 0.7em 10px; letter-spacing:1px; text-transform:uppercase;}
                    
    /* CORPO */
      .Content_Full_Div {width:100%; float:left; padding:2em 16px 1em 0px; margin-top:3em; position:relative;}
      /* LATERALE + CENTRO  */
        .CorpoDivTot {width:73em; margin:auto; position:relative;}
        /* LATERALE  */
          .ContentLaterale {width:14em; float:left; margin:0em 1em 0px 0px; position:relative;}
          /* DIV VISIBILE DA ANONIMO */
            .Laterale_Anonimo_Div {width:98%; float:left; height:7em; padding:1%; background-color:#0b9e19; position:relative;}
            .Laterale_Anonimo_Img {position:absolute; width:50px; top:10px; left:10px;}
            .Laterale_Anonimo_Font {width:63%; color:#fff; font-size:16px; line-height:20px; position:absolute; top:10px; right:10px;}
          /* FILTRO per Codice - Categoria, Marca, Modello, Anno */  
            .Laterale_Div {width:92%; float:left; padding:3.8%; background-color:#f5f5f5; margin:0em 0em 1.5em 0em; border:1px solid #ccc;}
            .Laterale_Titolo {width:100%; float:left; font-size:13px; color:#0b9e18; margin-bottom:0.3em;}
            /* TextBox */
              .Laterale_TextBox {width:97%; float:left; font-size:13px; background-color:#fff; color:#003334; border:1px solid #cccccc; padding:7px 1.8%; margin-bottom:0.3em;}
              .Laterale_TextBox:Hover {background-color:#f4fcf5; transition:1s;}
            /* DDL */
              .Laterale_DDL {width:95%; float:left; line-height:3em; border:1px solid #aaaaaa; font-size:13px; background-color:#fff; color:#003334; margin-bottom:0.3em; padding:10px 2%;}
              .Laterale_DDL:Hover {border:1px solid #aaaaaa; background-color:#f4fcf5; transition:1s;}
            /* CheckBox */
              .Laterale_CheckBox {width:100%; float:left; background-color:#f7fcf7; color:#3c3c3c; font-size:12px; font-weight:bold; margin-bottom:1em;}	
              .Laterale_CheckBox:Hover {background-color:#f3fff4; transition:1s;}
            /* Button */
              .Laterale_Button {width:100%; float:left; padding:7px 0px; font-size:13px; background-color:#5db75d; color:#defee9; border:0; border-radius:2px;}
              .Laterale_Button:Hover {background-color:#449d44; transition:1s;}    
          /* NEWS (Appare se Loggato) */
            .News_Div {width:92%; float:left; padding:4%; border:1px solid #ccc; background-color:#f5f5f5; margin-bottom:20px;}
            /* Titolo */
              .News_Titolo_Div {width:100%; float:left; padding-bottom:7px; margin-bottom:10px; border-bottom:1px solid #dfdfdf;}
              .News_Titolo_Font {font-size:14px; color:#003334;}
            /* Testo */
              .News_Testo_Div {width:100%; float:left; margin-bottom:0px;}
              .News_Testo_Font {font-size:12px; color:#003334; line-height:18px;}
            /* Chiudi */            
              .News_Chiudi_Div {width:100%; float:left;}
              .News_Chiudi_Cmd {padding:10px 25px; text-transform:uppercase; background-color:#0b9e19; color:#e2ffe5; border:0px; border-radius:5px;}
              .News_Chiudi_Cmd:Hover {background-color:#0db61d; transition:1s;}        
              
        /* CONTENT CENTRALE */
          /* Titolo */
            .Titolo_Div {width:100%; float:left; margin-bottom:1em;}
            .Titolo_Font {font-size:19px; color:#0b9e18; line-height:1.5em; text-align:justify; letter-spacing:0.5px;}
          /* Content (880px) */
            .ContentPlaceHolder {width:58em; float:left; position:relative;}
          /* Bottom */
            .Bottom_Full_Div {width:100%; float:left; padding:1em 0px 1em 0px; text-align:center;  z-index:90;}
            .Bottom_Div {width:100%; float:left; margin:auto; position:relative;}
            .Bottom_Font {width:100%; float:left; font-size:11px; margin-bottom:10px;}               
    
    /* RESO */
      .ResoDiv {width:23%; float:left; margin:0em 2% 1em 0em; position:relative;}
      .ResoX {position:absolute; top:0px; right:0px; padding:5px 8px; background-color:#69c769; color:#defee9; font-size:15px; font-weight:bold; text-decoration:none;}
      .ResoX:Hover {color:#a7f955; transition:1s;}
             
    /* UTENTE CARRELLO */
      .AnnotazioniDiv {width:46%; float:left; margin-right:2%}
      .RiepilogoDiv {width:48%; height:4em; float:left; padding:2% 2% 0% 1%; background-color:#f5f5f5; margin-bottom:0.5em; border:1px solid #cfcdcd;}  
                
    /* POWERED */
      .Powered_Div {position:absolute; right:20px;}
      .Powered_info {font-size:0.65em; line-height:1.5em; color:#f0f0f0; text-decoration:none;}
          
  
/*--------------------- RESPONSIVE ---------------------------*/
  @media only screen and (max-width:600px)
  {           
    /* PANNELLO LOGIN */
      .Login_Div_Tot {width:88%; padding:5%; position:fixed; background-color:#f1f4f1; top:20%;}
      .Login_Div {width:95%; float:left; margin:1em 0em; z-index:100; }
      .Login_DX_Div {position:static;}
      /* Text */
        .Login_Text {width:100%; padding:10px 5px; margin-bottom:10px;}
        .Login_Cmd {float:left; padding:10px 30px; transition:1s;}
        .Login_Cmd:Hover {background-color:#001717;}
        
    /* MAIN */ 
      .Main {width:100%; float:left; margin-left:0px; padding:0em 0px 0em 0px;} 
      .TopFixedDiv {width:101%; background-color:#0b9e19; box-shadow:0px 1px 1px #75ff82; position:relative; top:0px; left:-3px; z-index:99;}
      /* TOP */  
        .Top_Div {width:100%; float:left; position:relative; background-color:#0b9e19; padding-bottom:5px;}
        /* Logo */
          .Logo_Div {width:100%; float:left; margin-top:2.5em;}
          .Logo {float:left; margin-left:5px; border:0px; text-align:center;}
          /* PARTE DESTRA */  
            .Top_DX {width:100%; height:auto; float:left; position:relative;}
            /* CARRELLO */
              .Carrello_Info_Div {padding:12px 10px; float:left; font-size:14px; position:absolute; left:0; top:5px;}
              .Carrello_Click_Div {width:100%; height:30px; float:left; position:absolute; top:0px; left:0px; z-index:100; background-color:transparent;}
              .Carrello_Utente {float:left; color:#45423f; text-decoration:none; margin-right:20px; font-weight:bold; letter-spacing:1px;}
              .Carrello_Qu {float:left; color:#45423f; text-decoration:none; margin-right:20px; font-weight:bold; letter-spacing:1px;}
              .Carrello_Prezzo {float:left; color:#45423f; text-decoration:none; margin-right:40px; font-weight:bold; letter-spacing:1px;}
              .Carrello_Img {width:30px; float:left; position:absolute; top:7px; right:20px;}
        
        /* UTENTE CARRELLO */
          .AnnotazioniDiv {width:100%; float:left; margin-right:0%; margin-bottom:1em;}
          .RiepilogoDiv {width:96%; height:auto; float:left; padding:2% 2% 2% 1%; background-color:#f5f5f5; margin-bottom:1em;}  
                  
        /* MENU RESPONSIVE */
          .Menu_Responsive_Div {display:inline;}
          .Menu_Responsive_HL_Div {display:inline;}
          .Menu_Div {display:none;}      
                    
        /* CORPO */
          .Content_Full_Div {width:100%; float:left; padding:0em 0px 1em 0px; position:relative; margin-top:3em;}
          /* LATERALE + CENTRO (1150px) */
            .CorpoDivTot {width:100%; float:left; position:relative;}
            /* LATERALE */
              .ContentLaterale {width:100%; float:left; margin:0em 0px 0px 0px; position:relative;}
              /* Div visibile da Anonimo */
                .Laterale_Anonimo_Div {width:94%; height:auto; padding:3%; position:relative;}
                .Laterale_Anonimo_Img {width:12%; float:left; margin-right:3%; position:static; top:0px; left:0px; }
                .Laterale_Anonimo_Font {width:85%; float:left; font-size:15px; line-height:20px; position:static; top:0px; right:0px;}           
              /* Ricerca per Codice - Categoria, Marca, Modello, Anno */  
                .Laterale_Div {width:92%; float:left; padding:3.8%; background-color:#f5f5f5; margin:0em 0em 1.5em 0em; border:1px solid #cccccc;}
                .Laterale_Titolo {width:100%; float:left; font-size:13px; color:#5db75d; margin-bottom:0.3em;}
                .Laterale_TextBox {width:96%; padding:10px 1.7%;}
                .Laterale_DDL {width:100%; padding:10px 1%;}
                .Laterale_Button {padding:15px 0px;}
            /* CONTENT CENTRALE */
              /* Titolo */
                .Titolo_Div {width:100%; float:left; margin-bottom:1em;}
                .Titolo_Font {font-size:1.4em; color:#087f13; line-height:1.5em; text-align:justify; letter-spacing:0.5px;}
              /* Content */
                .ContentPlaceHolder {width:100%; float:left; position:relative;}
              /* Bottom */
                .Bottom_Full_Div {width:100%; float:left; padding:1em 0px 1em 0px;}
                .Bottom_Div {width:100%; float:left; margin:auto; position:relative;}
                .Bottom_Font {font-size:10px;}   
            
            /* Reso */
              .ResoDiv {width:100%; float:left; margin:0em 0% 1em 0em; position:relative;}
  }