/* TOTALE */
    .Articolo_Dett_Div {display:none; width:700px; background-color:#ffffff; border-radius:10px; padding:20px 20px; z-index:100; position:fixed; left:20%; top:10%;}
    /* Chiudi */
      .Articolo_Chiudi_Div {width:32px; height:32px; border-radius:50%; background-color:#0b9e19; position:absolute; top:10px; right:10px; z-index:100;}
      .Articolo_Chiudi {font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; position:absolute; top:5px; left:12px; z-index:100;}
    /* Titolo */
      .CatalogoDett-Titolo-Div {width:100%; float:left; padding-bottom:5px; margin-bottom:1em; border-bottom:1px solid #b3b3b3;}
      .CatalogoDett-Titolo-Font {float:left; font-family:'Open Sans', sans-serif; font-size:15px; color:#0b9e18; font-weight:bold; text-transform:uppercase;}
    /* Immagine ZOOM Catalogo-List */       
      .-webkit-ImgZoom {width:50px; transition:1s; border:1px solid #fff; border-radius:1px; z-index:100;}
      .ImgZoom {width:50px; border:1px solid #fff; border-radius:1px; z-index:100;}
      .ImgZoom:Hover {-webkit-transform:scale(8); transform:scale(8); border:1px solid #5cb85c; background-color:#fff; -webkit-transition:1s; transition:1s; z-index:100;}
      
    /* Immagine Dett */
      .CatalogoDett-Img-Div {width:48%; float:left; margin-right:2%;}
      .CatalogoDett-Img {float:left; width:100%;}
    /* Div Info di Destra */
      .CatalogoDett-Info-Div {width:46%; float:left; padding:15px 2%; background-color:#ebebeb; border-radius:5px;}
    /* Font */
      .CatalogoDett-Font-Title {width:100%; float:left; font-weight:bold; font-size:17px; color:#444444; margin-bottom:4px;}
      .CatalogoDett-Font {width:100%; float:left; font-size:12px; color:#444444; margin-bottom:4px;}
    /* TextBox */
      .CatalogoDett-TextBox {width:98%; float:left; margin-right:5px; background-color:#ffffff; color:#003334; border:1px solid #a9a9a9; border-radius:3px; padding:6px 5px; transition:1s;}
      .CatalogoDett-TextBox:Hover {background-color:#fafffb;}
    /* Button */
      .CatalogoDett-Button {float:left; padding:7px 10px; background-color:#0b9e18; color:#ffffff; border-radius:3px; border:0; transition:1s;}
      .CatalogoDett-Button:Hover {background-color:#007d0b;}
      

/*--------------------- RESPONSIVE ---------------------------*/
  @media only screen and (max-width:500px)
  { 
    .Articolo_Dett_Div {width:90%; float:left; padding:5%; position:absolute; top:0%; left:0%; background-color:#ebebeb;}
    .OscuraPagina {display:none;}
    .CatalogoDett-Img-Div {width:auto; float:left; margin-right:0%; margin-bottom:1em;}
    .CatalogoDett-Info-Div {width:96%; float:left; padding:10px 2%; background-color:#ebebeb;}
    .CatalogoDett-TextBox {width:96%; padding:15px 2%; transition:0s;}
    .CatalogoDett-Button {float:left; padding:15px 15px; background-color:#0b9e18; color:#ffffff; border-radius:3px; border:0; transition:0s;}    
  }