body {background:url(img/sfondo.jpg) no-repeat right top #faf3df; font-family:verdana, arial; font-size: 12px; margin: 0px auto; padding: 0px; text-align:center;} form {margin: 0px; font-family: verdana, arial; font-size: 11px;} input { font-family: verdana, arial; font-size: 11px;} a {text-decoration:none; color: #1f71c5;} #pricipale {margin: auto; width: 890px} #testata {height: 220px; position:relative; text-align:center} #testata #loghi {height: 160px; background:url(img/logo_scr.png) right bottom no-repeat; width: 950px; margin:auto;} #testata #logo1 {position:absolute; left: 100px; top: 20px; z-index: 80;} #accessib {position: absolute; right: 60px; top: 100px; position:absolute; height: 12px; display:block; vertical-align:middle; font-weight:bold; font-size: 12px;} #accessib a {border: 0px;} #accessib a img {border: 0px; vertical-align:middle} #accessib a:hover {background: url(img/caratteri.png) no-repeat top;} #testata #nav {background:url(img/nav.png) no-repeat top; height: 60px; text-align:right; padding-top: 6px; padding-right: 10px; } #testata #nav #navbot {vertical-align:middle; color: #db6f04; height: 54px; } #testata #nav #navbot a {text-decoration:none; color: #13007c; padding-left: 58px; padding-right: 8px; height: 54px; line-height: 54px; display:inline-block} #testata #nav #navbot a:hover {color: #db6f04;} #testata #nav #navbot a img {vertical-align: middle; border: 0px;} #testata #nav #promo {background:url(img/promozioni.png) no-repeat left; line-height: 56px;} #testata #nav #orari {background:url(img/orari.png) no-repeat left; line-height: 56px;} #testata #nav #locali {background:url(img/locali.png) no-repeat left; line-height: 56px;} #testata #nav #progra {background: url(img/programmi.png) no-repeat left; line-height: 56px;} #testata #nav #staff {background:url(img/staff.png) no-repeat left; line-height: 56px;} #testata #nav #contat {background: url(img/contatti.png) no-repeat left; line-height: 56px;} #centrob {background:url(img/piecentro.png) bottom no-repeat; padding-bottom: 60px;} #centrale {background:url(img/bgcentro.png) repeat-y; padding-top: 10px; overflow:auto;} /* menu 230 px totali */ #xmenu {width: 208px; margin-left: 22px; text-align:left; float: left; clear:left;} #xmenu #menu {background:url(img/menupie.png) bottom no-repeat; padding-bottom: 15px; margin-bottom: 10px;} #xmenu #menu #bot {background:url(img/menubg.png) repeat-y; padding-top: 0px; padding-left: 8px; padding-right: 8px;} #xmenu #menu #bot a {background:url(img/bottone_menu.png) no-repeat; width: 162px; display: block; height: 29px; padding-top: 13px; padding-left: 30px; color: #13007c; text-decoration:none;} #xmenu #menu #bot a:hover {background: url(img/bottone_homegw.png) no-repeat; color: #db6f04;} #xmenu #menu #form {background:url(img/menubg.png) repeat-y; padding-top: 6px; padding-right: 22px; padding-left: 12px; text-align: right; } #xmenu #menu #form input {margin-bottom: 2px; vertical-align: middle;} #xmenu #menu #form .mis80{width: 80px; margin-left: 10px;} #xmenu #menu #titolo {background:url(img/menutitolo2.png) no-repeat bottom left; display: block; padding-top:0px; padding-left: 10px; padding-right: 8px; padding-bottom: 0px;} #xmenu #menu #titolo span {display:block; width: 182px; line-height: 18px; height: 18px; padding-left: 6px; vertical-align:middle;} #xmenu #menu #titolo span img {vertical-align:middle;} .giallo {background:#f7de97;} .celeste {background:#bcd7f3;} .verde {background:#ace9b4;} #bloccodx {width: 630px; margin-left: 240px; margin-right: 20px; min-height: 300px; height: auto !important; height: 300px; padding-top: 20px;} #pie { padding-top: 4px; padding-bottom: 20px; margin: auto; width: 890px} /*------------------------- FOTOGALLERY ------------------------------*/ #spaziogallery {width: 98%; text-align:center; margin: auto; } #fotopiccole { } #fotopiccole div {display:block; margin: 4px; padding: 4px; border: 1px solid #dadada; width: 100px; float:left; background: #E5E5E5;} #fotopiccole a {display:block; width:100px; height:100px; line-height:100px; overflow:hidden; position:relative;} #fotopiccole a img {clip: rect(5px, 5px, 5px, 5px); border: 0px; text-decoration:none; overflow: auto;} #fotopiccole a:hover {filter:alpha(opacity=55);opacity:0.55} /*-------------------------------------------------------------------------------------*/ .titologiallo {padding-left: 10px; padding-top: 6px; line-height: 20px; color:#000; font-weight:bold; display:block; background: url(img/giallo.gif); text-align: left;} .titologrigio {padding-left: 10px; padding-top: 6px; line-height: 20px; color:#000; font-weight:bold; display:block; background: url(img/grigio.gif); text-align: left;} .titoloceleste {padding-left: 10px; padding-top: 6px; line-height: 20px; color:#000; font-weight:bold; display:block; background: url(img/celeste.gif); text-align: left;} .titoloceleste2 {padding-left: 10px; padding-top: px; line-height: 20px; color:#000; font-weight:bold; display:block; background: url(img/celeste.gif) bottom; text-align: left;} /*----------------------------------- prenotazione ---------------------------------------------------*/ #selezione {text-align: center; } #selezione1 { border: 1px #c3cee2 dotted; margin-top: 20px; margin-bottom: 10px; padding: 10px; text-align:left; color: 1f71c5; } #selezione1 .select { width: 300px; color: #1f71c5;} #selezione1 .fisso {width: 130px; display: inline-block;} #selezione td { text-align: left; padding-bottom: 20px;} #selezione iframe {border: 1px #c3cee2 solid; padding: 10px; margin-right: 10px;} #selezione a {text-decoration:none; color: #1f71c5;} #selezione input {margin-bottom: 10px;} #calendario {width: 320px; vertical-align: middle;} #calendario .rigo {display:block; margin-bottom: 2px;} #calendario .rigogiorni {display:block; margin-bottom: 2px; color: #d91308;} #calendario .rigo span {position:relative; display: inline-block; width: 38px; height:30px; padding-top: 8px; background: url(img/icona.png) no-repeat; margin: 0px; vertical-align:middle; font-size: 13px; font-family: georgia; font-weight:bold; z-index: 9} #calendario .rigogiorni span{display: inline-block; width: 38px; height:28px; padding-top: 10px; background: url(img/iconab.png) no-repeat; margin: 0px; font-size: 11px; font-family: georgia; font-weight:bold;} #calendario .ora {border: 1px solid #c9c2c1; position:absolute; left: -4px; top: 26px; width: 80px; padding: 1px; font-size: 11px; font-weight:normal; background:url(img/trasparenza.png); text-align:left;} #calendario .mese {font-weight:bold; line-height: 22px; display: block;} #calendario input {border: 0px; margin:0px 2px 0px 0px; padding:0px; vertical-align: middle;} /*------------------------------------ registrazione ------------------------------*/ #tab_prenota { width: 640px} #tab_prenota td {padding-top: 10px; padding-bottom: 20px; width: 50%} #tab_prenota .testo_prenota {margin-top: 30px; padding-right: 30px; text-align:right; line-height: 22px; font-size: 13px;} #form_prenota { text-align:left;} #form_prenota table {width: 660px} #form_prenota .fisso {width: 240px; text-align: right; padding-right: 20px;} #form_prenota .fisso2 {width: 240px; text-align: right; padding-right: 20px; display:inline-block;} #form_prenota #inputfisso input {width: 280px;} #form_prenota td {border-bottom: 1px dotted #ccd3e8; padding-top:6px; padding-bottom: 6px;} #form_prenota strong {color: #1f71c5; text-transform: uppercase;} /*-------------------------------------------------------------------------------------*/ .imgsx {float:left;} .centrato {text-align: center;} iframe {border: 1px solid #999} /*--------------------------------------------orario dei corsi -------------------------------------------------*/ .form {border-bottom: 0px; margin:6px; padding:0px; vertical-align:middle;} .form input, SELECT {margin: 0px; padding: 0px; font-size:12px; height:20px; vertical-align:middle; font-family:Verdana;} .form SELECT {width: 300px; font-family:Verdana;} .orari {border-top: #FF7F00 2px solid; margin-bottom: 10px; margin-top: 20px; font-size: 11px; width: 100%; vertical-align:middle} .orari td {border-bottom:#999999 1px solid; text-align:center; min-height: 28px; height: 28px; vertical-align:middle;} .orari a, .orari a:active, .orari a:visited, .orari a:link {text-decoration: none; color:#C00; display:block; font-weight:bold} .orari a:hover {color:#333;} .orari .mistd {width: 160px;} .orari .misor {width: 80px;} .orari em {color:#000; display:block;} .orari strong {color:#003399; font-size: 12px; line-height: 28px;} .orari #giallo, .orari #verde, .orari #arancio, .orari #celeste, .orari #viola, .orari #blu, .orari #rosa, .orari #bianco {text-align: left; padding-left: 7px;} .orari2 {border-top: #FF7F00 2px solid; width: 100%} .orari2 td {border-bottom:#999999 1px solid; text-align:left; } .orari2 img {margin-left: 20px; margin-right: 20px;} /*----------------------------------------------------------------------------------------------------------*/ #giallo {background:#e9e98f;} #verde {background:#a5e0c2;} #arancio {background:#f4a555;} #celeste {background:#9ad8e7;} #viola {background:#de92de;} #blu {background:#5280b9;} #rosa {background:#f1c3d6;} #bianco {background:#FFFFFF;} .elenchi #giallo, .elenchi #verde, .elenchi #arancio, .elenchi #celeste, .elenchi #viola, .elenchi #blu, .elenchi #rosa, .elenchi #bianco {display:block; line-height: 20px; padding-left: 12px; border-bottom: 1px solid #bcbcbc; margin-top: 6px; margin-bottom: 6px;} /*------------------------------------------- locali -------------------------------------------------*/ .locali {overflow: hidden; display:block;} .locali li {width: 200px; height: 200px; background:#FFF; border: 1PX solid #CCC; float: left; margin: 8px 4px; text-align: center; list-style:none;} .locali span {text-align:left;} .locali img {border: 1px solid #fff; margin-top: 12px} .nascosto {display: none;} .locali .titolol {font-weight:bold; margin: 4px; background:url(img/pin.png) left no-repeat; padding-left:30px; display:block; height: 30px; line-height: 30px; color:#13007C; text-align:left; border-bottom: 1px dashed #999;} /*---------------------------------------- riquadri per home page -----------------------------------*/ .xriq {width: 99%; margin-top: 12px; text-align:left;} .xriq td {width: 50%} .riq span {line-height: 28px; font-weight:bold; color:#FF7F00;} .riq {border: #999 1px dashed; padding: 10px; margin: 6px; min-height: 180px; height: auto !important; height: 180px;} .riq img {float: left; margin: 6px;} .riq a, .riq a:active, .riq a:visited, .riq a:link {text-decoration: none; text-align:left; color:#000000; font-weight:bold; width: 40px; display:inline-block; background:url(img/frecc.gif) no-repeat right bottom;} .riq a:hover {text-decoration: none; color:#FF7F00; font-weight:bold;} /*----------------------------------------- staff ---------------------------------------------------*/ .staff {border-top: #FF7F00 1px solid; border-right: #FF7F00 1px solid; border-left: #FF7F00 1px solid; padding: 10px; margin-top: 6px; margin-bottom: 20px; min-height: 80px; height: auto !important; height: 80px; display:block; text-align: left; background:url(img/linea_bg.gif) right no-repeat bottom;} .staff img {border: #FF7F00 1px solid; padding: 4px; float:left; margin-right: 10px;} /*------------------------------------------- elenchi -----------------------------------------------*/ .elenchi {border-bottom: #FF7F00 1px solid; width: 98%; overflow: hidden; display:block; text-align:left; font-weight: bold;} /*.elenchi img {float:left; margin-right: 10px;}*/ .elenchi li {list-style: none; line-height: 30px; width: 190px; height: 30px; background:#FFF; border: 1PX solid #CCC; float: left; margin:5px; text-align: center;} .elenchi div {margin-bottom: 10px; display: block; clear: both;} .elenchi #giallo, .elenchi #verde, .elenchi #arancio, .elenchi #celeste, .elenchi #viola, .elenchi #blu, .elenchi #rosa, .elenchi #bianco {margin-top: 10px;} .elenchi2 {padding-bottom: 4px; text-align:left;} .elenchi2 img {float:left; margin-right: 10px; border: 1px solid #CCC; padding: 6px; background:#FFFFFF} .elenchi2 div {display:block; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; min-height: 90px; height: auto !important; height: 90px; border-top: #FF7F00 1px solid; border-bottom: #FF7F00 1px solid; position:relative;} .elenchi2 a, .elenchi2 a:active, .elenchi2 a:visited, .elenchi2 a:hover, .elenchi2 a:link {background:url(img/frecciaa.png) right no-repeat; padding-right: 26px; color: #13007C; text-decoration: none; position:absolute; bottom: 2px; right: 5px; height: 20px; line-height: 20px;} .elenchi2 .xdata {font-style:italic; color: #FF3300; position:absolute; top: 10px; right: 4px;} .elenchi2 strong {line-height: 30px} /*--------------- titolo per schede e elenchi --------------------------------*/ .titolop {font-weight:bold; margin-top: 6px; background:url(img/pin.png) left no-repeat; padding-left:30px; display:block; height: 30px; line-height: 30px; color:#13007C; text-align:left; border-bottom: 1px dashed #999; position: relative;} /*------------------------------- scheda ---------------------------------------*/ #scheda {position: relative; display:block; overflow:hidden;} #scheda .imgnull, .imgnull {display: none;} #scheda #fotog {width: 100%; padding-bottom: 10px; padding-top: 10px; text-align:center;} #scheda #titolofisso {letter-spacing: 1px; border-bottom: 1px dashed #999; display:block; width: 100%; font-weight:bold; margin: 4px; background:url(img/pin.png) left no-repeat; padding-left:30px; height: 30px; line-height: 30px; color:#13007C; text-align:left;} #scheda #schedatxt {text-align:left; margin-bottom: 10px; margin-top: 2px; display:block; padding: 10px; border-bottom: 1px dashed #999;} #scheda .xdata {font-style:italic; color: #FF3300; position:absolute; top: -20px; right: 4px; width: 230px; display:block;} #scheda #bottsx {text-align:left; display:block; margin-top: 10px; margin-bottom: 10px;} #scheda #bottsx a, #scheda #bottsx a:active, #scheda #bottsx a:visited, #scheda #bottsx a:hover {padding-right: 26px; color: #13007C; line-height: 20px; height:20px; text-decoration: none; background:url(img/frecc.gif) no-repeat right; text-align:left;} #btindietro {float:right; clear:both;} a#btindietro, a#btindietro:active, a#btindietro:visited, a#btindietro:hover {padding-left: 26px; color: #13007C; text-decoration: none; background:url(img/freccias.png) no-repeat left; text-align:right; display: inline-block; line-height: 24px; height: 24px;} /*--------------------------------------------------------------------------------------------------------------------*/ /*************************************************/ .mform {border-top: #999999 1px solid;} .mform TD {border-bottom: #999999 1px solid; text-align: right; padding-bottom: 4px; padding-top: 4px; width: 50%;} .mform SELECT {width: 300px; margin-left: 6px; font-size: 10px;} .mform textarea {width: 300px; margin-left: 6px; vertical-align:bottom;} .mform input {margin-left: 6px; font-size: 10px;} .scroll {width: 98%; height: 80px; background-attachment: scroll; border-bottom: #999999 1px solid; overflow: auto; text-decoration: none; text-align:left; padding-right:10px;} /*************************************************/ /****/ /* -------------------------- gallery -------------------------------------------*/ /*#gallery {position:relative; height: 180px; margin-bottom: 10px; border: 1px solid #e3e3e3; display:block;} #gallery_sfondo {background:url(img/sfumatura.png) repeat-y right; position: absolute; top: 0px; left: 0px; z-index: 108; width: 100%; height: 100%} #gallery_home {display:block; height:180px; overflow:hidden; position:relative;} #gallery_home img {display:none; border:0px; position:absolute; top:-10px; right:-1%; z-index: 106} #tabhome {margin-bottom: 10px; margin-top: 10px;} #blhome {width: 318px;} #blhome div {background:url(img/quadrohome.png) bottom no-repeat; padding-bottom: 20px; padding-left: 30px; padding-top: 10px; text-align:left; margin-top: -2px;} #blhome a {display: block; text-decoration:none; background:url(img/frecciab.png) left bottom no-repeat; padding-left:22px; color: #1f71c5; line-height: 16px; height: 16; margin-bottom: 8px; font-weight:bold;} #blhome a:hover {color:#d91208; background:url(img/frecciabgw.png) left bottom no-repeat;} .allineasx {text-align: left;} .allineadx {text-align: right; float:right} .sx { float:left; } .sximg { float:left; margin-right: 10px; } #spazio {text-align:justify; padding: 8px;} .imgnull {display:none;} .corsi .titolo {font-weight:bold; background:url(img/pin.png) left no-repeat; padding-left:30px; display:block; height: 30px; line-height: 30px; color:#13007C; text-align:left; border-bottom: 1px solid #999;} #myaccount {text-align: left; margin-bottom: 20px;} #myaccount div {display:block; height: 62px; border-bottom: 1px dotted #ccd3e8; vertical-align:middle;} #myaccount img {float: left; margin-right: 20px; clear: right; vertical-align:middle;} #myaccount a {display: inline-block; text-decoration:none; color:#d91208; line-height: 16px; margin-top: 20px;} #myaccount a:hover {color: #d4a0a0} #myaccount_titolo {text-align: right; padding: 10px; border-bottom: 1px dotted #ccd3e8; } #myaccount_titolo strong {color: #1f71c5; font-weight: bold; padding-left: 30px; font-style:italic;} /****************** corsi dettaglio ****************************************/ /*.corsi {text-align: center; padding-bottom: 20px; border-bottom: 1px solid #999; position:relative; } .corsi #txt_left {text-align:left; margin-bottom: 10px; margin-top: 2px; border-top: 1px dashed #dadada; display:block; padding-top: 10px;} .corsi #txt_left span {font-weight: bold;} .corsi #txt_left .corsivo {font-style:italic; color: #FF3300; margin-left: 6px;} .corsi #fotog {background: #f1f6fa; width: 100%; padding-bottom: 10px; padding-top: 10px; margin-top: 10px; text-align:center;} .corsi .xdata {font-style:italic; color: #FF3300; position:absolute; top: 10px; right: 4px;} /*.corsi #bottsx {text-align:left; display:block; margin-top: 10px; margin-bottom: 10px;} .corsi #bottsx a, .corsi #bottsx a:active, .corsi #bottsx a:visited, .corsi #bottsx a:hover {padding-right: 26px; color: #13007C; line-height: 20px; height:20px; text-decoration: none; background:url(img/frecc.gif) no-repeat right; text-align:left;} #stampa {text-align:left; vertical-align:top; overflow:auto; margin-top: 14px; } #stampa #stampasx {display:block;} #stampa #stampadx {display:block; float:right;} #stampa #stampasx, #stampa #stampadx {border: 1px solid #0093b9; width: 48%; text-align:left;} #stampa .annunci {min-height: 86px; height: auto !important; height: 86px; margin: 10px; border-bottom: 1px dotted #666; border-top: 1px dotted #666; position:relative; padding: 6px; display:block; overflow: hidden;} #stampa .annunci a {display: block; text-decoration:none; background:url(img/frecciab.png) right bottom no-repeat #fff; padding-right:22px; position:absolute; bottom: 5px; right: 10px; color:#d91208; line-height: 16px;} #stampa .annunci a:hover {background:url(img/frecciabgwc.png) right bottom no-repeat #fff; color: #d4a0a0} #stampa .annunci .annunci_foto {display:block; width:90px; height:80px; line-height:80px; overflow:hidden; position:relative; margin-right: 10px;float:left; clear:both; border: 6px solid #edf1f5;} #stampa .annunci .annunci_foto img {position:absolute; top:0px; left:-10px;} */ /*--------------------------------------------------------------------------------------------*/ .null {after { content: "."; display: block; height: 10; clear: both; color:#FFF ; visibility: hidden;} /*-------------------------------------------------------------------------------------------*/