BODY {
  background-image: url(http://www.esseeffe.com/images/sfondo.jpg); 
  background-position: center;

  background-repeat: no-repeat; 
  background-attachment: fixed;
   /*background: #ffffff;*/
  	color: #4C4C4C;
}

#categoriesBoxes_Title{
background:#296ba8;
color:#FFFFFF;
}
#categoriesBoxes.withDesc li a strong{
background:#296ba8;
color:#FFFFFF;
}

#mostImportantProducts_Title a{
color:#FFFFFF;
}

#mostImportantProducts_Title a{
color:#FFFFFF;
}




la parte superiore del codice la utilizzavamo abitualmente anche prima
questa al disotto e quella fornitaci dal fornitore per personalizzare le schede







 /* Supporta il titolo "nome prodotto" nel template fino alla versione template3
*/
.titolone
        {   
	background-position: bottom;
padding: 20px 10px 0px 10px;
text-align: left;
font-size: 20px;
font-weight: bold;
margin: 10px 5px 0px 15px;
line-height: normal;
font-family: 'Source Sans Pro', sans-serif;
color: #063761;
         }

/* Supporta il titolo "nome prodotto" nel template dalla versione template4 in poi
*/

.titolone6 
	{
   background-position: bottom;
padding: 20px 10px 0px 10px;
text-align: left;
font-size: 20px;
font-weight: bold;
margin: 10px 5px 0px 15px;
line-height: normal;
font-family: 'Source Sans Pro', sans-serif;
color: #063761;
	}

/* Supporta il titolo "Info scheda" "scheda articolo" nel template fino alla versione template2 */

.titolino
        { 
	background: #ffffff;
        text-align:center;
        font-size: large;
        font-weight:bold;
	margin-top: 10pt;
        }
        
/* Supporta il titolo "Info scheda" "scheda articolo" nel template dalla versione template3 in poi */
       
.tinfoprodotto 
	{
	color: rgb(6, 55, 97);
padding: 10px;
margin-left: auto;
margin-right: auto;
border-bottom: 2px solid #FFD40D;
text-align: left;
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
height: 13px;
font-family: verdana,helvetica,arial,sans-serif;
	}

.tschedaarticolo 
	{
	color: rgb(6, 55, 116);
padding: 10px;
margin-left: auto;
margin-right: auto;
border-bottom: 2px solid #FFD40D;
text-align: left;
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
height: 13px;
font-family: verdana,helvetica,arial,sans-serif;
display: block;
position: relative;
	}

/* Supporta il contenitore "panoramica" nel template*/

.panoramica 
 	{   
	padding: 10px;
	background: #ffffff;
        margin-left:auto;
        margin-right :auto;
	margin-top: 0;
        margin-bottom: 0;
        width: 98%; 
        height:auto;
	vertical-align:top;
        display:block;
	position:relative;
	font-family: verdana,helvetica,arial,sans-serif;
	}

/* Supporta il contenitore "Info scheda" "scheda articolo" nel template fino alla versione template2 */

div.corpo
        {   
	padding: 10px;
	background: #ffffff;
	margin-left :auto;
        margin-right :auto;
	margin-top: 0;
        margin-bottom: 0;
        width:90%;
	height:auto;
	font-size:14px;
        font:arial;
	}

/* Supporta il contenitore "Info scheda" "scheda articolo" nel template dalla versione template3 fino alla versione template6 */ 
    
.corpoinfo 
	{
	padding: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
height: auto;
font-size: 13px;
font-family: verdana,helvetica,arial,sans-serif;
text-align: justify;
border-bottom: 2px solid #FFD40D;
	}

.corpoinfo ul
	{
	font-family: verdana,helvetica,arial,sans-serif;
	list-style-type:initial;
        list-style-position: inside;
        text-indent:20px;
	}

/* Supporta il contenitore "Info scheda" "scheda articolo" nel template dalla versione template7 in poi */
   
.co_scheda 
	{
	padding: 5px;
background: #ffffff;
border-bottom: 2px solid #FFD40D;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: top;
font-size: 13px;
font-family: verdana,helvetica,arial,sans-serif;
display: block;
position: relative;
	}
 
.co_scheda>table
        {
          table-layout: fixed;
	  margin-left :auto;
          margin-right :auto;
          width:98%;
	  border: 4px;
          border-collapse: separate;
          border-spacing: 3px;
          
        }

.co_scheda tr td:nth-child(1)
        {
	border-bottom:1px solid #999;
        border-right:1px solid #999;
	text-align:left;
	padding:4px;
	Width:30%;
	
	}
.co_scheda tr td:nth-child(2)
        {
	border-bottom:1px solid #999;
        border-right:1px solid #999;
	text-align:left;
	padding:4px;
	
	
           
	} 

.co_scheda tr td
        { 
	  text-align:left;
	  padding:4px;
	  border-bottom:1px solid #999;
	  
	} 

.co_scheda>table Td.evid
       {  
         background-color: #FFF1B3;
color: rgb(6, 55, 116);
text-transform: uppercase;
font-size: normal;
font-weight: bold;

}
	     font-style :normal;
       }
.co_scheda>table caption
        { 
	font-size: medium;
        font-weight:bold;
        text-align:left;
        }

/* Supporta i titoli evidenziati in rosso */
	
.evidenziato
        {
         color: Red;
         padding: 10px;
         width:90%;
	 margin-left:auto;
	 margin-right :auto;
    	 text-align:center;
	 font-size: x-large;
         font-weight:bold;
	 height:100%;
	 line-height: normal;
        }

/* Vari stili di evidenziazione */
	
.evidenzia
        {
         background-color:yellow;
         border:2px solid red;
        }
.maior
        {  
         text-transform:uppercase;  
         font-size: 13px;
         font-weight:700;
        }
.mailine
        {
         text-transform:uppercase;
         text-decoration: underline;
        }
.lampe
        {
         text-decoration: blink;
        }
 
/* Supporta la dichiarazione di non responsabilita' nelle prime versioni del template */

.corposcheda:after 
{ 
        font-size:10px;
   	margin-left:20px;
   	margin-top:30px;
        content: "* - Le fotografie presenti nelle schede dei prodotti non fanno parte dell'ambito contrattuale e non potranno in nessun caso essere considerate come responsabilita' del venditore. Le schede tecniche e le descrizioni dei prodotti sono fornite da partner e/o da fornitori e possono subire variazioni senza alcun preavviso. Il venditore declina ogni responsabilita' riguardo il contenuto delle stesse.";
   	display: block;
   	width:90%; 
        height: 0;
        clear: both;

        } 
/* Supporta la dichiarazione di non responsabilita' nelle ultime versioni del template */

p.responsabile
        {
	padding: 10px;
	width:90%;
	margin-left :auto;
	margin-right :auto;
	border:1px solid #EEE;
	text-align:justify;
	font-size: 10pt;
	margin-top: 30pt;
	margin-bottom:5pt;
	}

/* Supportano la centratura delle immagini fino al template7 */
    
div.centrimag
       {
         margin-left :auto;
         margin-right :auto;
	 margin-top:10px;
	 margin-bottom:20px;
         width:100%;
         display:inline-block;
       }

div.centrimag img
       {
         
         width:98%;
         display:inline-block;
       }

.centro_img
       {
         margin-left :5%;
         margin-right :auto;
	 margin-top:2%;
	 text-align: center;
         width:90%;
	 height:auto;
       }

div.ima_c
	{
	margin: auto;
	width: 98%;
	height: 530px;
	border-bottom:5px solid #e9e9e9;
	margin-bottom:50px;
	}

/* Supportana la didascalia nella sezione "panoramica" */    

.page-grafic 
	{
	margin: 20px;
	padding: 20px;
	border-top: 5px solid #eee;
	border-bottom: 5px solid #eee;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 10px;
	line-height: 1.42857143;
	color: #333;
	display: block;
	width: 90%;
	}

 /* page layout */

.contenito {
background: #fff;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
padding: 10px 5px 20px 10px;
position: relative;
min-height: 274px;
border-top: 2px solid rgb(4, 43, 77);
overflow: auto;
}

/* Definisce un secondo contenitore per il menu tabellare */

.contenito2 
	{
	}

/* Definisce i font e le dimenzione della barra tabellare */

.tabGroup 
	{
    	font: 9pt arial, verdana;
background-color: #778999;
border-top: 2px solid #042B4D;
	}
 
/* Configurazione dei bottini radio invisibili sullo schermo */

.tabGroup > input[type="radio"] 
	{
    	position: absolute;
    	display:none;
    	}
 
/* Configurazione dei titoli dei vari Tab del menu */

.tabGroup > input[type="radio"] + label 
	{
    	display: inline-block;
padding: 5px 68px;
background-color: #044278;
color: White;
font-weight: bold;
	}
 
/* Definisce il bordo dei Focused tabs */

.tabGroup > input[type="radio"]:focus + label 
	{
    	border:1px solid black;
	}
 
/* Definisce i Checked tabs devono essere white con il bordo inferiore rimosso */

.tabGroup > input[type="radio"]:checked + label 
	{
   	background-color: #FFD40D;
font-weight: bold;
color: rgb(4, 43, 77);
border-left: 2px solid #042B4D;
margin-bottom: -1px;
	}
 
/* Definisce il contenitore dei tab dimensione e bordo grazioso */

.tabGroup > div 
	{
    	display: none;
background-color: white;
padding: 10px 10px;
border-top: 2px solid #042B4D;
	}
 
/* queste classi consentono di visualizzare i tabs associati ai radio imputs*/

.tab1:checked ~ .tab1, .tab2:checked ~ .tab2, .tab3:checked ~ .tab3 
	{
    	display: block;
    	margin-left:auto;
   	margin-right:auto;
	}
/* definisce galeria immagini*/
/* attributo imageGallery eventuale border: 1px solid #f0f0f0;*/

#imageGallery {
  margin:auto;
  min-width:250px;
  min-height: 250px;
      }
.imageZoom {
  display:none;
}
.imageZoom ul {
  height:505px;
  padding:10px;
  margin:0;
}
.imageZoom ul li {
  list-style: none;
  vertical-align:middle;
  padding:0;
  float:left;
  width:1px;
  height:500px;
}
.imagePreview {
display: inline-block;
position: absolute;
height: 350px;
margin-left: 2%;
margin-right: 2%;
padding: 0;
width: auto;
top: 5px;
}
.imagePreview ul {
  padding:0;
  list-style: none;
  height: 240px;
      }
.imagePreview ul li{
  display:inline-block;
  position:relative;
  text-align: center;
  margin:10px 5px 13px 10px;
  padding:0;
}
.imagePreview ul li img {
  border: 1px solid #ccc;
  width:280px!important;
  height:280px!important;
  padding:0px;
  margin:0 0 20px 0;
  z-index:4; 
  cursor:default;
}
.imagePreview ul li a {
  outline: 0;
 
}

img
	{
	max-width:700px;
	}


.Coperta 
	{
  	display:none;
  	visibility:hidden;
  	}
  	
#sheetBox .descriptionBox .imageZoom ul li
    {
list-style: none;
margin-left: 35px;
}