/* CSS Document */

body{
background-color:#000000;
text-align:center;
}

img {
border:0 none;
}

a {
border: 0 none;
}

#galleria{
position:absolute;
left:0px;
right:0px;
top:0px;
text-align:center;
background-image:url(images/sfondogalleria.png);
margin:0;
height:100%;
width:100%;
z-index:100;
visibility:hidden;
vertical-align:middle;
}

#chiusura{
background-color:#CCCCCC;
position:relative;
margin:auto;
padding:0px;
height:30px;
font-family:Century Gothic;
color:#999999;
text-align:center;
width:770px;
}

#left{
position:relative;
float:left;
background-color:#FFFFFF;
width:40px;
height:auto;
z-index:10;
top:67px;
left:2px;
}

#container{
background-color:#FFFFFF;
height:auto;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
z-index:auto;
}

#testata{
position:relative;
float:left;
margin-top:0px;
margin-left:0px;
background-color:#FFFFFF;
height:100px;
width:860px;
text-align:center;
top:0px;
}

#fotomese{
position:relative;
float:left;
margin-top:0px;
margin-left:0px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
text-align:center;
vertical-align:middle;
background-color:#CCC;
height:405px;
width:570px;
top:0px;
}

#foto{
width:550px;
height:365px;
border:#FFFFFF solid 15px;
}

#menu{
position:relative;
float:left;
margin-top:0px;
margin-left:0px;
background-color:#666666;
height:395px;
width:270px;
}

#partevariabile{
position:relative;
float:left;
background-color:#CCC;
height:auto;
width:860px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
z-index:10;
}

#news{
position:relative;
float:left;
width:auto;
height:auto;
text-align:left;
font-family:Century Gothic;
font-size:12px;
color:#CCCCCC;
border-bottom:#CCCCCC solid 1px;
background-color:#CCCCCC;
margin-top:0px;
margin-left:10px;
top:-5px;
}

#corponews{
position:relative;
float:left;
margin-top:0px;
width:560px;
height:700px;
text-align:left;
font-family:Century Gothic;
font-size:12px;
color:#666666;
background-color:#FFFFFF;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border-bottom: #999 solid 1px;
overflow:auto;
}

#corpo{
position:relative;
float:left;
margin-top:-15px;
width:560px;
height:auto;
text-align:left;
background-color:#FFFFFF;
left:10px;
border-bottom: #999 solid 1px;
padding-left:10px;
padding-right:10px;
text-align:left;
font-family:Century Gothic;
font-size:12px;
color:#333333;
top:-5px;
}

#corpo p{
font-family:Century Gothic;
font-size:12px;
color:#666666;
text-align:justify;
}

#extra{
position:relative;
float:right;
margin-top:-20px;
margin-right:0px;
background-color:#CCCCCC;
height:auto;
width:260px;
}

#evidenza{
position:relative;
float:left;
margin-top:0px;
text-align:center;
font-family:Century Gothic;
font-size:12px;
color:#333;
background-color:#CCCCCC;
border-top:solid #FFFFFF 1px;
border-bottom:solid #FFFFFF 1px;
padding-right:7px;
margin-left:-10px;
height:auto;
width:260px;
}

#mailing{
position:relative;
float:left;
margin-top:0px;
text-align:center;
font-family:Century Gothic;
font-size:12px;
color:#CCCCCC;
background-color:#CCCCCC;
border-top:solid #FFFFFF 1px;
border-bottom:solid #FFFFFF 1px;
padding-right:7px;
margin-left:-10px;
height:130px;
width:260px;
}

#matteo{
position:relative;
float:left;
left:0px;
top:5px;
bottom:5px;
z-index:1;
}

#paolo{
position:relative;
float:left;
left:35px;
top:5px;
bottom:5px;
z-index:1;
}

#francesco{
position:relative;
float:left;
left:70px;
top:5px;
bottom:5px;
z-index:1;
}

#evento{
position:relative;
float:left;
height:auto;
width:270px;
padding-bottom:10px;
margin-left:-10px;
margin-top:10px;
text-align:center;
font-family:Century Gothic;
font-size:12px;
color:#CCCCCC;
background-color:#CCCCCC;
border-top:solid #FFFFFF 1px;
border-bottom:solid #FFFFFF 1px;
padding-right:0px;
}

p{
font-family:Century Gothic;
font-size:12px;
color:#666666;
}

#calce{
position:relative;
float:left;
top:0px;
left:40px;
margin-top:0px;
margin-left:0px;
background-color:#FFFFFF;
height:40px;
width:860px;
clear:both;
}

#commonscreative{
position:relative;
float:right;
width:95px;
height:40px;
top:-35px;
right:23px;
z-index:11;
}

#W3Chtml{
position:relative;
float:right;
width:150px;
height:40px;
top:-35px;
right:0px;
z-index:11;
}

#facebookbadge{
position:relative;
float:right;
width:130px;
height:40px;
top:-35px;
right:0px;
z-index:11;
}

#contatore{
position:relative;
float:left;
width:310px;
top:-21px;
left:90px;
margin:0px;
padding:0px;
clear:both;
z-index:10;
}

.gallery{
width:135px;
height:80px;
position:relative;
float:left;
margin-top:5px;
margin-bottom:40px;
padding:0px;
font-family:Century Gothic;
font-size:9px;
font-weight:bold;
color:#999999;
}

.portfolio{
width:135px;
height:80px;
position:relative;
float:left;
margin-top:5px;
margin-bottom:40px;
padding:0px;
font-family:Century Gothic;
font-size:9px;
font-weight:bold;
color:#999999;
}

.data{
position:relative;
float:left;
top:0px;
font-weight:bold;
font-size:10px;
}

.titolo{
position:relative;
float:left;
top:0px;
left:10px;
font-weight:bold;
font-size:10px;
}

.descrizione{
position:relative;
float:left;
text-align:justify;
}

.tag{
position:relative;
float:left;
text-align:justify;
color:#FFF;
font-size:100%;
}

.titolopersgal{
font-weight:bold;
font-size:14px;
font-family:Century Gothic;
color:#F00;
}

.contatti{
text-align:left;
font-family:Century Gothic;
font-size:9px;
font-weight:bold;
color:#666;
}

.casellacontatti{
text-align:center;
width:250px;
height:15px;
font-family:Century Gothic;
font-size:10px;
font-style:oblique;
color:#666;
}

.testocontatti{
text-align:justify;
width:100%;
height:100px;
font-family:Century Gothic;
font-size:10px;
font-style:oblique;
color:#666;
}

label{
text-align:left;
font-family:Century Gothic;
font-size:12px;
font-weight:bold;
color:#CCCCCC;
}

#formcontatti{
position:relative;
float:left;
width:50%;
text-align:center;
}

#contattipers{
position:relative;
float:left;
text-align:center;
width:50%;
}

.evento{
text-align:left;
font-family:Century Gothic;
font-size:9px;
font-weight:bold;
color:#666;
}

.casellaevento{
text-align:center;
width:100%;
height:15px;
font-family:Century Gothic;
font-size:10px;
font-style:oblique;
color:#666;
}

.pulsante{
text-align:center;
font-family:Century Gothic;
font-size:9px;
font-weight:bold;
color:#666;
border:#999 solid 2px;
background-color:#CCC;
}

.titlemenu{
text-align:left;
font-family:Century Gothic;
font-size:24px;
font-style:italic;
font-weight:bolder;
color:#999;
/* background-image:url(/images/linegallery.gif); */
background-color:#FFF;
border:#FFF thin solid;
padding:10px;
}

#testpermat{
position:relative;
float:left;
margin-left:5px;
margin-right:5px;
text-align:center;
background-image:url(/images/mgallery.jpg);
background-repeat:no-repeat;
width:550px;
height:190px;
top:0px;
}

.tabgal{
background-color:#CCC;
}

.tabsopra{
background-image:url(images/linegallery.gif);
background-repeat:no-repeat;
}

.tabsotto{
background-image:url(images/linegalleryB.gif);
background-repeat:no-repeat;
}

