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

body {
  margin: 0;
  padding: 0;
  background:#fff;
  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;*/
}


div#wrapper {
	margin:0px;
	width: 220px;	
}

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


/*****************************************************************
questo è il div che contiene la barra vert in tutte le altre pag
******************************************************************/
div#subMenu {
	position:relative;
  display: block;
  width: auto;
  height: auto;
}
div#subMenu #titolo {
  margin: 0 0 5px 5px ;
  width: auto;

}
div#subMenu #titolo p {
  text-transform: uppercase;
  font-weight: bold;  
	padding: 5px;
	color: #00A3E4;  
  font-family: "arial", sans serif;    
}

div#subMenu ul {
  margin: 5px;
  padding: 0;
}

div#subMenu ul li {
  list-style-type: none;
}
div#subMenu ul li a {
  display: block;
  height:10px;
  text-decoration: none;
  font-size: 0.7em;
  color: #333;
  padding: 2px 0 2px 5px;
}



div#subMenu  a:hover {
  display: block;
  background-color: #AAC343;
  color: white !important;
}

div#subMenu ul li.subMenu_active {
  display: block;
  height:10px;
  padding: 2px 0 2px 5px;
  list-style-type: none;
  font-size: 0.7em;
  background-color: #AAC343;
  color: white !important;   
}
.subMenu_link a {
  display: block;
  height:15px;
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  padding: 2px 0 2px 5px;
  font-size: 0.7em;
  font-weight: bold; 
}

/*****************************************************************/
/*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 {
  position: absolute;
  top:0;
  left:0;
}
div#header h1 {
	height:90px;
  background: url(../images/logo.gif) no-repeat left top;
}
div#header h1 a {
  display: block;
	height:45px;  
}
div#headerImage {
	display:none;
}

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

div#mainNav{
	width:100px;
  font-size: 0.70em;  
  font-family: "Arial", sans serif; 
}
div#mainNav ul {
  padding-left: 5px;
}
div#mainNav ul li {
  list-style-type: none;
  padding: 0;  
  border:none;
  height:8px;
  background-image:none;
}
div#mainNav ul li a {
  display: block;
  padding: 0;  
  cursor: hand;
  border:none;  
  height:8px;
  color: #333;
  background-image:none; 
  font-weight:normal;  
}

div#mainNav ul li a:hover,  div#mainNav ul li.firstLetter {
  display: block;
  padding: 0;  
  border:none;  
  height:8px;    
  text-decoration: none;
  color: #00A3E4;
  background-image:none;
}
/*****************************************************************
questo è il div che contiene la barra superiore della ricerca e lingue
******************************************************************/
div#barraSup {
	position:absolute;
	right:0px;
	top:0px;
}


/*****************************************************************
questo è il div che contiene il menu delle lingue
******************************************************************/
div#languages {
	position:absolute;
	right:0px;
	top:0px;
}

/*****************************************************************
CONTENUTI PRINCIPALI DELLA HOME PAGE
******************************************************************/
div#mainContent{
  position: relative;
  width: 220px;

}

div#globalActivities {
	display:none;
}
div#globalSites {
	display:none;
}
div#ricercaVeloce {
  position: relative;
  height: 75px;
  padding: 5px 0 0 5px;
  font-weight:bold;
  color:#1E6099;
	background-color:#fff;  
}


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

div#goldBox {
	display:none;
   
}

div#separatore {
	display:none;
}

div#latestNews {
	display:block;
  width: 220px;
  position: relative; 
	background-image:none;
	margin:0px;
	padding-left:5px;   
}

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;	
}


/*****************************************************************
questo è il div che contiene il menu delle briciole di pane
******************************************************************/
div#briciole {
	display: none;
}
/*****************************************************************
questo è il div che contiene il campo ricerca
******************************************************************/

div#siteSearch {
  top: 3; right: 0; 
	text-align: left;
  position: absolute;
	width: 220px;  
}

div#siteSearch input  {
  font-size: 0.7em;
	margin-top:3px; 
	margin-right:3px;
	padding-left:3px;
	width: 115px;
	align: right;
	width: 220px;  
}

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

div#siteSearch a {
	font-size:0.6em;
	padding:2 2 2 5;
	width:10%;
	border: 1px solid #1E6099;
	color:#1E6099;
	text-decoration: none;
	position:relative;
}
div#siteSearch a:hover {
	border: 1px solid #999;
	color:#999;
	text-decoration: none;
}
div#siteSearch img {
	display:none;
}
div#siteSearch label {
  font-size: 0.9em;
  color: #666;
}

div#siteSearch .button {
	display:none;
}

/*********************************************************
questo è il div che contiene l'area riservata
******************************************************************/
div#areaRiservata {
	display: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: 220px;
  height:auto;   
  /*border: 1px solid #CC9933;  */
}


div#Sezione {
	position:relative;
	z-index:1;
  float:left;
  left:5px;
  width: auto;
  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:5px;
  padding-left:5px;		
  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;
  margin-bottom:0px; 
}
/*div#Sezione #testoSezione img {
	display:none;
}*/

div#Sezione #testoSezione img {
	float:left;
	display:inline;
}

div#Sezione #testoSezione {
  padding-top:10px;
  padding-left:5px;
  margin-bottom:0px;   
}

/******** 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: relative;
  width: 220px; 
  display:block;  
  border-bottom: 7px solid #ccc;	
  font-size: 0.7em;
  padding-left:5px;
}
div#footer {
  position: relative;
  width: 220px;
  display:block;  
  border-bottom: 7px solid #ccc;	
  font-size: 0.7em; 
  padding-left:5px;  
}

div#footer ul {
  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;
}