/* ========================================================================================================= Generale --------------------------------------------------------------------------------------------------------- */ body { margin: 0 auto; padding: 0; color: #333333; background: #eee url(/elementi/img/bg.png) repeat-y center center; font: normal normal normal 12px/18px Arial, Verdana, Helvetica, sans-serif; outline: none; } a { text-decoration: none; outline: none; } a:link, a:visited { color: #CC0000;} a:hover, a:active, a:focus { text-decoration: underline } p { margin: 0; padding: 0 0 18px 0; } ul, ol { margin-top: 0; margin-bottom: 18px; } img { border-style: none; margin: 0; padding: 0; } form { margin: 0; padding: 0; } input { font-family: Arial, Verdana, Helvetica, sans-serif; } fieldset { margin: 0; padding: 0; border-style: none; height: 24px; position: relative; left: 0;} p.asinistra { width: 100%; text-align: left; } p.adestra { width: 100%; text-align: right; } p.centrato { width: 100%; text-align: center; } p.eviderror { color: #FF0000; } .clear { clear: both; float: none; height: 0px; width: 100%; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .opacity {opacity: .6; filter:alpha(opacity=60); /* For IE8 and earlier */} .hover {color: #5998D0;} .disabled {opacity: .3; filter: alpha(opacity = 30); cursor: default;} /* ========================================================================================================= Struttura --------------------------------------------------------------------------------------------------------- */ #contenitore { width: 980px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; } /* --------------------------------------------------------------------------------------------------------- */ #testata{position: relative; left: 0; top: 0; width: 980px; height: 200px; background: transparent url(/elementi/img/bg-testata.png) repeat-x} #social {position: absolute; top: 60px; left: 550px;padding: 0;margin: 0;} #social li {float: left; list-style: none} #social li.ultimo {border: none} #social li a, #testatadata #social li a {float: left ;margin: 0 4px; display :block; width: 24px; height: 24px; background: transparent url(/elementi/img/social.png) no-repeat;} #social li a#facebook {background-position: 0px 0px;} #social li a#twitter{ background-position: -28px 0px;} #social li a#youtube {background-position: -56px 0px;} #social li a#gplus {background-position: -80px 0px; } #flag { position: absolute; top: 15px;left:565px; height: 14px; margin: 0; padding: 0; list-style-type: none; } #flag li { float: left; width: 17px; height: 14px; margin: 0; padding: 0 5px 0 0; } #flag li img { float: left; display: block; width: 17px; height: 14px;border:none; } #testata h1 { position: absolute; left: 40px; top: 35px; width: 375px; height: 57px; margin: 0; padding: 0; background: transparent url(/elementi/img/logo.png) no-repeat; overflow: hidden;text-indent:-999em; } #testata h1 a { display: block; width: 345px; height: 40px; text-decoration: none; } #editoriale {position: absolute; left:40px; top: 100px; width: 500px;height: 90px;overflow: hidden;} #editoriale p {font: normal normal normal 13px 'Roboto Condensed', sans-serif; color: #666666;} #logodx {position: absolute; top: -16px; right: 35px; width: 265px; height: 231px; background: transparent url(/elementi/img/logodx.png) no-repeat; z-index: 998;padding: 0;} /* --------------------------------------------------------------------------------------------------------- */ #principale { width: 950px; height: 49px; margin:0; padding: 0 0 0 30px; font: normal normal normal 18px 'Roboto Condensed', sans-serif; list-style: none; overflow: hidden; position: relative; background: transparent url(/elementi/img/bg-principale.png) repeat-x;} #principale li { float: left; margin: 0; padding: 0; color: #fff; height: 43px;} #principale li a { text-decoration: none; } #principale li a:link, #principale li a:visited {color: #fff; text-align: center; margin: 0; padding: 8px 12px; font-weight: normal; display: inline-block;} #principale li.ultimo a{ border-right: none; } #principale li a:hover, #principale li a:active, #principale li a:focus, #principale li a.asel:link, #principale li a.asel:visited, #principale li a.asel:hover, #principale li a.asel:active, #principale li a.asel:focus {position: relative; z-index: 1;} ul#principale li.selectedLava a, #principale li:hover, #principale li a:hover, #principale li a.asel {color: #fff; } ul#principale li.backLava { border-bottom: 3px solid #CF0000; position:absolute; z-index: 0; color:#fff;} /* --------------------------------------------------------------------------------------------------------- */ #centralehome { position:relative; width: 900px; margin: 0 auto; padding: 40px 40px 0; overflow: hidden; } #sinistrahome {float: left; width: 620px; margin: 0; padding: 0 20px 30px 0; overflow: hidden;} #sinistrahome #editoriale-2 p {padding: 0} #destrahome {float: left; width: 250px; overflow: hidden;padding: 10px 0 30px 0; margin: 0;} #destrahome #link-news {margin: 0; padding: 0; overflow: hidden;} #destrahome #link-news .link{padding: 0; margin: 5px 0} #destrahome #link-news .link p.titolo {padding: 0 0 0 30px; margin: 0; background: transparent url(/elementi/img/sprite.png) 0 -30px no-repeat; } #destrahome #link-news .link p.titolo a {font: normal normal normal 14px 'Roboto Condensed', sans-serif; color: #CF0000; text-transform: uppercase;} #destrahome #link-news .link p.sottotitolo {font: normal normal normal 12px 'Roboto Condensed', sans-serif; color: #666666;padding: 0 0 0 30px;} /* --------------------------------------------------------------------------------------------------------- */ #notiziehome {width: 970px; height: 465px; clear: both; padding: 0 0 0 22px;} .slideone {width: 280px; list-style: none; margin: 0 0 0 -10px !important } #container-sx {position:relative; float: left; width: 300px} #titolo-sx {text-align: center; width:120px; height: 22px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; background: #ddd; text-transform: uppercase; font: normal normal normal 14px 'Roboto Condensed', sans-serif; color: #09335A; float: right;} #notiziehome-sx {float: left; width: 300px;} #notiziehome-sx .notiziehome{background: #eee; padding: 9px; border: 1px solid #999999; width: 280px;height: 420px; overflow: hidden} #notiziehome-sx .notiziehome:hover{background: #ddd;} #container-dx {position:relative; float: left; width: 670px;height: 490px;} #titolo-dx {text-align: center; width:120px; height: 22px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; background: #eee; text-transform: uppercase; font: normal normal normal 14px 'Roboto Condensed', sans-serif; color: #09335A; margin: 0 0 0 30px } #notiziehome-dx {width: 670px} #notiziehome-dx .notiziehome {background: #fff; height: 420px; padding: 9px; margin: 0 10px 0 0; border: 1px solid #999999;} #notiziehome-dx .notiziehome:hover{background: #eee;} .notiziehome:hover {cursor: pointer} .notiziehome p.titolo {padding: 0 0 10px; margin: 0; } .notiziehome p.titolo a {font: normal normal normal 18px 'Roboto Condensed', sans-serif; color: #001F3F;} .notiziehome p.luogo{padding: 0; margin: 0; font: normal normal normal 14px 'Roboto Condensed', sans-serif; color: #CE0000;} .notiziehome p.data{padding: 0; margin: 0; font: normal normal normal 12px 'Roboto Condensed', sans-serif; color: #333} .notiziehome p.testo{padding: 10px 0 0; margin: 0; font: normal normal normal 12px 'Roboto Condensed', sans-serif; color: #666666;display: inline-block;height: 95px;overflow: hidden;} .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; max-width: 610px !important;} .bx-wrapper #slider-notizie{ margin:0; padding: 0} .bx-wrapper img { max-width: 100%; display: block;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;} .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;} .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000;} .bx-wrapper .bx-prev { left: -22px; background: transparent url(/elementi/img/sprite.png) 0 -70px no-repeat; } .bx-wrapper .bx-next { right: -22px; background: transparent url(/elementi/img/sprite.png) 0 -190px no-repeat; } .bx-wrapper .bx-prev:hover { background-position: 0 -130px;} .bx-wrapper .bx-next:hover { background-position: 0 -250px;} .bx-wrapper .bx-controls-direction a { position: absolute; top: 90px; outline: 0; width: 22px; height: 40px; text-indent: -9999px; z-index: 50;} .bx-wrapper .bx-controls-direction a.disabled { display: none;} .bx-wrapper .bx-controls-auto { text-align: center;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;} .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;} /* --------------------------------------------------------------------------------------------------------- */ #linkrapidihome {position:relative; clear:both; width: 940px; height: 280px; background: #09335A; margin: 0; border-top: 3px solid #D90000; padding: 0 10px;} #linkrapidihome-sx{position:relative; float: left; width: 305px; height: 269px; background: transparent url(/elementi/img/bg-linkrapidihome.png) no-repeat;} #linkrapidihome-sx p.titolo {position: absolute; top: 40px; left: 10px; font: normal normal normal 18px 'Roboto Condensed', sans-serif; color: #001F3F} #linkrapidihome-sx p.testo {position: absolute; top: 70px; left: 10px; font: normal normal normal 12px 'Roboto Condensed', sans-serif; color: #666666} #linkrapidihome-dx{position:relative; float: left; width: 630px; height: 269px; margin: 30px 0 0 0} #linkrapidihome-dx .linkrapido {float: left; width: 200px; padding: 0; margin: 0 5px;} #linkrapidihome-dx .linkrapido p.immagine {width: 200px; height: 40px; padding: 0 0 5px; margin: 0} #linkrapidihome-dx .linkrapido img {width: 200px; height: 40px} #linkrapidihome-dx.linkrapido p.titolo a {color: #EEEEEE; font: normal normal normal 14px 'Roboto Condensed', sans-serif; } /* --------------------------------------------------------------------------------------------------------- */ #centraledata { position:relative; width: 980px; margin: 0 auto; padding: 0; overflow: hidden; } #boximmagine { clear: both; position: relative; width: 980px; height: 460px; margin: 0; overflow: hidden;} #boximmagine #immagine {float: left; width: 770px; height: 460px; margin: 0 10px 0 0;} #boximmagine #immagine img { padding: 0; margin: 0;} #boximmagine #immagine .immaginedesc {position: absolute; z-index: 999; bottom: 0; background: #990357; width: 150px; height: 150px; padding: 0; margin: 0;right: 210px;} #boximmagine #immagine .immaginedesc p.titolo{ font: normal normal normal 18px Arial, Verdana, Helvetica, sans-serif; color: #D7D39F; padding: 10px 5px; overflow: hidden;} #boximmagine #immagine .immaginedesc p.testo{ font: normal normal normal 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 0 5px 10px 5px; overflow: hidden;} #boxani {position:relative; width: 770px; height: 460px; overflow: hidden; margin: 0 10px 0 0; float: left;} .boxanislide .slidedesc {position: absolute; z-index: 999; top: 310px; background: #990357; width: 150px; height: 150px; padding: 0; margin: 0;right: 0;} .boxanislide .slidedesc p.titolo{ font: normal normal normal 18px Arial, Verdana, Helvetica, sans-serif; color: #D7D39F; padding: 10px 5px; overflow: hidden;} .boxanislide .slidedesc p.testo{ font: normal normal normal 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 0 5px 10px 5px; overflow: hidden;} #sezione { font: normal normal normal 16px Arial, Verdana, Helvetica, sans-serif; color: #fff; overflow: hidden; padding: 25px 15px; width: 170px; float: left; margin: 0;} #menusezione { width: 220px; margin: 0; padding: 10px; list-style-type: none; overflow: hidden; float: left; } #menusezione li { float: left; width: 220px; margin: 0; padding: 0 0 10px 15px; color: #fff; font: normal normal normal 14px 'Roboto Condensed', sans-serif; overflow: hidden; background: transparent url(/elementi/img/sprite.png) 0 5px no-repeat; } #menusezione li a { text-decoration: none; } #menusezione li a:link, #menusezione li a:visited { color: #CE0000;} #menusezione li a:hover, #menusezione li a:active, #menusezione li a:focus, #menusezione li a.asel:link, #menusezione li a.asel:visited, #menusezione li a.asel:hover, #menusezione li a.asel:active, #menusezione li a.asel:focus { color: #083359;} #menusezione li.tre { width: 205px; padding: 0 5px 10px 15px; margin: 0 0 0 10px;} #menusezione li.quattro { width: 190px; padding: 0 5px 10px 15px; margin: 0 0 0 20px;} #menusezione li.cinque { width: 175px; padding: 0 5px 10px 15px; margin: 0 0 0 30px;} /*#menusezione li.quattro { width: 176px; padding-left: 30px; } #menusezione li.cinque { width: 161px; padding-left: 45px; }*/ /* --------------------------------------------------------------------------------------------------------- */ #destradata { float: right; position: relative; width: 250px; margin: 50px 0 0; padding: 0; overflow: hidden; } /* --------------------------------------------------------------------------------------------------------- */ #sinistradata { float: left; width: 650px; margin: 0; padding: 30px 40px; overflow: hidden; background: #fff; position: relative; z-index: 1; } h2 { margin: 0; padding: 5px 0; color: #001F3F; font: normal normal normal 26px 'Roboto Condensed', sans-serif; overflow: hidden; } h3 { margin: 0; padding: 8px 0 10px; color: #001F3F; font: normal normal normal 18px 'Roboto Condensed', sans-serif; overflow: hidden; } h4 { margin: 0; padding: 10px 0 0 10px; color: #083359; font: normal normal normal 14px 'Roboto Condensed', sans-serif; overflow: hidden;} .paragrafi { width: 650px; margin: 0; padding: 12px 0 6px; } .paragrafi .pageimagesx { float: left; display: inline; margin: 0 15px 2px 0; padding: 0; } .paragrafi .pageimagedx { float: right; display: inline; margin: 3px 0 2px 13px; padding: 0; } .paragrafi .pageimagesx img, .paragrafi .pageimagedx img, .paragrafi .pageimagecen img { display: block; margin: 0; background: #eee; border: 1px solid #999999; padding: 9px;} .paragrafi .pageimagecen { display: block; width: 650px; margin: 5px 0 18px 0; padding: 0;} .paragrafi .pageimagecen img { width: 100%; background: #eee; border: 1px solid #999999; padding: 9px; } .paragrafi .scopri {display: block; padding: 0 0 10px 235px;} .paragrafi .scopri a {display: block; width: 115px; border-bottom: 3px solid #09335A; margin: 5px 0 10px 0; padding: 0 0 5px 35px; text-align: left; color: #CE0000; font: normal normal normal 14px 'Roboto Condensed', sans-serif; background: transparent url(/elementi/img/sprite.png) 15px 5px no-repeat; text-transform: uppercase;} .paragrafi .scopri a:hover{ } .raccolte { width: 570px; margin: 0; padding: 3px 0 25px 10px; } .raccolte p { margin: 0; padding: 5px 0 6px 0; color: #333333; font: normal normal normal 11px Arial, Verdana, Helvetica, sans-serif; } .raccolte p img { display: block; float: left; margin: -3px 0 0 0; padding: 1px 6px 0 0; } .raccolte p a { color: #CC0000;} .immagini { position:relative; width: 660px; margin: 0; padding: 10px 0 0 0; overflow: hidden; } .immagini .galleria { float: left; margin: 0 8px 5px 0; padding: 0; height: 180px; width: 155px } .immagini .galleria img { display: block; background: #eee; border: 1px solid #999999; padding: 9px;} #googlemappa { width: 650px; height: 650px; margin: 0; padding: 0; } #notizie {padding: 0; margin: 0;} .notizia {clear: both; padding: 0 0 30px} /* .notizia.ultimo {padding: 0} */ .notizia p.titolo {margin: 0; padding: 8px 0 10px; color: #252B2C; font: normal normal normal 18px "Times New Roman", Times, serif; overflow: hidden; } .notizia p.immagine {float: left; display: inline; margin: 0 15px 2px 0; padding: 0;} .notizia p.immagine img {} .notizia p.datacat {padding: 0 0 3px; margin:0; font-weight: bold;} .notizia p.datacat span{padding: 0 10px} #linkrapidi-titolo {margin: 0 0 0 40px; padding: 0 0 5px; color: #001F3F; font: normal normal normal 18px 'Roboto Condensed', sans-serif; overflow: hidden; } #linkrapidi {clear:both; width: 924px; height: 105px; background: #09335A; margin: 0 10px; border-top: 3px solid #D90000; padding: 25px 18px} .linkrapido {float: left; width: 150px; padding: 0 2px} .linkrapido p.immagine {width: 150px; height: 40px; padding: 0 0 15px; margin: 0} .linkrapido img {width: 150px; height: 40px} .linkrapido p.titolo a {color: #EEEEEE; font: normal normal normal 14px 'Roboto Condensed', sans-serif; } /* --------------------------------------------------------------------------------------------------------- */ #piedino { position: relative; width: 980px; height: 190px; top: 0; margin: 0 auto; padding: 0; overflow: hidden;} #logo-piedino {position: absolute; top: 25px; left: 40px; width: 279px; height: 43px; background: transparent url(/elementi/img/logo-piedino.png) no-repeat} #recapiti { position: absolute; left: 40px; top: 75px; width: 450px; margin: 5px 0 0 0; padding: 0; color: #666; font: normal normal normal 11px Arial, Verdana, Helvetica, sans-serif; overflow: hidden; } #recapiti strong { font: normal normal bold 11px Arial, Verdana, Helvetica, sans-serif; } #recapiti a {color: #CE0000; font-weight: normal;} #recapiti a:hover {text-decoration: underline;} #logodx-piedino {position:absolute; top: 35px; right: 30px; list-style: none } #logodx-piedino li {float: left; height: 100px; padding: 0 10px; border-right: 1px solid #CCCCCC} #logodx-piedino li.ultimo {border-right: none} #logodx-piedino a img {padding: 25px 0 0 0;} /* NEWS --------------------------------------------------------------------------------------------------------- */ #ricerca-news {width: 650px; height: 150px; background: #09335A; padding: 0; margin: 5px 0 15px; } #ricerca-news fieldset{margin: 0; padding: 0 0 0 20px; height: 150px; width: 630px;} #ricerca-news fieldset div.row6 {float: left; width:230px; padding: 25px 40px 0 30px;} #ricerca-news fieldset div.row6 input {width: 225px; height: 15px} #ricerca-news fieldset div.row6 select{ width: 230px } #ricerca-news fieldset label { clear:both; display: block; text-transform: uppercase; font: normal normal normal 11px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 0 0 2px 5px} #ricerca-news fieldset div.row6.ultimo{position: relative;} /* #ricerca-news fieldset #ricercaimg {position:absolute; top: 38px; right: -25px; font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; color: #fff; background: transparent url(/elementi/img/sprite.png) no-repeat 0 -302px; padding: 0; display: block; height: 25px; margin: 0;width: 40px;} */ #ricerca-news fieldset #ricercatxt {font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; color: #fff; background: transparent url(/elementi/img/sprite.png) no-repeat 0 -305px; padding: 2px 0 0 30px; display: block; height: 40px; margin: 12px 0;} .categoria-container.even {background: #eee} #notizie {padding: 0} .notizia {clear: both; padding: 0 10px 10px; margin-bottom: 20px} .notizia p.titolo {margin: 0; padding: 8px 0 10px; color: #CC0000; font: normal normal normal 18px 'Roboto Condensed', sans-serif; overflow: hidden;} .notizia p.immagine {float: left; display: inline; margin: 0 15px 2px 2px; padding: 0; width: 150px} .notizia p.immagine img { background: #eee; border: 1px solid #999999; padding: 9px;} .notizia p.testo {line-height: 16px} .notizia .datacat {float: left; display: block; width: 370px; border-top: 2px dotted #000; border-bottom: 2px dotted #000; margin: 0 0 0 10px; padding: 20px 0 20px 10px; text-align: left; color: #191919; font: normal normal normal 11px Arial, Verdana, Helvetica, sans-serif;} .notizia .separatore {padding: 0 10px} .notizia .scopri {float: left; display: block; padding: 0;} .notizia .scopri a {display: block; width: 115px; margin: 0; padding: 0 0 5px 35px; text-align: left; color: #CE0000; font: normal normal normal 14px 'Roboto Condensed', sans-serif; background: transparent url(/elementi/img/sprite.png) 10px 5px no-repeat; text-transform: uppercase; border-bottom: 3px solid #09335A;} .notizia .scopri a:hover{ } .notizia .scopri-catalogo {float: left; display: block; padding: 0;} .notizia .scopri-catalogo a {display: block; width: 115px; margin: 0; padding: 0 0 5px 35px; text-align: left; color: #CE0000; font: normal normal normal 14px 'Roboto Condensed', sans-serif; background: transparent url(/elementi/img/sprite.png) 10px 5px no-repeat; text-transform: uppercase;} .notizia .scopri-catalogo a:hover{ } .categoria-notizia { margin: 0; padding: 10px 0; color: #001F3F; font: normal normal normal 18px 'Roboto Condensed', sans-serif; overflow: hidden; } /* CATALOGO --------------------------------------------------------------------------------------------------------- */ #ricerca-catalogo {width: 650px; height: 150px; background: #09335A; padding: 0; margin: 5px 0 15px; } #ricerca-catalogo fieldset{margin: 0; padding: 0 0 0 20px; height: 150px; width: 630px;} #ricerca-catalogo fieldset div.row6 {float: left; width:230px; padding: 25px 40px 0 30px;} #ricerca-catalogo fieldset div.row6 input { display: block; width: 225px} #ricerca-catalogo fieldset div.row6 select{ width: 230px} #ricerca-catalogo fieldset label { clear:both; color: #fff; display: block; text-transform: uppercase; font: normal normal normal 11px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 0 0 1px 5px} #ricerca-catalogo fieldset #ricercatxt {font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; color: #fff; background: transparent url(/elementi/img/sprite.png) no-repeat 0 -305px; padding: 2px 0 0 30px; display: block; height: 40px; margin: 12px 0;} #boximmagine .ricercadesc {position: absolute; z-index: 999; top: 310px; background: #000; width: 150px; height: 150px; padding: 0; margin: 0;left: 620px;} #boximmagine .ricercadesc p.titolo{ font: normal normal normal 18px Arial, Verdana, Helvetica, sans-serif; color: #D7D39F; padding: 10px 5px; overflow: hidden;} #boximmagine .ricercadesc p.testo{ font: normal normal normal 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; padding: 0 5px 10px 5px; overflow: hidden;} .immaginicat { position: absolute; z-index: 999; top: 310px; width: 615px; height: 150px; padding: 0; margin: 0; left: 155px; background: transparent url(/elementi/img/bg-galleriaslide.png) no-repeat} .immaginicat .galleria { float: left; margin: 0 4px 5px 0; padding: 0; } .immaginicat .galleria img { display: block; } #galleria.scrollable {position: relative; overflow: hidden; width: 460px; float: left; height: 150px; } #galleria.scrollable .items { width: 20000em; position: absolute; clear: both;} #galleria.scrollable .items div {float: left; width: 680px;} #galleria.scrollable img {float:left; margin: 0 5px 0 0; padding: 0; width:150px; height: 150px; opacity:1;} #galleria.scrollable .active {position: relative; cursor: default;} .immaginicat a.browse { background:url(/elementi/img/frecce.png) no-repeat; display: block; width: 25px; height: 25px; position: absolute; margin: 0; cursor: pointer; font-size:1px; z-index: 999;} .immaginicat a.prev { position: absolute; bottom: 10px; right: 115px; background-position: 0 -98px; } .immaginicat a.prev.disabled{ background-position: 0 -196px; } .immaginicat a.next { position: absolute; bottom: 10px; right: 85px; background-position: 0 0; } .immaginicat a.next.disabled { background-position: 0 -147px; } #prezzo {float: left; display: block; padding: 0; margin: 20px 0 0 30px; display: block; width: 150px; border-top: 2px dotted #000; border-bottom: 2px dotted #000; padding: 18px 0 17px 45px; text-align: left; color: #191919; font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; background: transparent url(/elementi/img/frecce.png) no-repeat 10px -35px;} #acquista, #helpdesk {float: left; display: block; padding: 0; margin: 20px 0 0 30px} #acquista a, #helpdesk a {display: block; width: 150px; border-top: 2px dotted #000; border-bottom: 2px dotted #000; margin: 0; padding: 18px 0 17px 45px; text-align: left; color: #191919; font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; background: transparent url(/elementi/img/frecce.png) no-repeat 10px -35px;} #acquista a:hover, #helpdesk a:hover {color: #790045; text-decoration: none} /* AREA RISERVATA --------------------------------------------------------------------------------------------------------- */ #loginform, #resetform {width: 730px; height: 100px; border: 1px dotted #000; margin: 10px 0 30px} #loginform fieldset, #resetform fieldset {padding: 0 0 0 60px} #loginform fieldset div.row6, #resetform fieldset div.row6 {float: left; width:230px; padding: 25px 40px 0 0} #loginform fieldset div.row6 input, #resetform fieldset div.row6 input {width: 225px; height: 15px; border: 1px solid #000} #loginform fieldset div.row6 select, #resetform fieldset div.row6 select{ width: 230px } #loginform fieldset label, #resetform fieldset label { clear:both; display: block; text-transform: uppercase; font: normal normal normal 11px Arial, Verdana, Helvetica, sans-serif; color: #999999; padding: 0 0 2px 5px} #loginform fieldset div.row6.ultimo, #resetform fieldset div.row6.ultimo{position: relative;} #loginform fieldset #ricercaimg {position:absolute; top: 38px; right: -55px; font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; color: #999999; background: transparent url(/elementi/img/frecce.png) no-repeat 0 -49px; padding: 0; display: block; height: 25px; margin: 0;width: 40px;} #resetform fieldset #ricercaimg {position:absolute; top: 38px; left: 345px; font: normal normal normal 15px Arial, Verdana, Helvetica, sans-serif; color: #999999; background: transparent url(/elementi/img/frecce.png) no-repeat 0 -49px; padding: 0; display: block; height: 25px; margin: 0;width: 40px;} /* NAVIGAZIONE --------------------------------------------------------------------------------------------------------- */ #boxnavtopext { width: 650px; padding: 20px 0 15px; margin: 0 auto;} #boxnavtop { width: 570px; margin: 0 auto; padding: 0; table-layout: fixed; empty-cells: hide; border-collapse: collapse;} #boxnavtop td { width:115px; padding: 6px 10px 4px 0; text-transform: uppercase; font: normal normal normal 10px Arial, Verdana, Helvetica, sans-serif; } #boxnavtop td a{ color: #000; } #boxnavtop td a.sx.first { display: inline-block; padding: 2px 0 0 15px; background: transparent url(/elementi/img/boxnav-first.png) no-repeat left center;text-align:left; } #boxnavtop td a.sx.prev { display: inline-block; padding: 2px 0 0 10px; background: transparent url(/elementi/img/boxnav-prev.png) no-repeat left center; text-align:left;} #boxnavtop td a.dx.next{ display: inline-block; padding: 2px 10px 0 0; background: transparent url(/elementi/img/boxnav-next.png) no-repeat right center;text-align:right; } #boxnavtop td a.dx.last { display: inline-block; padding: 2px 15px 0 0; background: transparent url(/elementi/img/boxnav-last.png) no-repeat right center;text-align:right; } #boxnavtop td select { height: 19px; margin: 0; padding: 0; font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #boxnavbottomext { width: 650px; padding: 25px 0 0; margin: 0 auto;} #boxnavbottom { width: 570px; margin: 0 auto; padding: 0; table-layout: fixed; empty-cells: hide; border-collapse: collapse; } #boxnavbottom td { width:115px; padding: 6px 10px 4px 0; text-transform:uppercase;font: normal normal normal 10px Arial, Verdana, Helvetica, sans-serif; } #boxnavbottom td a{ color: #000; } #boxnavbottom td a.sx.first { display: inline-block; padding: 2px 0 0 15px; background: transparent url(/elementi/img/boxnav-first.png) no-repeat left center;text-align:left;} #boxnavbottom td a.sx.prev { display: inline-block; padding: 2px 0 0 10px; background: transparent url(/elementi/img/boxnav-prev.png) no-repeat left center; text-align:left;} #boxnavbottom td a.dx.next{ display: inline-block; padding: 2px 10px 0 0; background: transparent url(/elementi/img/boxnav-next.png) no-repeat right center;text-align:right; } #boxnavbottom td a.dx.last { display: inline-block; padding: 2px 15px 0 0; background: transparent url(/elementi/img/boxnav-last.png) no-repeat right center;text-align:right; } #boxnavbottom td select { height: 19px; margin: 0; padding: 0; font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } /* ========================================================================================================= Loghi fondo pagina --------------------------------------------------------------------------------------------------------- */ ul#w3c { list-style-type: none; margin: 20px auto 0 auto; padding: 0; width: 400px; height: 15px; } ul#w3c li { float: left; height: 25px; margin: 0; padding: 0 5px 0 5px; } ul#w3c li a { text-decoration: none; } ul#w3c li img { display: block; } /* ========================================================================================================= Alert homepage (introdotto 27/8/2014) --------------------------------------------------------------------------------------------------------- */ #homealert { position: relative; width: 760px; height: 300px; margin: 0; padding: 230px 20px 20px 20px; background: #ffffff; overflow: hidden; } #homealert img { display: block; position: absolute; left: 272px; top: 0px; width: 265px; height: 231px; margin: 0; padding: 0; overflow: hidden; } #homealert div { width: 696px; height: 270px; margin: 0; padding: 0 32px 0 32px; background-color: #ffffff; overflow: hidden; } #homealert .alerttitle { margin: 0; padding: 15px 0; color: #001F3F; font: normal normal normal 26px 'Roboto Condensed', sans-serif; overflow: hidden; text-align: center } #homealert .alerttext { font: normal normal normal 16px 'Roboto Condensed', sans-serif; color: #666666; text-align: center; padding: 0; }