/* CSS Document Jacopo Napoli*/ *{margin:0; padding:0} body{ background:#fff; color:#000; font:0.7em Arial, Helvetica, sans-serif; overflow:auto; text-align:center } div, p , h1, h2, h3, h4, h5, h6, form, fieldset{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:#000;} a:hover, .act{color:#e34a8b;} ul, ol{ list-style:none;} a:focus { outline: none; } .hidden{display:none !important;} input, select, textarea{color:#000; border:solid 1px #000; font:11px Arial, Helvetica, sans-serif} fieldset{border:none;} #search { position:absolute; right:0px; top:65px; z-index:100} /*#main*/ #main{ width:930px; margin:30px auto; text-align:left; overflow:hidden; position:relative; background:url(../images/elementi/bg.gif);} /*head*/ #head{width:100%; position:relative; overflow:hidden; padding:15px 0 0 0} #head #lang{position: absolute; top:0; left:0; width:100%; height:15px; z-index:0; background:#fff; } #head h1{ background: #e34a8b url(../images/elementi/logo.gif) no-repeat 104px 8px; width:225px; height:225px; position:relative; overflow:hidden; } #head h1 a{ text-indent:-9000em; display:block; width:100%; height:100%;} #head ul { background:#fff; width:225px; height:225px; border:solid 10px #fff; border-top:none; position:absolute; top:15px; left:225px; } #head ul li{ width:225px; height:33px; position:relative; overflow:hidden;} #head ul li a{ display: block; width:215px; height:25px; padding:0 10px; line-height:25px; overflow:hidden; font-size:11px; color:#000 !important } ul#menustat{left:auto !important; right:0; border:none; border-top:solid 1px #000;border-bottom:solid 1px #000;height:223px !important; } ul#menustat a:hover,ul#menustat a.act{color:#e34a8b !important; } #head form{width:225px; overflow:hidden; position:absolute; top:115px; right:0; z-index:3; } #head form input { width:185px; padding:0 10px} #head form button{ background:#000 url(../images/elementi/sprite.gif) no-repeat -13px 5px ; width:16px; height:16px; border:none; position:absolute; top:0; right:0; z-index:5; text-indent:-9000em } #sottocat{ display:block; width:225px; height:225px; border-right:solid 10px #fff; position:absolute; top:15px; left:470px} #sottocat a{ display:block; width:205px; height:25px; padding:0 10px; margin:0 0 8px ; line-height:25px; overflow:hidden; font-size:11px; color:#000 !important} .smenu{ display:none} .smenu.act{ display:block} /*i colori*/ #head ul li#li0 a:hover, #head ul li#li0 a.act { background-color:#e34a8b;} #head ul li#li1 a:hover, #head ul li#li1 a.act { background-color:#ffed00;} #head ul li#li2 a:hover, #head ul li#li2 a.act { background-color:#9776ba;} #head ul li#li3 a:hover, #head ul li#li3 a.act { background-color:#66cccc;} #head ul li#li4 a:hover, #head ul li#li4 a.act { background-color:#87b948;} #head ul li#li5 a:hover, #head ul li#li5 a.act { background-color:#fc962a;} #head ul li#li6 a:hover, #head ul li#li6 a.act { background-color:#009ee1;} #sm85 a:hover,#sm85 a.act {background-color:#e34a8b; } #sm90 a:hover,#sm90 a.act{background-color:#ffed00;} #sm94 a:hover,#sm94 a.act{background-color:#9776ba;} #sm102 a:hover,#sm102 a.act{background-color:#66cccc;} #sm98 a:hover,#sm98 a.act{background-color:#87b948;} #sm111 a:hover,#sm111 a.act{background-color:#fc962a;} #sm96 a:hover,#sm96 a.act{background-color:#009ee1;} /*/head*/ /*corpo*/ #corpo{ background:#fff; width:100%; padding:10px 0; margin:0 0 30px; overflow:hidden; position:relative;} /*dx & home*/ #dx, #home{ width:460px; height:470px; position:relative; float:right; overflow:hidden;} #home {float:left !important;} #dx .banner{position: absolute; top:0; right:0;} #dx li, #home li{ width:225px; height:225px; float:left; overflow:hidden; position:relative; margin:0 10px 10px 0} #dx li.alt, #home li.alt{ margin: 0 0 10px !important} #dx li a, #home li a{ display:block; overflow:hidden; width:225px; height:225px;} #dx li a span, #home li a span{ background: url(../images/elementi/sprite.png) no-repeat ; display:block; width:225px; height:225px; position:absolute; top:0; right:0; -ms-filter:alpha(opacity=70);filter:alpha(opacity=70); -moz-opacity:0.70;opacity:0.70; } #dx li a:hover span, #home li a:hover span{-ms-filter:alpha(opacity=50);filter:alpha(opacity=50); -moz-opacity:0.50;opacity:0.50;} #dx li#corti a span{ background-position:0 -270px} #dx li#acm a span{ background-position:-275px -270px} #home #eventi a span{ background-position:0px -30px} #home #corsiperf a span{ background-position:-275px -30px} #dx li a strong, #home li a strong{ display: block; position:absolute; top:10px; right:10px; font: 18px Helvetica, sans-serif; color:#fff; z-index:5} #dx li#news h4{ background:#66cccc; color:#fff; padding:5px;} #dx li#news a, #home li#scuola a, #home li#luoghi a{ display:block; width:215px !important; padding:5px !important; height:auto !important ; color:#666 !important; font: 11px Arial, Helvetica, sans-serif; margin-bottom:10px } #dx li#news a strong,#home li#scuola a strong, #home li#luoghi a strong { display: block; position:relative !important; top:auto !important; right:auto !important; font:bold 12px Arial, Helvetica, sans-serif; color:#666; z-index:5} #dx li#news a:hover{ color:#66cccc !important;} #home li#scuola a strong, #home li#luoghi a strong{ color:#000; font-size:14px; margin:0 0 15px} #home li#scuola a, #home li#luoghi a{border-top:solid 1px #e34a8b} #home li#scuola a:hover, #home li#luoghi a:hover{color: #e34a8b !important} #dx li#news h6, #home li#scuola h6, #home li#luoghi h6{ position:absolute; bottom:0; left:0; border-bottom:solid 1px #6cc} #dx li#news h6 a{color:#6cc !important; margin:0 !important; border:none !important } #home li#scuola h6, #home li#luoghi h6{border-bottom:solid 1px #e34a8b} #home li#scuola h6 a, #home li#luoghi h6 a{color:#e34a8b !important; margin:0 !important; border-top:none !important; } #dx li#news h6 a:hover, #home li#scuola h6 a:hover, #home li#luoghi h6 a:hover{color:#000!important;} #dx li#corti a{ background:url(../images/bgtop/03.jpg) no-repeat;} #dx li#acm a{ background: url(../images/bgtop/04.jpg) no-repeat;} #home #eventi a { background: url(../images/bgtop/01.jpg) no-repeat;} #home #corsiperf a { background:url(../images/bgtop/02.jpg) no-repeat;} /*dx & home*/ /*footer*/ #footer{ width:100%; overflow:hidden; position:relative;} #footer p{ background:#fff; width:590px; padding:3px; font-size:10px; text-transform:uppercase; } #footer #pow{ background:#fff url(../images/elementi/pow.gif) no-repeat center center; width:115px; height:18px; position:absolute; bottom:0; right:0; text-indent:-9000em } /*footer*/ /************************************************************interno******************************************************************/ #container{ width:460px; overflow:hidden; float:left;} /*elenco*/ #content { width:100%; overflow:hidden; position:relative} #content h4{ background:#333; color:#fff; padding:5px; margin:0 0 10px; font-size:14px } .accademia #titoli h4{background:#e34a8b!important} .direttore #titoli h4{background:#ffed00!important} .corsiperf #titoli h4{background:#9776ba!important} .eventi #titoli h4{background:#6cc!important} .amc #titoli h4{background:#87b948!important} .corti #titoli h4{background:#fc962a!important} .scuola #titoli h4{background:#009ee1!important} #pagtop{ position:absolute; top:5px; right:5px; color:#ccc} #pagtop a{ color:#fff;} .elenco{ width:225px; height:225px; background:#f5f5f5; overflow:hidden; position:relative; float:left; margin:0 0 10px; font-size:12px; font-weight:normal; display:block;} .elenco.pari{ float:right;} .elenco .immgh{ width:225px; height:112px; margin:0 0 15px; overflow:hidden; margin:0 0 10px 0; display:block; } .elenco img{ width:225px;} .elenco strong{ font-size:14px; padding:0 10px; display:block; } .elenco strong .data{ display:none} .elenco .tx{ padding:10px 10px 0; display:block; overflow:hidden; height:60px; } .elenco:hover{ color:#e34a8b} .accademia .elenco:hover {background:#e34a8b!important} .direttore .elenco:hover {background:#ffed00!important} .corsiperf .elenco:hover {background:#9776ba!important} .eventi .elenco:hover {background:#6cc!important} .amc .elenco:hover {background:#87b948!important} .corti .elenco:hover {background:#fc962a!important} .scuola .elenco:hover {background:#009ee1!important} .cerca .elenco:hover {background:#333!important} #paginazione{ width:100%; clear:both; position:relative; overflow:hidden; border-bottom:solid 1px; position:relative;} .accademia #paginazione {border-bottom-color:#e34a8b!important} .direttore #paginazione {border-bottom-color:#ffed00!important} .corsiperf #paginazione {border-bottom-color:#9776ba!important} .eventi #paginazione {border-bottom-color:#6cc!important} .amc #paginazione {border-bottom-color:#87b948!important} .corti .#paginazione {border-bottom-color:#fc962a!important} .scuola #paginazione {border-bottom-color:#009ee1!important} #paginazione a {position:relative; padding:0 10px 0 0; margin:0 12px} #paginazione a span{ background:url(../images/elementi/sprite.png) no-repeat -40px 0;display:block; width:5px; height:3px; position:absolute; bottom:3px; right:0;} .accademia #paginazione a span {background-color:#e34a8b!important} .direttore #paginazione a span {background-color:#ffed00!important} .corsiperf #paginazione a span {background-color:#9776ba!important} .eventi #paginazione a span {background-color:#6cc!important} .amc #paginazione a span {background-color:#87b948!important} .corti #paginazione a span {background-color:#fc962a!important} .scuola #paginazione a span {background-color:#009ee1!important} #paginazione #pag { position:absolute; top:0; right:3px;} #pag a{ padding:0 !important; margin:0 2px!important } /***************interno***************/ #content.int{ background:#f5f5f5} #content.int #imgh{ width:460px; overflow:hidden; height:225px; margin: 0 0 15px} #content.int #imgh img{width:460px;} #content.int h3, #content.int #testo{ width:425px; margin:0 15px 15px} #content.int h3{ font:bold 14px Arial, Helvetica, sans-serif; padding:0 0 5px; margin:0 15px 3px } #content.int #testo{ font-size:12px} .accademia h3 {border-bottom:solid 1px #e34a8b!important} .direttore h3 {border-bottom:solid 1px #ffed00!important} .corsiperf h3 {border-bottom:solid 1px #9776ba!important} .eventi h3 {border-bottom:solid 1px #6cc!important} .amc h3 {border-bottom:solid 1px #87b948!important} .corti h3 {border-bottom:solid 1px #fc962a!important} .scuola h3 {border-bottom:solid 1px #009ee1!important} #tools{ width:425px; overflow:hidden; position:relative; margin:0 15px 15px; padding:0px; height:24px; } #tools #back{ background:url(../images/elementi/sprite.png) no-repeat -120px 0; width:14px; height:14px; position:absolute !important; bottom:3px; left:0; overflow:hidden; text-indent:-9000em; } #tools #print{ background:url(../images/elementi/sprite.png) no-repeat -161px 0; width:16px; height:16px; position:absolute !important; bottom:3px; left:25px; overflow:hidden; text-indent:-9000em; } .addthis_toolbox, #fb{position:absolute !important; bottom:3px; left:50px;} #fb{left:80px ; bottom:0px; } /*********************************gallery***********************************/ .media{ width: 425px; overflow:auto; position:relative; margin:15px; height: 90px; } .scroll{ /*width:3000px;*/ height: auto; max-height: 90px;} .media a{ width:136px; height:69px; margin:0 10px 0 0; overflow:hidden; display:block; float:left; position:relative; } .media img{ width:136px; } .mskplay{ width:66px !important; height:66px; position:absolute; top:3px; left:50%; margin:0 0 0 -33px} .mediav{ width: 425px; overflow:auto; position:relative; margin:15px; height: 90px; } .mediav a{ display:block; position:relative; overflow:hidden; margin:0 0 5px ; padding:5px} .mediav a span{ position:absolute; right:5px; bottom:5px;} .accademia .mediav a {border-bottom:solid 1px #e34a8b!important} .direttore .mediav a {border-bottom:solid 1px #ffed00!important} .corsiperf .mediav a {border-bottom:solid 1px #9776ba!important} .eventi .mediav a {border-bottom:solid 1px #6cc!important} .amc .mediav a {border-bottom:solid 1px #87b948!important} .corti .mediav a {border-bottom:solid 1px #fc962a!important} .scuola .mediav a {border-bottom:solid 1px #009ee1!important} /*********************************gallery***********************************/ /*********************************elenco corsi***********************************/ #elencocorsi{ background:#fff; width:192px; overflow: hidden; float:left; margin:-10px 0 0; padding:0;} #elencocorsi a{ display:block; padding:5px; font-size:12px;} #elencocorsi a:hover{color:#9776ba;} #elencocorsi a.act{ background:#9776ba; color:#fff;} #testocorsi{ width:460px; height:410px; float:left; overflow:hidden; padding:0 15px 15px;} #testocorsi #pane{ width:460px; height:260px; overflow:auto; font-size:12px;} #testocorsi h6, #testocorsi h4{ background:none; font:bold 12px Arial, Helvetica, sans-serif; margin:0 0 5px !important; color:#000 !important; padding:0 !important } #testocorsi h3{ margin:5px 0 !important; padding:0 !important; font:16px Arial, Helvetica, sans-serif !important; border-bottom:none !important; width:auto !important } /****************************************form***************************************************/ #loadingbtn, #container h2 {display:none ;} #contForm, #formcheckout{ width:460px;} #contForm form, #formcheckout{ text-align:right} #privacy, #contForm fieldset,#formcheckout fieldset{ width:425px; overflow:hidden; margin:0 0 5px 0; padding:0 15px ; 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:#333;} #contForm fieldset label{ width:190px; float:left; margin:0 0px 10px 0; padding:0 0 0 10px; overflow:hidden; height:50px; } #contForm fieldset label input,#contForm fieldset label select {width:149px; margin: 5px 0 0; display:block; } #contForm fieldset.wide label{width:372px !important; height:auto !important } #contForm fieldset.wide label textarea, #formcheckout textarea{width:302px !important;margin: 5px 0 0;} #contForm button{ font-size:12px ; font-weight:bold; border:solid 1px #DFDFDF; color:#fff; background:#333; padding:2px 5px; cursor:pointer; text-transform:capitalize} #contForm fieldset.last label{height:20px; width:140px; float:none !important;} #contForm fieldset.last h5{ margin:0 0 15px !important; color:#9776ba} #contForm fieldset.last a{margin:0 0 10px !important; display:block; } #contForm fieldset .styled{ display: inline !important; width:auto !important; margin:0 10px 0 0 !important } .accademia #contForm fieldset h6 {color: #e34a8b!important} .direttore #contForm fieldset h6{color: #ffed00!important} .corsiperf #contForm fieldset h6 {color: #9776ba!important} .eventi #contForm fieldset h6 {color:#6cc!important} .amc #contForm fieldset h6 {color:#87b948!important} .corti #contForm fieldset h6 {color:#fc962a!important} .scuola #contForm fieldset h6 {color:#009ee1!important} .accademia #contForm button {color: #e34a8b!important} .direttore #contForm button{color: #ffed00!important} .corsiperf #contForm button {color: #9776ba!important} .eventi #contForm button {color:#6cc!important} .amc #contForm button {color:#87b948!important} .corti #contForm button {color:#fc962a!important} .scuola #contForm button {color:#009ee1!important} /****************************************form***************************************************/ /************************************************************interno******************************************************************/ #msgform{ height:133px; padding:0px; background:#fff; margin:0 0 80px 0} #msgform h4{ margin:10px 22px;} .msg{ padding:15px; font-size:12px;} #social{ background:url(../images/elementi/social.jpg) no-repeat; width:65px; height:16px; position:absolute; top:216px; right:150px; overflow:hidden; } #social * {display:block} #social a{ width:16px; height:16px; float:left; margin:0 4px 0 0; overflow:hidden; text-indent:-900em; } /**********************integrazione per i corsi di formazione***********************/ #dx.corsicol{width:230px !important;} #container.corsicol{width:690px !important;}