html{

	margin:0;
	padding:0;


}

body{

	margin:0;
	padding:0;
	background-image: url('../_grafica/sfondo.jpg');
	background-repeat: repeat-x;
	background-position: 0 0;
	
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	

	color: #000;    	
	

}


a{

	color: #214478;
	background-color: #FFF;

}





/*	PAGINA 	*/

#pagina{

	 width: 770px;
	
    height: auto !important;  /* per i browser moderni */
    height: 450px;      /* per IE5.x e IE6 */
    min-height: 450px;  /* per i browser moderni */	


	

}

#home, #contatti{

	 width: 770px;
	
    height: auto !important;  /* per i browser moderni */
    height: 450px;      /* per IE5.x e IE6 */
    min-height: 450px;  /* per i browser moderni */	

}

#testa{

	height: 200px

}

#logo-val{

	position: absolute;
	top: 34px;
	left: 35px;
	border: 0;

}

#logo-sonceboz{
	display: block;
	position: absolute;
	top: 55px;
	left: 600px;
	border: 0;

}

#immagine-sezione{
	position: absolute;
	top: -55px;
	left: -30px;
}

/*	 MENU   	*/

#menu-principale{

		position: absolute;
		top: 114px;
		left: 280px;
		
		
		
}

#menu-principale ul{
	height: 90px;
	margin: 0;
	padding: 0;
	
	
}

#menu-principale ul li{
	position: relative;
	list-style: none;
	display: block;
	text-align: center;
	float: left;	
}

#menu-principale ul li a{

	height: 60px;
	line-height: 25px;
	
	
	
	color: #000;
	text-transform: lowercase;
	text-decoration: none;
	
	font-size: 1em;

}


#menu-principale ul li img{

	border: 0;
}



/* 	MENU FOOTER 		*/


#menu-footer{

		position: absolute;
		top: 40px;
		left: 40px;
		
}

ul#menu-footer {
	height: 20px;
	margin: 0;
	padding: 0;
	
	
	
}

ul#menu-footer li{
	position: relative;
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;

}

ul#menu-footer li a{
	width: 90px;
	height: 20px;
	
	display: block;
	background-color: #e6e6e6;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 1em;
	
	
}

ul#menu-footer li a:hover{

	background-color: #CCC;
	color: #000;
	text-decoration: none;

}





/* 	ELEMENTI 	*/

#locatore{

	padding: 1em;
	margin-top: 230px;
	font-size: 0.9em;
	margin-bottom: 10px;
	display:none;
	
}

#locatore a{

	text-transform: lowercase;
	text-decoration: underline;
	color: #000;
	
}


#piede-pagina{
	
	
	position: relative;
	background-image: url('../_grafica/sfondo_footer.jpg');
	background-repeat: repeat-x;	

	padding: 80px 0 10px 0;
	background-color: #e6e6e6;
	color: #111;	

	
}

#piede-pagina p{

	margin: 8px 0 0 300px;
	

}


#locatore a:hover{
	
	text-transform: lowercase;
	text-decoration: none;	
}

img#logo-val{

	border: 0;

}

/*	CONTENUTI	*/

#contenuti{

	padding-top: 0;
	padding-left: 30px;
	padding-right: 40px;
	position: relative;

	font-size: 13px;
	line-height: 1.8em;
	background-image: url('../_grafica/sfondo_pagina.jpg');
	background-repeat: repeat-y;
	background-color: transparent;
	background-position: top right;  

}

#contenuti a{

	color: #214478;
	background-color: #FFF;

}

#contenuti em{
	
	color: #19335a;

}


#contenuti a:hover{

	color: #000;
	background-color: #FFF;
	text-decoration: none;

}

#contenuti p{

	line-height: 2em;
	text-align: justify;
	margin: 0 0 20px 0;
	padding: 0;

}

#contenuti h2{

	padding: 0;
	text-indent: 0;
	margin: 25px 20px 0 5px;
	background-color: #FFF;
	color: #041d49;
	font-size: 1.5em;
	letter-spacing: 1px;
	border-bottom: 1px solid #EEE;
	clear: both

}

#contenuti h3{

	padding: 0;
	text-indent: 0;
	margin: 25px 20px 0 5px;
	background-color: #FFF;
	color: #041d49;
	font-size: 1.5em;
	letter-spacing: 1px;
	clear: both

}

#contenuti h4{

	padding: 0;
	text-indent: 0;
	margin: 5px 20px 0 5px;
	background-color: #FFF;
	color: #000;
	font-style: italic;
	font-size: 1.2em;
	letter-spacing: 1px;

}

#contenuti blockquote{

	font-style: italic;
	font-size: 1.2em;
	background-image: url('../_grafica/quote.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: 35px;
	margin: 0 1em 2em 1em;
	line-height: 2em; 
			
}


#contenuti div.definizione, #contenuti div.definizione-right {
	
	border: 1px solid #FFF;
	margin-bottom: 20px;
	
	background-image: url('../_grafica/sfondo_definizioni.jpg');
	background-repeat: no-repeat;	
}

#contenuti div.definizione-right{
	
	float: right;
	display: block;
	/* margin-right: 130px;*/

}

#contenuti div.definizione div, #contenuti div.definizione-right div{
	width: 335px;
	

	
}

#contenuti div.definizione img, #contenuti div.definizione-right img{

	margin: 20px 0 -20px 28px;
	width: 290px;
	background-color: #DDD;

}


#contenuti div.definizione h3, #contenuti div.definizione-right h3{
	
	padding: 0;
	text-indent: 10px;
	margin: 25px 20px 0 20px;
	background-color: #FFF;
	color: #041d49;
	font-size: 1.5em;
	letter-spacing: 1px;
	
}

#contenuti div.definizione h4, #contenuti div.definizione-right h4{
	
	padding: 0;
	text-indent: 10px;
	margin: 25px 20px 0 20px;
	background-color: #FFF;
	color: #001570;
	font-size: 1.3em;
	letter-spacing: 1px;
	
}

#contenuti div.definizione h5, #contenuti div.definizione-right h5{
	
	padding: 0;
	text-indent: 10px;
	margin: 5px 0 0 20px;
	background-color: #FFF;
	color: #111;
	font-size: 1.1em;
	letter-spacing: 1px;
	
}


#contenuti div.definizione p, #contenuti div.definizione-right p{
	padding: 25px 30px 20px 30px;
	margin: 0;

}



#contenuti img.immagine-large{

	float: right;
	margin: 0 0 30px 30px;

	padding: 10px 50px 30px 50px;	
	
	background-image: url('../_grafica/sfondo_immagine_larga.jpg');
	background-repeat: no-repeat;
	background-position: bottom;	
	background-color: #FFF;	

}

#contenuti img.immagine-testo{

	float: left;
	margin-right: 20px;
	margin-left: 5px;
	margin-top: 5px;
	
}


/*	 ELENCO PRODOTTI HOMEPAGE */

#contenuti li img.immagine-elenco{

	width: 70px;
	height: 70px;
	float: left;
	margin: 0 10px 5px 5px;
	border: 3px solid #CCC;

}

#contenuti ul.prodotti-evidenza{

	list-style: none;
	padding: 0;
	margin: 0 30px 0 30px

}

#contenuti ul.prodotti-evidenza li{

	
   height: auto !important;  /* per i browser moderni */
   height: 81px;      /* per IE5.x e IE6 */
   min-height: 81px;  /* per i browser moderni */	
   
   display: block;
   margin-bottom: 10px;
   line-height: 25px;

}

/* PIEDE DI PAGINA */


#contenuti-piede{


}

#contenuti-piede p{
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 0px 10px 20px 10px;
	background-color: #e6e6e6;
	color: #000;
}

#contenuti-piede img{
	
	border: 0;
	position: absolute;
	top: 80px;
	
}

#contenuti-piede #icona-html{
	left: 40px;
}

#contenuti-piede #icona-css{
	left: 100px;
}

#contenuti-piede #icona-bluefish{
	left: 160px;
}

#contenuti-piede #icona-inkscape{
	left: 220px;
}

#contenuti-piede a{
	background-color: #e6e6e6;
	color: #333;
	
}


/* LISTA DEI PRODOTTI */

#contenuti .lista-prodotti{

float: left; clear: both;
margin-bottom: 30px

}

#contenuti .lista-prodotti, #contenuti #lista-concetti{
	
	display: block;
	
}

#contenuti .lista-prodotti ul, #contenuti #lista-concetti ul{
	
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;


}

#contenuti .lista-prodotti ul li, #contenuti #lista-concetti ul li{

	
	color: #000;
	line-height: 2em;
	height: 2em;
	margin: 1px;

	

}

#contenuti #lista-concetti ul li a{

	padding-left: 20px;
	background-image: url('../_grafica/elenco_prodotti.jpg');
	background-repeat: no-repeat;
	background-position: 0;
	text-decoration: none;
}

#contenuti .lista-prodotti ul li{
border-bottom: 1px solid #EEE;
}

#contenuti .lista-prodotti ul li a{
	text-decoration: none;
}

#contenuti .lista-prodotti ul li a:hover, #contenuti #lista-concetti ul li a:hover{
	background-image: none;
	background-color: #FFF;
	color: #000;
}


#contenuti a.back-top{

	padding-left: 30px;
	background-image: url('../_grafica/top.jpg');
	background-repeat: no-repeat;
	background-position: 0;	
	margin-top: 50px;
	display: block;
	width: 300px;
	clear: both

}

#contenuti a.back-top:hover{

	background-image: none;
	background-color: #FFF;
	color: #000;
	

}

#contenuti p.spiegazione-prodotto{

    height: auto !important;  /* per i browser moderni */
    height: 150px;      /* per IE5.x e IE6 */
    min-height: 150px;  /* per i browser moderni */	
    
    margin-left: 5px;

}


#contenuti img.immagine-prodotto{

	float: left;
	margin-right: 20px;
	margin-left: 5px;
	margin-top: 5px;

}

/* LISTA DEI CONTATTI */


#contenuti dl#lista-contatti{
	
	list-style: none;
	margin: 25px 30px 0 30px;
	padding: 0;

}

#contenuti dl#lista-contatti dt{

	line-height: 1.7em;
	height: 1.7em;
	margin: 1px;
	text-indent: 1em;
	font-weight: normal;
	text-transform: lowercase;
	font-style: italic;
	

}

#contenuti dl#lista-contatti dd{

	background-color: #e6e6e6;
	color: #000;
	line-height: 2em;
	height: 2em;
	margin: 1px;
	text-indent: 3em;
	

}



/* TABELLE PRODOTTI */

.specifiche {

	
	border-collapse: collapse;
	
	margin-bottom: 50px;
	
	margin-left: 5px;

	width: 100%

}

.specifiche td, .specifiche th{
	font-size: 0.8em;
	border: 1px solid #EEE;
	text-align: center;
	vertical-align: middle;
	padding: 3px 10px 3px 10px;
}

.specifiche thead th,
.specifiche thead td{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	background-color: #DDD;
	border-bottom: 2px solid #CCC;
	font-weight: bold;
	white-space:nowrap;
 

}

.specifiche thead td.tipo{

	width: 200px;

}




.icona{ background-repeat: no-repeat; background-position: center center }
.pdf{ background-image: url("../_grafica/icona_pdf.gif"); width: 20px; height: 30px }
.download{ cursor: pointer; display: block; text-decoration: none }