/* Folha de estilo da Vidraçaria Santa Efigênia - CSS */
/* Ação Direta Web Studio - by Gil Melo */


/* Definição da estrutura */
* {
	margin: 0px;
	padding: 0px;
}

BODY {
	background: url("../img_site/fundo_site.gif");
}

#emcapsulamento {
	position: absolute;
	left: 50%;
	top: 50%; 
	margin-left: -384px;
	margin-top: -199px;
}

#site_geral {
	width: 768px;
	height: auto;
	border: #999999 solid 1px;
	background: #FFFFFF;
}

#barra_superior {
	width: 766px;
	height: 92px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
}

#conteudo {
	width: 766px;
	height: 290px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	background: #FFFFFF;
	display: block;
}

#barra_inferior {
	width: 766px;
	height: 18px;
	background: #FFFFFF;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
}

/* Adicionais da barra superior */
a.box_logosanta {
	width: 276px;
	height: 91px;
	float: left;
	text-indent: -9000px;
	overflow: hidden;
	background: url("../img_site/logo_staefigenia.gif") no-repeat;
	display: block;
}

#barra_sup_img {
	width: 487px;
	height: 65px;
	margin-left: 3px;
	background: #E1E1E1;
	float: left;
}

#menu {
	width: 487px;
	height: 24px;
	margin-top: 2px;
	margin-left: 3px;
	background: #8D8D8D;
	float: left;
}

/* Adicionais da barra inferior */
#box_copyright {
	width: 657px;
	height: 18px;
	float: left;
}

#texto_copyright {
	margin-top: 3px;
	margin-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

a.box_logoacao {
	width: 109px;
	height: 18px;
	text-indent: -9000px;
	overflow: hidden;
	background: url("../img_site/logo_acaodireta.gif") no-repeat;
	display: block;
	float: right;
}

/* ------- */

/* FUNÇÔES ESPECIFICAS DO MENU SUPERIOR */
.text {
	COLOR: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#menu_items {}

#menu_items UL LI {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 5px;
}

#navigation_list {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	TEXT-DECORATION: none;
}

.menu_text_normal {
	COLOR: #FFFFFF;
}

.menu_text_on {
	COLOR: #ffffff;
}

#navigation_list A {
	COLOR: #cac1b7; 
	MARGIN-RIGHT: 5px; 
	TEXT-DECORATION: none;
}

#navigation_list A:hover {
	COLOR: #ffffff;
	MARGIN-RIGHT: 5px;
}

#navigation_list LI {
	DISPLAY: block; 
	FLOAT: left; 
	CURSOR: default;
	POSITION: relative;
}

#navigation_list LI UL {
	DISPLAY: none; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 1.1em;
	float: left;
	_margin-top: 5px;
	
}

#navigation_list LI > UL {
	LEFT: auto;
	TOP: auto;
}

#navigation_list LI:hover UL {
	DISPLAY: block;
	PADDING-TOP: 3px;
}

#navigation_list LI.over UL {
	DISPLAY: block;
	PADDING-TOP: 3px;
}

#navigation_list LI LI {
	BORDER-RIGHT: #534c48 1px solid;
	BORDER-TOP: #534c48 0px solid;
	DISPLAY: block;
	FONT-WEIGHT: normal;
	FILTER: alpha(opacity=90);
	LEFT: -40px;
	FLOAT: none;
	BORDER-LEFT: #534c48 1px solid;
	WIDTH: 14em; 
	COLOR: #cac1b7;
	BORDER-BOTTOM: #534c48 1px solid;
	BACKGROUND-COLOR: #59514c;
	-moz-opacity: 0.90;
	opacity: 0.90;
}

#navigation_list LI LI A:hover {
	COLOR: #59514c;
	BACKGROUND-COLOR: #cccccc;
}
/* ------- */

/* Formatação do conteúdo interno */

#formatacao_conteudo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 746px;
	margin-left: 10px;
	margin-right: 10px;
}

#chamada_index {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DA251D;
	border-bottom: #DA251D 1px solid;
	display: block;
}

#chamada_interno {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DA251D;
	border-bottom: #DA251D 1px solid;
	display: block;
}

#conteudo_chamada_index {
	width: 200px;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	display: block;
	font-weight: normal;
}

#img_index {
	margin-top: 5px;
	margin-bottom: 5px;
}

bar1_index {
	width: 614px;
	float: left;
	display: block;
}

#quadro_index1 {
	width: 200px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

#quadro_index2 {
	width: 124px;
	height: 278px;
	margin-bottom: 5px;
	display: block;
	float: left;
	clear: right;
}

#bar2_index {
	width: 124px;
	height: 278px;
	display: block;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#bar3_index {
	width: 614px;
	height: 44px;
	display: block;
	margin-right: 5px;
	float: left;
}