/* CSS Document Sanluca 2010*/ *{margin:0; padding:0} body{ background:#fff; color:#505e66; font:0.7em Arial, Helvetica, sans-serif; overflow:auto; } div, p , h1, h2, h3, h4, h5, h6{display:block;} h1{font-size:2.2em;} h2{font-size:2.1em;} h3{font-size:14px;} h4{font-size:13px;} h5{font-size:12px;} h6{font-size:11px;} img{border:none;} a {text-decoration:none; color:#a0a0a0;} a:hover{color:#505e66;} a:focus { outline: none; } .hidden{display:none !important;} input, select, textarea{color:#858385; border:solid 1px #DFDFDF; font:12px Arial, Helvetica, sans-serif} /*#main*/ #main{ width:990px; overflow:hidden; position:relative;} /*head*/ #head{ width:990px; overflow:hidden; position:relative; margin:0 0 15px; } #bgmask{ background:url(../images/elementi/bg_mask_top.png); width:980px; height:419px; position:absolute; top:0; left:0; z-index:5;} #logo{ background:url(../images/elementi/logo.gif); width:165px; height:74px; position:absolute; top:42px; left:49px; z-index:6; text-indent:-900em} #menu{ width:150px; height:220px; position:absolute; top:172px; left:44px; z-index:6; list-style:none; font:bold 14px Arial, Helvetica, sans-serif; overflow:hidden; text-transform:lowercase;} #menu a{display:block; margin:0 0 0px 0 ; padding:0 0 8px; white-space:nowrap;} #menu a.act {background:url(../images/elementi/bg_menu_top.png) no-repeat 0 15px !important; color:#505e66;} #menu a:hover{color:#505e66;} #menu #m1 a{background-position:0 -14px !important; } #menu #m2 a{background-position:0 15px !important; } #menu #m3 a{background-position:0 -46px !important;} #menu #m4 a{background-position:0 -76px !important; } #menu #m5 a{background-position:0 -173px !important; } #menu #m6 a {background-position:0 -141px !important; } #menu #m8 a, #menu #m7 a{background-position:0 -173px !important; } /*articolo bacheca*/ #bntop{width:230px; height:290px; position:absolute; z-index:5; top:15px; left:480px; } #bntop span{display:block; width:100%; height:100%; background:#96b91c; position:absolute; top:0; left:0; z-index:0; -ms-filter:alpha(opacity=75);filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} #bntop a{display:block; width:178px; position:absolute; top:30px; left:20px; z-index:3; font-size:12px; color:#505e66; } #bntop a strong{display:block; font:30px Arial, Helvetica, sans-serif;color:#fff; text-transform:uppercase; margin:0 0 30px} #bntop a span{ background:url(../images/elementi/bg_continua_lnk.gif) no-repeat bottom left;width:75px; height:15px; position:relative; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1;opacity:1; text-indent:-900em; margin:30px 0 0 0} #bntop a:hover span { background-position:top left;} /*3 articoli bacheca*/ #bachecatop{ background:url(../images/elementi/bg_bacheca_top.png); width:271px; height:298px; position:absolute; top:84px; right:40px; z-index:5;} #bachecatop h3{margin:78px 0 0 56px;} #bachecatop div{width:180px; height:150px; position:absolute; top:117px; left:56px; font-size:12px; } #bachecatop div a{ display:block; margin:0 0 15px;color:#505e66;} #bachecatop div a strong{display:block;} /*/head*/ /*dx*/ /*dx*/ /***********************home****************************/ #cnthome{ width:990px; overflow:hidden; position:relative; background: url(../images/elementi/bg_ombra_dwn.png) no-repeat 23px -5px; padding:0 0 0 15px} #cnthome div, #cnthome form{width:230px; height:130px; position:relative;background:url(../images/elementi/bg_box_home.jpg) repeat-x bottom left; overflow:hidden; float:left; margin:0 15px 0px 0; font-size:12px;} #cnthome div img{ width:230px; position:absolute; top:0; left:0; z-index:0 } #cnthome div a {width:230px; height:130px; position:absolute; top:88px; left:0; z-index:2; color:#fff;} #cnthome div a span{display:block; width:100%; height:100%; background:#96b91c; position:absolute; top:0px; left:0; z-index:0; -ms-filter:alpha(opacity=75);filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} #cnthome div a span.cn{position:relative; margin:10px; width:auto; height:auto; z-index:2; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1;opacity:1; background:none; } #cnthome div a span.continua{background:url(../images/elementi/bg_continua_lnk.gif) no-repeat bottom left;width:75px; height:15px; position:relative; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1;opacity:1; text-indent:-900em; margin:20px 0 0 10px; cursor:pointer; } #cnthome div a strong{ font-size:16px; display:block; font-weight:bolder; margin:0 0 15px} #cnthome div:hover a{top:0px !important;} #cnthome div a:hover{top:0px !important; background:url(../images/blank.gif) !important;} #cnthome div#orario div{padding:10px 20px; width:190px; height:110px; background:none} #cnthome div#orario strong, #cnthome form h2{ font-size:16px; display:block; border-bottom:solid 1px #989898; color:#505e66; margin:10px 20px 0px; padding:0 0 5px;} #cnthome div#orario span{position:relative; display:block; font-size:10px; } #cnthome div#orario span.verde{color:#74a017; border-bottom:dashed 1px #a4a4a4; padding:0 0 4px; width:115px} #cnthome div#orario span.rosso{color:#e2001a; margin:4px 0 0} #cnthome div#orario span.rosso span{ display:inline; margin:auto; color:#505e66} #cnthome form label{ width:190px; display:block; margin:10px 20px } #cnthome form input{ width:166px; border-color:#fff !important; margin:0 0 0 20px } #cnthome form button{ background:url(../images/elementi/bg_btn.gif); width:17px; height:17px; text-indent:-9000em; overflow:hidden; border:none; position: absolute; top:86px; left:190px; } /***********************home****************************/ /*footer*/ #latestnews{width:990px; overflow:hidden; position:relative; padding:0 0 0 15px; margin:25px 0 0 0} #latestnews h2{font-size:16px; background:#e9eaea; width:196px; height:106px; overflow:hidden; margin:0 2px 0 0px; padding:12px 20px; float:left; text-align:right;} #latestnews a.nws {display:block; width:204px; height:110px; float:left; margin:0 2px 0 0; padding:10px 20px; background:#e0e1e2; } #latestnews a.nws strong{ display:block;} #latestnews .banner{ width:226px; height:128px;float:right; border:solid 2px #dfe1e2; margin:0 25px 0 0; overflow:hidden;} #latestnews .banner img{width:228px; height:128px;} #footer{ background: url(../images/elementi/bg_footer.png) no-repeat 0 -1px; width:780px; margin:30px 0 0 100px; padding:23px 146px; font-size:10px; position:relative; z-index:31} #pow{ background:url(../images/elementi/pow.gif); display:block; overflow:hidden; text-align:left; width:90px; height:12px; position:absolute; right:200px; bottom:30px; z-index:100; text-indent:-900em;} /*richieste on line*/ #richieste{ width:454px; height:22px; overflow:hidden; position:absolute; bottom:109px; left:253px; z-index:30; background:#98ba23; padding:0px 18px 0; color:#fff; font-size:12px; } #richieste.act{height:161px !important;padding:25px 18px 0 !important;} #richieste h2{ width:100%; overflow:hidden; background:#fff ; font:normal 16px Helvetica, sans-serif; color:#98ba23; height:14px; padding:5px 0 3px 20px; position:absolute; top:0; left:0;z-index:3; cursor:pointer; } #richieste h2 span{ background:url(../images/elementi/bg_frecciatop_footer_act.gif); width:15px; height:14px; display:block; position: absolute; bottom:0; left:0;} #richieste p{ margin:0 0 5px} #richieste h6{ display:none;} #richieste form{ width:100%; overflow:hidden; position:relative;} #richieste form fieldset{ border:none; width:130px; float:right; font-size:10px} #richieste form fieldset.wide{width:310px; float:left !important} #richieste form fieldset label{border-top:solid 1px #74a017; margin:10px 0 0; display:block; padding:10px 0 0} #richieste form fieldset input{border:none; font-size:12px; color:#74a017; padding:2px; width:126px;} #richieste form fieldset textarea{width:310px; height:60px; overflow:auto;} #prv{border-top:solid 1px #74a017 !important; margin:5px 0 0; padding:5px 0 0} #prv label{ display:inline !important; border:none !important;} #prv a{color:#fff;} #prv input{ padding:0 !important; } #richieste #btnform{ position:absolute; bottom:0px; right:0; width:130px; height:15px; overflow:hidden;} #richieste button{ background:url(../images/elementi/bg_continua_lnk.gif) no-repeat bottom left; width:75px; height:15px; display:block; border:none; text-indent:-900em;} /*richieste on line*/ /*footer*/ /************************************************************interno******************************************************************/ /*corpo*/ #corpo{ width:965px; overflow:hidden; position:relative; margin:0 0 15px 15px; padding:0; } /*sx*/ #sx{overflow:hidden; position:relative; width:198px; padding:20px;text-align:right; float:left; } #sx h3{font:bold 16px Arial, Helvetica, sans-serif; color:#a0a0a0; margin:0 0 20px} #sx ul{ font-size:12px; list-style:none } #sx ul li{ border-bottom: solid 1px #97bf0d; padding:5px 0} #sx ul li a{ color:#a0a0a0;} #sx ul li a:hover, #sx ul li a.act{color:#97bf0d !important;} /*sx*/ /*container*/ #container{ background:#e0e1e2; width:727px; overflow:hidden; float:right; padding:20px 0px 24px; color:#a0a0a0; position:relative; } /*dettaglio*/ #testo{ width:430px; float:right; overflow:hidden; margin:0 30px 50px 0; position:relative} #testo h2{ font:30px Arial, Helvetica, sans-serif; margin:30px 0 15px} #testo p{ margin:0 0 5px;} #testo #back{ background:#dcdcdc; font:12px Helvetica, sans-serif; padding:1px 3px 1px 0 ; display:block; width:102px; text-align:right; position:relative;} #testo #back span{ background:#a0a0a0 url(../images/elementi/bg_f_back.gif) no-repeat; width:17px;height:17px; display:block; position:absolute; top:0; left:0; } #testo #back:hover span{ background-color:#505e66} #testo #print{background:#dcdcdc; font:12px Helvetica, sans-serif; padding:1px 3px 1px 0 ; display:block; width:62px; text-align:right; position:relative; text-transform:lowercase; position:absolute; top:0; right:0; } #testo #fb{background: url(../images/elementi/linker.gif) no-repeat top left; display:block; overflow:hidden; text-indent:-900em; width:16px; height:16px ;text-align:left; position:absolute; top:0px; right:80px; } #testo #fb:hover{background: url(../images/elementi/linker.gif) no-repeat bottom left;} #testo #print span{ background:#a0a0a0 url(../images/elementi/print.gif) no-repeat; width:11px;height:11px; display:block; position:absolute; top:3px; left:0; } #testo #print:hover span{ background-color:#505e66} /*dettaglio*/ /*gallery images & video*/ #mediagallery{width:190px; height:200px; background:#fff; overflow:hidden; padding:5px; position:relative; margin:0 0 50px 15px} #mediagallery div{width:190px; height:200px; overflow:hidden;} #mediagallery div img{ height:200px} .pr,.nx{ display:block; position:absolute; top:90px; left:0px; z-index:100; background:url(../images/elementi/bg_scroller_gallery.png) no-repeat; width:23px; height:33px; text-indent:-900em;} .nx{ background-position:top right !important; right:0; left:auto;} /*gallery images & video*/ #doclinks{ width:667px; padding:15px 30px; clear:both; border-top: solid 2px #fff; overflow:hidden; font-size:12px;} #doclinks div{ width:215px; float:right; position:relative; overflow:hidden;} #doclinks div#docs{ margin:0 0 0 35px; width:180px;} #doclinks h6{ font-size:12px;margin:0 0 5px 0} #doclinks a{ display:block; margin:0 0 5px 0 } /*elenco*/ #content{ width:100%; overflow:hidden; position:relative; background:#eeeeee; margin:-20px 0 0; } .elenco{display:block; width:204px; height:130px; float:left; margin:0 2px 0 0; padding:20px 20px 0; background:#e0e1e2; overflow:hidden; position:relative; } .elenco.last{ margin:0!important; width:194px !important; border:none !important} .elenco .continua{display:block; background:url(../images/elementi/bg_continua_lnk.gif) no-repeat top left;width:75px; height:15px; position:relative; margin:20px 0 0 0px; cursor:pointer; text-indent:-9000em } .elenco span{background:#999;height:1px; width:194px; display:block; margin:10px 0 0 0; position:absolute; bottom:0; left:20px; } /*elenco*/ /*paginazione*/ #paginazione{ background:#eee; position:absolute; bottom:0; left:0; width:100%; height:21px; text-align:right; padding:5px 0 } #pag{ width:80px; overflow:hidden; position:relative; margin:0 10px 0 auto; padding:2px 20px; text-align:center; } #ppre, #psuc{ background:#a0a0a0 url(../images/elementi/f_pag.gif) no-repeat; width:17px; height:17px; display:block; position:absolute; top:0; left:0; text-indent:-9000em } #psuc{ background-position: right top; left:auto; right:0;} #ppre:hover, #psuc:hover{ background-color:#74a017;} #pag strong{color:#74a017} /*paginazione*/ /*container*/ /*corpo*/ /****************************************form***************************************************/ #loadingbtn{display:none ;} /*#contForm, #formcheckout{ width:593px;} #contForm form, #formcheckout{ text-align:right} #privacy, #contForm fieldset,#formcheckout fieldset{ background:#fff; width:553px; overflow:hidden; margin:0 0 5px 0; padding:20px ; text-align:left; border:none; } #privacy div {padding:0 10px;} #privacy h3, #contForm fieldset h6,#formcheckout fieldset h6{ border-bottom: solid 1px #cfcfcf; margin:0 0 10px; padding: 5px 10px; color:#28559a;} #contForm fieldset label{ width:170px; float:left; margin:0 0px 10px 0; padding:0 0 0 10px; overflow:hidden; } #contForm fieldset label input,#contForm fieldset label select {width:149px; margin: 5px 0 0 } #contForm fieldset.wide label{width:540px !important; } #contForm fieldset.wide label textarea, #formcheckout textarea{width:470px !important;margin: 5px 0 0;} #contForm button{ font-size:12px ; font-weight:bold; border:solid 1px #DFDFDF; color:#fff; background:#28559a; padding:2px 5px; cursor:pointer; text-transform:capitalize} */ #contForm{ padding:0 20px; color:#a0a0a0;font-size:12px;} #contForm fieldset{ border:none; margin:0 0 10px } #contForm fieldset label{display:block; font-weight:bold;} #contForm p, #contForm h6{ margin:0 0 5px } #contForm h6{ font-size:12px;} #contForm input,#contForm textarea,#contForm select{ display:block; float:none !important; font-size:12px; margin:5px 0!important; width:445px} #contForm textarea{ height:160px;} #contForm span{ width:50%; height:2px; display:block; background:#97bf0d; margin:0 0 10px} #contForm button{ font:12px Arial, Helvetica, sans-serif; background:#a0a0a0 url(../images/elementi/bg_f_btn.gif) no-repeat right center; padding:0px 15px 0px 2px; color:#fff; border:none; text-transform:lowercase;} #contForm fieldset p{ font-size:10px; width:445px} /****************************************form***************************************************/ /************************************************************interno******************************************************************/ #msgform{ height:133px; padding:0px; background:#fff; margin:0 0 80px 0} #msgform h4{ margin:10px 22px;} /***********************************************specialisti*********************************************************************/ #sp{ /*background:#eee;*/ padding:10px 0 0; margin:-5px 0 10px 0 ; border-top:solid 1px #999; font-size:12px; } #sp div{ margin:0 0 10px 0; font-size:11px} #sp div a.dispon{ display:block; font-weight:bold; color:#97bf0d} /*mi serve per aris*/ #sp h2, #sp h3{ font:bold 13px Arial, Helvetica, sans-serif} #sp .ut{ display:none;} #sp .ut.esci{ display:block;} #menusp{ font-size:11px !important; width:115px; margin:0 0 0 auto} #menusp a{ display:block; font-size:9px !important;} #cnttab{background:#fff; margin:-8px 12px; width:700px; height:360px; text-align:center;} #cnttab table{ font-size:18px; width:500px; height:300px; margin:0 auto} #cnttab caption{margin:10px 0 0 0; padding:0; } #cnttab caption span{position:absolute;} .calendar-next {right:250px;} .calendar-prev {left:250px;} #cnttab caption span a{ background:#a0a0a0 url(../images/elementi/f_pag.gif) no-repeat; width:17px; height:17px; display:block; text-indent:-9000em } .calendar-next a{ background-position: right top !important; } #cnttab caption span a:hover , #cnttab caption span a:hover { background-color:#74a017;} /***********************************************specialisti*********************************************************************/ /***********************************************bacheca*********************************************************************/ #regbac{margin:20px 0; font-size:12px; border-top:solid 1px #e5e5e5; padding:20px 0 0 0} .continua {display:block;background:url(../images/elementi/bg_continua_lnk.gif) no-repeat top left; width:75px; height:15px; position:relative; text-indent:-9000em; margin:20px 0 10px; cursor:pointer; text-align:left; } #regbac .continua {margin:20px 0 0 auto} #baccontent{width:100%; overflow:hidden; position:relative; background:#eeeeee; margin:-20px 0 0; padding:20px 0 0 } #baccontent h5{ background:#97bf0d; color:#fff; padding:2px 5px; margin:-1px 0 10px 20px; font-weight:normal; } .bacheca{margin:0 0 0px 25px; font-size:12px; position:relative; padding:5px 0 } .bacheca span{background:#97bf0d; height:1px; overflow:hidden; width:50%; display:block; overflow:hidden; position:absolute; bottom:0; left:0;} .bacheca .continua{margin:10px 0 15px 0} /***********************************************bacheca*********************************************************************/ #frmlogin{ position:relative; overflow:hidden; background-color:#e0e1e2; padding:10px 0 0 0; } #frmlogin h2{margin:0 5px 0 0;} #frmlogin fieldset{border:none;} #frmlogin label{color:#a0a0a0; font-weight:bold;} #frmlogin input{margin:0 5px 5px 0;} #frmlogin button{margin: 0 5px 10px 0; border:none; background-color:#a0a0a0; color:#fff;} /*aris*/ #aris{ padding:0 20px; font-size:12px;} #aris ul{ list-style:none; margin:20px 0} #aris ul li{ padding:5px 0 0; border-bottom:solid 1px #999;} #aris h6{ margin:5px 0 0; text-transform:capitalize; border-bottom:solid 1px #fff} #aris ul li .documenti a{ display:block; background:#eee; margin:0 0 1px; padding:5px } /***********************************************gallery foto mese*********************************************************************/ .elenco{display:block; width:204px; height:130px; float:left; margin:0 2px 0 0; padding:20px 20px 0; background:#e0e1e2; overflow:hidden; position:relative; } .elenco.last{ margin:0!important; width:194px !important; border:none !important} .elenco .continua{display:block; background:url(../images/elementi/bg_continua_lnk.gif) no-repeat top left;width:75px; height:15px; position:relative; margin:20px 0 0 0px; cursor:pointer; text-indent:-9000em } .elenco span{background:#999;height:1px; width:194px; display:block; margin:10px 0 0 0; position:absolute; bottom:0; left:20px; } .fotog{ display:block; width:100%; height:150px; position:absolute; top:0; left:0;} .fotog img{width:244px;} .titolofoto{ display:block; width:204px; overflow:hidden; position: absolute; bottom:0px;left:0; padding:10px 20px; background:#96b91c; -ms-filter:alpha(opacity=85);filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; color:#FFFFFF; font-size:12px; font-weight:bold; z-index:3 }