/*Contenuti per il sito di Ermanno Marzo 2008*/

h1, h2{
line-height: 15px;
clear: both;
}

.topmenu{
background: url(marchio2.gif) transparent 0 0 no-repeat;
padding: 72px 0 0;
}

/*Regole per il menù principale*/
 
.MainMenu{
background-color: transparent;
width: 960px;
height: 50px;
margin: 0;
list-style-type: none;
padding: 0px;
clear: both;
}
 
.MainMenu li{
padding: 0 9px 0 0;
float: left;
margin: 0;
}
 
.MainMenu li a{
font-size: 15px;
font-family: arial, sans-serif;
color: rgb(180,200,255);
background-color: rgb(0,0,0);
padding: 5px 15px;
display: block;
text-decoration: none;
border: 1px solid rgb(0,0,0);
}
 
.MainMenu li a:hover{
color: rgb(0,0,0);
background-color: rgb(150,150,180);
border: 1px solid rgb(0,0,0);
}
 
.MainMenu li .menuCurrent{
font-weight: bold;
display: block;
color: rgb(0,0,0);
background-color: rgb(200,200,255);
border: 1px solid rgb(0,0,0);
}

#contentcolumn h1{
font-weight: bold;
font-size: 17px;
text-align: center;
margin: 10px 5px;
padding: 0;
color: rgb(210,210,255);
}

#contentcolumn h2{
font-weight: bold;
font-size: 14px;
text-align: center;
font-style: italic;
color: rgb(70,70,100);
margin: 5px;
padding: 0;
}

#contentcolumn h3{
font-weight: bold;
font-size: 13px;
text-align: left;
margin: 10px 5px 5px 5px;
}

#contentcolumn p{
font-weight: normal;
font-size: 12px;
text-align: justify;
margin: 5px;
}

#contentcolumn ul{
font-size: 13px;
font-style: italic;
margin: 5px;
padding: 0;
list-style-position: inset;
}

#contentcolumn ul li{
padding: 2px;
margin-left: 20px;
}

#rightcolumn h1{
margin: 15px 0 10px 0;
padding: 5px 0;
color: rgb(52,161,201);
text-align: center;
font-weight: bold;
font-size: 13px;
background-color: rgb(255,255,255);
}

#leftcolumn h1{
font-weight: bold;
font-size: 12px;
text-align: center;
color: rgb(120,120,150);
margin: 10px 0 5px 0;
padding: 0;
}

#rightcolumn h2{
font-weight: bold;
font-size: 12px;
text-align: center;
color: rgb(120,120,150);
margin: 5px;
padding: 0;
}

#leftcolumn h2{
font-weight: bold;
font-size: 11px;
text-align: center;
color: rgb(100,100,130);
margin: 0;
padding: 0;
}

#rightcolumn h3, #leftcolumn h3{
font-weight: bold;
font-size: 11px;
text-align: left;
margin: 10px 5px 5px 5px;
padding: 0;
}

#rightcolumn p, #leftcolumn p{
font-weight: normal;
font-size: 11px;
text-align: justify;
margin: 5px;
padding: 0;
}

#rightcolumn ul, #leftcolumn ul{
padding: 5px;
margin: 0 10px;
font-size: 11px;
}

a {
color: rgb(0,0,150);
font-size: 12px;
font-weight: bold;
}

a:hover {
color: rgb(0,0,255);
}

img{ margin: 10px 4px;}

.IMGl{	float: left;	margin: 10px 10px 10px 0;}
.IMGr{	float: right;	margin: 10px 0 10px 10px;}
.IMGc{	display: block;	margin: 5px auto;}

.IMGlb{
float: left;	margin: 10px 10px 10px 0; 
border: solid 20px rgb(230,230,230); }

.IMGrb{
float: right;	margin: 10px 0 10px 10px; 
border: solid 20px rgb(230,230,230); }

.IMGcb{
display: block;	margin: 5px auto;
border: solid 20px rgb(230,230,230); }

#leftcolumn .esatta{
margin: -10px 0 0 0;
}

/*Riquadro lingue sito */

#contentcolumn .selLanguage{
margin: 20px 0;
padding: 0;
font-family: arial, sans-serif;
}

#rightcolumn  .selLanguage h1{
background-color: transparent;
color: rgb(120,120,150);
font-family: arial, sans-serif;
margin: 0px;
padding: 0 0 5px 0;
}

#rightcolumn  .selLanguage ul{
margin: 0;
padding: 0;
}

#rightcolumn  .selLanguage ul li{
font-size: 14px;
color: rgb(100,100,130);
font-weight: bold;
margin-top: 5px;
text-align: left;
list-style-type: none;
padding: 5px;
background-color: rgb(255,255,255);
}

#rightcolumn  .selLanguage ul a{
color: rgb(52,161,201);
text-decoration: none;
font-size: 13px;
font-family: arial, sans-serif;
}

#rightcolumn  .selLanguage ul img{
border: none;
margin: 0 20px 0 25px;
}

#rightcolumn  .selLanguage ul a:hover{
font-size: 13px;
color: rgb(100,100,130);
}

/* Riquadro di login */

#rightcolumn .loginBox{
margin: 20px 0 10px 0;
padding: 0;
font-family: arial, sans-serif;
}

#rightcolumn .loginBox h1{
color: rgb(120,120,150);
background-color: transparent;
font-family: arial, sans-serif;
margin: 0px;
padding: 0 0 5px 0;
}

#rightcolumn .loginBox .loginForm,
#rightcolumn .loginBox .newUserForm,
#rightcolumn .loginBox .editUserForm,
{
margin: 0;
}

#rightcolumn .loginBox h2{
margin: 5px 0;
padding: 5px 0;
color: rgb(52,161,201);
text-align: center;
font-weight: bold;
background-color: rgb(255,255,255);
}

#rightcolumn .loginBox ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#rightcolumn .loginBox li{
color: rgb(52,161,201);
}

#rightcolumn .loginBox li.button{
text-align: center;
display: block;
}

#rightcolumn .loginBox button{
font-size: 10px;
margin-top: 10px;
}

#rightcolumn .loginBox input{
font-size: 9px;
width: 175px;
margin: 5px 10px;
}

#rightcolumn .loginBox label{
width: 150px;
margin: 5px 10px;
}

.mrGino{
text-align: left;
position: absolute;
margin: 0;
padding: 0;
}

.mrGino p{
margin: -7px 0 7px 0;
padding: 0;
}

#maincontainer .mrGino a{
color: rgb(90,90,90);
font-size: 9px;
font-weight: normal;
font-family: arial, sans-serif;
}

#maincontainer .mrGino a:hover{
color: rgb(60,60,60);
}

#rightcolumn .editUserForm p, #rightcolumn .newUserForm p{
text-align: center;
}

/* Barra di navigazione*/

#maincontainer .navBar{
list-style-type: none;
margin: 5px 0 0;
padding: 0;
height: 15px;
}

#maincontainer .navBar li{
float: left;
padding: 0 3px;
color: rgb(220,220,220);
}

.navBar li a{
color: rgb(150,0,0);
font-style: normal;
font-size: 11px;
text-decoration: none;
padding-right: 20px;
}

.navBar li a:hover{
color: rgb(220,220,220);
}

.navBar li .selPageTxt{
font-size: 10px;
}

#maincontainer .navBar .bkNav{
float: right;
margin-right: 10px;
}

.navBar .bkNav a{
padding: 0 0 0 20px;
margin: 0;
cursor: pointer;
}

.navBar .bkNav a:hover{
}

/* contenitore per colonne float nella contentcolumn*/

.column{
dispolay: block;
float: left;
width: 238px;
margin: 0 10px 0 0;
padding: 0 0 5px 0;
Background-color: rgb(230,180,130);
border-left: 1px black solid;
border-right: 1px black solid;
height: 625px;
position: relative;
}

.column3{
dispolay: block;
float: left;
width: 238px;
margin: 0;
Background-color: rgb(230,180,130);
padding: 0 0 5px 0;
border-left: 1px black solid;
border-right: 1px black solid;
height: 625px;
position: relative;
}

.column img, .column3 img{
margin: -20px 0 0 -6px;
}

/* varie varianti di stile per i testi*/

#mainwrapper .whitebold{
color: rgb(255,255,255);
font-size: 13px;
font-weight: bold;
}

#mainwrapper .bold{
color: #d2d2ff;
font-size: 13px;
font-weight: bold;
}

#mainwrapper .graybold{
font-size: 13px;
font-weight: bold;
}

#mainwrapper .celestialbold{
color: rgb(50,150,180);
font-size: 13px;
font-weight: bold;
}

#mainwrapper .black{
color: rgb(0,0,0);
}

#mainwrapper .blackcenter, #specCom p{
letter-spacing: 2px;
text-align: center;
color: rgb(0,0,0);
font-weight: bold;
font-size: 13px;
}

#mainwrapper .white, #specCom h1{
color: rgb(255,255,255);
Background-color: transparent;
}

#mainwrapper .graywhite, #specCom h2{
color: rgb(200,200,255);
}

#mainwrapper .gray{
color: rgb(130,130,130);
}

#rightcolumn .center, #mainwrapper .center{
text-align: center;
}


/* div per allineamento finale delle colonne float nella contentcolumn*/

.endDiv{
height: 7px;
clear: both;
background: url(img2.gif) transparent no-repeat left bottom;
margin: 0;
padding: 0;
}


#contentcolumn .endDiv p{
height: 7px;
}

#contentcolumn .column p,
#contentcolumn .column h1,
#contentcolumn .column3 p,
#contentcolumn .column3 h1
{
margin-left:5px;
margin-right: 0;
padding: 0;
width: 228px;
}

#rightcolumn h1.backgroundCelest{
background-color: #34a1c9;
color: #e6e6ff;
font-size: 12px;
text-align: center;
width: 208px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0pt;
text-decoration: none;
}

#rightcolumn h1.backgroundCelest a{
color: #e6e6ff;
font-size: 13px;
text-align: center;
display: block;
margin: 2px 0 0;
padding: 0;
text-decoration: underline;
}

#rightcolumn h1.backgroundCelest a:hover{
color: #ffffff;
}

/* Scheda contatto*/

.contactForm .lbZone{
width: 150px;
}

.contactForm input{
width: 500px;
}

.contactForm textarea{
width: 500px;
}

.contactForm{
margin-top: 20px;
}

/* Scheda di registrazione */

#contentcolumn .contactForm p{
margin: 20px;
}

.contactForm .firstTbl label{
font-weight: bold;
font-size: 13px;
color: rgb(70,70,110);
margin: 0 10px 0 0;
}

.firstTbl input{
width: 500px;
}

.firstTbl select{
width: 250px;
}

.firstTbl label{
font-weight: bold;
font-size: 13px;
color: rgb(70,70,110);
margin: 0 10px 0 0;
}

.chPas{
margin: 15px 0px;
display: block;
}

.privTbl{
font-weight: bold;
font-size: 13px;
color: rgb(70,70,110);
margin: 0;
}

#chPassw ul li{
font-weight: bold;
font-size: 13px;
color: rgb(70,70,110);
font-style: normal;
margin: 10px;
}

#chPassw ul{
list-style-type: none;
}

/* MAPPA del Sito */

#smap{
margin-top: 20px;
}

#smap .firstLevel{
margin-bottom: 10px;
}

#smap ul{
list-style-type: none;
padding: 0 0 0 25px;
}

#smap a{
font-size: 12px;
letter-spacing: 0px;
font-style: normal;
}

#smap h2{
color: #000;
font-style: normal;
}

.gmap{
margin: 10px 30px;
}

/*galleria mattonelle */

.brickGallery{
margin: 10px auto;
border-collapse: collapse;
padding: 0;
}

.brickGallery img{
border: 10px rgb(230,230,230) solid;
margin: 0;
}

.brickImg td{
padding: 0;
}

.brickLabel td{
text-align: center;
color: rgb(50,50,50);
padding-bottom: 15px;
}

#specCom .galleryItem{
display: block;
margin: 20px auto;
border: 25px rgb(230,230,230) solid;
}