/* ----------------------------------------------------
     Projeto.: Site Lua e Leon - Festas e Decorações
     Designer: Eduardo Kuhr - Maio de 2007
---------------------------------------------------- */

body
  {margin:0;
   padding:0;
   border:one;
   font:16px verdana, arial, helvetica, sans-serif;
   background:#000;
   color:#333;
  }

/* =LINKS */
a:link
  {color: #00FF3A; 
   text-decoration:none;
   outline-width:0;
  }

a:visited
  {color: #999; text-decoration:none;
  }

a:hover
  {color:#fff;
   background: #036;
   text-decoration:none;
  }

#tudo
  {width:100%;
   margin:0 auto;
  }

#logo
  {position : absolute;
   top      : 1%;
   left     : 1%;
  }

#topo
  {height:15%;
   border-bottom:1px solid #c30;
  }

#rodape
  {clear:both;
   text-align:center;
   border-top:1px solid #c30;
  }

h1, h2, h3
  {text-align:right;
   margin: 0.3em 0;
   font:2.0em, Georgia, Arial, Helvetica, Sans-Serif;
}

h2
  {font-size: 2.0em;
  }

h3
  {font-size: 1.3em;
  }
	
.dest
  {color:#ffd700;
  }

#boxes
  {position : absolute;
   top      : 25%;
   left     : 45%;
   font     : 1.0em Comic Sans MS, Arial, Helvetica, sans-serif;
   color    : #333; 
   margin   : 0;
  }

.fixo
  {margin     : 0 auto;
   width      : 25em;
   background : url(canto-inf-dir.jpg) no-repeat 100% 100%;
   font-size  : 100%;
  }

.titulo
  {background : url(canto-sup-dir.jpg) no-repeat 100% 0;
   margin     : 0;
   padding    : 0;
   text-align : center;
  }

.titulo h6
  {background: url(canto-sup-esq.jpg) no-repeat 0 0;
   margin: 0;
   padding: 45px 20px 5px;
   color: #ffd700;
   font-weight: bold; 
   font-size: 1.5em; 
   line-height: 1.0em;
  }

.galeria {
	width:680px; 
	margin:0 auto;
	text-align:left; 
	}

.img-aqui { 
	background: #fff url('http://www.luaeleon.com.br/logo_luaeleon2.jpg') center no-repeat; 
	width:500px; 
	height:375px; 
	position:relative; 
	top:8px;
	float:right; 
	border:1px solid #fff;
	}

ul.fotos {
	position:relative;
	list-style:none;  
	width:162px;
	padding:1px;
	background:#999;
	margin:0; 
	padding:0; 
}

.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}

ul.fotos li {
	width:75px;
	height:50px;
	float:left; 
	border:2px solid #444;
	margin:1px; 
}

ul.fotos li img {
	border:none; 
	width:75px;
	height:50px;
}

ul.fotos li span img {
	border:none;
	width:500px;
	height:375px;
	height:auto;
}

ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}

ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:500px;
	position:absolute;
	top:375px;
	left:-2px;
}

ul.fotos a:hover span {
	display: block;
	position: absolute; 
	top:-5px; 
	left: 177px; 
	background:#fff;
	border:2px solid #666;
   }

ul.fotos a:hover span.legenda {
	padding:5px 0;
	color:#333; 
}