body
{
   padding:0;
   margin:0;
   font-family: hevetica, verdana, arial, sans-serif;
   font-size:13px;
   background:url(../images/bgMain.gif) #222;
}
img
{
   border:none
}
a
{
   text-decoration:none
}
li
{
   list-style:none
} 
   
/*--  start  header  --*/
   #header
      {
	  background:#5eb7e4;
	  border:10px solid #fff;
	  text-align:left;
	  margin:60px auto;
   }
   #main_menu
      {
      font-weight:bold;
      white-space:nowrap;
	  font-size:1em;
	  margin-bottom:-20px;
   }
      #main_menu li
           {
         display:inline;
         margin:1.6em;
      }
      #main_menu a
           {
         color:#fff;
		 border-bottom:3px solid #fff;
      }
      #main_menu a.current
            {
         cursor:default;
      }
      #main_menu a.current,#main_menu a:hover
            {
		 color:#f8ed33;
         border-bottom:3px solid #f8ed33;
      }
/*--  end  header  --*/

/*--  start  content  --*/
   #content
      {
	  margin:0 auto;
   }
/*--  end  content  --*/

#galleryMain
{
   height:450px;
}

   #footer
   {
	  text-align:right;
	  font-size:0.7em;
	  margin-top:60px;	  
	  margin:30px auto;
      width:550px;
   }
   #footer p
   {
      padding-bottom:-20px;
	  color:#fff;
	  float:left;
	  clear:right;
   }
   #footer a
   {
      padding-right:30px;
      color:#fff;
	  text-decoration:underline;
   }
   
.box
{
      width:550px;	
	  font-size:1em;
	  margin:30px auto;
      background-color: #5EB7E4;
      border:10px solid #fff;
	  padding:30px 15px 5px 15px;
}
   
/*--  start  element  --*/
   .element
      {
      width:550px;	
	  font-size:1em;
	  margin:30px auto;
      background-color: #5EB7E4;
      border:10px solid #fff;
	  padding:30px 15px 5px 15px;
   }
      .element p
	    {
		color:#222;
		margin-left:20px;
		line-height:1.4em;
		padding-right:20px;
	  }
	  .element h1
	    {
		font-size:1.2em;
		font-weight:bold;
		color:#222;
		margin:20px 0 10px 80px;
	  }
	  .element p a
	  {
	     color:#fff;
	  }
	  .element li
	  {
	     margin-top:0.6em;
	  }
/*--  end  element  --*/

.colored
{
   font-weight:bold;
}

/*   start   gallery   */
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:450px; 
height:300px; 
background:#eee url(../images/sala/area-51-firenze-13.jpg) 0 0 no-repeat;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:300px 0 0 0; 
list-style-type:none; 
position:relative; 
width:450px;
background:#5eb7e4;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-300px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-300px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#5eb7e4;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#5eb7e4; 
color:#fff;
font-weight:bold;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/*    end    gallery   */