/* 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: 8px;}
h1 {margin: 0px; padding: 0px;}
a {text-decoration: none; color: #494A4C;}
a:hover {text-decoration: underline;}
.required {font: italic 11px Verdana;}
p {padding: 3px; margin: 0px; line-height: 1.3;}

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

.chromestyle {clear: both; width:770px; height: 23px; text-align: left; background-color: #FFF; border-top: 1px solid #CCC;}
.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: 770px; list-style: none; border: none; margin: 0px; padding: 0px;}
.chromestyle li{padding: 4px 10px 4px 10px; display: block; float: left; text-align: left;}
.chromestyle ul li{display: inline;}
.chromestyle li a {color: #808285; 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;
width: 120px;
background-color: #F7F7F7;
visibility: hidden;
opacity: .8;
}


.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: 100px; width: 770px; background: url(testata2.jpg) top left no-repeat #FFF; margin-bottom: 3px;}
#alb {clear: both; padding: 3px 3px 3px 16px; background-color: #D1D2D4; 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; padding: 5px 3px 0px 3px; height:40px; clear:both; text-align: center;}

#coldxH a img {border: 0px;}


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

.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;}
#stsel {padding: 1px; background-color: #F1F1F1;}
.downprod h4, .downprod h5 {background:#F1F1F1 none repeat scroll 0%; 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; color: #808285;}

.tech_table2, .tech_table3, .tech_table4, .tech_table167 {width: 100%;}
th {border: inset 0px; border-top: 1px solid #A1A1A1; text-align: left; color: #AAA; font-weight: normal; font-size: 11px; padding: 3px;}
th.small {text-align: center;}

.tech_table2 {color: #009B8B;}
.tech_table3 {color: #00448D;}
.tech_table4 {color: #C3B9B7;}
.tech_table167 {color: #333;}

.tech_table2 caption, .tech_table3 caption, .tech_table4 caption, .tech_table167 caption {font-size: 11px; padding: 3px 4px; color: #FFF;}
.tech_table2 caption {background-color: #009B8B;}
.tech_table3 caption {background-color: #00448D;}
.tech_table4 caption {background-color: #C3B9B7;}
.tech_table167 caption {background-color: #FFD300;}

.tech_table2 th, .tech_table3 th, .tech_table4 th, .tech_table167 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 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;}
#alle ul li{display: inline;}
#alle li a {color: #F58466; text-decoration: none; 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;}

#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;}
.chromeprod ul li {display: inline; line-height: 25px;}
.chromeprod li a {color: #808285; text-decoration: none; display: block;}
.chromeprod li a:hover {text-decoration: underline;}

.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 {}

.dropproddiv{
position: absolute;
border: 1px solid #BCBDC0; /*THEME CHANGE HERE*/
z-index:100;
/* height: 106px;
width: 418px; */
height: 151px;
width: 598px;
background-color: #FFF;
visibility: hidden;
background-color: !transparent;
}


.dropproddiv a{
/*border-bottom: 1px solid #6161CF; THEME CHANGE HERE*/
text-decoration: none;
color: #FFF;
font-weight: bold;
height: 135px;
/* height: 94px; */
 display: block;
}

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

.dropproddiv a label {}
.dropproddiv a:hover{ /*THEME CHANGE HERE*/
text-decoration: none;
}

.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 #009B8B; text-decoration: none;}

#prod167, #prod1, #prod2, #prod3, #prod4, #prod5 {float: left; height: 135px; width: 106px; margin: 6px 7px 6px 6px;}

#prod167 a, #prod1 a, #prod2 a, #prod3 a, #prod4 a, #prod5 a {position: absolute; z-index: 330000; width: 106px; font: bold 12px Verdana; color: #FFF;
 padding: 4px 8px 4px 4px; display: block;}

#prod1 {background: url(prod1.jpg) top right no-repeat #FFF;}
#prod2 {background: url(prod2.jpg) top right no-repeat #FFF;}
#prod3 {background: url(prodIteco.jpg) top right no-repeat #FFF;}
#prod4 {background: url(prod3.jpg) top right no-repeat #FFF;}
#prod5 {background: url(prod4.jpg) top right no-repeat #FFF;}

#prod3 a, #prod167 a {color: #333;}

.listrow {clear: both; display: block; height: 100px; padding: 0px;}
.listcol167, .listcol2, .listcol3, .listcol4 {float: left; padding: 0px; width: 280px; margin: 9px 0px; color: #FFF; background-color: #F1F1F1;
             font: 10px Verdana;}

.listcol167 h2, .listcol2 h2, .listcol3 h2, .listcol4 h2 {display: block; margin: 0px; background-color: #F47F3D; font: bold 11px Verdana; padding: 3px;}
.listcol2 h2 {background-color: #009B8B;}
.listcol3 h2 {background-color: #00448D;}
.listcol4 h2 {background-color: #C3B9B7;}
.listcol167 h2 {background-color: #FFD300;}
.listcol2 a {color: #009B8B;}
.listcol3 a {color: #00448D;}
.listcol4 a {color: #C3B9B7;}
.listcol167 a {color: #333;}

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

.listprod {width: 568px; margin: 0px 10px;}
.listprod tr td {width: 284px; vertical-align: top; padding: 0px; padding-top: 15px;}
.listprod tr td img {width: 250px; border: 0px; margin: 3px 0px;}
.listprod tr td.tdr {padding-left: 34px;}
.listprod tr td.tdl {padding-right: 34px;}

.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: #009B8B;}
.color3 {color: #00448D;}
.color4 {color: #C3B9B7;}
.color167 {color: #333;}

.colorlink2 a:hover {color: #009B8B;}
.colorlink3 a:hover {color: #00448D;}
.colorlink4 a:hover {color: #C3B9B7;}
.colorlink167 a:hover {color: #8A7308;}

.colorandh2 {background-color: #009B8B;}
.colorandh3 {background-color: #00448D;}
.colorandh4 {background-color: #C3B9B7;}
.colorandh167 {background-color: #8A7308;}

.colorandh2 a {color: #009B8B; background-color: #CCEFEC;}
.colorandh3 a {color: #00448D; background-color: #CCDEEE;}
.colorandh4 a {color: #C3B9B7; background-color: #F5F5F5;}
.colorandh167 a {color: #333; background-color: #FFD300;}

.colorandh2 a:hover {background-color: #CCEFEC; color: #FFF;}
.colorandh3 a:hover {background-color: #CCDEEE; color: #FFF;}
.colorandh4 a:hover {background-color: #F5F5F5; color: #FFF;}
.colorandh4 a:hover {background-color: #333; color: #FFD300;}

.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 {background-color: #F7F7F7; text-align: left; width: 250px; margin: 0px; padding: 4px 5px 5px 4px; vertical-align: top;
          line-height: 1.3;}
.homespot tr td h1 {margin: 3px 2px 4px 0px;}
.homespot tr td img {margin-right: 4px; float: left; border: 0px;}

#imgpright {float:right; width: 200px; padding-top: 10px;}
#imgpright img {width: 200px;}

#longdes img {margin: 5px 0 3px 0;}