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

body {
  margin: 0;
  padding: 0;
  background:  url(../images/body_bg.gif) repeat-x top left;
  background-color:#eff4fb;
  height:auto;
  /*font-family: "Arial", sans serif;*/
  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;
}
ul{ 
	padding:15px; 
	padding-top:0px; 
	margin:0; 
} 
li{ 
	padding:0; 
} 
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;
}

.imgFloatRight  {
	float:right;
	margin:5px;
	margin-top:0px;
}

.imgFloatLeft  {
	float:left;
	margin:5px;	
}
.imgCenter {
	display: block;
	margin: 0px auto;
	text-align: center;
}
/*****************************************************************
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 {
  position: relative;
  /*border: 1px dotted #ccc;*/
  display:block;
  width: 780px;
  top: 5px;
  left: 0px;  
}


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

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

div#subMenu #titolo a  {
	color: #00A3E4;  
  text-decoration:none;
}

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

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



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


div#subMenu ul li.subMenu_active {
  display: block;
  height:15px;
  padding: 2px 0 2px 5px;
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  font-size: 0.7em;
  background-color: #AAC343;
  color: white !important;   
}
div#subMenu ul li.subMenu_active_mese {
  display: block;
  height:15px;
  padding: 2px 0 2px 5px;
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  font-size: 0.7em;
  background-color: #AAB4C1;
  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 {
  width: 780px;
  position: relative;
  height: 150px;
  clear: both;
}
div#header h1 {
	z-index:1;
  padding: 0;
  margin-top: -40;
  position: absolute;
  left: 10px;
  width: 175px;
  height: 93px;
  /*background: url(../images/logo.gif) no-repeat left top;*/
}
div#header h1 a {
	z-index:1;
  display: block;
  width: 175px;
  height: 93px;
}
div#headerImage {
	top:0px;
  width: 780px;
  height:117px;
  position: relative;
  clear: both;
}

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

div#mainNav{
  position: absolute;
  font-size: 0.70em;  
  top: -40px;
  right: 0;
  font-family: "Arial", sans serif; 
  /*letter-spacing: -0.01em;   */
}
div#mainNav ul {
  padding: 0;
  margin: 0;
}
div#mainNav ul li {
  list-style-type: none;
  float: left;
}
div#mainNav ul li a {
  display: block;
  cursor: hand;
 /* width:80px;*/
  height:30px;
  float:left;  
  padding: 13px 15px 2px 7px;
  background: url(../images/dotted_border.gif) repeat-y top left;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  color: #333;
  border-top: 7px solid #AAB4C1;
}

div#mainNav ul li a:hover,  div#mainNav ul li.firstLetter {
  height:30px;
  float:left; 
  display: block;
  padding: 13px 15px 2px 7px;
  background: url(../images/dotted_border.gif) repeat-y top left;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  border-top: 7px solid #00A3E4;
  color: #00A3E4;
}

div#mainNav ul li  {
  background-image: none;
}
/*****************************************************************
questo è il div che contiene la barra superiore della ricerca e lingue
******************************************************************/
div#barraSup {
  position: relative;
	top: 0;
  width: 780px;
  height: 35px;  
}


/*****************************************************************
questo è il div che contiene il menu delle lingue
******************************************************************/
div#languages {
  top: 0;
  left: 0; 
  position: absolute;
  margin: 5px;
  width: auto;
	border: none;  
}

div#languages ul {
  padding: 0;
  margin: 5 5 5 5;
}
div#languages ul li {
  list-style-type: none;
  float: left;
  font-weight: bold;
}
div#languages ul li a , .current_lang{
  display: block;
  border-right: 1px solid #BABFC5;
  padding: 1px 4px 2px 4px;
  font-size: 0.7em;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  color: #BABFC5;
}
div#languages ul li a:hover , .current_lang{
  color: #00A3E4;
}
/*****************************************************************
CONTENUTI PRINCIPALI DELLA HOME PAGE
******************************************************************/
div#mainContent{
  position: relative;
  width: 780px;
}

div#globalActivities {
  width: 500px;
  height: 320px;
  padding:2px;
  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#areaRiservata select{
  margin: 3 0 0 0px;
  font-size: 0.7em;
  width:150;
  color:#666;
}
/*********************************************************
formattazione 3° blocco homepage
******************************************************************/
div#utils {
	z-index:1;
  position: relative;
  margin-top:5px;
  width: 780px;
  height:auto;   
}
div#fondaMenu {
  width: 180px;
  padding:2px;
 	float:left;
  margin-left: 5px;
  display:block;  
}

div#goldBox {
  padding:2px;
  background-color: #DEE2E3;
  position: relative;
  clear:both;      
}
div#goldBox .innerbox  {
  border:1px solid #fff;   
}

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

div#separatore {
 	float:left;
  width: 20px;
  height: 180px;
  background: url(../images/sfumatoLeftBkg.jpg) no-repeat top left;
}

div#latestNews {
  width: 380px;
  height: 180px;
 	float:left;
  padding-left:20px;
	background: url(../images/sfumatoLeftBkg.jpg) no-repeat top left;  	   
}

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 l'area riservata
******************************************************************/
div#areaRiservata {
	float:left;	
  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 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: 610px;
}
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 {
  top: 3; right: 0; 
	text-align: right;
  position: absolute;
	width: 250px;  
}

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

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

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 {
	cursor:hand;
	margin-top:3px;
}
div#siteSearch label {
  font-size: 0.9em;
  color: #666;
}

div#siteSearch .button {
	width: 15px;
	height: 15px;
	background: url(../images/freccia_sx.png) no-repeat;
	border: none;
}
.evidenziato {
	font-weight: bold;
	color:#336699;
	/*text-transform:uppercase;*/
}

/*****************************************************************
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 il box a destra menu di servizio hp
******************************************************************/
div#menuServizio {
  position: relative;
  left: 10px;
  width: 170px;
  height:auto;  
  border: none;
}

div#menuServizio img {
  margin-top:10px;
  margin-bottom:5px;  
  float:left;
  width: 150px;
	border:none;
}

div#menuServizio ul {
  position: relative;
  margin: 5px 2 0 2px;
  padding: 0;
}

div#menuServizio ul li {
  line-height:0.8em;
  list-style-type: none;
  padding-left: 10px;
  background: url(../images/menuArrow.png) no-repeat 0 5px ;
}

div#menuServizio ul li a {
  text-decoration: none;
  font-size: 0.7em;
  color: #333;
}

div#menuServizio ul li a:hover {
  color: #00A3E4 !important;
  text-decoration: 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: 610px;
  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 {
  text-align:justify;
	vertical-align:top;
  font-size: 0.7em;    
  letter-spacing:0.05em;
  margin-top:0px; 
}

div#Sezione #testoSezione td {
	text-align:left;
	vertical-align:top;
}

div#Sezione #testoSezione .imgfloat img{
	float:right;
	display:inline;
}

/*
div#Sezione #testoSezione img {
	text-align:left;
	vertical-align:top;
}
*/


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: relative;
  width: 780; 
  display:block;  
  font-size: 0.7em;
  padding-left:5px;
}
div#footerHP a {
  color: #00A3E4;
  text-decoration:none;
}
div#footer {
  position: relative;
  width: 780;
  display:block;  
  font-size: 0.7em; 
  padding-left:5px; 
}
div#footer a {
  color: #00A3E4;
  text-decoration:none;
}
div#footer ul {
	float:right;
  position: relative;
  margin: 5px 2px 0 2px;
  padding: 0;
}

div#footer ul li {
	float:left;
  list-style-type: none;
  margin-left:10px;
  padding-left: 10px;  
  background: url(../images/menuArrow.gif) no-repeat 0 4px ;
}


div#footer ul li a {
  text-decoration: none;
  color: #333;
}

div#footer ul li a:hover, div#footer ul li.firstLetter {
  color: #00A3E4 !important;
  text-decoration: none;
}

div#w3c  {
  position: relative;
  display:block;
  /*border-top: 7px solid #ccc;*/
  padding-top:10px;
  padding-left:5px;  
  height:auto;
}
.credits {
	font-size:0.8em;
}

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

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



#testoSezione li {
	list-style: url(../images/bullet.gif) outside;
	padding-left:5px;
	font-size: 0.7em;   
}

.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:auto !important;;  	
}
.liv2 a:hover {
  color:#fff !important;; 
  background:#00A3E4;  	
}
/*****************************************************************
Fine DIV LISTA
*****************************************************************/
/*****************************************************************
UL LI DENTRO TESTO SEZIONE
*****************************************************************/

div#elencoLink  {
	clear:both;
	position:relative;
  display: block;
  height:100px;
  /*font-size: 0.7em;*/
  margin-top:10px;
}

div#elencoLink ul  {
	padding:0;
	margin:0;
}

div#elencoLink ul li {
  display: block;
  font-weight:normal;
	float:left;
  list-style-type: none;
  width:190px;
  height:auto;
  margin-top:3px;  
  margin-right: 10px;
  /*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:0.9em;
}