/* AUTHOR: Pisani Alessandro - www.pisanialessandro.it */ * {margin: 0;padding: 0;} body {margin: 0; text-align: center;color: #9b8e7e; font-size: 12px; background-color: #f6f4f4; font-family:"Trebuchet MS" } a {text-decoration: none;color:#34091a;} a:hover {text-decoration: underline;} a img{border:none;} .fix {clear: both;} #container {border:1px solid #C3BDBD;background-color: #fff;position: relative; margin: 0 auto;width:950px;text-align: left;} /* HEADER */ #container #header {border-bottom:1px solid #C3BDBD;background: url(img/bgHead.gif) top left no-repeat; height: 100px;} #container #header h1 a{float:left;background: url(img/logo.gif) top left;display:block;width: 180px;height:100px;text-indent: -9999px;} #container #header #searchForm{ position: absolute;top:77px; left:799px;font-family:"Trebuchet MS"} #container #header #searchForm input{width:140px; font-size:13px; color: #555;height:15px;} /* MENU */ #container #header #menu ul{list-style: none;display: block;position:relative; padding-top:75px;} #container #header #menu li{text-transform: uppercase; float: left;display: block;width: 102px;height:22px;text-align:center;} #container #header #menu li span{color:#fff;background: url(img/tabHover.gif) top left;width: 102px;height:18px;display: block;padding-top: 7px; } #container #header #menu li a{background: url(img/tab.gif) top left;display: block;width: 102px;height:18px;padding-top: 7px;} #container #header #menu li a:hover{color:#fff;background: url(img/tabHover.gif) top left;text-decoration: none;} ul.link{margin-left: 20px;margin-bottom: 10px;margin-top:10px;font-size: 13px;} ul.link li{margin-top: 5px;} /* CONTENT */ #container #content{ width:950px;position:relative; background:white url(img/sfondoContainer.gif) top left repeat-y;} #container #homeContent{background: url(img/homeSfondo.gif); text-align:center; width:950px; height:548px;position: relative;margin: 0px auto;} #container #homeContent img{margin:105px 0 30px 20px;} /* Colonna principale */ #container #content #colB{float: right;width: 768px;background: transparent;} #container #content #colB .fotoContent{margin-bottom: 10px;} /* serviceMenu */ #container #content #colB #serviceMenu {width: 768px;height: 30px;position:relative;background-color: #f8f8f6;} #container #content #colB #serviceMenu #briciole{font-size: 10px; padding:10px 0 0 10px;color:#34091a} #container #content #colB #serviceMenu #briciole a{text-decoration: underline;} #container #content #colB #mainContent {padding:20px;width: 728px;position: relative;} #container #content #colB #mainContent h2{font-size: 18px;color:#34091a;margin-bottom: 5px;text-transform: uppercase;letter-spacing:1px; } #container #content #colB #mainContent p.subtitle{border-bottom: 1px solid #C3BDBD;padding-bottom: 10px;margin-bottom: 10px;} #container #content #colB #mainContent p{font-size: 13px;text-align: justify;margin-bottom: 10px; color:#515151;} /* Colonna sinistra */ #container #content #colA{padding:10px;padding-top:0px;border-right:1px solid #C3BDBD;float:left;width: 161px;background: transparent; } #container #content .fix{clear:both;} /* MENU PRODOTTI - Primo livello - Vecchio #container #content #colA ul#productsMenu {list-style: none;} #container #content #colA ul#productsMenu li a {display: block;margin-top:10px;text-indent: -999px; width: 160px;height: 120px; background: url(img/productsItem.gif) top left;} #container #content #colA ul#productsMenu li a.bicchieri {background: url(img/menu/bicchieriMenu.gif) top left;} #container #content #colA ul#productsMenu li a.bicchieri:hover,#container #content #colA ul#productsMenu li a.bicchieriActive{background: url(img/menu/bicchieriMenuHover.gif) top left;} #container #content #colA ul#productsMenu li a.decanters {background: url(img/menu/decantersMenu.gif) top left;} #container #content #colA ul#productsMenu li a.decanters:hover,#container #content #colA ul#productsMenu li a.decantersActive{background: url(img/menu/decantersMenuHover.gif) top left;} #container #content #colA ul#productsMenu li a.secchielli {background: url(img/menu/secchielliMenu.gif) top left;} #container #content #colA ul#productsMenu li a.secchielli:hover,#container #content #colA ul#productsMenu li a.secchielliActive{background: url(img/menu/secchielliMenuHover.gif) top left;} #container #content #colA ul#productsMenu li a.importazione {background: url(img/menu/importazioneMenu.gif) top left;} #container #content #colA ul#productsMenu li a.importazione:hover,#container #content #colA ul#productsMenu li a.importazioneActive{background: url(img/menu/importazioneMenuHover.gif) top left;} #container #content #colA ul#productsMenu li a.accessori {background: url(img/menu/accessoriMenu.gif) top left;} /*#container #content #colA ul#productsMenu li a.accessori:hover {background: url(img/menu/accessoriMenuHover.gif) top left;} corretto da paolo Paolo #container #content #colA ul#productsMenu li a.accessori:hover,#container #content #colA ul#productsMenu li a.accessoriActive{background: url(img/menu/accessoriMenuHover.gif) top left;} */ /* MENU PRODOTTI - Primo livello */ #container #content #colA ul#productsMenu {list-style: none;} #container #content #colA ul#productsMenu li a {display: block;margin-top:10px;text-indent: -999px; width: 160px;height: 120px; background: url(img/productsItem.gif) top left;} #container #content #colA ul#productsMenu li a.bicchieri {background: url(img/menu/NuovoMenu/calici_it.gif) top left;} #container #content #colA ul#productsMenu li a.bicchieri:hover,#container #content #colA ul#productsMenu li a.bicchieriActive{background: url(img/menu/NuovoMenu/calici_it_over.gif) top left;} #container #content #colA ul#productsMenu li a.decanters {background: url(img/menu/NuovoMenu/decanters_it.gif) top left;} #container #content #colA ul#productsMenu li a.decanters:hover,#container #content #colA ul#productsMenu li a.decantersActive{background: url(img/menu/NuovoMenu/decanters_it_over.gif) top left;} #container #content #colA ul#productsMenu li a.secchielli {background: url(img/menu/NuovoMenu/secchielli_it.gif) top left;} #container #content #colA ul#productsMenu li a.secchielli:hover,#container #content #colA ul#productsMenu li a.secchielliActive{background: url(img/menu/NuovoMenu/secchielli_it_over.gif) top left;} #container #content #colA ul#productsMenu li a.importazione {background: url(img/menu/NuovoMenu/importazioni_it.gif) top left;} #container #content #colA ul#productsMenu li a.importazione:hover,#container #content #colA ul#productsMenu li a.importazioneActive{background: url(img/menu/NuovoMenu/importazioni_it_over.gif) top left;} #container #content #colA ul#productsMenu li a.accessori {background: url(img/menu/NuovoMenu/accessori_it.gif) top left;} #container #content #colA ul#productsMenu li a.accessori:hover,#container #content #colA ul#productsMenu li a.accessoriActive{background: url(img/menu/NuovoMenu/accessori_it_over.gif) top left;} /* MENU PRODOTTI - Primo livello Inglese */ #container #content #colA ul#productsMenu li a.bicchieriEN {background: url(img/menu/NuovoMenu/calici_en.gif) top left;} #container #content #colA ul#productsMenu li a.bicchieriEN:hover,#container #content #colA ul#productsMenu li a.bicchieriActiveEN{background: url(img/menu/NuovoMenu/calici_en_over.gif) top left;} #container #content #colA ul#productsMenu li a.decantersEN {background: url(img/menu/NuovoMenu/decanters_en.gif) top left;} #container #content #colA ul#productsMenu li a.decantersEN:hover,#container #content #colA ul#productsMenu li a.decantersActiveEN{background: url(img/menu/NuovoMenu/decanters_en_over.gif) top left;} #container #content #colA ul#productsMenu li a.secchielliEN {background: url(img/menu/NuovoMenu/secchielli_en.gif) top left;} #container #content #colA ul#productsMenu li a.secchielliEN:hover,#container #content #colA ul#productsMenu li a.secchielliActiveEN{background: url(img/menu/NuovoMenu/secchielli_en_over.gif) top left;} #container #content #colA ul#productsMenu li a.importazioneEN {background: url(img/menu/NuovoMenu/importazioni_en.gif) top left;} #container #content #colA ul#productsMenu li a.importazioneEN:hover,#container #content #colA ul#productsMenu li a.importazioneActiveEN{background: url(img/menu/NuovoMenu/importazioni_en_over.gif) top left;} #container #content #colA ul#productsMenu li a.accessoriEN {background: url(img/menu/NuovoMenu/accessori_en.gif) top left;} #container #content #colA ul#productsMenu li a.accessoriEN:hover,#container #content #colA ul#productsMenu li a.accessoriActiveEN{background: url(img/menu/NuovoMenu/accessori_en_over.gif) top left;} /* MENU PRODOTTI - secondo livello */ #container #content #colA ul#productsMenu li ul.secondLevel {list-style: none;} #container #content #colA ul#productsMenu li ul.secondLevel li a{text-transform: uppercase; padding-top: 3px; font-size: 11px; color:#9B8E7E;text-indent: 10px; margin-top:3px; border:1px solid #ebe8e5;width: 158px; height: 15px;background:#f2efee url(img/menu/arrowSecondLevel.gif) center right no-repeat; } #container #content #colA ul#productsMenu li ul.secondLevel li a:hover,#container #content #colA ul#productsMenu li ul.secondLevel li a.active{text-decoration: none; color:#34091A; border-color: #9B8E7E;background:#DAD2D0 url(img/menu/arrowSecondLevelHover.gif) center right no-repeat;} /* MENU PRODOTTI - terzo livello */ #container #content #colA ul#productsMenu li ul.secondLevel li ul.thirdLevel {list-style: none; border-bottom: 1px solid #9B8E7E; } #container #content #colA ul#productsMenu li ul.secondLevel li ul.thirdLevel li {} #container #content #colA ul#productsMenu li ul.secondLevel li ul.thirdLevel a {text-indent: 15px;font-size:9px;border-color: #9B8E7E;border-top:none; border-bottom:none;margin: 0px; background: #edeae8 none;} #container #content #colA ul#productsMenu li ul.secondLevel li ul.thirdLevel a.selected {text-indent: 15px;font-size:9px;border-color: #9B8E7E;border-top:none; border-bottom:none;margin: 0px; background: #DAD2D0 none;} #container #content #colA ul#productsMenu li ul.secondLevel li ul.thirdLevel a:hover{} /* Lista Prodotti modifica di paolo: #container #content #listaProdottiContainer{margin: 0o;position: relative;width:700px;}*/ #container #content #listaProdottiContainer{margin: 0px;position: relative;width:740px;} /* modifica di paolo: #container #content ul#listaProdotti {float: left; margin-top:10px;width: 700px; height: 100%; position: relative; list-style: none; padding: 10px 0 10px 10px;} #container #content ul#listaProdotti li {width: 160px;float: left;margin-right: 10px;}*/ #container #content ul#listaProdotti {float: left; margin-top:10px;width: 740px; height: 100%; position: relative; list-style: none; padding: 10px 0 10px 10px;} #container #content ul#listaProdotti li {width: 160px;float: left;margin-right: 20px;margin-bottom: 10px;} #container #content ul#listaProdotti li a {padding-top:0px; margin-right:0px;margin-bottom:10px;text-align: center; position: relative; display: block; width: 160px ; height: 195px; border: 1px solid #C3BDBD; font-size: 11px;color: #9B8E7E; } #container #content ul#listaProdotti li a:hover {text-decoration: none; color: #34091A;background-color: #DAD2D0;} #container #content ul#listaProdotti li a img {border-bottom: 1px solid #C3BDBD;} #container #content ul#listaProdotti li a span {display: block; padding:0 3px;} /* FORM CONTATTI */ .leftColumnFooterContatti { float:left; position:relative; width:300px;} .middleColumnFooterContatti { float:left; position:relative; width:405px;} .menuChecksFooterContatti { background:#e7dfdf none repeat scroll 0 0; height:32px; margin-bottom:2px; margin-left:0; margin-right:auto; overflow:hidden; padding:10px 10px 0; width:250px; } .menuContattiInfo { background:#e7dfdf none repeat scroll 0 0; height:155px;; margin-bottom:2px; margin-left:0; margin-right:auto; overflow:hidden; padding:10px 10px 0; width:250px; } #container #content #colB #mainContent .menuContattiInfo p{margin-bottom: 0px;} #container #content #colB #mainContent #formContent p{margin-bottom: 0px;} #container #formContent { padding:0; color: #444;font-size: 11px;} #container #formContent p{margin-bottom: 5px;} #container #formContent h2{font-size: 18px;color:#34091a;margin-bottom: 15px;text-transform: uppercase;letter-spacing:1px; } .containerFieldSmallFormMiddleColumn{float:left;width: 145px;margin-bottom: 20px;} .fieldLarge{width: 280px;border:1px solid #C3BDBD;} .fieldSmall{width: 130px;border:1px solid #C3BDBD;} #container #formContent .containerFieldLargeFormMiddleColumn{margin-bottom: 20px;width: 300px;} textAreaFormMiddleColumnFooterContatti{width: 280px;border:1px solid #C3BDBD;} #areaTextLegeDatiPersonali { border:1px solid #C3BDBD; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:18px; width:280px; } #textAreaFormMiddleColumnFooterContatti { border:1px solid #CCCCCC; width:280px; } .tableRadioBtnsFormMiddleColumn {margin-top:10px;} #mainBtnSubmitFormMiddleColumn { background:#9D9D9D none repeat scroll 0 0; border:medium none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px; text-transform:uppercase;} .containerMainBtnSubmitFormMiddleColumn { border-top:1px solid #CCCCCC; padding-top:10px; text-align:right; width:280px;} /* FOOTER */ #container #footer {clear:both;width:950px; height:50px; border-top: 1px solid #C3BDBD;background: url(img/footer.gif) top left; } #container #footer ul#lang {list-style: none;margin-top:20px;margin-left: 10px;} #container #footer ul#lang li {float: left;} #container #footer ul#lang li a {margin-right:5px;text-indent: -9999px;display: block;width: 26px;height: 14px;} #container #footer ul#lang li a.it {background: url("img/italia.gif") top left no-repeat;} #container #footer ul#lang li a.en {background: url("img/english.gif") top left no-repeat;} #container #footer #copy {float:left;margin-left: 10px;} #container #footer #develop {float:right;margin-right: 20px;} #schedaTecnica {clear:right;float:right;border:1px solid #DAD2D0;padding:20px;margin-top:5px;} #schedaTecnica #pulsanti{width:200px;margin-top:10px;color:#34091A;font-size:11px;} #schedaTecnica h3{color:#34091A;border-bottom:1px solid #DAD2D0} #schedaTecnica ul.catalogo{list-style: none;} #schedaTecnica ul.catalogo li{list-style: none;width: 150px;height:61px;} #schedaTecnica ul.catalogo li a.add{display: block;background: url(img/addCatalog.jpg) top left no-repeat;width: 160px;height:31px; padding: 16px 0 0 56px;} #schedaTecnica ul.catalogo li a.show{display: block;background: url(img/catalog.jpg) top left no-repeat;width: 160px;height:31px; padding: 16px 0 0 56px;} #schedaTecnica ul.catalogo li a.info{display: block;background: url(img/richiediInfo.jpg) top left no-repeat;width: 160px;height:31px; padding: 16px 0 0 56px;}