/* ============================== */ /* ! Layout for desktop version */ /* ============================== */ body { font-family: Arial, verdana, sans-serif; background: url('../img/texture_pelle.jpg') repeat #6d3e14 } a, a:link, a:visited { text-decoration: none; color: #b6aea6 } a:hover { text-decoration: underline; color: #bea165 } p { color: #725c52; font-size: 0.8em; text-align: left } #BoxLogo { text-align: center; width:100%; height:100px; margin: 12px 0; } #Menu { min-height: 25px } #Menu ul { list-style: none } #Menu ul li { font-size: 1em; font-family: "Times New Roman", Times, serif; float:left } #Menu ul li a, #Menu ul li a:link, #Menu ul li a:visited { display: block; color: #e5dcc5; text-decoration: none; padding: 0 30px 15px 10px; background: url('../img/linea.jpg') no-repeat } #Menu ul li a:hover { text-decoration: none; color: #d1b986 } /* #Menu ul li a.Sel { background: #ffce00 } */ #Menu ul a:hover { visibility: visible } /* #menu ul li:hover { position: relative } */ #Menu ul ul { z-index: 1000; position: absolute; padding: 10px 5px 0; margin-top: -2px; display: none; background: #cebda9 } #Menu ul :hover ul { display: block } #Menu ul li:hover > a { } #Menu ul ul li { float: none; margin-bottom:5px } #Menu ul ul li a, #Menu ul ul li a:link, #Menu ul ul li a:visited { display: block; background: none; color: #725c51; font-weight: bold; font-size: 0.9em; padding: 3px 15px; border-left: none } #Menu ul ul li a:hover { color: #fff; text-decoration: none; background: #725c51 } #ImgCopertina { text-align: center; width:100%; padding: 20px 0 50px 0; } #lingue { margin-top: 12px; margin-bottom: 10px } #lingue p { text-align: right; font-size: 0.78em; color: #d4c59f; font-family: "Times New Roman", Times, serif } #lingue p a, #lingue p a:link, #lingue p a:visited { text-decoration: none; color: #d4c59f} #lingue p a:hover { text-decoration: underline; color: #f1b862 } #footer { text-align: left; margin: 10px 0;} #footer p { font-size: 0.78em; color: #e5dcc5; font-family: Arial, Helvetica, sans-serif } #footer p a, #footer p a:link, #footer p a:visited { text-decoration: none; color: #ebca93;} #footer p a:hover { text-decoration: underline; color: #ebca93;} #social { text-align: right; float: right } #social a { margin-left: 8px } #rowMenuSocial { } #facebook, #facebook:link, #facebook:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/facebook.png') no-repeat 0 0 } #facebook:hover {background-position: 0 -19px } #twitter, #twitter:link, #twitter:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/twitter.png') no-repeat 0 0 } #twitter:hover {background-position: 0 -19px } #flick, #flick:link, #flick:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/flick.png') no-repeat 0 0 } #flick:hover {background-position: 0 -19px } #youtube, #youtube:link, #youtube:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/youtube.png') no-repeat 0 0 } #youtube:hover {background-position: 0 -19px } #googleplus, #googleplus:link, #googleplus:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/google_plus.png') no-repeat 0 0 } #googleplus:hover {background-position: 0 -19px } #pinterest, #pinterest:link, #pinterest:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/pinterest.png') no-repeat 0 0 } #pinterest:hover {background-position: 0 -19px } #linkedin, #linkedin:link, #linkedin:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/linkedin.png') no-repeat 0 0 } #linkedin:hover {background-position: 0 -19px } #rss, #rss:link, #rss:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/rss.png') no-repeat 0 0 } #rss:hover {background-position: 0 -19px } #vimeo, #vimeo:link, #vimeo:visited { display: block; float:left; width: 18px; height: 18px; background: url('../img/vimeo.png') no-repeat 0 0 } #vimeo:hover {background-position: 0 -19px } #shareinfo { display: block; margin-right: 5px; float:left; width: 18px; height: 18px } #sharefacebook { display: block; margin-right: 5px; float:left; width: 18px; height: 18px; background: url('../img/facebook.png') no-repeat; background-position: 0 -19px } #sharetwitter { display: block; margin-right: 5px; float:left; width: 18px; height: 18px; background: url('../img/twitter.png') no-repeat; background-position: 0 -19px } #sharegooglep { display: block; margin-right: 5px; float:left; width: 18px; height: 18px; background: url('../img/google_plus.png') no-repeat; background-position: 0 -19px } #sharepinterest { display: block; margin-right: 5px; float:left; width: 18px; height: 18px; background: url('../img/pinterest.png') no-repeat; background-position: 0 -19px } p.TitoloSezione { color: #b69551; margin-bottom: 4px; font-size: 1.2em; font-family: "Times New Roman", Times, serif; text-align: left; } p.dataNews { color: #bbafa8; text-align: left; padding: 8px 10px; font-family: "Times New Roman", Times, serif; font-size: 1em;} p.titoloNewsHome { color: #fff; text-align: left; padding: 8px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;} p.titoloNewsHome a, p.titoloNewsHome a:link, p.titoloNewsHome a:visited { color: #fff; text-decoration: none } p.titoloNewsHome a:hover { color: #d5bd8b; text-decoration: none } p.dataElencoNews { color: #5c4c45; text-align: left; padding: 8px 10px; font-family: "Times New Roman", Times, serif; font-size: 1em;} p.titoloElencoNews { color: #705b48; text-align: left; padding: 8px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;} p.titoloElencoNews a, p.titoloElencoNews a:link, p.titoloElencoNews a:visited { color: #705b48; text-decoration: none } p.titoloElencoNews a:hover { color: #b27034; text-decoration: none } p.dataDettaglioNews { color: #816c63; text-align: left; font-family: "Times New Roman", Times, serif; font-size: 1.1em;} p.DownloadArticolo { color: #705b48; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; padding-top: 8px; } p.DownloadArticolo a, p.DownloadArticolo a:link, p.DownloadArticolo a:visited { color: #705b48; text-decoration: underline } p.DownloadArticolo a:hover { color: #a16f42; text-decoration: underline } .BoxSezioneHome { border: 1px solid #b69551; min-height:113px; } .ImgSezione { float:left; max-width: 173px; margin-right: 10px; } #Spaziafooter { margin-top: 5px } #Fondobianco { background: #FFF url('../img/ombra.jpg') repeat-x; padding-bottom: 30px } h1 { color: #bea165; font-size: 1.2em; font-family: "Times New Roman", Times, serif; font-style: bold; padding-top: 20px; padding-bottom: 60px; } h1 a, h1 a:link, h1 a:visited { color: #bea165 } h2 { color: #514039; font-size: 1.4em; font-family: "Times New Roman", Times, serif; font-style: bold; padding-top: 3px; padding-bottom: 25px } .ImgStoria { max-width:380px; margin-bottom:15px } .ImgMarchi img { margin-right: 10px } #ContMarchi { padding-bottom:70px } #FondobiancoCollezioni { background: #FFF url('../img/ombra.jpg') repeat-x; /* min-height:620px */ } p.NomeLinea { color: #725c52; font-size: 1.1em; font-family: "Times New Roman", Times, serif; font-style: normal; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #725c52 } p.NomeLinea a, p.NomeLinea a:link, p.NomeLinea a:visited { text-decoration: none; color: #725c52 } p.NomeLinea a:hover { text-decoration: none; color: #c1955c } p.TipoLinea { color: #725c52; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-style: normal; padding-top: 6px; padding-bottom: 60px } p.TipoLinea a, p.TipoLinea a:link, p.TipoLinea a:visited { text-decoration: none; color: #725c52 } p.TipoLinea a:hover { text-decoration: none; color: #c1955c } #boxGal { padding-bottom: 40px; position: relative } .freccia_galleria { float: left; text-align: right; width: 9%; vertical-align: center; padding-top:190px; padding-right: 1% } #destra { float:right; text-align: left; padding-left: 1%; padding-right: 0 } #immagine_galleria { border: 1px solid #BEA165; position: relative; float:left; width: 79%; } #gal1 { position: relative; line-height:0px } #codProdotto { position: absolute; bottom: 45px; left: 3%; z-index: 20; font-size: 0.8em; color: #514039 } #share { position: absolute; bottom: 5px; left: 3%; z-index: 20 } .ContPaginazione { color: #c1955c; font-size: 0.85em; padding: 15px 0; text-align: right; font-family: "Times New Roman", Times, serif; } .ContPaginazione a, .ContPaginazione a:link, .ContPaginazione a:visited { color: #705b48; text-decoration: none; } .ContPaginazione a:hover { color: #a8712a; text-decoration: none } #elencoNews ul { list-style: none } #elencoNews ul li { width: 40%; border:1px solid #e8dfca; margin-bottom:25px; padding: 6px } #elencoNews ul li.elLeft { float: left } #elencoNews ul li.elRight { float: right } #elencoNews ul li.elLeft img, #elencoNews ul li.elRight img { float:left; margin-right: 10px } #elencoNews .imgNews { width: 40% } #elencoPress ul { list-style: none } #elencoPress ul li { float: left; width: 22%; margin-right: 3%; margin-bottom:28px } .BoxElencoNews { height:113px; border:1px solid #e8dfca; margin-bottom:25px; padding: 2% } .ImmagineElencoNews { float:left; margin-right: 10px } .BoxPress { padding-bottom:28px } .BoxImgNegozio { margin-bottom: 60px } .BoxImgNegozio img { margin-right: 15px } .BoxImgContatti { float: left; width: 65%; margin-right: 4%; margin-bottom: 60px } #map1, #map2 { float: left; width: 30%; height: 170px } .form { padding: 20px 0 } .form p { margin-bottom: 10px } .form label { width: 200px; float: left } .form select { width: 300px } .form .intxt { width: 300px; border: 1px solid #947e74 } .forminputC { color: #725c52; font-size: 0.8em } /* informativa cookies */ #cookieChoiceInfo { background-color: rgba(0, 0, 0, 0.7) !important; padding: 15px !important; text-align: left !important; margin: 8px; width:auto !important; } #cookieChoiceInfo span { font-size: 14px; color: #e5dcc5; line-height: 1.5em; } #cookieChoiceInfo a { font-size: 14px; color: #fff; text-decoration: underline; padding-left:15px; } #cookieChoiceInfo a:hover { color: #b9b9b9; } a#cookieChoiceDismiss { margin: 8px 15px; font-size: 14px; color: #fff; font-weight: normal; background: #82501F; padding: 5px 14px; !important; text-decoration: none } a#cookieChoiceDismiss:hover { text-decoration: none; color: #fff; background: #af7b0d} /* ============================= */ /* ! Layout for mobile version */ /* ============================= */ @media handheld, only screen and (max-width: 767px) { p { font-size: 1em; text-align: left } #BoxLogo { margin: 10px 0;} #Menu ul li { float: none; border-bottom: 1px solid #f1b862; font-size: 1.2em } #Menu ul li li { float: none; border-bottom: 1px solid #f1b862; font-size: 1em } #Menu ul li a, #Menu ul li a:link, #Menu ul li a:visited, #Menu ul ul li a, #Menu ul ul li a:link, #Menu ul ul li a:visited { background: none } #Menu ul li a, #Menu ul li a:link, #Menu ul li a:visited { padding: 10px 30px 10px 10px } #Menu ul ul { z-index: 0; position: relative; padding: 5px 5px 5px 20px; margin-top: 0; display: list-item; background: none; } #Menu ul :hover ul { display: list-item } #Menu ul ul li { float: none; margin-bottom:5px; border-bottom: none; background:#cebda9; padding: 5px 10px; } #Menu ul ul li a, #Menu ul ul li a:link, #Menu ul ul li a:visited { display: block; border: none; padding: 0; font-weight: normal; font-size: 1em; padding: 0 } #Menu ul ul li a:hover { color: #87610f; text-decoration: none } #lingue p { font-size: 16px; margin-bottom: 15px } .freccia_galleria { float: none; left: 0; position: absolute; bottom: 0; padding-top:0; padding-right: 0 } #destra { float: none; right: 0; left: auto; padding-left: 0; padding-right: 0 } #immagine_galleria { border: 1px solid #BEA165; position: relative; width: 100% } #codProdotto { position: relative; bottom: 0; left: 3% } #share { position: relative; bottom: auto; left: 3%; margin-top: 20px; z-index: 20 } #footer p { font-size: 14px } #Spaziafooter { margin-top: 40px } p.dataNews { font-size: 1.2em} p.titoloNewsHome { font-size: 1em} .ContPaginazione { color: #c1955c; font-size: 0.95em } } /* ========================================== */ /* ! Provide higher res assets for iPhone 4 */ /* ========================================== */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { }