*{
padding: 0em;
margin: 0em;
}
/* ok */
body{
background: #000000 url('../img_css/sfondo_bkg.jpg');
padding: 5px 0px 5px 0px;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

/* ok */
#outer{
position: relative;
width: 720px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

/* ok */
#header{
position: relative;
width: 100%;
height: 3.7em;
background: #620357 url(../img_css/Logo.jpg) no-repeat;
margin-bottom: 2px;
padding-top: 10px;
}

/* ok */
#headerpic{
position: relative;
height: 160px;
margin-bottom: 2px;
}

/* ok */
#menu{
position: relative;
background: #004080 url(../img_css/menubk.jpg) repeat-x top left;
height: 22px;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

/* ok */
#menu ul{
position: absolute;
top: 0.3em;
}

/* ok */
#menu ul li{
position: relative;
display: inline;
}

/* ok */
#menu ul li a{
padding: 0.3em 1.0em 0.1em 1.0em;
color: #fff;
text-decoration: none;
}

/* ok */
#menu ul li a:hover{
background: url(../img_css/mnActiveRoll.jpg) repeat-x top left;
}

/* ok */
#menu ul li a.active{
background: url(../img_css/mnActive.jpg) repeat-x top left;
}


/* ok */
#menubottom{
background: #fff url(../img_css/border1.gif) repeat-x;
height: 14px;
margin-bottom: 0.5em;
}

/* ok */
#footer{
position: relative;
height: 1.0em;
clear: both;
padding-top: 1.0em;
background: #fff url(../img_css/border1.gif) repeat-x;
}

#footerHTM{
position: relative;
height: 1.0em;
clear: both;
padding-top: 4.0em;
background: #fff url('../img_css/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}


/* ok */
#footer .left{
position: relative;
left: 2.0em;
bottom: 0.1em;
font-size: 0.8em;
}

/* ok */
#content{
padding: 0em 2.0em 0em 2.0em;
}

/* ok */
#pageleft{
position:relative;
width:190px;
float:left;
}

/* ok */
#pageright{
position:relative;
width: 470px;
float:right;
}

#imgleft{
position:relative;
width:146px;
float:left;
}

/* ok */
p{
line-height: 1.5em;
margin-bottom: 2.0em;
text-align: justify;
}


/* ok */
img.left{
position: relative;
margin: 0.3em 1.8em 1.0em 0em;
border: solid 1px #6F5230;
}

#gallery{
font-size: 0.8em; 
color:#000;
}

#pageFoto{
position: relative;
width: 410px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}


#pageFotoL{
position: relative;
width: 310px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#pageFotoX{
position: relative;
width: 260px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

.contentarea{
padding-top: 1.3em;
}


.image{
float: left;
width: 180px;
}

.testo{
float:right;
width: 480px;
}

.foto{
float:left;
}



#footer .dida{
position: absolute;
left: 2.0em;
bottom: 3.1em;
font-weight:bolder;
}

#footerHTM .dida{
position: absolute;
left: 0.5em;
bottom: 4.1em;
font-weight:bolder;
}

#footerHTM .left{
position: relative;
left: 0.5em;
bottom: 0.1em;
}

#footer .right{
position: absolute;
right: 2.0em;
bottom: 0.1em;
}
#footerHTM .right{
position: absolute;
right: 2.0em;
bottom: 0.1em;
}


a{
color: #fff;
}

a.btn{
color:#000;
text-decoration: none;
}
