/* Css Document ############### *****Falconlift***** */

/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* All design and graphics copyright 2006, [Fabio Benedetti] */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
/* have fun */

/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* ##############################################################################*/ 

/* ###################### tag #########################*/ 

body {
  	background: transparent url(img/bg.jpg) repeat;
  	color: #000;
  	margin: 0px 0px 30px;
  	font-family: Verdana, Arial, Helvetica;
  	font-size: 12px; 
  	text-align: center; 
  	border: 0px;
}

#logo {
	width: 260px;
      height: 60px; 
	position: absolute;
      top: 10px;
      left: -70px;
      /*top: 66px;*/
      /*left: -270px;*/
      /*border: 1px solid red;*/
}

#logo_stampa {
      display: none;
      visibility: hidden;
}

html > body #logo {
      /*left: -240px;*/
      top: 10px;
      left: -70px;
}


#layout {
	margin: 10px auto 0px;
      height: 1px;
	width: 760px; 
	position: relative;
	z-index: 3;
      margin-top: -1px; /*corregge bug di internet explorer*/
}

#layout1 {
      margin-top: 30px;
	float: left;
	width: 760px;
      color: inherit;
      /*border: 2px solid red;*/
}

#main {
      float: left;
  	  background: transparent url(img/bg_main.jpg) repeat-y;
  	  color: #000;
      width: 760px;
      /*border: 1px solid red;*/
}


img {
      border: 0px;
}

.imgLeft {
     float: left;
     margin: 4px;
}

.imgRight {
     float: right;
     margin: 4px;
}

#colonna_1_2_3 {
      margin: 40px 0px 0px 10px;
      padding-bottom: 40px;
      float: left;
      width: 600px;
}

#colonna_1 {
      margin: 20px 0px 0px 10px;
      padding-bottom: 40px;
      float: left;
      width: 200px;
      /*border: 1px solid red;*/
}

#colonna_2_3_4 { /* l'immagine deve essere 400 x 350 */
      margin: 20px 0px 0px 40px;
      padding-bottom: 40px;
      float: left;
      width: 450px;
      /*border: 1px solid blue;*/
}

#colonna_1 p,
#colonna_2_3_4 p,
#colonna_1_2_3 p {
  	font-family: Verdana, Arial, Helvetica;
  	font-size: 11px; 
      color: #95A041;
      line-height: 17px;
  	text-align: left; 
}

#colonna_1 p b,
#colonna_1 p strong,
#colonna_2_3_4 p strong,
#colonna_2_3_4 p b,
#colonna_1_2_3 p strong,
#colonna_1_2_3 p b {
  	font-weight: bold;
      color: #FFC254;
}

#colonna_1 h1,
#colonna_2_3_4 h1,
#colonna_1_2_3 h1 {
      text-transform: uppercase;
  	  font-family: Arial Black, Arial, Helvetica, Verdana;
  	  font-size: 26px; 
      line-height: 22px;
  	  font-weight: bold;
      color: #FFC254;
      text-align: left;
}

#colonna_1_2_3 h2#productTitle,
#colonna_1 h2#productTitle{
      text-transform: uppercase;
  	  font-family: Arial, Helvetica, Verdana;
  	  font-size: 20px; 
      line-height: 17px;
      color: #FFD65B;
      text-align: left;
      margin-top: -15px;
}

h2.pageTitle {
      /*text-transform: uppercase;*/
  	  font-family: Arial, Helvetica, Verdana;
  	  font-size: 16px; 
      line-height: 17px;
      color: #FFD65B;
      text-align: left;
}



#colonna_4 {
      padding: 150px 0px 0px 10px;
      margin: 0px;
      float: left;
      width: 120px;
}

#colonna_5 {
      margin: 20px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      float: left;
      width: 120px;
	  display: none;
	  visibility: hidden;
	  /*da ripristinare..in seguito.. e mettere a colonna 2_3_4 margin-left: 10px e width 400px*/
}

.thumb {
      margin-left: 10px;
      float: left;
      width: 80px;
      height: 80px;
      border: 1px solid #676F2D;
}
html > body .thumb {
      margin-left: 20px;
}

#colonna_2_3_4 h2,
#extradivNews h2,
#colonna_4 h2 {
      text-transform: uppercase;
  	font-family: Arial Black, Arial, Helvetica, Verdana;
  	font-size: 17px; 
  	font-weight: bold;
      color: #676F2D;
      text-align: left;
}

#colonna_2_3_4 span.newsTitle, span.newsDate,
#extradivNews span.newsTitle, span.newsDate,
#colonna_4 span.newsTitle, span.newsDate {
      display: block;
      line-height: 12px;
  	font-family: Arial, Helvetica, Verdana;
  	font-size: 11px; 
  	font-weight: bold;
      color: #D2C739;
      text-align: left;
}

#colonna_2_3_4 span.newsPlace,
#extradivNews span.newsPlace,
#colonna_4 span.newsPlace {
      display: block;
      line-height: 12px;
  	font-family:  Verdana, Arial;
  	font-size: 11px; 
  	font-weight: bold;
      color: #95A041;
      text-align: left;
}

#colonna_5 p, 
p.newsMiniContent {
      margin-top: 5px;
      line-height: 11px;
  	font-family:  Verdana, Arial;
  	font-size: 10px; 
      color: #95A041;
      text-align: left;
}


#colonna_2_3_4 p {
      line-height: 15px;
  	font-family: Verdana, Helvetica, Arial ;
  	font-size: 11px; 
      color: #D2C739;
      text-align: left;
}

#colonna_2_3_4 p b,
#colonna_2_3_4 p strong {
  	font-weight: bold;
      color: #FFC254;
}


p.newsMiniContent b,
p.newsMiniContent strong {
  	font-weight: bold;
      color: #FFC254;
}

#extradivNews { /* INSERIRE DISPLAY NONE PER NON VISUALIZZARE LE NEWS NELLE PAGINE INTERNE */
	  position: absolute;
      z-index: 7;
      width: 200px;
      top: 600px;
      left: 550px;
      padding: 0px;
      /*border: 1px solid white;*/
}

#extradiv {
	  position: absolute;
      background: transparent url(img/bg_bar.gif) repeat-x;
      width: 100%;
      z-index: 1;
      top: 66px; 
      left: 0px;
      height: 48px;
      padding: 0px;
      /*border: 4px solid #666;*/
}

html > body #extradiv {
      top: 65px; 
}

#menu_centered {
      float: left;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 40px;
}
#top_menu { /* serve per le lingue, ed eventualmente per una mappa del sito*/
	position: absolute;
	font-family: Verdana, Arial;
      font-size: 10px;
      padding: 2px 0px 0px 0px;
      text-align: right;
      color: #FFC254;
	width: 350px;
      z-index: 1;
      top: 10px; 
      right: 0px;
      height: 18px;
}


.box {
      float: right;
	margin: 0px 2px 0px 0px;
	padding-top: 5px;
	background: transparent url(img/bg_box.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #000;
	width: 117px;
	text-align: center;
	height: 37px;
      /*border: 1px solid yellow;*/
}


/*######## MENU #########*/

div.centered {
     height: 46px; /*################## MODIFICANDO L'ALTEZZA SI MODIFICA LA DISTANZA DEL SOTTOMENU DALLA BARRA ARANCIONE #######*/
     padding: 0px;
     padding-left: 2px;
     /*border: 1px solid red;*/
     margin: 0px 0px 0px 0px;
     text-align: left;
}
html > body .centered {
     height: 48px;
     text-align: left;
}

#nav ul   {
     list-style: none;
     padding: 0;
     margin: 0;
}

#nav ul li { 
     margin: 0px 0px 0px 0px;  
}

ul li:hover { /* ### dato che qui non c'è #NAV PER non FAR VEDERE L'EFFETTO ROLLOVER SUi "LI" del footer, è stato aggiunto un ul.footer li:hover ### */
      background-color: #D6C31E; /* ### ma tanto quell'effetto rollover sul IE 6 non si vede  ;) ### */
      /*filter: alpha(opacity=70);*/
      /*-moz-opacity: 0.7;*/
      /*opacity: 0.9;*/
}

#nav {
     list-style: none;
     float: left;
     width: 760px;
     /*border: 2px solid yellow;*/
     margin: -8px auto 0px;
     padding-top: 4px;
}

span.menuTitle {
     float: left;
     width: auto;
     text-align: left;
     margin-top: 10px;
}

span#category {
     font-family: Arial, Verdana;
     font-size: 12px;
     font-weight: bold;
     padding: 0px 0px 10px 20px;
     float: left;
     text-align: left;
     color: #FFC254;
     height: 20px;
     width: auto;
}

span#download {
     font-family: Arial, Verdana;
     font-size: 10px;
     font-weight: bold;
     padding: 0px 0px 10px 0px;
     float: left;
     text-align: left;
     color: #FFC254;
     height: 20px;
     width: auto;
     /*border: 1px solid red;*/
}

span#path {
     font-family: Verdana, Arial;
     font-size: 10px;
     padding: 5px 10px 0px 0px;
     float: right;
     text-align: right;
     color: #FFC254;
}


/*###### LINKS #########*/

a 	  {
      background-color: transparent; 
      color: #000;  
}

a:link, a:focus, a:active {
      background-color: transparent;
      color: #000; 
      text-decoration: none;
}

a:visited {
      color: #000; 
      text-decoration: none;
}

a:hover {
      background-color: transparent;
      text-decoration: underline;
      color: #676F2D;  
}

/*###### LINKS Visible #########*/

a.visible {
      background-color: transparent; 
      color: #FFC254; 
}

a:link.visible, 
a:focus.visible, 
a:active.visible {
      background-color: transparent;
	color: #D2C739; 
      text-decoration: underline;
}

a:visited.visible {
	color: #D2C739; 
      text-decoration: underline;

}

a:hover.visible {
      background-color: transparent;
      text-decoration: underline;
      color: #FFC254;
}

/*###### ###### #########*/

#nav a {
      font-family: Arial, Verdana;         
      letter-spacing: -0.00em; /* ATTENZIONE!! se si MODIFICANO SBORDA SOTTO LA BARRA */
      font-weight: bold;
      color: #000;
      font-size: 12px;  /* era 12 -- ATTENZIONE!! se si MODIFICA IL LETTER-SPACING DIMINUIRE LA DIM. DELLA FONT. */
      /*letter-spacing: 0em;*/
}

#nav a {
      text-decoration: none;
}

#nav li li a {
      font-family: Arial, Verdana;
      font-size: 11px;
      font-weight: bold;
      letter-spacing: 0.02em;
	  display: block;
	  color: #FFCC66;
	  padding: 0.2em 10px;
      border-top: 1px solid #3E4318;
}

#nav li li a:hover {
	background-color: #4A5120;
}

#nav li {
      list-style: none;
	float: left;
	position: relative;
	width: 145px; /*#################################################### DA MODIFICARE IN CASO SI ALLARGHI IL MENU PRINCIPALE #########*/ /*con 145 px siamo al limite!!, prima era 135*/
	text-align: left;
	cursor: default;
}

#nav li.small { /* questa classe è stata fatta appositamente perché le prime voci di menu sono più corte delle altre. Ciò comportava uno spreco di spazio. Quindi alle prime voci è stata data una larghezza fissa di 100px, mentre le altre voci conservano la largezza fissa dell selettore #nav li. Questo comportava un baco in Mozzilla, poiché il sottomenu risultava della grandezza di 100px. Il baco è stato risolto con il selettore figlio li.small > ul. Adesso tutte le voci del menu risultano affiancate sulla stessa barra arancione del menu.*/
      list-style: none;
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
      width: 105px; /*era 100*/
}

#nav li.small > ul { /* !Attenzione! questa dicitura, con il selettore figlio li.small > ul  permette di avere il sottomenu delle voci "small" della stessa larghezza del sottomenu delle voci che non hanno la classe small */
      width: 145px; /*era 135*/
}


#nav li ul {
	  display: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  font-weight: normal;
      background-color: #68702D;
      /*filter: alpha(opacity=70);*/
      /*-moz-opacity: 0.7;*/
      /*opacity: 0.9;*/
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}


/*######## Footer #########*/

#footerBar {
      float: left;
  	background: transparent url(img/bg_footer.gif) no-repeat;
  	color: #000;
      height: 28px;
      width: 760px;
}

ul.footer {
      font-size: 10px;
      font-family: Verdana, Helvetica; 
      padding: 0.2em 0.2em;
      text-align: right;
      margin: 0px;
}

ul.footer li {
      display: inline;
      margin: 0em 0.2em;
      height: 0px;
}

ul.footer li a {
      white-space: nowrap;
      color: #676F2D; 
      text-decoration: underline;   
}

ul.footer li a:link {
      background-color: transparent;
      color: #676F2D;  
      text-decoration: underline;
}
ul.footer li a:visited {
      color: #676F2D; 
      text-decoration: underline; 
}

ul.footer li:hover{
      background-color: transparent;
      color: #3E431B;
}

ul.footer li a:hover {
      background-color: transparent;
      color: #3E431B;
      text-decoration: underline;
}

ul.footer li a:active {
      background-color: transparent;
      color: #676F2D;  
      text-decoration: underline;
}

span#infoline {
      float: left;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      font-family: Arial, Verdana, Helvetica; 
      color: #FFF;
      text-align: left;
      margin: 0px 5px 0px 5px;
}

span#number {
      float: left;
      color: #676F2D;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      font-family: Arial, Verdana, Helvetica; 
      text-align: left;
}

/* ######## Formattazione Tabella Principale ######### */

thead {
      background-color: transparent;
      color: #000;
}
caption {
	width: 700px;	 
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-style: italic;
      font-size: 10px;
      color: #FFF;
	text-align: right;
}

table {
      border-collapse: collapse;
}

#tablediv {
      float: left;
  	background: transparent url(img/bg_main.jpg) repeat-y;
  	color: #000;
      width: 760px;
      margin: auto;
      margin: 0px 0px 20px 0px;
}

th {
      height: 20px;
}

td {
      height: 25px;
      padding: 0em;
      border: 1px solid #3F3D36;
      border-style: solid none;    
}

tr.odd {
      height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
	text-align: center;
      background-color: transparent;
      color: #DCB84D;
}

tr.even {
      height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
	text-align: center;
      background-color: #DCB84D;
      color:  #3F3D36;
}

.tableTranspallet {
      width: 320px;
      margin-left: 5px;
	  float: left;
      margin-right: 3px;
}

.tableTranspallet td{
	text-align: left;
    padding-left: 10px;
}

.tableProducts {
	float: left;
}

#headMenu {
  	background: transparent url(img/bgHeadMenu.png) no-repeat;
  	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
}
th.model {
      width: 50px;
  	background: transparent url(img/bgModel.png) no-repeat;
      color:  #3F3D36;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
}
th.modelBigger {
      width: 80px;
  	  background: transparent url(img/bgModelBigger.png) no-repeat;
      color:  #3F3D36;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
	  letter-spacing: -0.05em;
      font-weight: bold;
}

td.mini {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 8px;
      font-weight: normal;
}

/*#################### FORM ######################*/

legend {
     color: #FFC254;
}

fieldset {
     width: 360px; /*si può omettere */
     padding: 5px;
     border: 1px solid #FFC254;

}
input.text {
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     text-align: left;
     background-color: transparent;
     width: 250px;
     margin: 0px;
     color: #FFC254;
     border: 1px solid #FFC254;
}

form {
     margin: 0px;
     padding: 0px;
}

textarea.comments{
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     text-align: left;
     background-color: transparent;
     width: 250px;
     height: 150px;
     overflow: auto;
     margin: 0px;
     color: #FFC254;
     border: 1px solid #FFC254;
}

label {
     float: left;
     width: 80px;
}

input.submit {
     float: right;
     text-align: center;
     width: 70px;
     font-size: 10px;
     font-family: Verdana, sans-serif; 
     border: 1px solid #FFC254;
     background-color: transparent;
     margin-right: 20px;
     color: #FFC254;
}

input:focus, 
textarea:focus {
	background: #333;
	border: 1px solid #C0C82B;
}