/* CSS Document */



body {

	background:#000;

	font:12px Arial, Verdana,  Helvetica, sans-serif;

	text-align:center;

	padding:0;

	}

#topo {

	position:relative;

	height:53px;

	background:#1daecb url(../bg-topo.jpg) center no-repeat;

	margin-bottom:30px;

	}

#topo h1, #topo h2 {

	height: 0;

	width: 0;

	overflow: hidden;

	position: absolute; 

	 }

.galeria {

	width:680px; 

	margin:0 auto;

	text-align:left; 

	}

.img-aqui {

	background: #fff url(../foto00.jpg) center no-repeat;

	width:450px;

	height:338px;

	position:absolute;

	top:108px;

	float:right;

	display:none;

	border:1px solid #fff;

	z-index: 1000;

	}

ul.fotos {

	position:relative;

	list-style:none;

	width:550px;

	padding:1px;

	background:;

	margin:0;

	padding:0;

}

.fotos:after {

	display: block;

	content: ".";

	height: 0;

	font-size:0; 

	visibility: hidden;

	clear: both;

	}

ul.fotos li {

	width:100px;

	height:75px;

	float:left; 

	border:2px solid #444;

	margin:1px; 

}

ul.fotos li img {

	border:none; 

	width:100px;

	height:75px;

}

ul.fotos li span img {

	border:none;

	width:450px;

	height:338px;

	height:auto;

}

ul.fotos a {

	display: block;

	} 

ul.fotos a span {

	display: none;

}

ul.fotos a:hover span.legenda {

	display: block;

	text-align:center; 

	font: impact;

	width:450px;

	position:absolute;

	top:338px;

	left:-2px;

}

ul.fotos a:hover span {

	display: block;

    position: absolute; 

	top:97px; 

	left: 40px; 

	background:#fff;

	border:2px solid #666;

   }

ul.fotos a:hover span.legenda {

	padding:5px 0;

	color:#333; 

}

#rodape {

	background:#1daecb url(../bg-rodape.jpg) center repeat-x; 

	height:30px;

	margin:30px 0; 

	color:#fff; 

	text-align:right; 

	font-size:80%; 

	padding-right:10px;

	}

</style>

[if lte IE 6]>

<style type="text/css">

ul.fotos {

	width:164px;

	padding:  2px 0 1px 0;

	}

ul.fotos li {

	margin-top:0; 

}

/* Fixes for IE */

/* Fix IE. Hide from IE Mac \*/

ul.fotos li { float: left; height: 1%; }

ul.fotos li a { height: 1%; }

/* End */

ul.fotos a:hover {

	text-decoration:none;

	background: none; 

	} 

ul.fotos li {width:100px;}

ul.fotos a:hover span.legenda {width:450px;}



<![endif]


   ul.nav1 { 

	margin:0; 

	padding:0;

	}

	

ul.nav1 li {

	list-style:none;	

	display:inline;

	}

ul.nav1 li a {

	float:left;

	border:1px solid #f00;

	border-top:0.1em solid #fff;

	border-right:0.1em solid #909090;

	border-bottom:0.1em solid #909090;

	border-left:0.1em solid #fff;

	border-style:outset;

	width:12.0em;

	font:0.68em  Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	background:#FF9966;

	color:#000099;

	text-align:center;

	padding:0  0.2em 0.2em  0;

	text-decoration:none;

	}

ul.nav1 a:hover{

	background:#FF9933;

	color:#0099FF;

	border-color:#FF0000;

	border-color:#000 #fafafa #fafafa #000;

	border-style:outset;

	}