@charset "utf-8";
/* CSS Document */
body {font-family: 'Trebuchet MS', Arial, Helvetica,  sans-serif; margin: 0; padding: 0; color: #333; line-height: 1.5 }

/* login */
body#BodyLogin { background: url("../img/login_banda.jpg") repeat-x left 300px ; }
.boxLogin { position: relative; margin: 0 auto; margin-top: 20px; background: url("../img/admin_login.png") no-repeat top left; height: 668px; width: 531px; }
input.loginInput { width: 200px; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; border: 1px solid #999; padding: 2px; }
#LoginForm { position: absolute; top: 295px; left: 190px; }
#LoginForm .btnLogin { position: absolute; top: 109px; left: 45px;  }


a { text-decoration: none; color: #999;}
a:hover {color: #333;}
.footerContent .noborder {border: none; }
strong { font-weight: bold;}
.clear{clear: both; height: 25px;}
address { font-style: normal; }
#nomargin {}

h1 { width: 144px; height: 172px; position: absolute; top: -4px; left: 15px; z-index: 20; }
h1 a { display: block; width: 100%; height: 100%; background: url("../img/header/logo.png") no-repeat top left }
h1 a:hover { background-position: 0 -172px; }
.headerBack {background: url(../img/home_background.jpg) left top repeat-x; height: 404px;}
.headerContent { width: 975px; margin: 0 auto; position: relative; }
#banner { width: 975px; height: 307px; position: relative; z-index: 10; }

#footerMenu { position: absolute; top: 0px; right: 10px; }
#footerMenu li { float: left; margin-left: 10px; border-left: 1px solid #666; padding-left: 10px; }
#footerMenu .first { border-left: 0; }
#footerMenu a { color: #666; }
.footerBack { clear: both; background: url(../img/footer_background.jpg) left top repeat-x; height: 124px; font-size: 90%; }
.footerContent { width: 975px; margin: 0 auto; position: relative; top: 25px; height: 124px; color: #666; font-weight: bold; font-size: 80% }
.footerContent address { font-size: 95%; color: #9F9F9F; font-weight: normal }
.headerInBack {background: url(../img/header_background_int.jpg) left top repeat-x; height: 278px;}
.headerInContent { width: 975px; margin: 0 auto; position: relative; height: 278px;}
.contentInBack {background: #F7F7F7;}
.contentHome { width: 955px; margin: 0 auto; min-height: 80px; height: auto !important; height: 80px; padding-top: 20px; }
.contentHomeContainer {background:#F7F7F7 }
.contentIn { width: 955px; margin: 0 auto; position: relative; font-size: 90%; min-height: 400px; height: auto !important; height: 400px; padding: 0 10px 30px 10px; }
.contentIn h2 { position: relative; left: -8px; margin-bottom: 15px }
.contentIn h3 { font-size: 110%; font-weight: bold; }
.contentIn h3.after { margin-top: 20px; }

.tit { width:186px; height: 25px; background: url("../img/tit_sprite.jpg") no-repeat top left; }
.azienda-it { background-position: 0 0; }
.prodotti-it { background-position: 0 -25px; }
.novita-it { background-position: 0 -50px; }
.contatti-it { background-position: 0 -75px; }
.accessibilita-it { background-position: 0 -100px; }
.privacy-it { background-position: 0 -125px; }
.credits-it { background-position: 0 -150px; }
.azienda-en { background-position: 0 -175px; } 
.prodotti-en { background-position: 0 -200px; } 
.novita-en { background-position: 0 -225px; } 
.contatti-en { background-position: 0 -250px; } 
.accessibilita-en { background-position: 0 -275px; }
.privacy-en { background-position: 0 -300px; }
.credits-en { background-position: 0 -325px; }

.downloadButton { display: block; background: url("../img/prodotti_box_catalogo.jpg") no-repeat top left; width: 203px; height: 46px; cursor: pointer; padding: 15px 110px 20px 10px; font-size: 120%; color: #333 }
.downloadButton:hover { background-position: 0 -80px; }
.contactBox { margin-top: 5px; position: relative; background: #CCC url("../img/prodotti_box_info.jpg") no-repeat top left; width: 303px; padding: 10px; height: 289px }
.contactBox p { margin-bottom: 5px; }
.contactBox h3 { color: red; line-height: 1; margin-bottom: 17px }
.contactBox input { width: 85px; }
.contactBox label { display: block; float: left; width: 60px; }
.contactBox .frmNome { position: relative; }
.contactBox .frmCognome { position: absolute; top: 58px; left: 165px;  }
.contactBox .frmEmail { position: absolute; top: 85px; left: 165px; }
.contactBox .frmProvincia { position: absolute; top: 112px; left: 10px; }
.contactBox .frmSections { position: absolute; top: 139px; left: 10px; width: 303px;  }
.contactBox .frmSections label { display: block; float: none; width: auto }
.contactBox .cblSections label { display: inline; float: none; width: auto; font-size: 75% }
.contactBox .cblSections input { width: auto; border: 0; }
.contactBox .frmPrivacy {  position: absolute; bottom: 10px; left: 7px; }
.contactBox .frmPrivacy label { display: inline; float: none; font-size: 70% }
.contactBox .frmPrivacy input { width: auto;  }
.contactBox .btnSend { position: absolute; bottom: 10px; right: 10px; background-image: url("../img/contatti_button_info.jpg"); width: 120px; height: 24px; text-align: center; color: #333333; }


#Left { float: left; width: 530px; }
#Right { margin-left: 550px; position: relative; height: 525px;}
#Right .contactAddress { line-height: 1.2; font-size: 120%; font-weight: bold; position: relative; top: 0px; }
#Right .contactAddress address { font-size: 70%; font-weight: normal; color: #666; }
#Right .contactAddress address a {color: #333;}
#Right .contactAddress address a:hover {color: #666;}
#Right .contactMail {font-size: 80%; color: #666; margin-top: 10px; }
#Right .contactMail li {line-height: 130%; list-style: none;}
#Right .contactMail .contactMailTitle {color: #333;}
#Right .contactMail li span {width: 150px; display: block; float: left; }
#Right .contactMail a {color: #999;}
#Right .contactMail a:hover {color: #333;}
#Right .contactsDownload { display: block; background: url("../img/contatti_box_distributori.jpg") no-repeat top left; margin: 8px 0; width: 283px; height: 45px; cursor: pointer; padding: 15px 110px 20px 10px; font-size: 120%; color: #333 }
#Right .contactsDownload:hover { background-position: 0 -81px; }
#Right #ContactForm { background: #CCC url("../img/contatti_box_info.jpg") no-repeat top left; width: 383px; height: 269px; padding: 10px; font-weight: bold; position: absolute; bottom: 0px; right: 1px; }
#Right #ContactForm h3 { color: #FD0000; font-size: 100%; }
#Right #ContactForm label { display: block; float: left; width: 60px; font-weight: normal; }
#Right #ContactForm input { width: 120px; border: 1px solid #CCC; }
#Right #ContactForm .cblSections label { display: inline; float: none; width: auto; font-size: 75% }
#Right #ContactForm .cblSections input { width: auto; border: 0; }
#Right #ContactForm .frmNome { position: absolute; top: 42px; left: 10px; }
#Right #ContactForm .frmCognome { position: absolute; top: 42px; left: 200px; }
#Right #ContactForm .frmAzienda { position: absolute; top: 72px; left: 10px; }
#Right #ContactForm .frmEmail { position: absolute; top: 72px; left: 200px; }
#Right #ContactForm .frmCity { position: absolute; top: 102px; left: 10px; }
#Right #ContactForm .frmProvincia, #Right #ContactForm .frmCountry { position: absolute; top: 102px; left: 200px; }
#Right #ContactForm .frmProvincia select, #Right #ContactForm .frmCountry select {width: 120px; }
#Right #ContactForm .frmSections { position: absolute; top: 132px; left: 10px; width: 383px;  }
#Right #ContactForm .frmSections label { height: 100px; }
#Right #ContactForm .frmPrivacy { position: absolute; bottom: 10px; left: 7px; }
#Right #ContactForm .frmPrivacy label { display: inline; font-size: 80%; float: none }
#Right #ContactForm .frmPrivacy input { width: auto; border: 0; }
#Right #ContactForm .btnSend { position: absolute; bottom: 10px; right: 22px; background: url("../img/contatti_button_info.jpg") no-repeat top left; display: block; width: 120px; height: 24px; text-align: center; color: #333; margin: 0 auto; }
#Right #ContactForm .btnSend:hover { background-position: 0 -24px;   }
.companyDownload {position: relative; left: 635px; top: 35px; display: block; cursor: pointer; padding: 28px 0px 0px 25px; font-size: 120%; color: #333; line-height: 110%; background: url("../img/prodotti_box_catalogo.jpg") no-repeat top left; width: 298px; height: 52px;  }
.companyDownload:hover { background-position: 0 -80px; }
.companyDownload img { vertical-align: middle; }

#Popup { font-size: 90%; padding: 10px;  width: 89%; margin: 0 auto; }
#CForm { height: 130px; }
.CPnlInterested { border-top: 1px dashed #999; }
.CPnlInterested p { position: relative; top: 20px; }
#Popup h3 { color: #FD0000; font-size: 100%; }
#Popup label { display: block; float: left; width: 60px; font-weight: normal; }
#Popup input { width: 120px; border: 1px solid #CCC; }
#Popup .frmNome { position: absolute; top: 42px; left: 10px; }
#Popup .frmCognome { position: absolute; top: 42px; left: 200px; }
#Popup .frmAzienda { position: absolute; top: 72px; left: 10px; }
#Popup .frmEmail { position: absolute; top: 72px; left: 200px; }
#Popup .frmPrivacy { position: absolute; top: 102px; left: 7px; }
#Popup .frmPrivacy label { display: inline; font-size: 80%; float: none }
#Popup .frmPrivacy input { width: auto; border: 0; }
#Popup .btnSend { position: absolute; top: 102px; left: 260px; background: url("../img/contatti_button_info.jpg") no-repeat top left; display: block; width: 120px; height: 24px; text-align: center; color: #333; margin: 0 auto; }
#Popup .btnSend:hover { background-position: 0 -24px;   }

#Popup .btnClose { position: absolute; top: 160px; left: 260px; background: url("../img/contatti_button_info.jpg") no-repeat top left; width: 120px; height: 24px; text-align: center; color: #333; display: block;}
#Popup .btnClose:hover { background-position: 0 -24px;   }

.Categorie { float: left;   }
.Categorie .main-category { margin-bottom: 5px; position: relative; z-index: 20; }
.Categorie .main-category .cat {  display: block; width: 312px; height: 23px; background: url("../img/prodotti_bot_liv1.png") no-repeat top left; padding: 4px 0 0 15px; font-size: 80%; color: #333 }
.Categorie .main-category .cat:hover { background-position: 0 -27px; color: #333 }
.Categorie .active {   }
.Categorie .active .cat { background-position: 0 -54px; color: #FD0000;   }
.Categorie .active .cat:hover { background-position: 0 -54px !important; color: #FD0000 !important; }

.ProdittiCnt { position: relative; z-index: 10; margin-left: 326px; }
.Prodotti { width: 155px; padding: 5px 15px 0 15px;  background: #FFF; border: 1px solid #E3E3E3; }
.Prodotti li { border-bottom: 1px solid #E3E3E3; position: relative; }
.Prodotti li.last { border-bottom: 0; }
.Prodotti .prod { display: block; width: 150px; height: 17px; background: none; color: #666; padding: 2px 0; position: relative; z-index: 200; font-size: 80%; }
.Prodotti .prod:hover { color: #333; background: url("../img/arrow-off.jpg") no-repeat 140px 8px ; }
.Prodotti .active { color: #FD0000; background: url("../img/arrow.jpg") no-repeat 140px 8px ;  }

.ProductDetail { position: absolute; top: -12px; left: 175px; background: #FFF; width: 428px; height: 196px; padding: 10px; border: 1px solid #E3E3E3; text-transform: uppercase }
.ProductDetailNoDataSheet { height: 115px; }
.ProductDetail h3 { font-size: 120%; font-weight: bold; color: #FD0000; text-transform: none }
.ProductDetail .btnScheda { display: block; position: absolute; left: 10px; bottom: 10px;  text-transform: none; width: 407px; height: 51px; background: url("../img/prodotti_box_scheda_tecnica.jpg") no-repeat top left; font-size: 120%; color: #FFF; padding: 30px 0 0 20px; }
.ProductDetail .btnScheda:hover { background-position: 0 -81px; }


/* MENU */
.menuPosition {position: absolute; top: 313px; left: -1px; z-index: 30;}
.menuInPosition {position: absolute; top: 191px; left: -1px;  z-index: 30;}

.menu {} 
.menu li {float: left; height: 72px; width: 238px;  margin: 0 3px;}
.it li a {display: block; background:url(../img/it/menu.jpg) no-repeat; width: 238; height: 72px; }
.en li a {display: block; background:url(../img/en/menu.jpg) no-repeat; width: 238; height: 72px; }
.menu li a.menuCompany {background-position: 0px 0px;}
.menu li a.menuCompany:hover { background-position: 0px -72px;}
.menu li a.menuCompanyON { background-position: 0px -72px;}
.menu li a.menuProducts {background-position: 0px -144px;}
.menu li a.menuProducts:hover { background-position: 0px -216px;}
.menu li a.menuProductsON { background-position: 0px -216px;}
.menu li a.menuInfo {background-position: 0px -288px;}
.menu li a.menuInfo:hover { background-position: 0px -360px;}
.menu li a.menuInfoON { background-position: 0px -360px;}
.menu li a.menuContacts {background-position: 0px -432px;}
.menu li a.menuContacts:hover { background-position: 0px -504px;}
.menu li a.menuContactsON { background-position: 0px -504px;}



/* Accessibilità */
#accessibilita {padding-top: 5px; margin: 0 auto; min-height: 260px; height: auto !important; font-size: 90%; height: 260px; padding-bottom: 15px;}
#accessibilita p { margin: 0px; width: 98%; margin-bottom: 6px; margin-top: 10px; padding: 0;}
#accessibilita p strong {font-weight: bold;}
#accessibilita h2{font-size: 200%; font-weight: bold; padding-top: 20px; padding-bottom: 15px;}
#accessibilita h3 { font-weight: bold; font-size: 105%; margin-bottom:6px; padding: 0; }
#accessibilita h4{font-weight: bold; padding-bottom: 3px;}
#accessibilita a { color: #333; } 
#accessibilita a:hover { color: #999; }
ol { list-style: decimal outside; padding-left: 25px;}
#accessibilita ol li {padding-left: 5px;}

 /* Privacy-Policy */
.privacy {padding-top: 5px; margin: 0 auto; min-height: 260px; height: auto !important; font-size: 90%; height: 260px; padding-bottom: 15px;}
.privacy p { margin: 0px; width: 98%; margin-bottom: 6px; padding: 0; }
.privacy h2 {font-size: 200%; font-weight: bold; padding-top: 20px; padding-bottom: 15px;}
.privacy h3 { font-weight: bold; font-size: 105%; margin-bottom:6px; margin-top: 10px; padding-top: 10px; }
.privacy h4{font-weight: bold; padding-bottom: 3px;}
.privacy a { color: #333; } 
.privacy a:hover { color: #999; }



/* Credits */ 
#CntCredits{width: 944px; margin-right: auto;margin-left: auto;text-align: center; font-size: 100%; line-height: 130%;}
#CntCredits address{font-size: 100%;}
#CntCredits a{color:#666;  text-decoration: underline;}
#CntCredits a:hover{color:#333;}
#CntCredits img{padding-top: 30px;}


.evento { border-bottom: 1px dashed #CCC; padding-left: 110px; position: relative; margin-bottom: 15px }
.evento .type { position: absolute; top: 0; left: 0; }
.evento h2, .DetailTitle { text-transform: uppercase; color: red; font-size: 140%; left: 0; margin-bottom: 0; display: block }
.evento .date, .DetailData { color: #666; margin: 0; padding: 0; }
.archivio { font-weight: bold; text-align: center; font-size: 120%; color: #333; margin-top: 15px; }
.archivio a { color: #666; }
.archivio a:hover { color: #333; }
#TreeControl { float: left; }
#DetailControl { margin-left: 220px; }

.read-more { display: inline; }