/* CSS Document */

html, body{
 margin:0;
 padding:0;
 text-align:center;
 font: 10px Verdana, sans-serif;
 color: #808285;
 background: url(sf.gif) top left repeat #FFF;
}

body {
margin-top: 0px;
}

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

a {
 text-decoration: none;
 color: #494A4C;
}

a:hover {
 text-decoration: underline;
}

.required {
 font: italic 11px Verdana;
}

label {

}

font {font: 10px Verdana;}

p {
 padding: 3px;
 margin: 0px;
 line-height: 1.3;
}

p:first-line {  }

#container {
 width: 770px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;

}

#sito{
 width:770px;
 text-align:left;

}

.chromestyle{
 clear: both;
 width:auto;
 height: 23px;
 text-align: left;
 margin: 0px 0px 1px 0px;
 background-color: #F7F7F7;
 border: 1px solid #808285;
 border-top: 0px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
 content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
clear: both;
 display: block;
 width: auto;
 list-style: none;
 border: none;
 margin: 0px;
 padding: 0px 0px 0px 0px;
}

.chromestyle li{
/* padding: 4px 15px 4px 15px; */
 padding: 6px 10px 0px 10px;
  display: block;

  float: left;
 text-align: left;
/*  font-weight:  bold; */

}

.chromestyle ul li{
display: inline;

}

.chromestyle li a {
 color: #00A587;
 text-decoration: none;



}

.chromestyle li a:hover {
 text-decoration: underline;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/* content: " +"; */
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position: absolute;
margin-top: 4px;
margin-left: -4px;
top: 0;
 border: 0px solid #CCC; /*THEME CHANGE HERE*/
line-height: 1.4;
z-index:100;
background-color: #F7F7F7;
visibility: hidden;
opacity: .8;
}

#dropmenu1 {width: 119px;}
#dropmenu5 {width: 119px;}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
/*border-bottom: 1px solid #6161CF; THEME CHANGE HERE*/
padding: 2px 5px 0px 0px;
text-decoration: none;
color: #333;
}


* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
text-decoration: none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #DADADA;
text-decoration: none;
}


#header{
 clear: both;
 height: 150px;
 width: 770px;
 background: url(testata4.jpg) top left no-repeat #FFF;
 margin-bottom: 3px;
}


#alb {
clear: both;
padding: 3px 3px 3px 16px;
border-bottom: 1px solid #D1D2D4;
margin: 1px 0px;
color: #86888B;
font-weight: bold;
}

#alb a {
color: #86888B;
font-weight: normal;
text-decoration: none;
}

#alb h2 {
float: none;
display: inline;
font: 10px Verdana;
color: #009B8B;
padding: 0px;
margin: 0px;
font-weight: bold;
}

#pagewidth{
 width:770px;
 clear: both;
 position: absolute;
 margin-top: 8px;
}

#colsx {
 width:170px;
 float:left;
 position:relative;
 background-color:#FFF;
 }

#colsxH {
 width:410px;
 float:left;
 position:relative;
 background-color:#FFF;
 }

#coldxH {
width: 340px;
margin-left: 20px;
float: right;
 }

#colce {
 float: left;
 width:410px;
 margin-bottom: 0px;
}

#collarge {
width: 589px;
margin-left: 10px;
float: right;
}

#coldx {
 width:179px;
 float:left;
}

#footer{
clear: both;
/* border-top: 1px solid #DADADA; */
 padding: 5px 3px 0px 3px;
 height:40px;
 clear:both;
 text-align: center;

 }


 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#colsx{display:none;}
#header{display:none;}
.chromestyle{display:none;}
.chromeprod{display:none;}
/*hide the right column when printing*/
#coldx{display:none;}
#colce{width:100%; float:none;}
}

.boxs {
 margin: 10px 25px 20px 25px;
}

.cont {
 color: #6161CF;
 border: 1px solid #B6C2FF;
 background: url(cont.gif) bottom left repeat-x #FFF; 
 width: 100%;
}

.contN {
 width: 100%;
 padding: 3px 0px;

/* background: url(cont.gif) bottom left repeat-x #FFF; */
}

.contN h1, .contNews h1, #pagewidth h1 {
 font: bold 11px Verdana;
 display: block;
}



.contN img {
 padding-right: 8px;
}

.contN h2, .contN h3, .contN h4, #pagewidth h2 {
 margin: 0px;
 padding: 4px;
 font: normal 10px Verdana;
 display: block;
}

.contN h2 {
 background: #F1F1F1;
}

.contN h3 {
}

.contN h4 {
  font: bold 11px Verdana;
}

.contN ul {
 list-style-position: outside;
 list-style-type: none;
 margin: 0px;
 padding: 3px 0px 3px 0px;
 font: 10px Verdana;
}

.contN ul li {
 border-bottom: 1px solid #E8EBEF;
}

.contN ul li a {
 padding: 3px 0px 3px 0px;
 text-decoration: none;
 display: block;
}

.contN ul li ol {
 list-style-position: outside;
 list-style-type: none;
 margin: 0px;
 padding: 3px 0px 3px 5px;
}

.contN ul li ol li {
 padding: 2px 0px 2px 0px;
 border: 0px;
}

.contN ul li ol li a {
 text-decoration: none;
}

.contN ul li a:hover {
 text-decoration: none;

 background-color: #F1F1F1;
}

.downprod {

text-decoration:none;
}
.downprod h4, .downprod h5 {
background:#F1F1F1 none repeat scroll 0%;
/* border:1px solid #CCC; */
font-size:11px;
margin: 2px 0px;
padding: 0px;
}
.downprod h5 {
color:#C4C4C4;
padding: 3px;
}
.downprod h4 a {

display:block;
padding:3px;
font-weight: normal;

}
.downprod h4:hover, .downprod h4 a:hover {

text-decoration: none;
}

.input_txt {
 border: 0px;
 background-color: #EEE;
 width: 99%;
 color: #69C;
}

.login {
 width: 100%;
 background: #E8F1F9;
}

.textarea {
 background-color: #EEE;
}

input{
 background-color: #EEE;
border: 0px;
color: #333;
padding: 2px;
height: 18px;
font: 10px Verdana;
}

.login input {
 width: 95%;
}

.login p {
 padding: 8px 10px 15px 10px;
}

.barra {
 height: 22px;
}

.barra h1 {
 color: #A7A7A7;
 font: bold 11px Verdana;
 padding: 3px 0 3px 3px;
}

#text {
 overflow: auto;
 height: 265px;
}
#text:first-letter { font: bold 20px Verdana}


.boxd {
 margin: 5px 3px 10px 10px;
}
                                                                                  
.boxd h1 {
font: bold 11px Verdana;
color: #AAA;
padding: 4px 0px;
}

/**** table **/
table {
clear: both;
empty-cells: show;
border-collapse: collapse;
}

caption {
 caption-side: top;
 font-weight: bold;
 padding: 3px 2px;
 text-align: left;
 font-size: 11px;
}

.tech_table2, .tech_table3, .tech_table4, .tech_table162, .tech_table163 {

 width: 100%;
}



th {
 border: inset 0px;
 border-top: 1px solid #A1A1A1;
 text-align: left;
 color: #AAA;
 font-weight: normal;
 font-size: 11px;
 padding: 3px;
}

.tech_table2 {color: #00A587;}
.tech_table3 {color: #E1669D;}
.tech_table4 {color: #2B2B2B;}
.tech_table162 {color: #A59545;}
.tech_table163 {color: #3D7BB4;}

.tech_table1 caption, .tech_table2 caption, .tech_table3 caption, .tech_table162 caption, .tech_table163 caption {
 font-size: 11px;
 padding: 3px 4px;
 color: #FFF;
}

.tech_table2 caption {background-color: #00A587;}
.tech_table3 caption {background-color: #E1669D;}
.tech_table4 caption {background-color: #2B2B2B; color: #C3C3C3;}
.tech_table162 caption {background-color: #C5B358; color: #FFF;}
.tech_table163 caption {background-color: #3D7BB4;}

.tech_table2 th, .tech_table3 th, .tech_table4 th, .tech_table162 th, .tech_table163 th {
 border: 0px;
 border-bottom: 1px solid #F1F1F1;
 font-size: 10px;
}


.schedatec0, .schedatec1 {
 font-size: 10px;
}

.schedatec0 {
 background-color: #F1F1F1;
}

.generictable {
  border: 1px solid #D1D2D4;
 background-color: #FFF;
}

.generictable td {
 border-right: 1px solid #D1D2D4;
 border-bottom: 1px solid #D1D2D4;
}

 .generictable th {
 border-bottom: 1px solid #D1D2D4;
 background-color: #EEE;
 font-weight: bold;
 }
td {
 padding: 2px 3px 2px 3px;
 font: 10px Verdana, sans-serif;
 border-right: 1px solid #FFF;
}

.schedatec0 td, .schedatec1 td {
 font: 10px Verdana, sans-serif;
 border-bottom: 1px solid #D1D2D4;
}

.linea0 td {
 background-color: #EEE;
}

.linea1 td {
 background-color: #FFF;
}

td a {
text-decoration: none;

}

.gallery {
 width: 100%;
 background-color: #F7F7F7;
}

.gallery .color162 {color: #C5B358;}
.gallery .color4 {color: #2B2B2B;}

.gallery tr td {
 width: 117px;
 padding: 10px 0px;
 text-align: center;
 vertical-align: top;
}

.gallery tr td img {
 border: 1px solid #808285;
}

.imgprod {
 width: 90px;
 height: 88px;
}

.imgprod img {
 border: 1px solid #CCC;
}

.imgtext {
 width: 135px;
 padding: 0px 10px 0px 2px;
}

.rtv {border: 1px solid #808285; width: 370px;}

.rtv caption {
 caption-side: top;
 font-weight: bold;
 padding: 3px 2px;
 text-align: center;
 font-size: 11px;
 background-color: #808285;
 color: #FFF;
}

.rtv a img {border: 0px;}

.rtv th, .rtv tr td {text-align: center; padding: 0px; margin: 0px;}

#accessory {
  width: 579px;
}

/*** end tables ***/


#alle{
 clear: both;
 width:450px;
 text-align: center;
 background-color: #FFF;
 height: 20px;
}

#alle:after{ /*Add margin between menu and rest of content in Firefox*/
 content: ".";
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}

#alle ul{
clear: both;
 width: 100%;
 list-style: none;
 border: none;
 margin: 0px;
 padding: 0px;
}

#alle li{
  display: block;
    width: 112px;
  float: left;
 text-align: center;
/*  font-weight:  bold; */

}

#alle ul li{
display: inline;

}

#alle li a {
 color: #F58466;
 text-decoration: none;
/*  font-weight: bold; */
font-variant: small-caps;
}

#alle li a:hover {
 text-decoration: underline;
}

#showlog {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 6000;
  background: #808285;


  opacity:.9;
}

#blocklog {
position: absolute;
left: 40%;
top: 30%;
width: 350px;
border: 1px solid #69C;
background: url(sflog.gif) top left repeat #FFF;

text-align: left;
}

#blocklog input{
background: #EEE;
border: 0px;
color: #333;
}

#blocklog h1 {
background: url(bhome.gif) top left repeat-x #EEE;
 height: 21px;
 color: #69C;
 font: bold 11px Verdana;
 display: block;
 padding: 3px 0 0 10px;
}

#blocklog form {
padding: 5px 15px 10px 15px;
}/* CSS Document */

#secmenu {
clear: both;
width: 770px;
}

.chromeprod{
 clear: both;
 width:770px;
 height: 25px;
 text-align: left;

 font-size: 10px;
 margin-bottom: 1px;
}

.chromeprod:after{ /*Add margin between menu and rest of content in Firefox*/
 content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromeprod ul{
clear: both;
 display: block;
 width: 770px;
 list-style: none;
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.chromeprod li{

 margin: 0px 0px 0 0;


  float: left;
 text-align: left;
/*  font-weight:  bold; */

}

.chromeprod ul li{
display: inline;
 line-height: 25px;

}

.chromeprod li a {
 color: #808285;
 text-decoration: none;
display: block;

}

.chromeprod li a:hover {

}

.chromeprod ul li a[rel]:after{ /*HTML to indicate drop down link*/
/* content: " +"; */
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */


.scatola {

}

.prodsf {
background: url(prodsf.gif) top right no-repeat #808285;
width: 170px;
color: #FFF;
font: bold 10px Verdana;
}

.prodsf a {
color: #FFF;
display: block;
padding-left: 16px;
}

.prodsf a:hover {
background: url(prodsfov.gif) top right no-repeat #00A587;
text-decoration: none;
}

.dropproddiv{
position: absolute;
margin-top: 3px;

 border: 1px solid #00A587; /*THEME CHANGE HERE*/
/* border-right: 0px; */

z-index:100;
/* height: 106px;
width: 418px; */
height: 119px;
width: 598px;
background-color: #F4F4F4;
visibility: hidden;

}

* html .dropproddiv a{ /*IE only hack*/
/* width: 100%; */
text-decoration: none;

}

.dropproddiv a label {

}

.dropproddiv a:hover{ /*THEME CHANGE HERE*/

text-decoration: none;
}


#prod1, #prod2, #prod3, #prod4, #prod5 {
float: left;
width: 109px;
height: 119px;
margin: 0px 5px;
}

#prod1 a, #prod2 a, #prod3 a, #prod4 a, #prod5 a {
 position: absolute;
 z-index: 330000;
 color: #00A587;
/* color: #FFF; */
font-size: 11px;
font-weight: bold;
 padding: 6px 7px 0px 4px;
 display: block;
width: 109px;
height: 109px;
}

/*#prod1 {background: url(pro1.jpg) bottom center no-repeat;}
#prod2 {background: url(pro2.jpg) bottom center no-repeat;}
#prod3 {background: url(pro3.jpg) bottom center no-repeat;}
#prod4 {background: url(pro4.jpg) bottom center no-repeat;}
#prod5 {background: url(pro5.jpg) bottom center no-repeat;}*/
#prod1 {background: url(prod1c.jpg) center center no-repeat;}
#prod2 {background: url(prod2c.jpg) center center no-repeat;}
#prod3 {background: url(prod3c.jpg) center center no-repeat;}
#prod4 {background: url(prod4c.jpg) center center no-repeat;}
#prod5 {background: url(prod5c.jpg) center center no-repeat;}

.listrow {
clear: both;
display: block;
height: 100px;
padding: 0px;
}

.listcol2, .listcol3, .listcol4, .listcol162, .listcol163 {
float: left;
padding: 0px;
width: 280px;

margin: 9px 0px;
/* background: url(listprodsf.gif) top right repeat #F47F3D;  */
color: #FFF;
background-color: #F1F1F1;
font: 10px Verdana;
}

.listcol2 h2, .listcol3 h2, .listcol4 h2  .listcol162 h2, .listcol163 h2 {
display: block;
margin: 0px;
/* background-color: #808285; */
background-color: #F47F3D;
font: bold 11px Verdana;
 padding: 3px;
}

.listcol2 h2 {background-color: #00A587;}
.listcol3 h2 {background-color: #E1669D;}
.listcol4 h2 {background-color: #2B2B2B;}
.listcol162 h2 {background-color: #C5B358;}
.listcol163 h2 {background-color: #3D7BB4;}
.listcol2 a {color: #00A587;}
.listcol3 a {color: #E1669D;}
.listcol4 a {color: #2B2B2B;}
.listcol162 a {color: #C5B358;}
.listcol163 a {color: #3D7BB4;}

.listcol2 img, .listcol3 img, .listcol4 img, .listcol162 img, .listcol163 img {
 float: left;
 padding: 0 0px 0px 0;
 margin-right: 4px;
 border: 0px;
 border-bottom: 20px solid #FFF;
}

#scheda {
 margin-bottom: 20px;
}

.more {
 text-align: right;
 padding: 2px;
 color: #CCC;
}

.operation {
 text-align: right;
 width: 99%;
 border-top: 1px solid #F7F7F7;
 float: right;
 padding-top: 4px;
 color: #CCC;
}

.operation img {
  float: right;
  text-align: left;
  margin-left: 4px;
}

.color2 {color: #00A587;}
.color3 {color: #E1669D;}
.color4 {color: #2B2B2B;}
.color162 {color: #C5B358;}
.color163 {color: #3D7BB4;}

.colorlink2 a:hover {color: #00A587;}
.colorlink3 a:hover {color: #E1669D;}
.colorlink4 a:hover {color: #2B2B2B;}
.colorlink162 a:hover {color: #C5B358;}
.colorlink163 a:hover {color: #3D7BB4;}

.colorandh2 {background-color: #00A587;}
.colorandh3 {background-color: #E1669D;}
.colorandh4 {background-color: #C3C3C3;}
.colorandh162 {background-color: #F6E694;}
.colorandh163 {background-color: #3D7BB4;}

.colorandh2 a {
 color: #00A587;
 background-color: #CCEFEC;
}

.colorandh3 a {
 color: #E1669D;
 background-color: #CCDEEE;
}

.colorandh4 a {
 background-color: #C3C3C3;
 color: #2B2B2B;
}

.colorandh162 a {
 color: #FFF;
 background-color: #C5B358;
}

.colorandh163 a {
 color: #3D7BB4;
  background-color: #EEE;
}

.colorandh2 a:hover {
 background-color: #CCEFEC;
 color: #FFF;
}

.colorandh3 a:hover {
 background-color: #CCDEEE;
 color: #FFF;
}

.colorandh4 a:hover {
 color: #C3C3C3;
  background-color: #2B2B2B;
}

.colorandh162 a:hover {
 background-color: #C5B358;
 color: #EEE;
}

.colorandh163 a:hover {
 background-color: #EEE;
 color: #C5B358;
}

.testo2 {
 padding: 0px;
 margin: 0px;
}

.testo2 ul {
 padding: 4px 1px;
 margin: 4px 0px;
 list-style-type: disc;
 list-style-position: inside;
}

.testo2 ul li {
 padding: 0px;
 margin: 0px;
 line-height: 1.3;
 border: 0px;
 padding-bottom: 4px;
}

.testo2 ul li b {
  color: #009B8B;
  margin-left: -3px;
}

.contNews {
 width: 100%;
}

.contNews ul {
 list-style-position: outside;
 list-style-type: none;
 margin: 0px;
 padding: 3px 0px 3px 0px;
 font: 10px Verdana;
}

.contNews ul li {
 border-bottom: 1px solid #D1D2D4;
 display: block;
 padding: 10px 0px;
}

.contNews ul li a {
 text-decoration: none;
 color: #808285;
}

.contNews ul li a:hover {
 text-decoration: none;
}

.homespot {
 clear: both;
 margin-top: 20px;
 width: 100%;
}

.homespot tr td {

 text-align: left;
 width: 250px;
 margin: 0px;
/* background-color: #F7F7F7;
padding: 4px 5px 5px 4px;*/
padding: 0px;
 vertical-align: top;
 line-height: 1.3;
}

.homespot tr td h1 {
 margin: 3px 2px 4px 0px;
}

.homespot tr td img {
 margin-right: 4px;
 margin-top: 10px;
 float: left;
 border: 0px;
}

#dropprod2 {margin-top: 25px; margin-left: -175px; width: 100px;}

.desclong {
clear: both;
float:left;
width: 340px;
line-height: 1.4;
font: 11px Verdana;
/*text-align: justify;*/
}

/*#collarge {text-align: justify;} */