@charset "utf-8";

/* CSS Document */

html,body{
margin:0;
padding:0;
}

h1, h2{
color:#00714C;
}

a {
color:#006699;
}

body{
background-color:#FFF;
font: 76% arial,sans-serif;
text-align:center;
}

/***** header *****/

div#header{
background-image:url(../layout/testata.jpg);
background-repeat:no-repeat;
background-position:top center;
height:130px;
margin: 0 0 30px 0;
border-top:1px solid #F6F3E9;
}

div#header h1{
display:none;
}

div#logo{
margin:39px 0 0 32px;
}

/***** barra di navigazione *****/

p.logout{
background-image:url(../layout/logout.gif);
background-repeat:no-repeat;
background-position:20px 17px;
padding:20px 0 0 45px;
margin:0;
}

p.logout a{
color:#CC0000;
}

div#navigazione{
float:left;
}

div#navigazione h2{
background-image:url(../layout/fondoh2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
height:24px;
width:208px;
font-size:14px;
padding:10px 0px 0px 30px;
margin:0 0 0 10px;
color:#fff;
font-weight:normal;
}

div#navigazione ul {
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}

div#navigazione li {
margin:0;
padding:12px 0px 6px 8px;
background-color:#FCEEC9;
width:230px;
font-size:14px;
border-bottom:1px dashed #168163;
}

div#navigazione li a{
color:#000000;
text-decoration:none;
}

div#navigazione li img{
vertical-align:middle;
margin:0 5px 0 0;
border:0px;
}

/***** div contenuti pagine *****/

div#contenutiinterni{
width:500px;
float:right;
padding:0 10px 20px 0;
}

div#contenutiinterni h2{
font-size:25px;
padding-top:0;
margin-top:0;
}

div#contenutiinterni form p label{
float:left;
clear:both;
padding:5px 0px 0px 0px;
width:150px;
}

/***** boxsinistra *****/

div#boxsinistra ul, div#boxdestra ul{
list-style-image:url(../layout/puntatore.gif);
padding:0 0 15px 30px;
}

div#boxsinistra li, div#boxdestra li{
padding:0 0 15px 0;
}

div#boxsinistra p, div#boxdestra p{
padding:0 15px 0 15px;
}

div#boxsinistra h2, div#boxdestra h2{
padding:10px 15px 0 15px;
}

div#boxsinistra, div#boxdestra{
width:385px;
height:360px;
background-repeat:no-repeat;
}

div#boxsinistra{
margin:0 0 0 11px;
float:left;
position:relative;
}

/***** boxdestra *****/

div#boxdestra{
margin:0 11px 0 0px;
float:right;
position:relative;
}

div#boxdestra label{
display:block;
}

div#boxdestra form{
margin:20px 0 0 45px;
padding:5px 0 0 10px;
background-image:url(../layout/fondo_form.png);
background-repeat:no-repeat;
height:215px;
}

div#boxdestra form p{
padding:8px 0 0 58px;
}

div#boxdestra form p.titolo{
font-size:18px;
padding:0px;
margin:0;
color:#FFFFFF;
}

div#boxdestra form input.entra {
width:152px;
}

div#boxdestra p.password {
padding:10px 0 0 70px;
}

span.recuperapassword a{
background-image:url(../img/icona_recuperapassword.gif);
background-position:left center;
background-repeat:no-repeat;
padding:5px 0 5px 25px;
margin:10px 0 5px 0px;
}

/***** informativa *****/

.informativa h1 {
color: #000;
font-size: 14px;
}

.informativa {
background-color: #fff;
width: 612px;
height: 300px;
overflow: scroll;
font-family: "Courier New", Courier, mono, Verdana, Helvetica, Arial;
padding: 5px;
margin:0 0 15px 0;
}

/***** container *****/

div#container{
width:792px;
margin:0 auto;
text-align:left;
float:left;
padding:0 20px;
background-image:url(../layout/fondo.jpg) !important;
background-position:top center;
background-repeat:repeat-y;
}

/***** generale *****/

div#generale{
margin:0 auto;
width:830px;
}

/***** toolbar *****/

div#toolbar {
background-image:url(../layout/fondo_toolbar.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#FFFFFF;
text-align:right;
height:40px;
padding:0px 45px 0px 5px;
border-bottom:2px solid #CCC;
margin:0;
}

/***** footer *****/

div#footer{
background-image:url(../layout/fondo_footer.jpg);
background-repeat:no-repeat;
background-position:top center;
color:#FFF;
clear:both;
height:100px;
font-size:10px;
text-align:center;
}

div#footer p {
margin:0;
padding:26px 0;
}

/***** iscrizione *****/

div#iscrizione h2{
font-size:25px;
padding-top:0;
margin-top:0;
}

div#iscrizione{
width:700px;
float:right;
padding-bottom:20px;
}

div#iscrizione form p label{
float:left;
clear:both;
padding:5px 0px 0px 0px;
width:150px;
}

div#iscrizione form p input{
width:200px;
}

div#iscrizione input.mini {
width: 50px !important;
}

.pdf{
background-image:url(../layout/pdf.gif);
background-repeat:no-repeat;
padding-left:25px;
}

/***** sedi *****/

#sedi {
background-color:#FFFFFF;
font-size:11px;
text-align:center;
margin:0 12px;
width:97%;
}

#sedi th{
font-size:13px;
background-color:#CCCCCC;
padding:5px;
}

#sedi th{
margin-top:10px;
}

/***** varie *****/

.torna {
background-image:url(../layout/ico_torna.jpg);
background-repeat:no-repeat;
display:block;
width:120px;
padding:3px 3px 3px 30px;
clear:both;
margin-left:675px;
}

/* pagina guida_applicativo.asp */
.tabella_guida{
background-color:#fff;
}

.tabella_guida th{
background-color:#ddd;
border-bottom:1px solid #333;
}

.tabella_guida td{
border-bottom:1px solid #F48301;
border-right:1px solid #F48301;
}

.tabella_guida th, .tabella_guida td{
padding:5px;
}

/* popup per le sedi della pagina iscrizione.asp */
/* popup a comparsa sulla home */
.popup{
position:absolute;
top:400px;
left:200px;
height:420px;
width:600px;
border:2px solid #333;
}

.popup p{
margin:0;
padding:0;
width:600px;
background-color:#333;
height:20px;
}

.popup img{
border:0px solid #000;
float:right;
}

.popup th{
background-color:#ddd;
}

.popup th, .popup td{
border-bottom:1px solid #000;
padding:5px;
text-align:left;
vertical-align:top;
}

.popup td{
border-right:1px solid #000;
}

.contenitore_tabella{
height:400px;
overflow:scroll;
}

.contenitore_tabella th{
cursor:pointer;
}

.riga_cliccabile{
cursor:pointer;
background-color:#fff;
}

.riga_cliccabile_selezionata{
background-color:#ffff00;
cursor:pointer;
}


.sort-arrow {
width:11px;
height:11px;
background-position:center;
background-repeat:no-repeat;
margin:-13px 2px 0 2px;
}

.sort-arrow.descending {
background-image:url("../img/downsimple.png");
}

.sort-arrow.ascending {
background-image:url("../img/upsimple.png");
}

.evidenza {
padding:10px 5px 20px 5px;
background-color:#FF9900;
text-align:center;
font-size:16px;
margin:50px 0 0 55px;
width:300px;
}

.evidenza2 {
padding:10px 5px 20px 5px;
background-color:#FF9900;
text-align:center;
font-size:16px;
margin-left:240px;
width:300px;
}

.evidenza h2, .evidenza2 h2 {
font-size:23px;
text-align: center;
background-image:url(../img/allert.gif);
background-position:55px 10px;
background-repeat:no-repeat;
margin:0 0 10px 0;
color:#CC0000
}

.evidenza2 h2 {
background-position:55px 0px;
}

.errore {
margin: 0;
padding:5px 20px 5px 20px;
background-color:#990000;
color:#FFFFFF
}

fieldset {
padding:10px 10px 10px 10px;
margin-left:-20px;
margin-right:75px;
border:1px solid #00714C;
}

legend {
font-size:25px;
color:#00714C;
font-weight:bold
}

.avviso {
margin-left:-40px;
}

.sposta_sinistra {
margin-left:0;
list-style:none;
padding:0
}

/* italia */

#sposta {
padding-left:0px;
height:600px;
}

#italia{
position:absolute;
top:160px;
background-image:url(../img/italia.png);
background-repeat:no-repeat;
background-position: 30px 100px;
width: 560px;
height:600px
}

#sposta a{
font-weight:bold;
padding:0 5px;
background-color:#FFF
}

#abruzzo {
position:absolute;
margin: 260px 300px;
}

#basilicata {
position:absolute;
margin: 350px 360px;
}
	
#calabria {
position:absolute;
margin: 400px 380px;
}

#campania {
position:absolute;
margin: 320px 300px;
}

#emilia {
position:absolute;
margin: 150px 190px;
}

#friuli {
position:absolute;
margin: 80px 260px;
}

#lazio {
position:absolute;
margin: 270px 240px;
}

#liguria {
position:absolute;
margin: 160px 110px;
}

#lombardia {
position:absolute;
margin: 110px 130px;
}

#marche {
position:absolute;
margin: 210px 280px;
}

#molise {
position:absolute;
margin: 290px 310px;
}

#piemonte {
position:absolute;
margin: 130px 50px;
}

#puglia {
position:absolute;
margin: 310px 390px;
}

#sardegna {
position:absolute;
margin: 370px 90px;
}

#sicilia {
position:absolute;
margin: 480px 300px;
}

#toscana {
position:absolute;
margin: 210px 180px;
}

#trentino {
position:absolute;
margin: 60px 150px;
}

#aosta {
position:absolute;
margin: 80px 40px;
}

#umbria {
position:absolute;
margin: 230px 230px;
}

#veneto {
position:absolute;
margin: 105px 230px;
}



