/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background-color:#000000;
		scrollbar-face-color: #DEE7EB;
		scrollbar-3dlight-color: #0000CC;
		scrollbar-arrow-color: #0000CC;		
}

#geral {
font:Arial, Helvetica, sans-serif;
 	width:810px;
	margin:0 auto;
	height:auto;

}
#topo {
	width:780px;
	height:100px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	}
	
#conteudo{
	width:805px;
	background:#000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
    margin: auto;
    position: relative;
	}
#contato{
	background:#000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}

#menu {
background:#000;
text-align:center;
	width:805px;
	height:30px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#rodape {color:#FFFFFF;}
.menu {color:#FFFFFF; text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}
.slogan {color:#FFFFFF; font-style:italic; text-align:right; margin-right:100px;}
.botao {border:1px #FFFFFF solid; background-color:#000000; color:#FFFFFF;}
p {text-align:justify;}

#prod_menu {
background:#000;
	width:170px;
	float:left;
	height:300px;
	z-index:1020;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
	
#prod_cont {
background:#000;
	width:635px;
	float:right;
	height:400px;
	z-index:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
	
	   /* Menu Superior */
   
   ul.nav { 
	margin:0; 
	padding:0;
	}
	
ul.nav li {
	list-style:none;	
	display:inline;
	}
ul.nav 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:120px;
	font:0.68em  Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#999;
	color:#fff;
	text-align:center;
	padding:0.5em 0.75em;
	text-decoration:none;
	}
ul.nav a:hover{
	background-color:#000;
	font-weight:bold;
	color: #FFF;
	border-color:#FF0000;
	border-color:#000 #fafafa #fafafa #000;
	border-style:outset;
	}
	
	
.galeria {

	width:620px; 
	margin:0 auto;
	text-align:left; 
	}

.img-aqui {
background: #fff;
	width:350px;
	height:263px;
	position:absolute;
	top:0px;
	display:none;
	border:1px solid #fff;
	z-index: 1000;
	}

ul.fotos {
	position:relative;
	list-style:none;
	width:620px;
	height:400px;
	text-align:center;
	padding:0px;
	background-image:url(images/motor-eolico2.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

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

	}

ul.fotos li {
	width:97px;
	height:97px;
	float:left;
	padding:2px;
	margin:1px; 

}

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

ul.fotos li span img {
	border:none;
	width:265px;
	height:265px;
	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:265px;
	position:absolute;
	top:265px;
	left:-2px;

}

ul.fotos a:hover span {

	display: block;
    position: absolute; 
	top:50px; 
	left: 173px; 
	background:#fff;
	border:2px solid #666;

   }

ul.fotos a:hover span.legenda {

	padding:5px 0;
	color:#333; 

}


</style>

[if lte IE 6]>

<style type="text/css">

ul.fotos {

	width:164px;

	padding: 0px 0 0px 0;

	}

ul.fotos li {

	margin-top:0; 

}

/* Fixes for IE */

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

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

/* End */

ul.fotos a:hover {

	text-decoration:none;
	background: none; 

	} 

ul.fotos li {width:97px; height:97px;}
ul.fotos a:hover span.legenda {width:265px;}

<![endif]