/* Biodinâmica Index - CSS */
/*

-----------------------

  Tags Genericas

-----------------------

*/
* {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
body {
	background: url(../img/layout/bg_body_index.jpg) top repeat-x;
	margin: 0;
}
h1 {
	font-size: 100%;
	margin: 0;
}
a img {
	border: 0;
}
object {
	outline: none;
	border: none;
}
/*

-----------------------

  Estrutura

-----------------------

*/

div#tudo {
	/*	width: 747px;*/
	width: 998px;
	height: 700px;
	margin: auto;
}
div#esquerda {
	position: relative;
	width: 260px;
	height: 700px;
	/*background: url(../img/layout/rodape_in.jpg) bottom no-repeat #fff;*/
	background: #fff;
	float: left;
}
/*-------------------------------------*/

div#menu {
	width: 260px;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
/* Nivel - 0 */
div#menu ul {
	padding: 0;
	margin: 0;
}
div#menu ul li {
	background: url(../img/menu_bg.jpg) repeat-x;
	list-style: none;
	z-index: 20;
	position: relative;
	display: block;
	height: 22px;
}
div#menu ul li a {
	width: 250px;
	height: 22px;
	text-decoration: none;
	padding: 3px 0 0 10px;
	color: #6c7b24;
	display: block;
}
div#menu ul li a:hover {
	text-decoration: none;
	background: url(../img/menu_bg2.jpg) bottom repeat-x;
	color: #5e3058;
}
div#menu ul li:hover ul {
	display: block !important;
}
div#menu ul li.over ul {
	display: block !important;
}
/* Nivel - 1 */
div#menu ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
	z-index: 30;
	width: 162px;
	min-height: 160px;
	padding: 0 0 0 0;
	margin: 0;
}
div#menu ul li ul li {
	background: url(../img/layout/bg_sub_menu.jpg) repeat-x;
	list-style: none;
	display: block;
}
div#menu ul li ul li a {
	width: 142px;
	height: 22px;
	text-decoration: none;
	padding: 3px 0 0 20px;
	color: #6c7b24;
	display: block;
	background: url(../img/layout/bg_left_menu.png) no-repeat;
}
div#menu ul li ul li a:hover {
	text-decoration: none;
	background: url(../img/layout/bg_hover.jpg) bottom repeat-x;
	color: #5e3058;
}
div#menu ul li ul li.bg_top {
	height: 25px;
	background: url(../img/layout/bg_top_menu.png) no-repeat top;
}
div#menu ul li ul li.bg_bottom {
	height: 25px;
	background: url(../img/layout/bg_bottom_menu.png) bottom;
}
/* Correção Bug IE6 */
* html div#menu ul li ul li.bg_top {
	height: 25px;
	background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/layout/bg_top_menu.png');
}
* html div#menu ul li ul li.bg_bottom {
	height: 25px;
	background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/layout/bg_bottom_menu.png');
}
/*-------------------------------------*/

div#eventos {
	width: 260px;
	height: auto;
	font: 11px arial;
	color: #333333;
	padding-top: 15px;
	float: left;
	background: #fff;
}
div#eventos ul {
	padding: 0;
	margin: 0;
}
div#eventos ul li {
	padding: 3px 0 0 10px;
	list-style: none;
	margin-bottom: 6px;
}
div#eventos ul li a {
	text-decoration: none;
	color: #666666;
}
div#eventos ul li a:hover {
	text-decoration: underline;
	color: #5e3058;
}
div#rodape {
	position: absolute;
	bottom: 20px;
	left: 0;
	font: 11px arial;
	text-align: center;
	padding: 0 0 0 30px;
	color: #4f5b11;
	float: left;
}
div#rodape #logo_webee {
	display: none;
	position: absolute;
	top: 25px;
	left: 85px;
	width: 73px;
	height: 25px;
	margin-top: 10px;
	background: url(../img/layout/logo_webee.png) no-repeat left top;
}
div#rodape #logo_webee:hover {
	background: url(../img/layout/logo_webee.png) no-repeat right top;
}
div#rodape #logo_webee span {
	display: none !important;
}
acronym, abbr, address {
	font-style: normal;
	text-decoration: none;
	border: 0;
}
/*---------------------------------------*/

#banner_fidelidade { clear: both; padding-top: 40px; }
#banner_biblioteca { clear: both; padding-top: 10px; text-align: center; }
#banner_campanha { clear: both; padding-top: 10px; text-align: center; }
#redes-sociais { clear: both; width: 233px; height: 23px; margin: 0 auto; padding: 20px 0 0; }
#redes-sociais li { float: left; height: 23px; margin: 0 3px; padding: 10px 0 0; list-style-type: none; }
#redes-sociais li a { display: block;  height: 23px; }
#redes-sociais li a span { display: none; }
#redes-sociais li #ico-youtube { width: 50px; background: url(../img/ico-youtube.gif) no-repeat; }
#redes-sociais li #ico-twitter { width: 73px; background: url(../img/ico-twitter.gif) no-repeat; }
#redes-sociais li #ico-facebook { width: 80px; background: url(../img/ico-facebook.gif) no-repeat; }
/*---------------------------------------*/

#direita {
	width: 725px;
	height: 700px;
	float: left;
	position: relative;
}
#flash {
	width: 725px;
	height: 660px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}
#area_restrita {
	width: 525px;
	height: 121px;
	padding: 0 0 0 0;
	text-align: right;
	float: left;
	position: absolute;
	top: 579px;
	left: 0;
	z-index: 40;
}
#banner {
	width: 301px;
	height: 75px;
	margin-left: 160px;
	display: inline;
	float: left;
}
#banner a img {
	border: none;
}
.logar {
	padding: 0 0 0 6px;
	margin: 0;
	float: right;
}
.logar li {
	list-style: none;
	margin-bottom: 5px;
}
.login_senha {
	width: 120px;
	height: auto;
	font: 10px Arial, Helvetica, sans-serif;
	border: 1px solid #d4d0c8;
	padding: 3px;
	color: #666666;
}
#bt-enviar {
	width: 56px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url(../img/layout/bt-enviar.jpg) no-repeat;
	cursor: pointer;
}
#bt-enviar span {
	display: none;
}
#menu_inferior {
	width: 597px;
	height: 93px;
	padding: 10px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #5e3058;
	text-align: left;
	float: left;
}
#menu_inferior #banner_centro_relacionamento {
	width: 100px;
	height: 100px;
	background: red;
	float: right;
}
#menu_inferior address {
	float: left;
}

#menu_inferior ul {
	padding: 0;
	margin: 0;
}
#menu_inferior ul li {
	border-right: 1px dashed #5e3058;
	padding: 5px 7px 10px 0;
	margin: 0 10px 0 0;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	color: #5e3058;
	float: left;
}
#menu_inferior ul li a {
	text-decoration: none;
	color: #5e3058;
}
#menu_inferior ul li a:hover {
	text-decoration: underline;
	color: #5e3058;
}