body { 
font-family:Lucida Sans Unicode, Arial;
font-size:12px;
margin:auto;
border:#FFF;
color:#555;
width:820px;
 }

html{ 
  background:#FFF;
/*  background:#000000 url(../img/logozA.jpg) repeat-x;
  background-position:30px 0px;*/
  width:810px;
  margin:auto;
 }

.thebox{
width:820px;
position:relative;
background-color:#FFF;
}

.content{
margin-left:10px;
background-color:#FFF;
border-left:1px solid #eee;
padding:20px;
font-size:1.2em;margin-right:5px;
min-height:800px;
height: 1500 !important;
overflow:auto;
overflow-x:hidden;
height: 1500px;
width:565px !important;
width:500px;
background:url("../img/ro_gr.gif") no-repeat;
background-position:bottom right;
float:right !important;
float:left;
}

#header {  

  font-family:verdana, sans serif;
  text-align:left;
  height:200px;
  background-color: #FFF;
  background-image : url("../img/squadre.gif");
  background-repeat : no-repeat;
/*  background-position : 0% 80%;*/
/*background-attachment : fixed;*/
          }

#header b{ 
  color:#AA0000;
  font-size:20px;
 }

#header h1{ 
  font-size:20px;
 }

/*
#header img{ 
  background-color: white; /*#AF0E00;*/
  height:70px;
  padding:0px 10px 10px 10px;
  margin:0px 0px 0px 0px;
  vertical-align:top;
 }
*/
/* Colonna sinistra */

#prova {
background-color: #000;
border:10px solid #000;
   color: #555;
  position:absolute;
  left:0px;
  top:86px;
   margin: 0px;
   width: 30%;
  min-height:800px !important;
  height:800px;
  float:left;
}

.banner { 
  height:150px;
  width:100%;
  border-bottom:2px solid #999;
  overflow:auto;
  background-color:#FFF;
 }

.banner img{ 
  width:150px;
 }

.banner p{ 
  width:30%;
  height:100px;
  float:left;
}


/* colonna centrale */
#main {
  line-height: 20px;
  float:left;
  width: 60%;
  margin-left:5px;
border-left: 2px solid #AF0E00;
}

#guestbook {
background-color:#FFF;
}

#guestbook .img { 

 }

#main .box { 
/*  border-bottom:3px double #666;
     border-left:3px double #666;
     border-right:3px double #666;
     border-top:3px double #666;
*/
}
.box{
background-color:#FFF;
}

#main .innerboxImgH {
   padding:0px 0px 10px 10px;
   margin:0px 0px 0px 0px;
   vertical-align:top;
   min-height:90px; /* bisogna togliere il padding */
}

#main .innerboxImgV {
   padding:0px 10px 10px 10px;
   margin:0px 0px 0px 150px;
   vertical-align:top;
   height:190px;
   min-height:190px; /* bisogna togliere il padding e il bordo*/
}

#main .innerboxFirstImg {
   padding:0px 10px 10px 10px;
   margin:0px 0px 0px 160px;
   vertical-align:top;
   height:10px;
   min-height:0px; /* bisogna togliere il padding e il bordo*/
}
 
#main .innerboxGuest { 
  padding:0px 10px 10px 10px;
   margin:0px 0px 0px 0px;
   vertical-align:top;
   height:10px;
  width:50%;
   min-height:190px; /* bisogna togliere il padding e il bordo*/
  background-color:#EEE;
 }
 
#main .innerboxImgV {
   padding:0px 10px 10px 10px;
   margin:0px 0px 0px 150px;
   vertical-align:top;
   height:190px;
   min-height:190px; /* bisogna togliere il padding e il bordo*/

}

#main img {
   float:right;
   border:1px solid black;
   vertical-align:text top;
   width:160px;
   height:120px
}

img#copertina{ width:100%;height:auto;}

#main .gallery {
   float:left;
   margin:5px; 
   width:150px;

}

#main .gallery img {
   border:1px solid black;
   margin:0px;
   vertical-align:text top;
  height:120px;
  width:150px;
    
}

.gallery p {
   padding:0;
   margin-top:0px;
   clear:left;
   text-align:center;
   color: black;
   background-color: white;
   font-size: 90%;
   border:1px solid red;
   /* vertical-align:bottom; */
   /* height:10px; */
}



/* colonna destra */
 #news {
   background-color: white;
  text-align:center;
/*   padding:10px; */
   float:left;
   width:15%;
/*   height:100%;*/
   margin-top:10px;
  margin-left:10px;

}

#news h2 {
   background: white;
   border-bottom:1px solid #EEE;
   color: black;
   font-size: 100%;
   margin:10px 0px 5px 0px;
   padding: 0px 0px 0px 10px; 
   text-align:center;
}

#culo {  
  width:190px;
  float:left;
  min-height:1200px;
  height:1200px;
  background-color:#FFF:
}

#culo a { 
   color: red;
   text-decoration: none;
   font-weight:bold;
   width:100px;
   margin:0px;
}

#culo .box {
   margin:0px;
   padding:0px;
   border:0px;
  width:190px;
  padding-left:3px;
}
#news a { 
   color: red;
   text-decoration: none;
   font-weight:bold;
   width:100px;
   margin:0px;
 }

#menuItem { 
   background-color: #FFFFFF;
   border: 1px solid #FFFFFF;
   display:block;
   font-variant: small-caps;
   letter-spacing: 10%;
   padding: 4px 0 4px 1px; 
   text-align: center;
  position:absolute;
  top:175px;
  right:1px;
}

#menuItem .box { 
   margin:0px;
   padding:0px;
   background-color: #AF0E00;
   border: 1px solid white;
   font-variant: small-caps;
}
#menuItem a {
   color: #555;
   text-decoration: none;
   font-weight:bold;
   border:1px solid white;
   width:100px;
   padding:0 20px 0 20px;
   margin:0px;
}

#menuItem a:hover {
   background: white;
   color: #AF0E00;
   cursor: hand;
}

#footer { 
 /*  background-color: #CCC;*/
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   clear: left;
   color: black;
   font-size: 80%;
   height: 120%;
   line-height: 160%;
   padding: 2px 10px;
}

a {
   color: #AF0E00;
   text-decoration: underline;
   /* font-weight:bold; */
}

/*a:hover {
   background: white; 
   color: #AF0E00;
   cursor: hand;
}*/

body {
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  margin: 0px;
  padding: 0px;
}

form {
   padding:0px ;
   width:100%;
   margin:0px;
}

h1 {
  background-image:url("../img/staH1.jpg"); /*#EEE;*/
  background-position : 0% 110%;
  background-repeat : repeat-x;
  border-bottom:3px double #aaa;
/*     border-left:3px solid #666;
     border-right:1px solid #666;
     border-top:3px double #666; */
  color:black;
  font-size:14px;
/*     font-weight:700; */
/*     letter-spacing:3px; */
  margin:0px;
  padding:8px 4px 8px 4px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
}


h2 {
   background: white;
   border-color: #CCC;
   border-style: solid;
   border-width: 1px 0;
   color: black ;
   font-size: 100%;
   letter-spacing: 10%;
   margin:10px 0px 10px 0px;
   padding: 0px 0px 0px 10px; 
   text-align:left;
}

h3 {
   background: #EEE;
   font-size: 100%;
   /* font-variant: small-caps; */
   letter-spacing: 10%;
   margin:10px 0px 0px 0px;
   padding: 0px 0px 0px 10px; 
/*   text-align:left;*/
}

h4 { 
  background: #AAA;
   border-color: #CCC;
   border-style: solid;
   border-width: 1px 0;
   color: black ;
   font-size: 100%;
   letter-spacing: 10%;
   text-align:left;
 }

h5 { 
  background: white;
   color: black;
   font-size: 100%;
   letter-spacing: 10%;
   text-align:left;
 }

map {
   border:1px dotted black;
}

.textBox {
   border: 1px groove black;
   width:100%; 
   height:auto;
   padding:0px;
   margin:0px;
}

.button {
   background-color: #EEE;
   border: 1px groove black;
   padding:0px ;
   width:100%;
   margin:5px 0 0 0;
}

dl {
   margin-left:10px;
}

dt {
   margin-top:10px;
   font-weight:bold;
   color: #336699;
}

dd {
   margin-left:10px;
}

table.main {
   margin-left: 0pt;
   width: 50%; 
   margin-top: .6em;
   margin-bottom: 1em;
   border-width: 1px 1px 0px 0px;
   border-style: solid;
   border-color: #999999;
   background-color:  #EEE;  
   font-size: 100%; 
}

table.main th, table.main td { 
   border-style: solid; 
   border-width: 0px 0px 1px 1px;
   border-style: solid;
   border-color: #999999;
   padding: 4px 6px;
   text-align: left;
}

table.main th { 
   background: #EEE;
   vertical-align:center;
}

table.main td {
   background: #ffffff;
   vertical-align: top;
}

select {
   border: 1px groove black;
   width:100%; 
   height:auto;
   padding:0px;
   margin:0px;
}

img#moz { 
  border:none;
  width:120px;
  height:50px;
  text-align:center;
 }

img#squadra { 
  border:none;
  width:100%;
  height:100px;
 }