body {
	font: 0.7em/1.6em Arial, Helvetica, sans-serif;
	color: #333;
	background: #FEFEFC url(../imgs/teiko_fundo_site.jpg) repeat-x;
}
a:link, a:visited, a:hover {
	text-decoration: none;
	color: #333;
}
h2, h3 {
	color: #6E6B0D; background: url(../imgs/teiko_bullet_h2.gif) no-repeat 4px 3px;
	font-size: 1.2em; font-weight: bold; padding-left: 18px; margin-top: 5px;
	margin-bottom: 5px;
}
h3 {
	font-size: 1.1em;
}
button {
	float:right;
}
p {
	padding-bottom: 5px;
}
#geral {
	width: 770px; margin-right: auto; margin-left: auto; margin-top: 20px; background: #fff;
}

/* Estilos auxiliares.css */
.information, .informacao {
	padding-left: 25px;
}

/* topo do site com logomarcas da teiko e oracle */
#topo, #enquete, #area_restrita, #cadastre_se, #tendencias {
	border-bottom: #DFDEBB;
}
#topo {
	border-bottom: 1px solid; height: 70px;	margin-bottom: 15px;
}
#logomarca {
	width: 200px; height: 70px;
	background: url(../imgs/teiko_logomarca.gif) no-repeat;
	float: left; cursor: pointer;
}
#logo_oracle {
	width: 180px; padding-top:5px; height: 65px; float: right;
	background: url(../imgs/teiko_logo_oracle.gif) no-repeat right bottom;
}

/* manipulacao de estilos de menu */
#menu-lateral{
	height:auto;
}

#menu-lateral .menuv {
	background:#F9F6E4;	text-align:left;
	clear: left; border:none; width:160px;
	border-bottom: solid 1px #DFDEBB;
}
#menu-lateral .menuv li a, #menu-lateral .menuv li a:hover, #menu-lateral .menuv li a:visited {
	width:150px; color:#21441A; padding:5px; background-color:#F9F6E4; border:none;
}
#menu-lateral .menuv li{
	border:none; background:#F9F6E4;
	border-top: solid 1px #DFDEBB;
}
#menu-lateral .menuv li a.seta, #menu-lateral .menuv li a.seta:hover{
	background:url(../imgs/teiko_seta.gif) 146px no-repeat #F9F6E4;
}
#menu-lateral ul li ul {
	left:160px;
}
#menu-lateral ul li ul, #menu-lateral ul li ul a{
	border:none;
}
#menu-lateral ul li ul li ul{
	left:160px; margin:0;;
}
/* menu rapido - topo site */
#menu-rapido h2, #menu-lateral h2{
	display:none;
}
#menu-rapido .menuv {
	font-weight:bold; font-size: 1.1em;
	text-align:right; width:200px; border:none; float:left;
	padding-top:41px; padding-left:190px;
}
#menu-rapido .menuv a, #menu-rapido .menuv a:hover, #menu-rapido .menuv a:visited {
	color:#21441A; background:none; float:left; 
	width:90px; border:none; padding:0;
}
#menu-rapido .menuv li{
	width:90px; float:left;
}

#menu-lateral{
	margin-bottom:-175px !important;
	margin-bottom:0;
}
/* Estilos para coluna esquerda */
#col_esquerda {
	width: 160px;
	float:left;
}
/* Coluna direita */
#col_direita {
	float: right; clear: right; background: #F9F6E4;
}
/* estilos enquete, area restrita e cadastre-se */
#area_restrita label, #cadastre_se label {
	padding-top: 3px; float:left; width:38px; clear:left;
}
#enquete, #area_restrita, #cadastre_se {
	clear:both; padding: 5px; border-bottom:1px solid; width: 175px;
}
#area_restrita input, #cadastre_se input {
	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
#logoff {
	font-size: 9px; padding-left:5px;
}
#area_restrita button, #cadastre_se button {
	background: url(../imgs/teiko_botao_ok.gif) no-repeat center;
	padding-right: 8px; padding-left: 8px; color: #fff;
}
#enquete button {
	border: 1px solid #6E6B0D; background: #F9F6E4;
}
#enquete {
	background: #F9F6E4;
}
#alerta_enquete {
	font-weight:bold;
}
#area_restrita {
	background: url(../imgs/teiko_fundo_4.gif);
}
#cadastre_se {
	background: url(../imgs/teiko_fundo_5.gif);
}
/* estilos para miolo (conteudos) */
#conteudo {
	width: 400px; float: left;
	padding-right: 5px; margin-left: 15px;
	text-align: justify;
}
#conteudo li {
	padding-bottom: 5px;
}
#conteudo h2 {
	margin-bottom: 10px;
}
#conteudo .divisao-conteudo {
	width:400px;
}
#conteudo .leitura-conteudo{
	width:575px;
}
.ler_mais {
	float:right;
	padding-top:5px;
}
.ler_mais a:hover {
	text-decoration:underline;
}
/* estilos boxes de noticias e tendencias */
#noticias.lista-conteudos {
	width: 180px;
	margin: 5px 3px 5px 3px;
	padding: 3px;
}
#noticias.lista-conteudos h2 {
	margin-bottom: 2px;
	text-align:left;
}
#noticias.lista-conteudos ul {
	list-style: none;
	padding-left: 2px;
}
#noticias.lista-conteudos ul li {
	border-bottom: 1px solid #929953;
	padding-top: 2px;
	padding-bottom: 2px;
}
#noticias.lista-conteudos ul li a:hover {
	text-decoration:underline;
}

#agenda{
	float: left; clear:left; background: url(../imgs/teiko_fundo_3.gif);
	width:188px; padding:5px; margin: 5px 3px 5px 3px;
}
#agenda dl dt{
	display:block; width:188px;
	border-bottom:solid 1px #929953;
}
#agenda dl a:hover{
	text-decoration:underline;
}

#noticias {
	float: right; background: url(../imgs/teiko_fundo_2.gif);
}

#tendencias .lista, #relacionamento .lista {
	margin:0;
}

#relacionamento.lista li, #tendencias.lista li {}
#clientes {
	width:160px; height:140px; clear:both; margin-top:180px !important; margin-top:0;
}
#clientes h2, #parceiros h2{
	margin:0;
}
#parceiros {
	width:160px; height:140px; clear:both;
}
#tendencias {
	background: #F9F6E4; padding-left:5px; border-bottom:1px solid; width: 175px;
}
#relacionamento {
	background: #F9F6E4; padding-left:5px; width: 175px;
}

#relacionamento dl dd ul { margin:0 0 5px 0; padding:0; border-top: solid 1px #DFDEBB; }
#relacionamento dl dd ul li { margin:0; padding:4px 0; border-bottom: solid 1px #DFDEBB; }

/* estilos para envio de contato */
.contatos {
	width: 380px;
}
.contatos button {
	float: right; margin-top: 10px; height: 25px; color: #666; border: solid 1px #666;
}
.contatos .information, .contatos .informacao {
	padding:0;
}
.contatos label {
	float: left; width: 75px; clear: left; height:18px; margin-top:1px;
}
/* estilos para banner */
#banner { text-align:center; width:400px; }
#rodape {
	clear: both; font-size: 0.8em; background: #F9F6E4; height: 20px; margin-top: 15px; text-align: center;
}

/* Galeria Imagens - Visualizacao */
.gvIIContainer { background:#fff; margin-left:25px; width:540px; }
.gvIIContainer .gvIIHolder .gvIIItem { border:5px solid #6E6B0D; }
.gvIIContainer .gvIIHolder{ width:540px; }
.gvIIAltText { background:#fff; }

.galeria-listando dl dt { margin-right:4px; }


/* WebChat */
#chat { text-align:center; margin:10px 0 5px 0; width:175px; padding-left:5px; }
#chat h2 { text-align:left; }

.contatos form fieldset { width:500px; margin-left:20px; }
.contatos label { width:120px; float:left; }
.contatos button { margin-right: 116px; margin-right: 122px; }
.contatos select { height: 25px; width: 258px; }
.contatos #contatos-container {float: left;}
.contatos #fone { width: 106px; }
#contatos .invalid { background-image: none;}

input, select, textarea {
    border: 1px solid #DDDDDD;
    width: 250px;
 }