html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 14px; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
/* generals */
blockquote:before,blockquote:after,q:before, q:after
{ content: ''; content: none }
:focus { outline: 0 }/* remember to define focus styles! */
ins { text-decoration: none }/* remember to highlight inserts somehow! */
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */
/***** STYLE ****/
html, body { background-color: #fff; color: #333;
font-family: Corbel,
"Lucida Grande",
"Lucida Sans Unicode",
"Lucida Sans",
"DejaVu Sans",
"Bitstream Vera Sans",
"Liberation Sans",
Verdana,
sans-serif;
text-align: center;
}
.clear { clear: both }
a { color: #666 }
a:visited { color: #c85 }
a:hover { color: #000 }
/* form */
legend { display: none; }
form { }
fieldset { }
fieldset.submit { margin-top: 1em; }
form .formElement { margin-bottom: 1.5em; }
form .elementLabel { clear: left; float: left; width: 200px; height: 20px; line-height: 24px; font-weight: 700; color: #666; }
form .hasErrors .elementLabel { color: #f00; }
form .required .elementLabel { background: transparent url('img/required.gif') no-repeat center right; }
form .labelRequired { display: none; }
form .elementLabel p.description{ font-weight: normal; font-size: 0.8em; line-height: 0.8em; color: #666; }
form .elementInput { float: left; }
form .formElement input { padding: 2px 0; border: 1px solid #666;}
form .hasErrors input { border: 1px solid #f00; }
form .errors { }
form .errors li { font-size: 0.8em; line-height: 1.5em; list-style: square; margin-left: 1.2em; width: 130px; }
form .submit { }
form .submit input { }
/* layout */
#container { width: 1000px; margin: 0 auto; position: relative; overflow: hidden; text-align: left; }
#header { height: 90px; }
#content { min-height: 400px; }
#footer { height: 100px; border-top: 1px solid #999; margin-top: 10px; padding-top: 10px; line-height: 1.2em; }
/* login */
#login { position: absolute; top: 60px; right: 0; }
#login form { width: 550px; text-align: right; }
#login form input { width: 100px; padding: 0 0 0 5px; }
#login form #loginSubmit { width: auto; padding: 0 6px; }
/* headerNav */
#headerNav { position: absolute; top: 20px; right: 0; }
#headerNav h3 { display: none; }
#headerNav li { float: left; margin-left: 40px }
#headerNav li a,
#headerNav lia:visited { text-decoration: none }
/* sections */
#sections { }
#sections h3 { display: none; }
#sections ul { width: 100%; height: 30px; background: transparent url('img/sections-black.png') no-repeat right -120px; overflow: hidden; }
#sections li { float: left; display: inline; }
#sections li a { display: block; height: 30px; padding-left: 15px; line-height: 30px; font-size: 1.2em; color: #630; text-decoration: none;
background: transparent url('img/sections-black.png') no-repeat left -60px; }
#sections li a span { display: block; float: right; height: 30px; width: 10px;
background: transparent url('img/sections-black.png') no-repeat right -60px; }
#sections li a:hover { background-position: left -90px; color: #eee; }
#sections li a:hover span { background-position: right -90px; }
#sections li.first a { background: transparent url('img/sections-black.png') no-repeat left -30px; color: #eee; }
#sections li.first a span { background: transparent url('img/sections-black.png') no-repeat right -30px; }
#sections li.first a:hover { background-position: left -0px; }
#sections li.first a:hover span { background-position: right -0px; }
#sections li.last { clear: both; }
/* home */
#homeThumbsControls { }
#homeThumbs { width: 827px; height: 312px; float: right; margin-top: 5px;
background: transparent url('img/thumbsBg.png') no-repeat; }
#homeThumbs h3 { display: none; }
#homeThumbs ul { margin: 3px 0 0 3px; }
#homeThumbs ul li { float: left; margin: 0 3px 3px 0; background: transparent url('img/thumbBg.png') no-repeat; }
#homeThumbs ul li a { display: block; height: 100px; width: 100px; overflow: hidden; }
#homeThumbs ul li a img { display: none; }
#homeThumbs ul li a:hover img { display: block; }
/*
#homeThumbs ul li a:hover img { display: block; }
*/
#homeHelp { margin-top: 5px; height: 230px; }
#homeHelp a { text-decoration: none; }
#homeHelp .step { display:inline; float: left; margin-left: 5px; width: 203px; height: 230px; overflow: hidden; }
#homeHelp .step .firstLine { margin-top: 25px; font-weight: 700; font-size: 1.4em; }
#homeHelp .step .secondLine { margin-top: 10px; font-weight: 700; color: #666; font-size: 1.2em; }
#homeHelp .step .stepContent{ margin: 10px 10px 0; }
#homeHelp .step .stepContent p { font-size: 0.9em; }
#homeHelp #step1 { margin-left: 173px; }
#step1 { background: transparent url('img/box-progettazione.png') no-repeat; }
#step2 { background: transparent url('img/box-parcheggio.png') no-repeat; }
#step3 { background: transparent url('img/box-findomestic.png') no-repeat; }
#step4 { background: transparent url('img/box-assistenza.png') no-repeat; }
#step1.step .firstLine { text-indent: 15px; color: #a00; font-size: 1.1em; }
#step1.step .secondLine { text-align: right; margin-right: 15px; }
#step2.step .firstLine { text-indent: 25px; color: #00a; }
#step2.step .secondLine { text-indent: 95px; }
#step3.step .firstLine a { padding-left: 30px; color: #0a0; font-size: 1em; }
#step3.step .secondLine { text-align: right; margin-right: 17px; padding-top: 40px; }
#step4.step .firstLine { text-indent: 25px; color: #c80; }
#step4.step .secondLine { text-align: right; margin-right: 25px; padding-top: 30px; }
/* helper */
/* leftMenu, categoryMenu */
#leftMenu { width: 168px; height: 312px; margin-top: 5px; float: left;
background: transparent url('img/homeMenu.png') no-repeat; }
#leftMenu h3 { color: #fff; padding: 10px; }
#leftMenu ul.menu { padding: 0 0 0 15px; }
#leftMenu ul.menu a { display: block; color: #fff; text-decoration: none; font-size: 1.2em; line-height: 1.4em; }
#leftMenu ul.menu a:hover { color: #fff; text-decoration: underline; }
#leftMenu.white { height: 200px; background: transparent url('img/leftMenuWhite.png') no-repeat; }
#leftMenu.white h3 { color: #900; }
#leftMenu.white ul { margin: 0 0 0 1.8em; width: auto; }
/* develop */
#homeThumbs ul br,
#homeThumbs ul b { display: none; }
#homeThumbs ul { text-indent: -30000px; }
#left { width: 50%; float: left;}
#right { width: 50%; float: left;}
/* rightContent */
#rightContent { width: 827px; float: right; margin-top: 5px; overflow: hidden; }
.rightBg { background: transparent url('img/rightBgIn.png');}
.rightBgTop { height: 10px; width: 100%; background: transparent url('img/rightBgOut.png'); }
.rightBgBottom { background: transparent url('img/rightBgOut.png') bottom left; height: 10px; width: 100%; }
.rightBg .content { margin: 14px 28px; }
.rightBg .content h1 { font-size: 1.6em; margin-bottom: 1em; }
.rightBg .content p { /*font-size: 1.1em;*/ line-height: 1.3em; }
.rightBg .content p strong { font-weight: 700; }
/* containers */
.contentTopContainer { clear: both; }
.contentLeft
{
float: left;
margin-bottom: 2em;
width:3 57px;
}
.contentLeft .prodotto .testo { float: none; width: auto; }
.contentRight
{
float: right;
margin-bottom: 2em;
text-align: center;
width: 400px;
}
.contentCentral { clear: both; width: 779px; margin-top: 14px; }
/* Da uniformare */
.prodotto .contentLeft .testo { float: none; }
/* AmodioSlide */
#prodotto-placeholder {height: 442px; }
.amodioSlide { }
.amodioSlide .slideshow-images-visible {
margin-left: 0;
}
.amodioSlide .slideshow-images-prev {
margin-left: 400px;
}
.amodioSlide .slideshow-images-next {
margin-left: -400px;
}
.amodioSlide .slideshow-thumbnails {
height: 142px;
left: auto;
right: 0px;
bottom: -150px;
width: 100%;
}
.amodioSlide .slideshow-thumbnails ul {
height: 142px;
}
.amodioSlide .slideshow-thumbnails ul li {
float: left; width: 58px; height: 64px; text-align: center; margin: 7px 7px 0 0;
background: none;
}
.amodioSlide .slideshow-thumbnails ul li a
{
width: 100%; display: block; height: 64px; background: transparent url('img/imgBgSmall.png') no-repeat; padding: 0;
}
.amodioSlide .slideshow-thumbnails ul li a img { margin: 4px 0 0 4px; width: 50px; height: 50px; }
.amodioSlide .slideshow-thumbnails ul li:hover { width: 116px; height: 129px; }
.amodioSlide .slideshow-thumbnails ul li a:hover,
.amodioSlide .slideshow-thumbnails ul li a.hover { background: transparent url('img/imgBg.png') no-repeat; background-position: bottom left; height: 129px; }
.amodioSlide .slideshow-thumbnails ul li a:hover img { width: 100px; height: 100px; margin: 7px 0 0 7px; }
.amodioSlide .slideshow-thumbnails ul li a.slideshow-thumbnails-active {
background-position: bottom left;
}
/* elenchi e sub elenchi: prodotti solo elenco */
.elenco ul { margin: 1em 0.5em 1em 0; float: left; }
.marche ul { margin: 1em 60px 1em 0; float: left; width: 190px;}
.elenco ul ul { margin: 0; float: none; }
.elenco li { margin: 0.5em 0 0 0em; }
.elenco li li { margin: 0.5em 0 0 1.5em; }
.elenco li a { padding-left: 2em; display: block; height: 20px; line-height: 20px;
background: transparent url('img/categoriaList.gif') no-repeat; font-size: 0.9em; }
.marche li a,
.elenco li li a { background: transparent url('img/sottocategoriaList.gif') no-repeat; }
.elenco li a,
.elenco li a:visited { color: #666; }
.elenco li a:hover { background-position: bottom left; color: #c80; }
.elenco li li a:hover { background-position: 5px 0; }
/* categoria, sottocategoria */
.categoria .testo { float: left; width: 480px; text-align: justify; margin-bottom: 2em; }
.sottocategoria .testo { float: left; width: 480px; text-align: justify; margin-bottom: 2em; }
.categoria .sottocategorieList { float: right; width: 270px; }
.categoria .sottocategorieList h6 { margin: 0 0 0 1em; }
.categoria .sottocategorieList ul { margin: 1em; }
.categoria .sottocategorieList li { }
.categoria .sottocategorieList li a { padding-left: 2em; display: block; height: 20px; line-height: 20px;
background: transparent url('img/sottocategoriaList.gif') left center no-repeat; font-size: 0.9em; }
.categoria .sottocategorieList li a:hover { background-position: 5px center; color: #c80; }
.aziendeImg ul br,
.aziendeImg ul b { display: none; }
.aziendeImg ul { text-indent: -30000px; }
.aziendeImg { width: 779px; margin-top: 33px; }
.aziendeImg li { float: left; width: 116px; height: 116px; text-align: center; margin: 13px 13px 0 0; }
.aziendeImg li a { display: block; width: 100%; height: 116px; text-align: center; text-indent: 0;
background: transparent url('img/aziendeBg.png'); }
.aziendeImg li a:hover { background-position: bottom left; }
.aziendeImg li a.link { display: none; }
.prodottiImg ul br,
.prodottiImg ul b { display: none; }
.prodottiImg ul { text-indent: -30000px; }
.prodottiImg { width: 779px; margin-top: 14px; }
.prodottiImg li { float: left; width: 116px; height: 129px; text-align: center; margin: 13px 13px 0 0; position: relative;
background: transparent url('img/prodottiBg.png'); }
.prodottiImg li.hover { background-position: bottom left; }
.prodottiImg li a { display: block; width: 100%; height: 100px; text-align: center; text-indent: 0; }
.prodottiImg li a.link { height: 24px; width: 100%; line-height: 24px;
text-align: left; font-size: 0.7em; text-indent: 8px; text-decoration: none; color: #fff; }
.prodottiImg li a.link:visited { color: #f90; }
.prodottiImg li a.link:hover { color: #fff; text-decoration: underline; }
/* ambiente */
.ambiente .testo { float: left; width: 357px; text-align: justify; margin-bottom: 2em; }
/* azienda */
.azienda .testo { float: left; width: 357px; text-align: justify; margin-bottom: 2em; }
.aziendaImg { float: right; width: 116px; height: 116px; text-align: center; text-indent: 0;
background: transparent url('img/aziendeBg.png'); }
.azienda .prodottiImg { }
/* prodotto */
.prodotto .testo { float: left; width: 357px; text-align: justify; margin-bottom: 2em; }
.prodotto .addWishlist { display: block; line-height: 28px; background: transparent url('img/heart.gif') no-repeat left center; }
.prodotto .addWishlist a { font-size: 0.8em; padding-left: 20px; }
.immagineMedia { width: 400px; height: 340px; margin-bottom:14px; float: right; text-align: center;}
.immagineMedia #imageMedium { width: 400px; height: 300px; position: relative; }
.immagineMedia img { position: absolute; top: 0; left: 0;}
.prodotto #immagineNav { margin-left: 130px; }
.prodotto #immagineNav span { float: left; width: 16px; height: 40px; text-indent: -30000px; cursor: pointer; }
.prodotto #immagineNav .counter { width: 100px; text-align: center; text-indent: 0; line-height: 40px; cursor: text; }
.prodotto #immagineNav .prev { background: transparent url('img/prev.gif') center no-repeat; }
.prodotto #immagineNav .next { background: transparent url('img/next.gif') center no-repeat; }
.prodotto #immagineNav .play { background: transparent url('img/play.gif') center no-repeat; float: right; }
.prodotto #immagineNav .pause { background: transparent url('img/pause.gif') center no-repeat; float: right; }
.prodotto .immaginiList img { margin-top: 8px; }
.prodotto .prodottiImg li { float: left; width: 116px; height: 129px; text-align: center; margin: 13px 13px 0 0;
background: none; }
.prodotto .prodottiImg li a { height: 129px; background: transparent url('img/imgBg.png'); }
.prodotto .prodottiImg li a:hover,
.prodotto .prodottiImg li a.hover { background-position: bottom left; }
.prodotto .aziendaProduttrice { margin: 1em 0; }
.prodotto .aziendaProduttrice span { font-weight: 700; }
.prodotto .aziendaProduttrice a { text-indent: 2em; font-weight: 700; text-decoration: none; }
.prodotto .aziendaProduttrice a:hover { text-decoration: underline; color: #c80; }
.prodotto .categorieProdotto ul { margin: 1em; }
.prodotto .categorieProdotto li { }
.prodotto .categorieProdotto li a { padding-left: 2em; display: block; height: 20px; line-height: 20px; text-decoration: none;
background: transparent url('img/sottocategoriaList.gif') center left no-repeat; font-size: 0.9em; }
.prodotto .categorieProdotto li a:hover { background-position: 5px center; color: #c80; text-decoration: underline; }
/* wishlist */
.wishlistLogin h3 { margin-bottom: 1em; color: #666; }
.wishlistLogin h6 { margin-bottom: 2em; color: #900; font-size: 1.3em; }
.wishlistLogin .submit { float: right; }
#registerWishForm { float: left; }
#loginWishForm { float: right; }
.wishlist .prodottiImg li { margin-top: 30px; }
.wishlist .hover span.remove { display: block; }
.wishlist span.remove { display: none; width: 72px; height: 20px; position: absolute; top: -20px; right: 5px; }
.wishlist span.remove a { height: 20px; text-align: left; text-indent: 5px; font-size: 0.8em; line-height: 20px; color: #fff; text-decoration: none;
background: transparent url('img/wishlistRemove.png') top left no-repeat; }
.wishlist span.remove a:hover { background-position: bottom left; }
/* contatti */
.mappa { margin: 2em auto; }