::selection { background: #ccc; color: #fff; } ::-moz-selection { background: #ccc; color: #fff; } * { padding: 0px; margin: 0 auto;} img {border: 0px;} p {margin: 0px 0px 10px 0px;} body {background-color: #ddd; margin: 0 auto; background-image: url(img/bianco-.jpg); background-repeat: repeat-y; background-position: center center; } td { font-family: "Open Sans", "Verdana", sans-serif; color: #470014; font-size: 13px;} a {text-decoration: none; color: #32afff;} a:hover {text-decoration: none; color: #aaa;} h2 {font: normal 30px "Advent Pro"; color: #32afff; font-weight: 300; text-transform: uppercase; line-height: 30px; margin-bottom: 20px;} h3 {font-size: 16px;color: #32afff;} .piccolo {font-size: 8px; color: #999;} .corpo {width: 980px; margin: 0 auto; border: 0px solid #fff;} #contentTestata {width: 980px; height: 100px; margin: 0 auto;} #testata {width: 980px; height: 100px; margin: 0 auto; background-color: #fff;} #titoloSotto { margin: 10px 5px 0px 0px; color: #32afff; font-family: "Advent Pro", "Verdana", sans-serif; font-size: 16px; font-weight: 300; text-transform: uppercase; text-align: right;} #menuTop {float: right; display: inline; margin: 40px 23px 0px 0px;text-transform: uppercase; font-size: 17px; font-family: "Advent Pro", "Verdana", sans-serif;} #menuTop a {text-decoration: none; color: #09080d; margin: 0px 7px 0px 8px;} #menuTop a:hover {text-decoration: none; color: #32afff;} #partnerRoll {z-index: 0; width: 135px; height: 100px; list-style: none;float: left; display: inline; } #partnerRoll li {width: 135; height: 100px; list-style: none;} #labelRicompensa {float: left; display: inline; width: 165px; height: 100px;} #testataRoll {z-index: 0; height: 360px; width: 980px;} #testataNoRoll {z-index: 0; height: 360px; width: 980px; position: absolute;} #testataRoll li {background-repeat: no-repeat; background-position: 50% 0px; width: 100%; height: 360px; list-style: none;} #testataNoRoll li { background-repeat: no-repeat; background-position: 50% 0px; width: 100%; height: 360px;list-style: none;} .clip {list-style: none;float: left; display: inline; width: 115px; height: 115px;} .clipRossa {background-color: #cc023e; background-color: #ddd; color: #fff; color: #32afff; width: 112px; height: 112px;margin: 0px 2px 2px 0px; font-family: "Open Sans", "Verdana", sans-serif; font-size: 13px; font-weight: normal;} .clipRossa a {text-transform: uppercase;} .clipRossa .tooltip { font-size: 14px;} .inclip {padding: 10px;} .boxItem {float: left; display: inline; width: 305px; height: 302px; } .box {width: 300px; height: 150px; display: table-cell; vertical-align: bottom; background-color: #ddd; color: #fff;margin: 0px 1px 1px 0px; font-family: "Open Sans", "Verdana", sans-serif; font-size: 13px; font-weight: normal;} .inbox {padding: 7px;} .box a {text-transform: uppercase; color: #fff;} .box a:hover {text-transform: uppercase; color: #ddd;} .boxT {width: 300px; height: 200px;margin: 0px 2px 2px 0px; overflow: hidden;} .boxInsta {width: 300px; height: 64px; margin: 0px 0px 0px 0px; overflow: hidden;} .boxRosso {width: 300px; height: 302px; background-color: #ddd; color: #fff;} .boxItem {float: left; display: inline; width: 305px; height: 302px; } .boxx {width: 300px; height: 180px; display: table-cell; vertical-align: bottom; background-color: #ddd; color: #fff;margin: 0px 1px 1px 0px; f font-family: "Advent Pro", "Verdana", sans-serif; font-size: 12px; font-weight: normal;} .boxPercorso {width: 230px; height: 100px; float: left; display: inline; } .icons {width: 25px; height: 100px; float: right; display: inline;} .iconst {width: 25px; height: 100px; left: 700px; margin: 30px 20px 0px 0px; float: right; display: inline; position: relative; background-image: url(img/pxgrigio.png);} #BIH {height: 164px;} #BH { height: 30px; } #BH300 { width: 300px; height: 30px; } #BTH { height: 130px;} #BINS { height: 106px;} #ITH {line-height: 11px; text-transform: uppercase; font-size: 12px;} .back { width: 280px; height: 26px; margin: 0px 0px 1px 0px; background-image: url(img/pxgrigio.png); font-family: "Open Sans", "Verdana", sans-serif; font-size: 14px; text-transform: uppercase; float: left;} .backTesto {float: left; diplay: inline;} #navico {height: 100px; width: 25px;list-style: none;} #navico li {height: 25px; width: 25px;} .icoR {background: url(img/icopreferito.png); cursor: hand; cursor: pointer;} .icoR_ {background: url(img/icopreferito_.png); cursor: hand; cursor: pointer;} .icoN {background: url(img/iconovita.png);} .icoN_ {background: url(img/iconovita_.png);} .icoP {background: url(img/icoprenotabile.png); } .icoP_ {background: url(img/icoprenotabile_.png); cursor: hand; cursor: pointer;} .icoC {background: url(img/icoconsigliato.png); } .icoC_ {background: url(img/icoconsigliato_.png);} .tooltipico { Z-INDEX: 1000; position:relative; display: none; FLOAT: left; RIGHT: 100px; opacity: 0; BACKGROUND-image: url(img/bgtooltip.png); font-family: "Open Sans", "Verdana", sans-serif; font-size: 13px; background-repeat: no-repeat; font-size: 13px; line-height: 13px; color: #fff; text-align: right; width: 170px; height: 25px; } .intooltipico { padding: 6px 50px 0px 0px; } /* gruppo dedicato al vechio slider */ #center-img { POSITION: absolute; top: 80px; WIDTH: 100%; HEIGHT: 300px; OVERFLOW: hidden; } .slide-content { POSITION: relative; WIDTH: 100%; HEIGHT: 300px; CURSOR: pointer;} .slides { Z-INDEX: -1; POSITION: absolute; HEIGHT: 300px; TOP: 0px; LEFT: 0px;} .slides DIV { Z-INDEX: -1; POSITION: absolute; WIDTH: 1300px; HEIGHT: 300px; } /* gruppo dedicato al vechio slider */ .previous {float: left; display: inline; width: 27px; height: 300px; text-align: left; margin-top: 120px;} .next {float: left; display: inline; width: 27px; height: 300px; text-align: right; margin-top: 120px;} .new { margin: 0 auto; width: 980px; height: 350px;} .inNew {padding: 70px 0px 0px 130px;} .newContent { height: 240px; display: table-cell; vertical-align: bottom; } .newsData { text-align: right; margin: 0 auto; width: 820px; font: normal 20px "Advent Pro", "Verdana", sans-serif; font-weight: 300; color: #fff;} .newsTitolo { text-align: right; margin: 0 auto; width: 820px; font: normal 28px "Advent Pro", "Verdana", sans-serif; font-weight: 300; color: #fff; text-transform: uppercase;} .newsDesc { text-align: right; margin: 0 auto; width: 820px;font: normal 24px "Advent Pro", "Verdana", sans-serif; font-weight: 300; color: #fff;} .newsPag { text-align: right; margin: 0 auto; width: 820px;font: normal 16px "Advent Pro", "Verdana", sans-serif; font-weight: 300; color: #fff;} .evBianco {background-image: url(img/px.png);} .evBlu {background-image: url(img/pxblu.png);} .campagna {width: 940px; height: 150px; margin: 0px 20px 20px 20px; background-color: #ccc;} #testoHome {width: 610px; overflow: auto; margin: 0px 0px 20px 0px; text-align: justify; } #intestohome { padding: 0px 10px 0px 0px;} #testo {width: 600px; margin: 0px 0px 10px 0px; text-align: justify; } #testoirf {width: 920px; margin: 0px 0px 10px 0px; text-align: justify; } #titoloArancio { text-align: left; font-size: 28px; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 400; color: #fe9c31; text-transform: uppercase; } #titoloArancio a { text-align: left; font-size: 28px; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 400; color: #fe9c31; text-transform: uppercase; } #home {width: 980px; margin: 0px 0px 15px 0px; text-align: justify; } #news {width: 600px; height: 200px; list-style: none; float: right; display: inline;text-align: right; } #news li {width: 580px;} #menu {float: left; display: inline; z-index: 2000; width: 220px; height: 300px; list-style: none; margin: 0px auto;} #inmenu {float: left; display: inline; padding: 20px 0px 0px 10px;} #menuSwitch {z-index: 1200;position: absolute; width: 26px; height: 26px; background-image: url(img/px.png); text-align: center; cursor: hand; cursor: pointer;} #menuBox {z-index: 1100; width: 280px; height: 300px; z-index: 1100;} .invisi { display: none; opacity: 0; position: absolute; } .menuItem { cursor: hand; cursor: pointer; width: 280px; height: 26px; margin: 0px 0px 1px 0px; background-image: url(img/px.png); font-family: "Open Sans", "Verdana", sans-serif; font-size: 15px; text-transform: uppercase;} .menuItem:hover { cursor: hand; cursor: pointer; width: 280px; height: 26px; margin: 0px 0px 1px 0px; background-image: url(img/pxblu.png); font-family: "Open Sans", "Verdana", sans-serif; font-size: 15px; text-transform: uppercase; color: #fff;} .initem { padding: 3px 3px 2px 5px; } .arr {display: none;} #menu a {text-decoration: none; color: #4c1f2c; } #menu a:hover {text-decoration: none; color: #32afff;} #contentRed {width: 990px; margin: 0 auto; margin-top: 0px;} #contentWhite {width: 980px; background-color: #fff; float: left; display: inline;} #titoloPagina {width: 5px; float: left; display: inline; background-color: #ddd;} .contenuti { width: 980px; height: auto !important; float: left; display: inline; padding: 30px 0px 20px 0px; font-family: "Imprima", "Verdana", serif; font-size: 14px; color: #470014; background-color: #fff; } .colA {width: 650px; height: auto; float: left; display: inline; font-family: "Open Sans", "Verdana", sans-serif; color: #470014;} .colB {width: 300px; height: auto; float: left; display: inline; background-color:#fff; text-align: right;} .incolA {padding: 0px 10px 20px 0px; margin-left: 30px;} .incolB {padding: 0px 20px 20px 0px;} .boxDx { width: 300px; height: 100px; text-align: right; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 400; margin: 0px 0px 10px 0px;} /*.inboxDx {padding: 15px 20px 20px 0px; }*/ .inboxDx {padding: 15px 20px 20px 0px; } .inboxScad {padding: 15px 20px 20px 0px; } #boxGrigio { text-align: right; background-color: #eee; background-image: url(img/bggrigio2.jpg); color: #fe9c31; width: 300px; height: 100px; text-align: center;font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 300; margin: 0px 0px 10px 0px;} #boxGrigio2 { text-align: right; background-color: #eee; background-image: url(img/bggrigio2.jpg); color: #fe9c31; width: 300px; height: 100px; text-align: center;font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 300; margin: 0px 0px 10px 0px;} #boxDona { text-align: right; background-color: #eee; background-image: url(img/bgdona.jpg); background-repeat: no-repeat; background-position: 0px 0px;color: #fe9c31;} #boxCuore { text-align: right; background-color: #eee; background-image: url(img/box_cuore.jpg); background-repeat: no-repeat; background-position: 0px 0px;color: #fe9c31;} #boxDonazioni { text-align: right; background-color: #fe9c31; background-image: url(img/bgdenaro.jpg); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; } #boxScadenza { text-align: right; background-color: #fe9c31; background-image: url(img/bgobiettivo.png); background-repeat: no-repeat; background-position: 20px 40px; color: #fff; } #boxFacebook { text-align: right; background-color: #4c85c8;background-color: #fff; width: 300px; height: 76px; overflow: hidden; text-align: right; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 300; margin: 0px 0px 10px 0px;} #boxMappa { text-align: right; background-color: #32afff; width: 300px; height: 100px; background-image: url(img/box_mappa.jpg); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; text-align: right; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 300; margin: 0px 0px 10px 0px;} #boxNewsletter { text-align: right; background-color: #32afff; width: 300px; height: 100px; background-image: url(img/bgnewsletter.jpg); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; text-align: right; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 300; margin: 0px 0px 10px 0px;} #boxLike { text-align: right; background-color: #32afff; width: 300px; height: 100px; background-image: url(img/bglike3.jpg); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; text-align: right; font-size: 13px; font-family: "Advent Pro", "Verdana", sans-serif; font-weight: 300; margin: 0px 0px 10px 0px;} .testoBoxGrande { font-size: 34px;} .testoBoxMedio { font-size: 22px;} .testoLikeGrande { font-size: 28px;} #calendario { color: #aaa;} .boxDonazione {width: 520px; height: 160px; margin: 0px 0px 30px 0px;} #due { background-image: url(img/bk1.jpg); } #dieci { background-image: url(img/bk2.jpg); } #quindici { background-image: url(img/bk3.jpg); } #quaranta { background-image: url(img/dono_incisione.jpg); } #ottanta1 { background-image: url(img/bk5.jpg); } #ottanta2 { background-image: url(img/bk6.jpg); } #ottanta3 { background-image: url(img/bk7.jpg); } #ottanta4 { background-image: url(img/dono_ferrari.jpg); } #cinquecento { background-image: url(img/bk8.jpg); } #mille { background-image: url(img/bk10.jpg); } #quattromila { background-image: url(img/bk10.jpg); } #libera { background-image: url(img/bk1.jpg); } #trentacinque { background-image: url(img/bt_donazione.jpg); } #importolibero { background-image: url(img/bt_donazione.jpg); } .rigadonazione { width: 520px; height: 80px; padding: 80px 0px 0px 0px; } .dona { background-color: #fe9c31; color: #fff; text-transform: uppercase;font-family: "Open Sans", "Verdana", sans-serif; font-size: 18px; width: 100px; height: 80px; float: left; } .donalibera { background-color: #fe9c31; color: #fff; text-transform: uppercase;font-family: "Open Sans", "Verdana", sans-serif; font-size: 14px; width: 100px; height: 80px; float: left; } .padding {padding: 10px 10px 0px 10px;} .donadescrizione {background-color: #eee; color: #999; text-transform: uppercase;font-family: "Open Sans", "Verdana", sans-serif; font-size: 12px; width: 420px; height: 80px; float: left; text-align: left;} .evento {margin: 0px 0px 20px 0px; width: 580px;} .eventoDesc {width: 280px; float: left; display: inline; margin: 0px 0px 20px 0px; text-align: right;} .eventoDett {width: 280px; float: left; display: inline; margin: 0px 0px 20px 0px; text-align: left;} .pulsantetarget {width: 280px; text-align: left; font-size: 12px; font-family: "Open Sans", "Verdana", sans-serif; background-color: #ccc; color: #fff; border: 0px solid #aaa; padding: 3px 10px 3px 10px; margin-bottom: 2px; cursor: hand; cursor: pointer; -moz-border-radius: 5px; border-radius: 5px;} .pulsantetarget:hover {color: #32afff;} .pulsantetargetselezionato {width: 280px; text-align: left; font-size: 12px; font-family: "Open Sans", "Verdana", sans-serif; background-color: #efefef; color: #bbb; border: 0px solid #aaa; padding: 3px 10px 3px 10px; margin-bottom: 2px; cursor: hand; cursor: pointer; -moz-border-radius: 5px; border-radius: 5px;} .pulsantepercorso {width: 280px; text-align: left; font-size: 12px; font-family: "Open Sans", "Verdana", sans-serif; background-color: #32afff; color: #fff; border: 0px solid #aaa; padding: 3px 10px 3px 10px; margin-bottom: 2px; cursor: hand; cursor: pointer; -moz-border-radius: 5px; border-radius: 5px;} .sottotitolo {color: #a8989c; text-transform: uppercase;} .piccolo {font-size: 12px;} #nav{list-style: none; } #nav a {text-decoration: none; color: #32afff;} #nav a:hover {text-decoration: none; color: #fff;} .tooltip { Z-INDEX: 1000; position: relative; display: none; BACKGROUND-image: url(img/pxblu.png); font-size: 14px; width: 300px; height: 140px; RIGHT: 0px; top: 0px; opacity: 0; line-height: 15px; color: #fff; overflow: hidden; } .intooltip {padding: 10px; } .tooltipImg { Z-INDEX: 1000; position: relative; display: none; font-size: 14px; width: 480px; left: 0px; top: 0px; opacity: 0; overflow: hidden; } .showImg { float: left; display: inline; width: 600px; height: 46px; cursor: pointer; cursor: hand;} .campoinput {width: 340px;font-size: 14px; font-family: "Open Sans", "Verdana", sans-serif; background-color: #f9f9f9; border: 0px; padding: 3px; margin-left: 3px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc;} .pulsante {font-size: 18px; font-family: "Open Sans", "Verdana", sans-serif; background-color: #aaa; color: #eee; border: 0px solid #aaa; padding: 3px 10px 3px 10px; margin-top: 20px; cursor: hand; cursor: pointer;} .areainput {width: 340px; height: 150px; font-size: 14px; font-family: "Open Sans", "Verdana", sans-serif; background-color: #f9f9f9; border: 0px; padding: 3px; margin-left: 3px;} #soprafooter {width: 980px; height: 20px; margin: 0 auto; float: left; display: inline; color: #555; font-family: "Open Sans", "Verdana", sans-serif; font-size: 12px;text-transform: uppercase; text-align: center; } #footer {width: 980px; height: 80px; float: left; display: inline; margin: 0 auto; color: #fff; background-color: #32afff; font-family: "Open Sans", "Verdana", sans-serif; font-size: 13px;text-transform: uppercase; text-align: center; } #sottofooter {width: 980px; height: 20px; float: left; display: color: #555; font-family: "Open Sans", "Verdana", sans-serif; font-size: 10px;text-transform: uppercase; text-align: center; } #infooter {padding: 5px; } #footer a {color: #fff; text-decoration: none;} #footer a:hover {color: #ddd; text-decoration: none;} #fine {width: 980px; height: 20px; margin: 0 auto; margin-bottom: 20px; color: #fff; color: #32afff; text-align: center; font-family: "Open Sans", "Verdana", sans-serif; font-size: 13px; } .informativa { font-family: "Open Sans", "Verdana", sans-serif; font-size: 11px; color: #ccc; scrollbar-face-color: #dddddd; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; height: 60px; width: 340px; overflow: auto; padding: 5px 5px 5px 0px; text-align: left; } /* Easy Slider */ #slider { text-align: right; background-color: #fe9c31; background-image: url(img/bgdenaro.jpg); background-repeat: no-repeat; background-position: 0px 0px; color: #fff; } #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:300px; height:100px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(http://foritaly.org/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(http://foritaly.org/images/btn_next.gif) no-repeat 0 0; } .bianco {color: #fff;}