@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background:url(imagens/fundo_port.jpg);
}

a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: underline;}
a:active { color: #fff;text-decoration: underline;}

#extra1{
	width:100%;
	height:600px;
	background:#000;
}

#topo{
	width:790px;
	height:auto;
	margin:0 auto;
	position:relative;
}

#logo{
	width:278px;
	height:110px;
	float:left;
	background:url(imagens/logo.jpg);
	margin-top:150px;
}

#texto{
	width:450px;
	height:auto;
	float:right;
	line-height:22px;
	margin-top:30px;
}

#extra2{
	width:100%;
	height:150px;
	margin-top:-35px;
}

#extra3{
	width:100%;
	height:150px;
	background:url(imagens/fundo_rodape.jpg);
}

#keune{
	width:790px;
	height:124px;
	margin:0 auto;
	background:url(imagens/proj_keune.png);
}

#port{
	width:790px;
	height:124px;
	margin:0 auto;
	background:url(imagens/port.png);
}

#camada_form{
width:420px;
height:auto;
margin:0 auto;
padding-top:40px;
}

#galeria{
	width:85%;
	height:auto;
	display:block;
	margin:0 auto;
}

.galeria ul {
	list-style-type:none;
	width:85%;
}

.galeria li {
	width:217px;
	height:219px;
	float:left;
	list-style-type:none;
	text-align:center;
	padding-left:35px;
	padding-bottom:10px;
}

#galeria2{
	width:85%;
	height:auto;
	display:block;
	margin:0 auto;
}

.galeria2 ul {
	list-style-type:none;
	width:85%;
}

.galeria2 li {
	width:217px;
	height:219px;
	float:left;
	list-style-type:none;
	text-align:center;
	padding-left:35px;
	padding-bottom:10px;
}

#rodape{
	width:100%;
	height:80px;
	background:url(imagens/fundo_rodape.jpg);
}

#marca_site{
	width:790px;
	height:80px;
	margin:0 auto;
	line-height:80px;
	font-size:11px;
	text-align:center;
}

#invisivel{
	width:100%;
	height:0px;
	clear:both;
}

.imgsemborda{border:0px;}


/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1; text-align:center; /*background:url(imagens/fundo_botao.png)*/;}
.menu-hv * ,    .menu-vv * { margin: 0; padding: 0; list-style: none;}
.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.26em; vertical-align: top;  padding:5px; /*background:url(imagens/fundo_botao.png)*/;}
.menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.26em; padding:2px}
.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden;  }
.menu-hv li:hover ul,  .menu-vv li:hover ul,
.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
/* características horizontal-vertical */
.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
.menu-hv li { float: left; }  
.menu-hv li ul li { float: none; }
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
/* características vertical-vertical */
.menu-vv { float: left; }
.menu-vv li ul { left: 100%; top: 0; }
/* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
*/
.menu-hv li { width:150px;}
.menu-vv li { width: 155px; height:23px;}
.menu-hv li a:hover {}
.menu-vv li a:hover {}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
who.MXPC = '1';
if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
(who==who.parentNode.firstChild) ? who.className += ' first-child' : '';
} } )(this) , 'auto') }