body,img, form, fieldset, input, h1, h2 {padding: 0; margin: 0;}
img{border: none;}
body {background-color: #fff; color: #000; font: .8em Verdana, sans-serif;}

/* header */
#header {padding-right: 6px;}
.lft {float: left; width: 30%; text-align: center; margin-top: 6px;}
.rght {background: #fff; float: right; width: 70%;}
#upper {background: #fc0; color: #fff; padding: 10px 20px; font: normal 1.3em Verdana, sans-serif;}

#step{list-style: none; margin: 0; padding: 0; padding-left: 20px;}
#step li {float:left; font-size: 0.9em; font-weight: bold; color: #bbb; width: 20%; margin: 15px 0 0 0;}
#step li.on{color: #000;}
#step li.do{color: #fc0;}
.yellow {background: #fc0; color: #fc0; line-height: .3em;}
.blu {color: #11529B; font-weight: bold; font-size: 1.4em;}

#uno, #due, #tre {float: left; background: #fff url(../img/tratto.gif) repeat-x 0 13px;}


/*corpo*/
#corpo {width: 95%; margin: 15px auto;}
#corpo form fieldset{border: 1px solid #bbb; margin-top: 15px; padding: 5px;}
#corpo form legend{font-weight: bold; font-size: 0.8em; padding: 4px; background: #fc0; color: #000; margin: 5px 0 0px 15px; border: 1px solid #bbb;}


#row1 {margin: 20px 0;}
#row2 {margin-bottom: 20px;}
#row1, #row2 {float: left; width: 100%;}
.Sx {float: left; width: 49%;}
.Dx {margin-left: 51%;}
.box, .xfloat {float: left; width: 100%;}
.thumbnail {padding: 0 2%;}
.thumbnail img {border: none;}

.right {padding-top: 10px;}
.right h1 {font-size: 1em; padding: 4px; display: inline; color: #fff; background: #fc0;}
.right p {margin-top: 10px;}
.up {padding: 1.5% 0;}
.up img {float: left; margin-right: 8px;}
.th_bottom {clear: left; padding-bottom: 1%;}
.th_bottom img {padding-top: 5px;}
.th_bottom div {padding: 6px 10px 2px 3px; float: left;}

.thumb_nav{text-align: right; margin-top: 10px;}
.thumb_nav a{margin-right: 2%}

.info a{padding-left: 15px;}
.info a:link, .info a:visited{text-decoration: underline; color: #004F95; background: #fff url(../img/freccia.gif) no-repeat 5px 6px;}
.info a:hover, .info a:active{text-decoration: underline; color: #c00; background: #fff url(../img/freccia_red.gif) no-repeat 5px 6px;}

/* particolari pagine interne*/
.interna{padding-top: 20px; clear: both;}
.interna .testi h1{font-size: 1.3em; padding: 5px; margin-bottom: 15px;}
.interna .dati h1{display: inline; font-size: 1em; padding: 5px 5px 5px 5px; margin-bottom: 15px; color: #fff; background: #fc0; border: 1px solid #bbb;}
.interna .dati form fieldset{border: 1px solid #bbb; margin-top: 15px; padding: 5px;}
.interna .dati form legend{font-weight: bold; font-size: 0.8em; padding: 4px; background: #fc0; color: #000; margin: 5px 0 0px 15px; border: 1px solid #bbb;}
.interna p{margin-bottom: 10px; line-height: 1.2em;}
.interna .dati td{width: 40%;}
.nofloat li{float:left; margin: 15px 15px 0 0; margin-bottom: 10px;list-style: none;}

.carte{float: left; margin: 0 5px 5px 0;}
#selcarta label{display: block; background: #fc0; padding: 4px; font-weight: bold;}
#selcarta .select{padding: 10px; background: #eee;}

#personali{width: 80%; margin-top: 15px;}
#personali p{margin: 0; padding: 4px;}
#personali table{border-collapse: collapse; border: 1px solid #000; margin-bottom: 15px; width: 100%;}
#personali caption{background: #fc0; color: #000;border: 1px solid #000; font-weight: bold; padding: 4px;}
#personali th{border: 1px solid #000; text-align: left;}
#personali td{text-align: left; border: 1px solid #000;}
#col1{width: 30%;}
#col2{width: 70%;}

h1.bckgr{padding: 5px; background: #fc0; color: #fff;}

#intSx img{float: left; margin: 0 20px 20px 0;}
#intSx h2, #intDx h2{font-size: 1em; color: #c00;}
/*speciali*/
.clear{clear: both;}
.nero{color: #000;}
.red{color: #c00;}
.active{background: #FFF1B8;}
.note{border-top: 1px dashed #bbb; margin-top: 15px; font-size: 0.8em;}
/* footer */
#footer {float: left; width: 100%;}
