/*
** CSS Developed for:
** Liquido CMS System for Segafredo Zanetti Spa
** www.derbau.com
** info@derbau.com
*/

body {
  margin: 0;
  padding: 0;
  height:auto;
  font-family: "Arial",  serif;
  font-size: 100%;
}
hr {
  border: none;
  background: none;
  height: 1px;
  border-top: 1px solid #ccc;
}
p {
  font-family: "arial",  serif;
  font-size: 0.8em;  
}

form {
  margin: 0; padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "gill sans", sans serif; 
  font-weight: normal;
}

input  {
  font-size: 0.7em;
  margin: 5 5 5 0;
	align: left;
	width: 90%;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;	
}

input:focus  {
  background-color: #F6ECD0;
}

.clear { clear: both; }


.titoletti {
  font-weight:bold;
  color:#1E6099;
  font-size:0.7em;
  text-transform: uppercase;  
}

label {
	position: absolute;
	left: 0px;
	width: 90px;
	height: 30px;
	margin: 5 5 5 0;
  text-align: right;
} 

.space-line {
  clear: both;
  display:block;
  width: auto;
	/*padding-bottom:5px;*/
  border-bottom: 1px solid #ccc;
  margin-bottom:5px;
}
div#dotted-line {
  clear: both;
  /*margin: 5;*/
  /*border-bottom: 1px dotted #ccc;*/
}


/*****************************************************************
Il div wrapper è il contenitore di tutto il resto
Parte dal 40 pixel in modo da lasciare lo spazio per
il div top bar in alto
*****************************************************************/
div#wrapper {
  margin-top: 40px;
}

/*****************************************************************
Il div container è il contenitore di tutto tranne il leftBar e va
messo sullo z-index:2
*****************************************************************/
div#container {
  width: 780px;
  top: 5px;
  left: 0px;  
  position: relative;
  height: 100%; 
}


/*****************************************************************
questo è il div che contiene la barra vert in tutte le altre pag
******************************************************************/
div#subMenu {
  display: none;
  z-index: 1;
	position:relative;
  width: 160px;
  height: auto;
  float:left;
}


/*****************************************************************/
/*mozilla e opera */

html>body #subMenu ul li a  {
  height:auto;
}
html>body  #subMenu ul li.subMenu_active  {
  height:auto;
}


/*****************************************************************
questo è il div che contiene il logo 
******************************************************************/

div#header {
	display:none;   
}
div#headerImage {
	display:none;   
}

/*****************************************************************
questo è il div che contiene il menu di navigazione principale
******************************************************************/

div#mainNav{
	display:none;   
}
/*****************************************************************
questo è il div che contiene la barra superiore della ricerca e lingue
******************************************************************/
div#barraSup {
	display:none;   
}


/*****************************************************************
questo è il div che contiene il menu delle lingue
******************************************************************/
div#languages {
	display:none;   
}
/*****************************************************************
CONTENUTI PRINCIPALI DELLA HOME PAGE
******************************************************************/
div#mainContent{
  position: relative;
  width: 780px;
  /*border:1px solid #000;   */
}

div#globalActivities {
  width: 500px;
  height: 320px;
  padding:2px;
  /*background: url(../images/mainBoxBkg.gif) no-repeat top left;*/
  background-color: #DEE2E3;
  position: relative;
  left: 10px;
  /*top:10px;*/
}
div#globalActivities .innerbox {
	display:block;
  height: 316px;
  border:1px solid #fff;    
}
div#globalSites {
  width: 260px;
  height: 230px;
  position: absolute;
  float:right;
  top:0;right:0px;
}
div#globalSites .innerBox {
  height: 226px;
  border:1px solid #fff;   
}
div#ricercaVeloce {
  position: absolute;
  width: 255px;
  height: 75px;
  /*background: url(../images/ricercaVeloceBkg.gif) no-repeat top left;*/
  background-color: #DEE2E3;
  right: 0;  top:245;
  padding: 5px 0 0 5px;
  font-weight:bold;
  color:#1E6099;
}


div#ricercaVeloce select{
  margin: 3 0 0 0px;
  font-size: 0.7em;
  width:220;
  color:#666;
}
div#utils {
  position: relative;
  width: 780px;
  
}

div#goldBox {
	top:5px;
  width: 180px;
  height: 110px;
  padding:2px;
  /*background: url(../images/mainBoxBkg.gif) no-repeat top left;*/
  background-color: #DEE2E3;
  position: relative;
  margin-left: 10px;
  clear:both;
   
}
div#goldBox .innerbox  {
  border:1px solid #fff;   
}

div#goldBox .innerbox img {
	margin: 2px;  
}

div#separatore {
	position:absolute;
	left:590;
	top:0;
  width: 20px;
  height: 200px;
  background: url(../images/sfumatoLeftBkg.jpg) no-repeat top left;
}

div#latestNews {
	display:block;
  width: 380px;
  height: 180px;
  position: absolute;
  top: 5;
  left: 200px;
  padding-left:20px;
	background: url(../images/sfumatoLeftBkg.jpg) no-repeat top left;  	
	clear:both;     
}

div#latestNews ul {
  padding: 0;
  margin: 0px;
  margin-top:5px;
  width: 100%;
}
div#latestNews ul li {
  list-style-type: none;
  width: 100%;
  padding: 2px 0 3px 0;
  font-size: 70%; 
  border-top: 1px solid #ececec;  
  clear:both;
 /* background-color: #ececec;  */
}
div#latestNews ul li img{
	float:left;
	margin-right:10px;
}
div#latestNews ul li a {
	display:block;
	float:left;	
	padding: 2px 0 3px 0;
 	text-decoration: none;
	color: #336699;
	font-weight: bold;
	font-size: 1.1em; 
  border-top: 1px solid #ececec;  	
}
div#latestNews ul li a:hover {
	display:block;
  padding: 2px 0 3px 0;
 	color: #00A3E4;	
 	/*background-color: #00A3E4; */  
}


/*****************************************************************
questo è il div che contiene il menu delle briciole di pane
******************************************************************/
div#briciole:after { content: ""; display: block; height: 0; clear: both; }
div#briciole {
	z-index:1;
  letter-spacing:0.1em; 
  left: 0; 
  position: relative;
  width: 500px;
}
div#briciole ul {
  padding: 0;
  margin: 0 3;
}
div#briciole ul li {
  list-style-type: none;
  float: left;
}

div#briciole ul li a , .current_briciola{
  padding-right:  4px;
  text-align: left;
  text-decoration: none; 
  color: #999;
}
div#briciole ul li a:hover , .current_briciola{
  /*display: block;*/
  color: #00A3E4;
}
/*****************************************************************
questo è il div che contiene il campo ricerca
******************************************************************/

div#siteSearch {
	display:none;   
}

/*****************************************************************
questo è il div che contiene il flash promozionale hp
******************************************************************/
div#flashPromo {
  position: absolute;
  top: 100;
  left: 180;
  width: 600px;
  height:210px;  
  background-color: #fff;
  border: none;
}
div#flashPromo p {
  margin: 5px;
  position: absolute;
  width: 590px;
  height: 200px;
	/*background: url(../images/flash_spot.jpg) no-repeat;*/
  border: none;
}

/*********************************************************
questo è il div che contiene l'area riservata
******************************************************************/
div#areaRiservata {
  position: absolute;
  top: 5;
  right: 0;
  width: 170px;
  height:auto;  
}
div#areaRiservata a {
	font-size:0.8em;
	display:block;
	padding:2 2 2 5;
	width:30%;
	border: 1px solid #1E6099;
	color:#1E6099;
	text-decoration: none;
}
div#areaRiservata a:hover {
	border: 1px solid #999;
	color:#999;
	text-decoration: none;
}


/*****************************************************************
questo è il div che contiene il box a destra menu di servizio hp
******************************************************************/
div#menuServizio {
	display:none;   
}

/*****************************************************************
questo è il div che contiene le news ... che andrà cambiato hp
******************************************************************/

div#news  {
  position: relative;
}

.news  {
  position: relative;
}

.news .data {
  font-size: 0.7em;
  color: #00A3E4;
  font-weight: normal; 
}
.news .titolo {
	display:block;
  font-size: 1em;
  font-weight: bold;
	color:#336699;  
}

.news  #prec {
	display:block;
  float:left;
}
.news #succ {
	display:block;
  float:right;
  color:#333;
	padding-right:5px;  
  text-align:right;
}

/*****************************************************************
SEZIONI E SOTTOSEZIONI
/*****************************************************************
questo è il div che contiene la foto / flash della sezione menù 
principale
******************************************************************/
/*****************************************************************
SEZIONI E SOTTOSEZIONI
/*****************************************************************
questo è il div che contiene la foto / flash della sezione menù 
principale
******************************************************************/
div#Contents {
  position: relative;
  display:block;
  margin-left: 0px;
  width: 780px;
  height:auto;   
  /*border: 1px solid #CC9933;  */
}
/* Hide from IE-Mac \*/
div#Contents {
  position: relative;
  display:block; 
  top: 5px;
  left: 0px;
  width: 780px;
  margin-left:0px;
}
/* End hide */ 



/* solo per Opera */
@media all and (min-width: 0px){
	div#Contents {
	top: 25px;
	}
}

div#Sezione {
	position:relative;
	z-index:1;
  float:left;
  left:5px;
  width: 620px;
  height:auto;
}



div#Sezione #imageProdotto {
  position: relative;
  float:right;
  top:5px;
	padding-right:5px;
	padding-top:5px;
}

div#Sezione a {
  text-decoration: none;
  color: #336699;
}
div#Sezione a:hover {
  text-decoration: none;
	color:#00A3E4;
}

div#Sezione #icone img {
	float:right;
  margin: 5px;
  position: relative;
  border: none;
}

div#Sezione #titoloSezione  {
  text-transform: uppercase;
	padding-top:5;	
  position: relative;
  font-size: 1.2em;
  color: #00A3E4;
}

div#Sezione #briciole {
  margin: 5px 0 5px 0;
  position: relative;
  font-size: 0.7em;
  color: #00A3E4;
}
div#Sezione #testoSezione p {
  font-size: 0.7em;    
  letter-spacing:0.05em;
  margin-top:0px; 
}



div#Sezione #testoSezione {
  padding-top:10px;
}

/******** non utilizzato al momento 5/9/07 *****************************/

div#imagePrincipale  {
	display:block;
	margin-left:10px;
  float:right;
  height:auto;
  width:auto;
  background: #fff;
}

div#imagePrincipale  img{
	display:block;
  margin-bottom:10px;
}

/*****************************************************************/
/*  immagine marchi e aziende  FM 05/09/2007                     */                        
/*****************************************************************/

div#imageLogo {
	display:block;
  border:1px solid #ccc; 
  float:left;
  height:auto;
  width:auto;
  margin: 0 20px 10px 0px;
  background: #fff;
}


div#imageLogo  img{
	display:block;
  margin:10px;
}

div#Sezione #spazio {
  display: block;
  height:10px;
  position: relative;
  margin-bottom:10px;
}


/*****************************************************************
FOOTER PER LE PAGINE != DA HOME PAGE
/****************************************************************/
div#footerHP {
  position: absolute;
  top: 500;
  width: 780; 
  display:block;  
  border-bottom: 7px solid #ccc;	
  font-size: 0.7em;
  padding-left:5px;
}
div#footer {
	display:none;    
}
div#w3c  {
	display:none;   
}

/*****************************************************************/

/*****************************************************************
Il div lista contiente una lista di div annidati utile per la 
mappa del sito e per qualsiasi altro usa ne si voglia fare
*****************************************************************/

#testoSezione .liv0 {
	margin:0 10px 0 0;
	width:auto;
  display:block;
  font-size:0.7em; 
  clear:both;	
}
.liv0 img {
	border:none !important;;
}

#testoSezione .liv0 a {
	padding-top:2px;	
  display:block;	
  color:#333;
  height:30px;
}

#testoSezione .liv0 a:hover {
  text-decoration:none; 
  color:#666;   	  
}


.liv1 {
	margin-right: 13px;
	float:left;
	width:130px;
	border-top: 3px solid #00A3E4;
  margin-bottom:15px;	
  /*clear:right;	   */
}

.liv1 a {
  color:#333;	  
		
}
.liv1 a:hover {
  background:#eee; 	  
}
.liv2 a {
	padding-left:5px;
  display:block;
  color:#00A3E4 !important;; 
  height:15px !important;;  	
}
.liv2 a:hover {
  color:#fff !important;; 
  background:#00A3E4;  	
}
/*****************************************************************
Fine DIV LISTA
*****************************************************************/
/*****************************************************************
UL LI DENTRO TESTO SEZIONE
*****************************************************************/

div#elencoLink  {
	position:relative;
  display: block;
  height:100px;
  font-size: 0.7em;
  margin-top:15px;
}


div#elencoLink ul li {
  display: block;
  font-weight:normal;
	float:left;
  list-style-type: none;
  width:170px;
  height:auto;
  margin-right: 15px;
  /*margin-left:-20px;*/
}
div#elencoLink ul li a {
  display: block;
  height:auto;
  text-decoration: none;
  color: #333;
  padding: 0px 0px 0px 5px;
  margin-bottom:5px;
  border-left: 8px solid #1E6099;
}

div#elencoLink ul li a:hover {
  display: block;
  /*background-color: #00A3E4;*/
  color: 00A3E4 !important;
  text-decoration: none;  
  border-left: 8px solid #00A3E4;  
}

/*****************************************************************
FINE UL LI DENTRO TESTO SEZIONE
*****************************************************************/

 #informazioni {
  font-size: 0.7em;
  text-decoration: underline;
  color:#333;
  margin-bottom:10px;
}

.piva {
  /*padding-left:10px;*/
  color:#B17308;
}
.titoletto {
  color:#00A3E4;
  font-weight:bold;
  font-size:1.2em;
}