body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
background-color:#F9D9E6;
margin:0;
padding:0;
}

.clearLeft{
clear:left;
}

img{
border:0;
}

a{
text-decoration:none;
}

/* layout principale _____________________________ */

#wrapper {
margin:0 auto;
width:760px;
background-color:#FFF;
}

#topbanner{
text-align:center;
margin-bottom:1px;
background-color:#380D16;
height:90px;
}

#loginBar{
background:transparent url("/img/back_form.jpg") top left no-repeat;
height:45px;
position:relative;
top:0;
left:0;
}

#middleContent,#galleryMain{
position:relative;
width:760px;
}

#logo,#logoSmall{
position:absolute;
width:260px;
top:0;
left:0;
margin:0;
padding:0;
}

#logo{
background:#FFF url("/img/logo.gif") top left no-repeat;
height:315px;
}

#logoSmall{
background:#FFF url("/img/logo_small.gif") top left no-repeat;
height:185px;
}

#logo h1,#logoSmall h1{
display:none;
margin:0;
padding:0;
}

h1 span{
display:none;
}

#middleBanner,#mainMenu,#content,#resultHead,#contGallery,#galleryHead {
width:500px;
margin-left:260px;
}

#galleryHead {
padding-bottom:20px;
}

#middleBanner{
text-align:right;
}

#mainMenu {
height:36px;
}

#content {
padding-top:10px;
font-size:1.2em;
line-height:1em;
min-height:200px;
height:auto !important;
height:200px;
}

#contGallery { /* added */
padding-top:8px;
min-height:214px;
height:auto !important;
height:214px;
}

#lowerContent{
background:#1A57A8 url("/img/banda_grad_01.jpg") top left repeat-y;
height:153px;
padding:9px 0 0 0;
margin:4px 0 0 0;
}

#signUpFool,#leftBlock,#soulSearch{
border-top:#FFF 1px solid;
float:left;
}

#leftBlock,#soulSearch{
border-right:#FFF 1px solid;
height:153px;
}

#leftBlock {
background:#FCF url("/img/back_leftB.gif") top left repeat-x;
width:438px;
}

#latest{
clear:left;
padding:8px 10px 4px 10px;
}


#soulSearch {
background:#E8DFF0 url("/img/backsoul.gif") top left repeat-x;
width:224px;
}


#signUpFool{
background:transparent url("/img/luielei.jpg") top left no-repeat;
width:96px;
height:153px;
text-align:center;
padding-top:0;
}

#resultLui,#resultLei{
padding:0;
margin:10px 10px 0 10px;
}

#footer{
clear:left;
margin-top:2px;
padding-top:12px;
background:#FFF url("/img/banda_grad_02.jpg") top left no-repeat;
}

/* barra login _________________________________ */

#home,#login,#clock{
position:absolute;
}

#login{
top:12px;
left:185px;
margin:0;
padding:0;
}

#login p{
color:#FFF;
font-size:1.2em;
float:left;
margin:0;
padding:0;
}

#login p#usrpw{
padding:0 4px 0 0;
}

#login #user,#login #pw{
font-size:1em;
height:12px;
width:80px;
border:0;
}

#logged{
position:absolute;
top:14px;
left:200px;
color:#FFF;
font-size:1em;
margin:0;
padding:0;
}

#logged a{
color:#FFF;
font-weight:bold;
}

#logged a:hover{
text-decoration:underline;
}

#home {
color:#FFF;
font-weight:bold;
display:block;
top:26px;
left:30px;
}

#home:hover {
color:#FCF;
}

#clock{
background:transparent url("/img/clock.gif") right no-repeat;
top:12px;
left:510px;
padding:1px 18px 1px 0;
margin:0;
font-size:1.2em;
color:#FCF;
}

/* main menu _______________________________ */

#mainMenu ul {
list-style-type:none;
margin:12px 0 0 0;
padding:0;
}

#mainMenu li {
display:inline;
}

#mainMenu a {
float:left;
width:auto;
background:transparent url("/img/butt_gen_01.jpg") right no-repeat;
padding:2px 8px 2px 13px;
margin:0 0 0 6px;
text-transform:uppercase;
color:#369;
font-size:1.2em;
}

#mainMenu a:hover,#mainMenu a#active {
color:#C36;
}

#mainMenu a.short {
background:transparent url("/img/butt_gen_short.jpg") right no-repeat;
}

/* contenuto generico, testuale */

#content p{
margin:0 0 14px 0;
padding:0;
}

h2.home{
text-transform:uppercase;
float:left;
color:#C36;
font-size:1em;
margin:0;
padding:0 1em 0 0;
font-weight:normal;
}

p#flash{
text-align:right;
}

#warning{
font-size:1.4em;
line-height:1.4em;
padding:14px;
text-align:center;
}

#warning h2{
font-size:1.4em;
margin:0;
padding:0 0 8px 0;
}

/* indice gallery eventi e fotogallery */

#contGallery h2{
text-transform:uppercase;
font-size:1.2em;
font-weight:normal;
width:200px;
float:left;
margin:0;
padding:0;
word-spacing:-0.4em;
}

#contGallery p#pagecount {
padding:0;
margin:10px 0 2px 0;
}

#contGallery h2.arch{
float:none;
margin-left:350px;
width:138px;
text-align:right;
}

#contGallery h2 a{
color:#369;
}

#contGallery h2 a:hover{
text-decoration:underline;
}

.galleryItem,.galleryItem2{
border:#369 1px solid;
width:242px;
float:left;
margin-bottom:6px;
}

.galleryItem{
margin-right:6px;
}

.galleryItem img,.galleryItem2 img{
float:left;
border:#369 2px solid;
margin:5px 0 0 5px;
}

.galleryItem h3,.galleryItem p,.galleryItem2 h3,.galleryItem2 p{
font-size:1em;
line-height:10px;
margin:0;
padding:5px 0 0 70px;
}

.galleryItem h3 a,.galleryItem2 h3 a{
text-transform:uppercase;
color:#C36;
}

.appr{
display:block;
clear:left;
margin-left:135px;
padding:1px 6px 1px 3px;
background:#1B57A8 url("/img/zoccolo_02.gif") right no-repeat;
color:#FFF;
}

.appr:hover{
color:#C36;
}

#paging{
margin:6px 0 10px 0;
padding:1px 0px 3px 0;
clear:left;
color:#FFF;
background-color:#369;
text-align:center;
min-height:12px;
height:auto !important;
height:12px;
}

#paging a{
color:#FFF;
font-weight:bold;
}

#paging a:hover{
color:#C36;
}

#paging #pageup{
display:block;
margin:0 10px 0 407px;
}

#paging #pagedown{
float:left;
}

#paging #pagedown{
width:100px;
}

/* gallery ___________________________ */

#galleryHead h2{
margin:12px 0;
font-size:1.4em;
text-transform:uppercase;
}

p#descript {
padding-bottom:12px;
}

#galleryBody{
/*border:#1B57A8 1px solid;*/
margin:0 12px 12px 14px;
width:736px;
}

.thumb{
padding:14px;
margin:0 12px 12px 0;
float:left;
width:100px;
height:125px;
text-align:center;
border:#369 1px solid;
font-size:1em;
color:#333;
}

.thumb a{
border:#369 2px solid;
display:block;
height:57px;
width:57px;
text-align:center;
margin:0 auto;
}

.thumb a:hover{
border:#C36 2px solid;
}

.thumb p{
font-size:1em;
font-weight:normal;
padding:0 4px;
margin:4px 0 0 0;
text-align:center;
}

#galleryBack{
margin:14px 0 10px 14px;
padding:0;
clear:left;
}

#galleryBack a{
color:#1B57A8;
font-weight:bold;
}

#galleryBack a:hover{
color:#C36;
}

/* SCHEDA RICERCA ______________________________________ */

#searchContent{
position:relative;
width:760px;
}

#resultHead{
padding-top:18px;
margin-top:18px;
background:#FFF url("/img/useless_pink_bar.jpg") top left no-repeat;
min-height:50px;
height:auto !important;
height:50px;
}

#resultHead h2{
text-transform:uppercase;
font-size:1.4em;
padding:0;
margin:0 0 12px 0;
}

#resultPaging {
background:#1B57A8 url("/img/term_paging.gif") top right no-repeat;
margin-right:10px;
}

#resultPagIns{
background-color:#FFF;
border:#1B57A8 1px solid;
padding:2px;
width:440px;
margin:0;
font-weight:normal;
}

#resultPagIns a{
font-weight:bold;
color:#369;
}

#resultPagIns a:hover{
color:#C36;
}

/*scheda sintetica */

#resultLei .resShortbody,#resultLei #resultDet{
border:#369 1px solid;
} 

#resultLei .resShortbody img,#resultLei #resultDet img{
border:#369 2px solid;
} 

#resultLui .resShortbody,#resultLui #resultDet{
border:#C36 1px solid;
} 

#resultLui .resShortbody img,#resultLui #resultDet img{
border:#C36 2px solid;
} 

.resShort{
clear:left;
margin-bottom:12px;
min-height: 80px;
height: auto !important; /*gabola per implementare min-height su IE*/
height: 80px;
}

ul.tabmenu{
list-style-type:none;
margin:0 0 0 66px;
padding:0;
}

ul.tabmenu li{
display:inline;
}

ul.tabmenu li a{
float:left;
width:106px;
padding:3px 1px 3px 2px;
margin:0 2px 0 0;
background:#FFF url("/img/butt_scheda_w.gif") top left no-repeat;
color:#369;
}

ul.tabmenu li a:hover,.resShort ul li a.blu:hover{
color:#C36;
}

ul.tabmenu li a.blu{
background:transparent url("/img/butt_scheda_b.gif") top left no-repeat;
color:#FFF;
}

.resShortbody{
clear:left;
padding:3px;
margin:0;
}

.resShortbody a{
color:#369;
}

.resShortbody a:hover{
color:#C36;
}

.resShortbody img{
float:left;
}

.resShortbody h3,.resShortbody p{
margin:0;
padding:0 0 0 68px;
font-size:1em;
}

/* SCHEDA APPROFONDITA ____________________________ */

#resultDet{
margin-bottom:12px;
padding-bottom:8px;
position:relative;
}

#mainPic{
height:126px;
margin:8px 0 0 8px;
position:absolute;
left:0;
}

#imgHolder{
position:absolute;
left:165px;
width:139px;
padding-left:8px;
margin-top:8px;
}

#imgHolder img{
float:left;
margin:0 8px 8px 0;
width:57px;
}

#personalMenu{
position:absolute;
left:311px;
margin:8px 0 0 0;
padding:0;
width:109px;
list-style-type:none;
}

#personalMenu a{
display:block;
background:#FFF url("/img/butt_scheda_w.gif") top left no-repeat;
width:103px;
padding:3px;
margin-bottom:2px;
color:#369;
}

#personalMenu a:hover,#personalMenu a.blu:hover,#personalMenu a#selected{
color:#C36;
}

#personalMenu a.blu{
background:#FFF url("/img/butt_scheda_b.gif") top left no-repeat;
color:#FFF;
}

#resultDet h3{
font-size:1.2em;
color:#666;
border-top:#369 1px solid;
border-bottom:#369 1px solid;
background:#FFF url("/img/grad_scheda.jpg") right repeat-y;
padding:1px 0 1px 8px;
margin:8px 0 0 0;
}

#resultDet p{
margin:0;
padding:3px 8px;
}

#personalInfo{
margin:8px 8px 0 430px;
padding:0;
min-height: 140px;
height: auto !important;
height: 140px;
}

#personalInfo table,#personalInfo tr,#personalInfo td,#personalInfo th{
margin:0;
padding:0;
}

#personalInfo th,#personalInfo td{
text-align:left;
border-bottom:#369 1px solid;
padding:2px 6px 2px 0;
}

#personalInfo thead th{
text-transform:uppercase;
color:#C36;
}

#schedaAppr{
margin:12px;
font-size:1.2em;
width:640px;
}

#schedaAppr td,#schedaAppr th{
text-align:left;
padding:4px 14px 4px 0;
border-bottom:#CCC 1px dotted;
}

#schedaAppr thead th{
border-bottom:#369 1px solid;
color:#C36;
font-size:1.3em;
}

/* form multifunzione ___________________________ */

#energiaForm{
clear:left;
margin:4px 8px;
padding:8px;
}
#energiaFormLogin{
clear:left;
margin:4px 8px 4px 260px;
padding:8px;
}

#energiaForm h2, #energiaFormLogin h2{
font-size:1.4em;
border-bottom:#666 1px solid;
color:#C36;
margin:0 0 14px 0;
padding:0 0 2px 0;
}

#energiaForm p, #energiaFormLogin p{
margin:0 0 8px 0;
padding:0;
}

#energiaForm label, #energiaFormLogin label{
float:left; /* added */
font-weight:bold;
width:170px; /* added */
}

#energiaForm input,#energiaForm select, #energiaForm textarea,
#energiaFormLogin input, #energiaFormLogin select, #energiaFormLogin textarea
{
border:#666 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

#energiaForm legend, #energiaFormLogin legend{
color:#666;
margin:14px 2px 10px 2px;
}

/*#energiaForm fieldset input{
border:0;
}*/

#energiaForm #submitPar, #energiaFormLogin #submitPar{
margin:14px 0 16px 0;
}

#energiaForm #submitPar input, #energiaFormLogin #submitPar input{
border:#666 1px solid;
background-color:#CCC;
font-size:1.4em;
font-weight:bold;
color:#369;
}

/* blocco ultimi iscritti e ricerca _____________________ */

#lowerContent h2{
text-transform:uppercase;
word-spacing:-0.4em;
font-weight:bold;
font-size:1.2em;
margin:0;
padding:0.8em 0 0.4em 0;
text-align:center;
height:22px;
color:#FFF;
font-weight:normal;
}

#leftBlock h2{
float:left;
width:49%;
}

#leftBlock h2#meetLast{
border-right:#FFF 1px solid;
color:#369;
}

#leftBlock h2 a{
color:#FFF;
}

#leftBlock h2 a:hover{
text-decoration:underline;
}

.latestID{
width:67px;
float:left;
text-align:center;
}

.latestID p{
margin:0;
padding:0;
}

img.lui{
border:#069 2px solid;
}

img.lei{
border:#C36 2px solid;
}

/* form ricerca */

#soulSearch form{
margin:3px 0 0 0;
padding:0 2px 0 4px;
}

#soulSearch select{
font-size:1em;
height:1.6em;
}

#soulSearch p{
padding:0;
height:1.6em;
}

#soulSearch p#lastForm input,#soulSearch p#lastForm label{
float:left;
}

#soulSearch p#lastForm label,#soulSearch p#lastForm input{
margin-top:0.5em;
}

p#lastForm input#soulOK{
margin-top:0;
}

#soulSearch p,#soulSearch fieldset{
margin:0 0 5px 0;
color:#666;
}

#soulSearch label{
display:block;
float:left;
width:4.6em;
padding-top:0.3em
}

#soulSearch #soulOK{
margin-left:2em;
}

/* footer _________________________ */

#footer p{
text-align:center;
}

#footer img{
border-top:#FFF 1px solid;
border-bottom:#FFF 1px solid;
}

p#lowBanner {
margin:0;
padding:0;
height:24px;
}

#footer ul {
list-style-type:none;
margin:0;
padding:0 0 0 8px;
border-top:#727ABB 10px solid;
}

#footer li {
display:inline;
}

#footer ul a{
float:left;
width:auto;
padding:0 8px;
margin:0 0 4px 0;
color:#727ABB;
border-right:#727ABB 1px solid;
}

#footer a#last{
border-right:0;
}

#contact{
font-size:0.9em;
color:#FFF;
background-color:#369;
clear:left;
padding-top:3px;
padding-bottom:3px;
margin:0 0 5px 0;
}

#contact a{
color:#FFF;
}

#footer a:hover{
text-decoration:underline;
}

#antani{
/*border:1px solid green;*/
width:100%;
margin:0;
padding:0;
color:#369;
text-align:right;
}

#antani a{
/*display:block;*/
/*text-align:right;*/
/*width:100%;*/
color:#369;
}
th {
width:50%;
}
.error{
color:#f00;
}
textarea{
width:50%;
height:7.3em;
}
.mand{
color:#C36;
background-color:#fff;
}
.msg{
margin-left:260px;
}
.msg a {
text-decoration:underline;
}
.discount{
color:red;
}
#popup{
margin:0;
padding:1em;
}
#popup p {
font-size:1.2em;
}