﻿body, html { margin: 0; padding: 0; font-family: Arial; color: #666666; font-size: 88%; background: #D7D7D7;}

#divTop {height: 320px; overflow: hidden; background: url(../Images/sfondo_top.bmp) repeat-x;}
#divTopBar {width: 900px; margin: auto;}

.none {display: none;}
.divClearer {clear: both; height: 2px; overflow: hidden;}
.validation {font-size: 120%; font-weight: bold;}
.h4Color {margin: 0; padding: 0 0 7px 0; color: #FF0000; font-size: 110%;}

#divLogo {float: left; display: inline; padding-top: 25px; width: 195px; overflow: hidden;}
#h1IMA {padding: 0; margin: 0;}
.aH1IMA {display: block; width: 195px; height: 59px; background: url(../Images/IMA.gif) no-repeat;}

#divTopLeft {float: left; display: inline; width: 705px; height: 90px; overflow: hidden;}

#divTopMenu {height: 32px; overflow: hidden; padding: 13px 0 0 0;}
#divMainMenu {height: 35px; overflow: hidden; padding: 10px 0 0 90px;}

.aTopMenu {float: right; display: inline; height: 21px; padding: 0 11px 0 8px; overflow: hidden; text-align: center; color: #AAAAAA; text-decoration: none; font-weight: bold; font-size: 90%; }
.aTopMenu:hover {text-decoration: underline;}
.aTopMenuBG {background: url(../Images/menu_top_dots.gif) right center no-repeat;}

.aMainMenu, .aMainMenu_sel {float: left; display: inline; width: 79px; height: 22px; padding: 5px 3px 0 0; overflow: hidden; text-align: center; color: #828282; text-decoration: none; font-weight: bold;}
.aMainMenu:hover, .aMainMenu_sel {color: #FF0000;}
.aMainMenuBG {background: url(../Images/menu_dots.gif) right center no-repeat;}

#divLanguage {float: right; display: inline; height: 21px; padding: 0 1px 0 8px; font-weight: bold; font-size: 90%; color: #AAAAAA;}
.aFlagIT, .aFlagEN {margin-left: 6px; border: none; vertical-align: middle;}

#divBottom {padding-top: 30px; background: url(../Images/sfondo_bottom.bmp) repeat-x;}

#divFooter {padding: 5px 6px 2px 6px; width: 888px; margin: auto; font-size: 86%; color: #999999; border-top: 2px solid #AAAAAA;}
.aFooter {color: #AAAAAA; text-decoration: none;}
.aFooter:hover {text-decoration: underline;}



/***********  CONTATTI  ***************/
#divBottomContatti {width: 900px; min-height: 237px; padding: 0 0 18px 0; margin: 0 auto 15px auto; background: url(../Images/round_bottom.gif) left bottom no-repeat #FFFFFF;}
#divBannerContatti {clear: both; height: 228px; width: 880px; padding: 2px 0 0 20px; margin: auto; overflow: hidden; background: url(../Images/banner_contatti.jpg) no-repeat right top;}

.divMail {padding: 6px 0 0 0;}
.imgMail {margin-right: 5px; vertical-align: baseline; }
.blueLink {color: #029FC8;}
.grayLink {color: #828282;}

#divScheda {float: left; display: inline; width: 313px; overflow: hidden; padding: 20px 0 0 20px;}
.divContactPart {float: left; display: inline; width: 155px; overflow: hidden; padding: 0 0 3px 0;}
.tbContact {margin: 0; padding: 1px; width: 140px; border: 1px solid #C5C5C5; height: 16px; font-family: Arial;}
#divContactMessage {clear: both; padding: 5px 0 0 0;}
.tbContactMessage {margin: 0; padding: 1px; width: 295px; border: 1px solid #C5C5C5; height: 80px; font-family: Arial;}
#divContactPrivacy {padding: 7px 0 0 0;}
#divLabelCB {float: left; display: inline; width: 270px;  padding: 3px 0 0 7px;}
#divContactSend {clear: both; text-align: right; padding: 7px 15px 0 0;}
 
#divMap {float: left; display: inline; width: 535px; height: 336px; overflow: hidden; margin: 20px 0 0 5px; border: 3px solid #C7C7C7; color: #333333; }
.gmnoprint>a, .gmnoprint>span {display: none;}
 


/***********  STORIA  ***************/ 
#divBannerStoria {clear: both; height: 230px; width: 300px; padding: 0 600px 0 0; font-size: 160%; text-align: right; margin: auto; overflow: hidden; background: url(../Images/banner_storia.jpg) no-repeat right top;}
.h3Storia_it {margin: 0; padding: 0; width: 300px; height: 200px; overflow: hidden; background: url(../Images/it/label_storia.gif) no-repeat;}
.h3Storia_en {margin: 0; padding: 0; width: 300px; height: 200px; overflow: hidden; background: url(../Images/en/label_storia.gif) no-repeat;}
#divBottomStoria {width: 900px; min-height: 255px; padding: 0; margin: 0 auto 15px auto; background: url(../Images/round_bottom.gif) left bottom no-repeat #FFFFFF;}
#divCalorifero {height: 338px; background: url(../Images/bottom_storia.jpg) bottom left no-repeat; padding: 17px 20px 10px 315px;}
 
 
 
 
 /***********  PRODOTTI  ***************/
#divBannerBollitori {clear: both; height: 228px; width: 900px; padding: 0; margin: auto; overflow: hidden; background: url(../Images/banner_bollitori.jpg) no-repeat right top;}
#divBannerProdottiCasa {clear: both; height: 228px; width: 900px; padding: 0; margin: auto; overflow: hidden; background: url(../Images/banner_prodottiCasa.jpg) no-repeat right top;}
#divBannerProdottiBagno {clear: both; height: 228px; width: 900px; padding: 0; margin: auto; overflow: hidden; background: url(../Images/banner_prodottiBagno.jpg) no-repeat right top;}
#divBannerProdottiElettrici {clear: both; height: 228px; width: 900px; padding: 0; margin: auto; overflow: hidden; background: url(../Images/banner_prodottiElettrici.jpg) no-repeat right top;}
 
#divFamiglie {float: left; display: inline; width: 177px; overflow: hidden;}
.divFamiglia {width: 145px; overflow: hidden; background: #D2D2D2; padding: 2px 0 3px 9px; margin: 0 0 4px 0; }
.aFamiglia, .aFamiglia_sel {color: #828282; font-weight: bold; text-decoration: none; }
.aFamiglia:hover, .aFamiglia_sel {color: #F20000;}
 
#divElencoProdotti {float: left; display: inline; width: 123px; overflow: hidden;}
.divElencoBollitori {float: left; display: inline; width: 141px; overflow: hidden;}
.aProdottoVert, .aProdottoVert_sel {display: block; padding: 0 0 0 11px; background: url(../Images/freccetta.gif) no-repeat center left; color: #828282; text-decoration: none; font-size: 92%; font-weight: bold;}
.aProdottoVert:hover, .aProdottoVert_sel {color: #FF0000;}
/*.aProdottoVertBoll, .aProdottoVertBoll_sel {display: block; padding: 0 0 7px 11px; line-height: 110%; background: url(../Images/freccetta.gif) no-repeat center left; color: #828282; text-decoration: none; font-size: 92%; font-weight: bold;}
.aProdottoVertBoll:hover, .aProdottoVertBoll_sel {color: #FF0000;}*/
 
#divBottomProdotti {width: 900px; min-height: 237px; padding: 0 0 18px 0; margin: 0 auto 15px auto; background: url(../Images/round_bottom.gif) left bottom no-repeat #FFFFFF;}

.aProdottiLeft {float: left; display: inline; width: 42px; height: 380px; overflow: hidden; background: url(../Images/freccia_sx.gif) no-repeat center left; cursor: pointer;}
.aProdottiLeft:hover { background-position: center right;}
.aProdottiLeft_end {float: left; display: inline; width: 42px; height: 380px; overflow: hidden; background: url(../Images/freccia_sx.gif) no-repeat center left; cursor: pointer;}
.aProdottiRight {float: left; display: inline; width: 42px; height: 380px; overflow: hidden; background: url(../Images/freccia_dx.gif) no-repeat center right; cursor: pointer;}
.aProdottiRight:hover { background-position: center left;}
.aProdottiRight_end {float: left; display: inline; width: 42px; height: 380px; overflow: hidden; background: url(../Images/freccia_dx.gif) no-repeat center right; cursor: pointer;}
 
#divProdottiOuter {float: left; display: inline; width: 816px; height: 400px; overflow: hidden;}
.divProdottiScrollerBagno {width: 2992px; height: 400px; overflow: hidden;}
.divProdottiScrollerCasa {width: 4080px; height: 400px; overflow: hidden;}
.divProdottiScrollerElettrici {width: 2720px; height: 400px; overflow: hidden;}
.divProdottiScrollerBollitori {width: 2176px; height: 400px; overflow: hidden;}
.divObject {float: left; display: inline; width: 272px; height: 400px; overflow: hidden; color: #828282; text-decoration: none; cursor: pointer;}
.divObjectTitle {display: block; width: 272px; height: 33px; padding: 20px 0 0 0; overflow: hidden; text-align: center;  font-size: 120%;}
.divObjectTitle_sel {display: block; width: 272px; height: 33px; padding: 20px 0 0 0; overflow: hidden; text-align: center;  font-size: 120%; color: #FF0000;}
.divObjectImage {display: block; width: 272px; height: 347px; overflow: hidden; text-align: center;}
.imgProduct {margin: -5px 0 0 -4px; border: none;}


#divSchedaProdotto {padding: 20px 20px 0 20px;}
#divProdottoImage {float: left; display: inline; width: 280px; height: 388px; overflow: hidden;}
.aImage1 {float: left; display: inline; height: 24px; width: 42px; margin-left: 94px; background: url(../Images/freccia_sx.gif) left top;}
.aImage1:hover {background-position: right top;}
.aImage2 {float: left; display: inline; height: 24px; width: 42px; background: url(../Images/freccia_dx.gif) right top;}
.aImage2:hover {background-position: left top;}
#divSchede {float: left; display: inline; width: 580px; overflow: hidden;}
.h3ProductTitle {margin: 0; padding: 0 0 6px 0; font-size: 120%; color: #FF0000;}
.aPrint {float: right; display: inline; margin-right: 11px;}
.btnPDF {float: right; display: inline; margin-right: 3px;}
.btnPDF img {border: none;}
.aPrint img {border: none;}
.divProductText {font-size: 100%; padding: 0 0 15px 0;}
.h4Expand {margin: 10px 0 0 0; padding: 4px 0 3px 8px; font-size: 100%; background: url(../Images/freccia_collassa.gif) no-repeat center right #E8E8E8; cursor: pointer;}
.h4Expand:hover {background-image: url(../Images/freccia_espandi.gif) }
.h4Expand_sel {margin: 10px 0 0 0; padding: 4px 0 3px 8px; font-size: 100%; background: url(../Images/freccia_espandi.gif) no-repeat center right #E8E8E8; cursor: pointer;}
.h4Expand_sel:hover {background-image: url(../Images/freccia_collassa.gif) }
.divInfoProduct {margin: 15px 0 15px 0; padding: 0 0 0 3px; overflow: hidden;}
.divInfoProductNone {display: none;}

.tableProduct {text-align: center; margin-bottom: 15px; border-collapse: collapse;}
.tableProduct thead {background: #FD0000; color: #FFFFFF; font-size: 90%;}
.tableProduct thead th, .tableProduct thead td {padding: 5px 0 5px 0; border-right: 1px solid #FCA28A;}
.tableProduct thead td {font-weight: bold}
.cellBottom {border-bottom: 1px solid #FCA28A;}
.rowGray {background-color: #F0F0F0;}
.tdPink { background-color: #FFD5D6; }
.rowGray>.tdPink { background-color: #F0C8C9; }
.tableProduct tbody td {padding: 4px 0 2px 0;}
.orangeCell {font-weight: bold; }
.misuraCell {border-right: 1px solid #666666; border-left: 1px solid #666666;}
.aAzure {color: #00A1C7;}
.ulNormalized {margin: 0 0 0 30px; padding: 5px 0 5px 0;}

.aSwapImg {color: #616161;}
.aSwapImg_sel {color: #616161; text-decoration: none; font-weight: bold;}

#divCampa {width: 860px; height: 360px; overflow: hidden; background: url(../Prodotti/RadiatoriElettrici/scheda_campa.jpg) no-repeat;}
#divNoirot {width: 860px; height: 360px; overflow: hidden; background: url(../Prodotti/RadiatoriElettrici/scheda_noirot.jpg) no-repeat;}
#divCampaText {text-align: right; padding: 78px 36px 0 0; font-family: "Trebuchet MS", Verdana; color: #000000; font-weight: bold; font-size: 106%;}
#divNoirotText {text-align: right; padding: 92px 36px 0 0; font-family: "Trebuchet MS", Verdana; color: #000000; font-weight: bold; font-size: 106%;}
.aPartnerLink {font-size: 130%; color: #1F4FEF; text-decoration: none;}
.aPartnerLink:hover {text-decoration: underline;}


.divBloccoGrigio {height: 30px; background: #F0F0F0;}
.divAccessoriRow {background: url(../Images/RadiatoriBagno/Accessori/tratt_orizz.gif) bottom left repeat-x; padding: 14px 0 7px 0;}
.divAccessoriHalf1 {float: left; display :inline; width: 410px; overflow: hidden; padding: 0 21px 0 0;}
.divAccessoriHalf2 {float: left; display :inline; width: 425px; overflow: hidden;}
.bAccessori {color: #FE0000; font-size: 120%;}
.divAccessoriThird1 {float: left; display :inline; width: 267px; overflow: hidden; padding: 0 20px 0 0; background: url(../Images/RadiatoriBagno/Accessori/tratt_vert.gif) top right repeat-y; }
.divAccessoriThird2 {float: left; display :inline; width: 247px; overflow: hidden; padding: 0 20px 0 20px; background: url(../Images/RadiatoriBagno/Accessori/tratt_vert.gif) top right repeat-y; }
.divAccessoriThird3 {float: left; display :inline; width: 262px; overflow: hidden; padding: 0 0 0 20px;}
.divBollitoriAccessoriHalf1 {float: left; display :inline; width: 215px; overflow: hidden;}
.divBollitoriAccessoriHalf2 {float: left; display :inline; width: 640px; overflow: hidden;}
.divBollitoriAccessoriHalf1_2 {float: left; display :inline; width: 340px; overflow: hidden;}
.divBollitoriAccessoriHalf2_2 {float: left; display :inline; width: 515px; overflow: hidden;}

.divAccessoriRow2 {padding: 14px 0 7px 0;}
.bBollitoriAccessori { display: block; background: url(../Images/RadiatoriBagno/Accessori/tratt_orizz.gif) bottom left repeat-x;  color: #FF0000; padding: 0 0 2px 2px; font-size: 110%; }
.tableAccessori {text-align: center; margin-bottom: 15px; border-collapse: collapse;}
.tableAccessori thead {background: #FFFFFF; color: #333333; font-size: 90%;}
.tableAccessori thead th, .tableAccessori thead td {padding: 5px 0 5px 0; border-right: 1px solid #FFFFFF;}
.tableAccessori thead td {font-weight: bold}
.tableAccessori tbody td {padding: 4px 0 2px 0;}
.divAccessorioText { padding: 70px 0 0 45px; font-size: 110%; }
.divAccessorioText p { padding: 0; margin: 0; color: #ff0000; }



/***********  NEWS  ***************/
#divBannerNews {clear: both; height: 228px; width: 880px; padding: 2px 0 0 20px;  margin: auto; overflow: hidden; background: url(../Images/banner_news.jpg) no-repeat right top;}
#divBottomNews {width: 880px; min-height: 237px; padding: 15px 0 18px 20px; margin: 0 auto 15px auto; background: url(../Images/round_bottom.gif) left bottom no-repeat #FFFFFF;}
#divDetailNews {width: 830px; min-height: 237px; padding: 32px 40px 18px 30px; margin: 0 auto 15px auto; background: url(../Images/round_bottom.gif) left bottom no-repeat #FFFFFF; line-height: 140%;}
.divNewsItem {padding: 10px 0 0 0 ;}
.divNewsWindow {float: left; display: inline; width: 260px; height:100px; overflow: hidden; text-align: center;}
.divNewsDataItem {float: left; display: inline; width: 570px;  padding: 0 0 0 22px; }
.divNewsDataItem2 {float: left; display: inline; width: 815px;  padding: 0 0 0 22px; }
.divClearerNews {clear: both; height: 9px; overflow: hidden; border-bottom: 2px solid #E2E2E2;}
.bNewsTitleItem {color: #FE0000; font-size: 130%;}
.hlnkNewsItem {text-decoration: none;  color: #828282;}
.hlnkNewsItem:hover {color: #FE0000; }
.lblNoNews {font-size: 105%; display: block; text-align: center; padding: 25px 0 0 0;}

#divNewsImage {float: left; padding: 0 30px 0 0; width: 260px; overflow: hidden}
#divNewsText {float: left; width: 500px; overflow: hidden}
.aBackNews {text-decoration: none; color: #9E9E9E; font-size: 130%; font-weight: bold;}
.aBackNews:hover {color: #FE0000;}

