/************* ELEMENTS *************/

body {
   font: 90% Verdana, Arial, Helvetica, sans-serif;
   color: #000;   
   background-color: #FFF;
   margin: 0;
   padding: 0;
   border-left: 0px #FFF solid;
   }

.bottom {
      clear: both;
   }
   
p {
   font: 90% Verdana, Arial, Helvetica, sans-serif;
   color: #000;   
   background-color: transparent;
   }

#content {
      color: #000;
      background-color: #FFF;
       }

#logo{
      color: #FFF;
      background-color: #3B3B3B;
      border-top: 15px #3B3B3B solid;
      border-bottom: 4px #3B3B3B solid;
      border-left: 12px #3B3B3B solid;
	  font-size: 85%;
	  font-weight: bold;
   }
   
 #lingua { 
 	margin-left: 15px;
	margin-top: 10px;
   }
   
img {
   margin: 0;
   border: 0;
      }

#box {
      width: 185px;
      float: left;
      color: #000;
      background-color: #FFF;
      padding: 5px 0px;
   	/***padding-bottom: 8px;
	border-top: 3px solid #fff;
	width: 15%;
	height: 100%; ****/
   }
   
#box00  {
      float: left;
      width: 77%;
      color: #000;
      background-color: #FFF;
      padding: 10px 0px 30px 20px;
      border-right: 0px solid #FFF;
      border-left: 0px solid #FFF;
      font-size: 85%;
         }

#box00  IMG {
      float: right;
      border: 1px #D3D2D7 solid;
      margin: 0 10px 10px 20px;
      padding: 3px;
      }

#box00  IMG.right {
      float: left;
      border: 1px #D3D2D7 solid;
      margin: 0 10px 10px 0px;
      padding: 3px;
      }

#box00  IMG.big {
      float: left;
	  border: 1px #D3D2D7 solid;
      margin: 0 10px 10px 0px;
      }


#box00  IMG.inlinea {
      float: left;
      margin: 20px 0px 20px 0;
	  border: 1px #D3D2D7 solid;
      }


#topbox00 {
      color: #FFF;
      background-color: #0E4F21;
      font-size: 90%;
      margin-left: -20px;
      margin-top: -30px;
      margin-bottom: 25px;
      margin-right: -5px;
      }
      

p.briciolepane {
      color: #000;
      background-color: #FFF;
      font: 90% Verdana, Arial, Helvetica, sans-serif;
      margin-bottom: 35px;
      }
            
h1 {
      color: #A96D25;
      background-color: #FFF;
      font: 140% Arial, Verdana, Helvetica, sans-serif;
      font-weight: bolder;
      text-transform: uppercase;
      margin-bottom: 30px;
      margin-top: -10px;
      }

h1.menu-rosso {
      color: #CC646D;
      }

h1.menu-grigio {
      color: #939393;
      }
	  
.homeheader {
      background-color: #FFF;
      text-transform: none;
      margin-top: 20px;
      margin-bottom: 20px;
      }
            
h2 {
      color: #0E5020;
      background-color: #FFF;
      font: 120% Arial, Verdana, Helvetica, sans-serif;
      font-weight: bolder;
      padding-bottom: 2px;
      border-bottom: 1px solid #0E5020;
      margin-top: 20px;
	 /*	text-transform: uppercase;*/
      }

h2 a {
      color: #0E5020;
      text-decoration: none;
      }

h1 a {
      color: #A96D25;
      text-decoration: none;
      }
	  
#content #box00 h1.grigio {
      color: #C86A26;
      }

      
li {
      font: 80% Verdana, Arial, Helvetica, sans-serif;
      list-style-type: none;
      color: #0E5020;
      background-color: #FFF;
      border-bottom: 1px solid #0E5020;
      margin-left: -35px;
      margin-bottom: 5px;
      padding-bottom: 5px;
      }
            
li.level1, li.level2{
      font: 75% Verdana, Arial, Helvetica, sans-serif;
     list-style-type: none;
      /*list-style-image: url(equiteria_images/freccina.gif);*/
      list-style-position: inside;
      color: #A96D25;
      background-color: #FFF;
      margin-bottom: 5px;
      padding-bottom: 5px;
      padding-left: 7px;
      border-bottom: 1px solid #FFF;
      }

li.level2 {
      padding-left: 40px;
      }

p a, address a {
      color: #0E5020;
      text-decoration: none;
         }


li a {
      color: #0E5020;
      text-decoration: none;
         }

li.level1 a, li.level2 a {
      color: #A96D25;
      text-decoration: none;
         }

li a:hover, li.level1 a:hover, li.level2 a:hover, a:hover {
      color: #000;
      text-decoration: underline;
         }

ul.sitemap li {
      font: bold 90% Verdana, Arial, Helvetica, sans-serif;
      }

ul.sitemap li.level1 {
      font: normal 80% Verdana, Arial, Helvetica, sans-serif;
      }

ul.sitemap li.level2 {
      font: normal 75% Verdana, Arial, Helvetica, sans-serif;
      }

p.copy {
   font: 75% Verdana, Arial, Helvetica, sans-serif;
   color: #0E5020;   
   background-color: transparent;
   margin-top: 30px;
   border-top: 1px solid #0E5020;
   padding-top: 5px; 
   }

address {
   font: 80% Verdana, Arial, Helvetica, sans-serif;
   color: #0E5020;
   background-color: transparent;
   margin-top: -7px;
   }

#box00 li {
      border: 0;
      list-style-type: disc;
      color: #0E5020;
      background-color: #FFF;
   }
   
#box00 li {
      color: #000;
   }
   
a:visited, li.level1 a:visited {
      color: gray;
      }
      
#box00 table.portfolio td IMG, #box00 table td IMG {
      margin: 0px;
         }
td {
      vertical-align: bottom;
         }

table.portfolio {
      margin-bottom: 1em;
         }

table.portfolio caption, table.portfolio th {
      text-align: left;
      font-weight: bold;
      font-size: 90%;
         }

table.portfolio th {
      font-weight: normal;
         }
         
legend {
      font-weight: bold;
         }
         
fieldset {
      padding: 10px;
      font-size: 90%;
      border: 1px #0E5020 solid;
   }
   
input {
      border: 1px #0E5020 solid;
      width: 200px;
   }

input.button {
      border: 1px #0E5020 solid;
      width: 100px;
   }
   
textarea {
      border: 1px #0E5020 solid;
      width: 500px;
   }
   
/******* Klick and ride - ordine on-line *********/

table.order {
   border: 1px solid #00784C;
   font-size: 80%;
   }
   
table.order th{
   text-align: center;
   padding: 3px;
   border: 1px solid #00784C;
   }

table.order td, table.order td.right, table.order td.left{
   text-align: center;
   padding: 3px;
   border: 1px solid #00784C;
   font-weight: bold;
   vertical-align: middle;
   }

table.order td.right{
   text-align: right;
   }

table.order td.left{
   text-align: left;
   }

table.order td.left P{
   font-size: 100%;
   font-weight: bold;
   }

table.order td.left IMG{
   float: left;
   }
   
table.order input{
   width: 25px;
   }

table.order input.submit{
   width: 200px;
   }

#articolo IMG {
   float: left;
   }

UL.clienti LI {
   line-height: 20px;
   font-size: 90%;
  }
   
UL.clienti LI a, .red {
   color: #F00;
      }

#box00  LI.notype {
   list-style-type: none;
   margin-left: -60px;
   }

#box00 LI.notype IMG.imgportfolio  {
   border: 1px #D3D2D7 solid;
   float: left;
   }
   
.bottom  {
   clear: both;
   }

IFRAME  {
   margin: 0px 0;
   float: right;
   }
   
/************** MENU *******************/

#menu, #menu-portfolio, #menu-utilities  {
	padding: 0;
	margin: 0;
}

#menu a, #menu-portfolio a, #menu-utilities a {
	text-decoration: none;
	display:block;
}

#menu ul, #menu-portfolio ul, #menu-utilities ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li, #menu-portfolio li, #menu-utilities li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
	color: #FFF;
}

#menu ul li a, #menu-portfolio ul li a, #menu-utilities ul li a{
	color: #FFF;
	margin-top: 8px;
	padding: 0 5px 0 15px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #BD5A00;
	border-bottom: 1px solid #BD5A00;
	/*background-image: url(li1a.gif);
	background-position: 13px 5px;
	background-repeat: no-repeat;*/
	background-color: #AF7D47;
}

#menu ul li a:hover, #menu-portfolio ul li a:hover, #menu-utilities ul li a:hover{
	color: #3B3B3B;
}

#menu ul li a.nohover:hover, #menu-utilities ul li a.nohover:hover{
	color: #FFF;
}

#menu ul li ul li a, #menu-portfolio ul li ul li a, #menu-utilities ul li ul li a {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	/*background-image: url(li2.gif);
	background-position: 13px 5px;
	background-repeat: no-repeat;*/
	background-color: #C86A26 ;
	border-top: 1px solid #AF7D47;
	border-bottom: 1px none #AF7D47;
}

#menu ul li ul li a:hover, #menu-portfolio ul li ul li a:hover, #menu-utilities ul li ul li a:hover {
	color: #3B3B3B;
}

/***** menu portfolio *****/

#menu-portfolio ul li a {
	border-top: 1px solid #717171;
	border-bottom: 1px solid #717171;
	background-color: #939393;
}


/******* menu utilities *******/

#menu-utilities ul li a {
	border-top: 1px solid #E90015;
	border-bottom: 1px solid #E90015;
	background-color: #CC646D;
}

#menu-utilities ul li ul li a {
	background-color: #E3424D ;
	border-top: 1px solid #CC646D;
	border-bottom: 1px none #CC646D;
}

/****** fine menu ******/

.radio {
	width: 25px;
}
