/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Tahoma, Arial; font-size: 100%; color: #333; background-image: url(img/bg.jpg); background-repeat: repeat-x; }

hr { border: 1px dotted #bbb; padding: 0px; }
p { margin: 0px; }
a { color: #AD0E2A; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
img { border: 0px; }

form { float: left; margin-bottom:20px;}
input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }

/* CONTENITORI */
#box-pagina { margin: auto; width: 100%; position: relative; min-height: 100%; height: auto !important; height: 100%; }
#box-header { width: 900px; margin: auto; }
#box-middle { width: 900px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { float: left; width: 200px; padding: 0px 10px 130px 0px; }
#box-main { float: left; width: 690px; padding: 0px 0px 130px 0px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; background-image: url(img/bg_footer.jpg); background-repeat: repeat-x; }



/* CONTENUTI */
#header { float: left; width: 900px; }

#logo { float: left; width: 900px; padding: 5px 0px 0px 0px; }
#logo img { float: left; border: 0px; }
#logoimag{float:left;}
#slogan {float:left; text-align:right;}

#lingua { float: left; width: 580px; }
#lingua img { width: 22px; height: 15px; margin: 0px 3px 0px 1px; border: 1px solid #fff; }

#fissi { float: left; width: 320px; font-weight: bold; font-size: 60%; text-align: center; }
#fissi a { float: left; width: 80px; height: 16px; background-image: url(img/bg_fissi.jpg); background-repeat: no-repeat; color: #333; padding: 9px 0px 0px 0px; }
#fissi a:hover { color: #fff; background-image: url(img/bg_fissi_over.jpg); background-repeat: no-repeat; }

#menu { float: left; width: 900px; height: 30px; padding: 5px 0px 0px 0px; color: #ccc; text-align: center; font-size: 70%; }
#menu a { float: left; padding: 3px 0px; color: #fff; border-left: 1px solid #ccc; }
#menu a:hover { color: #333; background-image: url(img/bg_menu_over.jpg); background-repeat: repeat-x; }
#menu .selezionato { color: #333; background-image: url(img/bg_menu_over.jpg); background-repeat: repeat-x; }
#menu .tasto1 { width: 99%; }
#menu .tasto2 { width: 49.5%; }
#menu .tasto3 { width: 33%; }
#menu .tasto4 { width: 24.2%; }
#menu .tasto5 { width: 19.8%; }
#menu .tasto6 { width: 16.5%; }
#menu .tasto7 { width: 14%; }
#menu .tasto8 { width: 12.3%; }
#menu .tasto9 { width: 10.9%; }
#menu .tasto10 { width: 9.8%; }
#menu .tasto11 { width: 8.8%; }


#box-sx h1 { display: none; }
#box-sx #blkProdLeft h1{
    display: inherit;
    font-size: 100%;
    font-weight: bolder;
    color:#CC0000;
    margin-bottom: 5px;
}

.sottomenu { float: left; width: 200px; padding: 0px 0px 20px 0px; text-transform: lowercase; font-size: 80%; }
.sottomenu a { float: left; width: 198px; border: 1px solid #ccc; background-color: #eee; color: #333; padding: 0px; margin-bottom: 3px; }
.sottomenu a:hover { color: #fff; background-color: #999; border: 1px solid #999; }


#news { float: left; width: 167px; border: 1px solid #ccc; padding: 15px; margin: 2px 0px 10px 0px; }
.news-data { background-image: url(img/bg_data.gif); background-repeat: no-repeat; padding: 2px 0px 2px 20px; color: #666; font-size: 70%; }
.news-titolo { padding: 6px 0px 7px 0px; font-weight: bold; font-size: 70%; }
.news-titolo a { color: #CC0000; text-decoration: underline; }
.news-titolo a:hover { color: #000; text-decoration: underline; }
.news-descrizione { color: #999; font-size: 65%; line-height: 120%; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #666; margin-bottom: 10px; }
.news-leggi { color: #AD0E2A; text-align: right; font-size: 70%; }


#banner { float: left; width: 200px; padding-bottom: 10px; }
#banner1 { float: left; width: 200px; background-image: url(img/bginfo.jpg);background-repeat: repeat-x;}
#box-sx object { float: left; margin: 8px 0px 0px 0px; }
#bannerskype{ width: 200px; padding-bottom: 10px; margin-left:5px;}
#skypedetectionswf{
    display:none;
}

#blkProdLeft{
    float: left; width: 200px; padding-bottom: 10px;
}
#blkProdLeft .prodHome a span{
    width:200px;
}
#blkProdLeft .prodDett{
    clear:both;
}
#blkProdLeft .cellaHome{
    clear:both;
    height: inherit;
}
#blkProdLeft .prodHome {
    margin-bottom: 0px;
}
#blkProdLeft .prodHome a{
    width: 200px;
    margin: inherit;
    margin-bottom: 0px;
    text-align: center;
    background-color: #ccc;
}


#middle { float: left; width: 900px; }
.main { float: left; width: 690px; line-height: 150%; font-size: 75%; }
.main h2 { float: left; width: 690px; color: #CC0000; margin: 0px; text-transform: uppercase; font-size: 170%; font-weight: normal; font-family: Trebuchet, Trebuchet MS, sans-serif; }

#template { float: left; width: 690px; }
#template img { float: left; border: 0px; }

h1 { float: left; width: 680px; font-size: 55%; font-weight: normal; padding: 1px 0px; margin: 0px; color: #ccc; }

.mainHome { float: left; width: 690px; font-size: 70%; /*background-color: #EDF3CF;*/padding-bottom:20px; }
.mainHome h2 {float: left; width: 660px; color: #000000;  margin: 10px; text-transform: uppercase; font-size: 180%; font-weight: bold; font-family: Trebuchet, Trebuchet MS, sans-serif; }
#ricerca { float: left; width: 650px; height: 35px; padding: 4px 30px 0px 10px; background-image: url(img/bg_ricerca.jpg); background-repeat: no-repeat; color: #fff; text-transform: uppercase; font-family: Trebuchet, Trebuchet MS, sans-serif; font-weight: bold; margin-top: 10px; }
#ricerca span { float: left; }
#ricerca a { float: right; color: #FFFF99; text-decoration: underline; }

#ricerca1 { float: left; text-transform: uppercase; font-family: Trebuchet, Trebuchet MS, sans-serif; font-weight: bold; margin-top: 10px; }
#ricerca1 span { float: left; }
#ricerca1 a { float: left; color: #003366; }

/* RICERCA HOME*/
#ricerca2{ float: left; height:25px; width: 673px;border: 1px solid #ccc; padding: 10px 0px 10px 15px; margin: 0px 0px 10px 0px;}
.ricercahome{ float: left;  height: 30px; margin-right:10px;}
.labelricerca { font-size:9 0%; border: 1px solid #ccc; color:#666; margin-top:3px; }
.ricercahome h2{ float: left; width: 100px; height: 38px; color: #990000; font-size: 120%; font-family: Trebuchet, Trebuchet MS, sans-serif; margin: 0px; }
.ricercahomeTasto { float: left; width: 100px; margin-top:3px;  }


#catHome { float: left; width: 690px; }
#catHome a { float: left; width: 167px; height: 45px; margin: 0px 3px 3px 0px; border: 0px solid #ddd; }
#catHome hr { border:1px solid; color:#990000;  }
#catHome hr.thin {height: 1px;border: 0;color: #333;background-color: #333;}




/* NEWS */
.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px;}
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #666; padding-top: 10px; margin-top:15px;}
.paginaNews-titolo a { font-weight: bold; color: #006699; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #000; text-decoration: underline; }
.paginaNews-descBreve { padding-bottom: 5px; margin-top:5px;  }


#footer { margin: auto; width: 900px; height: 74px; padding: 17px 0px 0px 0px; line-height: 130%; font-size: 70%; color: #fff; }
.footer-mappa { float: left; width: 300px; padding: 0px 40px 0px 0px; }
.footer-mappa a { border-right: 1px solid #ccc; padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px; }
.footer-indirizzo { float: left; width: 250px; }
.footer-crediti { float: left; width: 310px; text-align: right; }
#footer a { color: #bbb; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: underline; }

#sitemap { float: left; width: 400px; padding-left: 20px; line-height: 22px; text-transform: capitalize; }



/* CONTATTI */
.campo { width: 230px; float: left; height: 35px; }
.campo p { width: 80px; float: left; }
.campo input { width: 120px; float: left; font-size: 100%; font-family: Arial; color: #000; text-align: center; }

.campo2 { width: 690px; float: left; margin-bottom: 15px; }
.campo2 p { width: 80px; float: left; }
.campo2 input { float: left; width: 120px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campo2 textarea { width: 590px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.trattamento { font-size: 80%; line-height: 13px; margin-bottom: 10px; width: 680px; color: #888; float: left; }
.invia { float: left; width: 670px; text-align: center; }
.invia input { border: 0px; }
.obb { border: 2px solid #AD0E2A; }

/* BOX CONTATTI */
#bisognoinfo{width:200px; font-size:80%; text-align:center; margin-left:10px;}
#bisognoinfo p{}
.campo3 { width: 170px; height: 35px; }
.campo3 p { width: 50px; float: left; color:#333; font-size: 90%; margin-top:2px;}
.campo3 textarea { width: 170px; float: left; font-size: 90%; font-family: Arial; color: #000; text-align: center; margin-bottom:10px; }
.campo3 input { width: 100px; float: left; font-size: 90%; font-family: Arial; color: #000; text-align: center; }

.campo4 {width: 170px; float: left; height: 35px; }
.campo4 p {color:#333;font-size: 90%; margin-left:30px;}
.campo4 input { width: 100px; font-size: 90%; font-family: Arial; color: #000; text-align: center; margin-left:30px;}
.campo4 textarea { width: 170px; float: left; font-size: 90%; font-family: Arial; color: #000; text-align: center; margin-bottom:10px; }

.trattamento1 {font-size: 80%; margin-bottom: 20px; width: 190px; color: #888; text-align:justify; margin-top:20px; margin-left:10px;}
.trattamento1 input{float:left;}
.invia1 { float: left; width: 170px; text-align: center; }
.invia1 input { border: 0px; }
.obb1 { }



/* PAGINA LAVORA CON NOI lavora.php */
#tabella { font-family: Tahoma; font-size: 11px; background-color: #fff; }
#tabella .titolo { background-color: #990000; color: #fff; text-transform: uppercase; font-weight: bold; }
#tabella input { background-color: #eee; font-weight: bold; }
#tabella td { padding: 5px; }



/* PAGINA OFFRI IL TUO USATO offri.php */
.lineacontenitore strong { float: left; width: 670px; background-color: #CC0000; color: #fff; padding: 2px 10px; margin: 20px 0px 15px 0px; }
.titcampo144 { float: left;	width: 130px; height: 25px; }
.titcampo14 { float: left; width: 170px; height: 25px; }
.titcampo14 input { width: 120px; }
.titcampo14 input.checkbox { width: 20px; }
.titcampo44 { float: left; width: 500px; height: 30px; }
.caratterepiccolo { font-size: 90%; }
.labelgenerale { font-size: 100%; border: 1px solid #ccc; }
.labelobbligatorio { font-size: 80%; border: 2px solid #CC0000; }
.campoobb { color: #990000; font-weight: bold; }
.lineacontenitore { float: left; width: 690px; }
.lineatrattamento { float: left; width: 690px; margin-top: 10px; color: #999; }
.lineainvia { float: left; width: 690px; text-align: center; margin-top: 10px; }



/* ROTAZIONE PRODOTTI HOME */
#prodottiRotaz { float: left; width: 673px; border: 1px solid #ccc; padding: 10px 0px 10px 15px; margin: 0px 0px 10px 0px; background-image: url(img/bg_rotazione1.jpg); background-repeat: repeat-x; overflow: hidden; }
#prodottiRotaz h1 { float: left; width: 673px; height: 38px; text-transform: uppercase; color: #CC0000; font-size: 120%; font-family: Trebuchet, Trebuchet MS, sans-serif; margin: 0px; padding: 2px 0px 0px 0px; }
#prodottiRotaz1 { float: left; height:160px; width: 673px;border: 1px solid #ccc; padding: 10px 0px 10px 15px; margin: 0px 0px 10px 0px; background-image: url(img/bg_rotazione.jpg); background-repeat: repeat-x; overflow: hidden; }
#prodottiRotaz1 h1 { float: left; width: 673px; height: 38px; text-transform: uppercase; color: #CC0000; font-size: 120%; font-family: Trebuchet, Trebuchet MS, sans-serif; margin: 0px; padding: 2px 0px 0px 0px; }

#rotazione { float: left; }
#prodottiRotaz ul { list-style: none; margin: 0px; padding: 0px; }
#prodottiRotaz li.error { color: #f00; }
#prodottiRotaz1 ul { list-style: none; margin: 0px; padding: 0px; }
#prodottiRotaz1 li.error { color: #f00; }

.prodHome { float: left; width: 336px; height: 150px; font-size: 70%; margin-bottom:20px;}
.prodHome a { float: left; width: 110px; margin: 4px 11px 0px 0px; }
.prodHome a span { float: left; width: 110px; background-color: #CC0000; color: #fff; text-align: center; font-size: 120%; padding: 3px 0px; margin-bottom: 1px; font-weight: bold; }
.prodDett { float: left; width: 200px; height: 150px; }
.campoDettHome { float: left; width: 111px; border-bottom: 1px solid #ccc; font-weight: bold; text-transform: capitalize; }
.valDettHome { float: left; width: 88px; border-bottom: 1px solid #ccc; text-transform: capitalize; }



/* PRODOTTI SX */
h4 { float: left; width: 197px; border: 1px solid #999; text-align: center; color: #999; text-transform: uppercase; padding: 4px 0px; margin: 15px 0px; font-size: 80%; }
.prodottiSx { float: left; width: 200px; font-size: 70%; padding: 0px 0px 20px 0px; }
.prodottiSx img { width: 110px; height: 80px; }
.prodottiSx span { float: left; width: 199px; background-color: #CC0000; text-align: center; padding: 1px 0px; color: #fff; }
.prodottiSx em { float: left; display: none; width: 199px; background-color: #ddd; text-align: center; margin: 1px 0px 4px 0px; }
.campoDettSx { float: left; width: 111px; border-bottom: 1px solid #ccc; font-weight: bold; text-transform: capitalize; }
.valDettSx { float: left; width: 88px; border-bottom: 1px solid #ccc; text-transform: lowercase; }
.prodottiSx .pr2,.prodottiSx .prv2,.prodottiSx .pr3,.prodottiSx .prv3,.prodottiSx .pr4,.prodottiSx .prv4,.prodottiSx .pr5,.prodottiSx .prv5,.prodottiSx .pr6,.prodottiSx .prv6{
    display: none;
}

.prodottiSx:hover em{
    display:block;
}
.prodottiSx:hover .pr2{
    display:block;
}
.prodottiSx:hover .prv2{
    display:block;
}
.prodottiSx:hover .pr3{
    display:block;
}
.prodottiSx:hover .prv3{
    display:block;
}
.prodottiSx:hover .pr4{
    display:block;
}
.prodottiSx:hover .prv4{
    display:block;
}
.prodottiSx:hover .pr5{
    display:block;
}
.prodottiSx:hover .prv5{
    display:block;
}
.prodottiSx:hover .pr6{
    display:block;
}
.prodottiSx:hover .prv6{
    display:block;
}
#titoloHome{width:690px; float:left;}
#titoloHome h2 {}
#titoloHome h3 {float: left;color: #cc0000;  width:660px; margin-left: 10px;font-size: 120%; font-style: italic; font-family: Trebuchet, Trebuchet MS, sans-serif; padding:0px;}
#titoloHome h6{color: #990000;float: left; width: 660px; font-size: medium;  margin: 10px; font-style:italic;}
.mainHome p{margin-left:10px; float: left; width: 660px; font-size:110%;}




/*.boxcontent {
  display:block;
  background:transparent;
  font-size:0.9em;
  text-align:center;
  width:198px;
}

******** menu lateral  *********
#menu {
  margin:0;
  padding:0;
  overflow:hidden;
  }
#menu li {
  list-style-type:none;
  float:left;
  display:block;
  width:198px;
  }
#menu li a {
  display:block;
  text-decoration:none;
  color:#2797C2;
  margin:0;
  width:198px;
  border-bottom: 3px solid #fff;
  }
#menu li a span {
  display:none;
  color:#000;
  }
#menu li a.one span {
  display:block;
  height:15em;
  margin:0 10px;
  }
#menu li a:hover {
  background:#f1f1f1;
  }
#menu li a:hover span {
  display:block;
  height:15em;
  margin:0 10px;
  cursor:pointer;
  font-size: 9px;
  color: #666; 
  }
#menu .h2 {
  color:#666;
  font-size: 9px;
  text-transform: capitalize;
  }
#menu .h3 {
  font-size: 9px;
  color: #999;
  font-weight: 100;
  }
#menu img {
  border: 5px solid #ccc;
  padding: 1px;
  }
*/




/* PRODOTTI */
.percorso { float: left; width: 690px; font-size: 11px; text-align: right; }
.percorso a { color: #666; }

.paginazione { float: left; width: 690px; text-align: right; font-weight: bold; padding-bottom: 5px; font-size: 120%; color: #999; border-bottom: 1px dashed #999; margin-bottom: 30px; }

.categoria { float: left; width: 167px; height: 44px; margin: 0px 3px 3px 0px; border: 1px solid #ddd; }

.rowProdotti{
    overflow: auto;
    clear: both;
    margin-top:20px;
}

.bloccoprodotto { float: left; width: 50%; font-size: 95%; font-family: Arial; line-height: 140%; }
.bloccoprodottoSx { float: left; width: 130px; width:37%; }
.codiceDett { float: left; width: 110px; padding: 2px 5px; text-align: center; background-color: #CC0000; color: #fff; margin: 1px 0px; font-size: 130%; }
.bloccoprodottoSx img { float: left; width: 120px; height: 90px; }

.fasciared{
    color:#CC0000;
}

.bloccoprodottoDx{
    float:left;
    overflow: auto;
    width:60%;
}
.bloccoprodottoDet{
    clear:both;
    border-bottom: 1px solid #ccc;
    overflow: auto;
}
.campoDett { float: left; width:55%;  font-weight: bold; text-transform: capitalize; }
.valDett { float: left; width:45%; text-transform: capitalize; }

.carattDettCapitalize{
    text-transform: capitalize;
}


h5 { padding: 20px 0px 5px 0px; margin: 0px; font-size: 140%; color: #CC0000; font-weight: normal; font-family: Trebuchet, Trebuchet MS; text-transform: uppercase; }
h5 a { font-size: 130%; color: #CC0000; }
.fotoGrande { float: left; padding: 25px 15px 5px 0px; }
.fotoGrande strong { float: left; width: 202px; background-color: #CC0000; text-align: center; color: #fff; font-size: 120%; }
.fotoGrande img { border: 1px solid #ccc; }
.stampa { float: left; width: 86px; background-color: #CC0000; color: #fff; text-align: center; padding: 2px 0px; margin: 5px 7px 0px 0px; } 
.stampaPDF { float: left;  width: 200px; background-color: #CC0000; color: #fff; text-align: center; padding: 2px 0px; margin: 5px 0px 0px 0px;font-size:1.4em;height:20px;}
.stampaPDF img{
    border: 0px;
}
.descrizione { float: left; width: 320px; padding: 5px 0px 0px 0px; text-align: left; }
h3 { float: left; width: 320px; padding: 30px 0px 0px 0px; font-size: 180%; margin: 0px; }
/*.altriprodotti { float: left; width: 690px; border-top: 1px dotted #999; padding: 10px 0px 0px 0px; margin: 20px 0px 0px 0px; }
	.altriprodotti a { float: left; width: 105px; height: 90px; padding: 10px 0px 0px 0px; border: 1px solid #ccc; text-align: center; margin: 12px 8px 0px 0px; line-height: 60%; font-size: 100%; font-weight: bold; }*/
.altreImmagini { float: left; width: 150px; border-top: 1px dotted #999; padding: 10px 0px 0px 0px; margin: 20px 0px 0px 0px; }
#schedaProdotto {
    float:left;
    width:100%;
}
#descrizioneCompleta { float: left; width: 100%; border-top: 1px dotted #999; padding: 10px 0px 0px 0px; margin: 20px 0px 0px 0px; }
.altreImmagini img { border:1px solid #cccccc;margin:0px 10px 10px 0px; padding:2px }
.altreImg img { border: 1px solid #ccc; margin: 0px 10px 10px 0px; padding: 2px; }
#fragment-3 td { width: 150px; border-bottom: 1px solid #ccc; line-height: 110%; }
.indietro { float: left; width: 690px; border-top: 1px dotted #999; margin-top: 20px; padding-top: 15px; }
.nb_errorOfferta{
    font-size:80%;
    margin-top: 10px;
}

/* RICERCA */
.ricercaCampo { float: left;	width: 200px; height: 30px; }
.ricercaVal { float: left; width: 300px; height: 30px; }
.ricercaTasto { float: left; width: 690px; text-align: center; margin-top: 10px; }
.campoDettRic { float: left; width: 102px;  font-weight: bold; text-transform: capitalize; }
.valDettRic { float: left; width: 100px; text-transform: capitalize; }


/* RICHIEDI INFORMAZIONI */
.campoInfo { width: 156px; float: left; height: 30px; }
.campoInfo p { width: 56px; float: left; }
.campoInfo input { width: 85px; float: left; font-size: 100%; font-family: Arial; color: #000; text-align: center; }

.campoInfo2 { width: 470px; float: left; margin-bottom: 15px; }
.campoInfo2 p { width: 56px; float: left; }
.campoInfo2 input { float: left; width: 85px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campoInfo2 textarea { width: 400px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.trattamentoInfo { font-size: 80%; line-height: 13px; margin-bottom: 10px; width: 455px; color: #888; float: left; }
.inviaInfo { float: left; width: 460px; text-align: center; }
.inviaInfo input { border: 0px; }



/* ROTAZIONE */
#wrapper { float: left; width: 470px; }
#rotator { position: relative; margin: 0; }
.ui-tabs-nav { float: left; width: 470px; border-bottom: 1px solid #aaa; list-style: none; margin: 0px; padding: 20px 0px 0px 0px; }
.ui-tabs-nav-item { float: left;  padding: 4px 5px 0px 0px; text-transform: uppercase;  text-align: center; }/*width: 110px; background-image: url(img/bg_rotator.jpg); background-repeat: no-repeat;*/
.ui-tabs-selected a { color: #333; font-weight: bold; }
#rotator .ui-tabs-panel { float: left; width: 470px; margin: 20px 0px 0px 0px;  }
#rotator .ui-tabs-hide { display: none; }

.rotatorBlkLeft,.rotatorBlkCenter,.rotatorBlkRight{
    float:left;
    background-repeat: no-repeat;
}

.rotatorBlkLeft{
    background-image: url("img/bg_rotator_left.jpg");
    width: 5px;
}

.rotatorBlkCenter{
    background-image: url("img/bg_rotator_center.jpg");
    background-repeat:repeat-x;
    padding: 0px 3px 0px 3px;
}

.rotatorBlkRight{
    background-image: url("img/bg_rotator_right.jpg");
    width: 5px;
}
