@charset "utf-8";
/* === === === === === === === ===
written by: Grupo Fábrica
written for: Helena Brito
=== === === === === === === === */
html, body {
	height:100%;
	min-height:100%;
}

body {
	background: url(../images/fundo.jpg);
	font-size: 62.5%;
	font-family: Arial,Helvetica,sans-serif;
	color:#333333;

}

.clear { clear:both; }

.wrapper {
	position:relative;
	width:98em;
	margin:auto;
}

#logo {
	position:absolute;
	background: url(../images/logo.png);
	width:24.5em;
	height:17em;
	top:0;
	left:0;
	z-index:9;
}

.bottom {
	position:relative;
	width:98em;
	margin:auto;
}

#shadowleft {
	background: url(../images/shadowleft.png);
	background-repeat: repeat-y;
	float:left;
	width:98em;
}
#middle {
	background:#fafafa;
	margin-left:1em;
	width:96em;
}
#shadowright {
	background:url(../images/shadowright.png);
	background-repeat: repeat-y;
	background-position: right;
	float:right;
	width:98em;
}
#shadowbottom {
	position:relative;
	float:left;
	background:url(../images/shadowbottom.png) no-repeat;
	width:96em;
	height:2em;
}
#leftcorner {
	background: url(../images/shadow_bottom_corner_left.png);
	width:1em;
	height:2em;
	float:left;
}
#rightcorner {
	background: url(../images/shadow_bottom_corner_right.png);
	width:1em;
	height:2em;
	float:left;
}

#topheader {
	position:relative;
	width:100%;
	line-height:5.8em;
	height:6.8em;
	background:url(../images/topbg.png) repeat-x;
	z-index:2;
	text-align:right;
}

/*
normal:707070
hover:a72e37
*/
.menu { margin:0; list-style:none; height:6em; position:absolute; right:0;  }
.menu li.top {display:block; float:left; position:relative;}

.menu li a.top_link,
.menu li a.top_link_active
 {
	display:block;
	float:left; height:70px;
	line-height:6em; color:#898989;
	text-decoration:none; font-size:11px;
	font-weight:bold;
	cursor:pointer;
}

.menu li a.top_link:hover { color:#a72e37;}

.menu li a.top_link_active {
	color:#a72e37;
}

.menu li a.top_link span,
.menu li a.top_link_active span {
	float:left;
	font-weight:bold;
	display:block;
	height:70px;
	padding: 0 10px;
}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub { left:20px; top:61px; right:2px; background:url(../images/crumbbg.png); padding:0; border-left:1px solid #3d3433; border-right:1px solid #3d3433; white-space:nowrap; width:150px; height:auto;}
.menu :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:150px;
	text-align:left;
	border-bottom:1px solid #3d3433;
}
.menu :hover ul.sub li a { font-weight:normal; display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none;  }
.menu :hover ul.sub li a:hover {background:#5b0005; color:#fff;}




#bannerarea {
	position:relative;
	height:18em;
	width:100%;
	z-index:1;
	top:-0.8em;
}
#crumb {
	position:absolute;
	color:#FFF;
	bottom:0;
	left:0;
	width:100%;
	height:2em;
	line-height:2.4em;
	background: url(../images/crumbbg.png) repeat-x;
	text-align:right;
}
#crumb span { font-size:9px; margin-right:1em;}
#crumb span a { text-decoration:none; color:#FFF;}
#crumb span a:hover { color:#bd9f67;}
#bannersep {
	position:relative;
	top:-0.8em;
	width:100%;
	height:0.4em;
	background:url(../images/banner_sep.png) repeat-x;
}
#contentarea {
	position:relative;
	top:-0.8em;
	background: #fafafa url(../images/contentbg.png) repeat-x;
}
#barralat {
	background:url(../images/crightbg.png) repeat-y;
	float:left;
	margin:1em 0 0 1em;
	width:93.8em;
}
#content {
	margin-left:20em;
	width:73.7em;
}
#footertop {
	padding:1em;
	margin-top:0;
}
#footertop #proc { float:right; width:16em;}
#footertop #proc ul { line-height:2em; font-size:12px;}
#footertop #proc ul li { background:url(../images/seta.png) no-repeat; background-position:left; text-indent:1em;}
#footertop #proc ul li a { text-decoration:none; color:#000;}
#footertop #proc ul li a:hover { color:#bd9f67;}
#footer {
	position: relative;
	height:3.8em;
	line-height:3.8em;
	background: url(../images/footerbg.png);
	bottom:-0.8em;
	text-align:center;
	width:100%;
}
#footer span { font-size:12px; color:#b4a98a;}
#footer span a { text-decoration:none; color:#b4a98a;}
#footer span a:hover { text-decoration:underline;}