html, body  {height:100%;margin:0px;padding:0px;}

.ativo h1 a {outline:none;}

body {
	margin:0px;
	padding:0px;
	font-family:arial;
	background-image:url("../imgs/bg_body.jpg");
	background-repeat:repeat-x;
}
img {border:none;}

#pagina {
	width:900px;
	margin:0px auto;
	min-height:100%;
	height:auto;
}
.last {border:none!important;}

/*===========================================
BOXES
============================================*/
.box {
	width:285px;
	float:left;
	margin:10px 0px;
}
.box .painel a {text-decoration:none;color:#717171;}
.box .painel a em {text-decoration:underline;font-style:normal;}
.box h2 {
	color:#dc0211;
	font-size:20px;
	font-weight:normal;
	position:relative;
	width:100%;
	margin:5px 0px;
	text-transform:uppercase;
	font-family:Helvetica!important;
}
.box h2 a {
	position:absolute;
	right:0px;
	top:2px;
}
.noticia .painel {padding-right:0px!important;}

/*===========================================
TOPO
============================================*/
#menu p {
text-align:right;
padding-top:18px;
position:relative;
}
#menu a.logo {
margin:0px!important;
position:absolute;
left:5px;
top:0px;
}
#menu a {
color:#717171;
font-size:13px;
padding:0px 3px;
margin:0px 8px;
text-decoration:none;
font-family:'Helvetica';
display:inline-block;
}
#menu a:hover {color:black;;}
#menu a.ativo {
	color:#dc0211;
	background-image:url("../imgs/bg_ativo.png");
	height:28px;
	line-height:28px;
	position:relative;
}
#menu a.ativo span {
	background-repeat:no-repeat;
	height:28px;
	top:0px;
	position:absolute;
	width:11px;
	display:block;
}
#menu a.ativo span.left {background-image:url("../imgs/border_left.png");left:-10px;}
#menu a.ativo span.right {background-image:url("../imgs/border_right.png");right:-10px;}

/*===========================================
PAINEL
============================================*/
.container {
	font-size:12px;
	position:relative;
	color:#717171;
}
.painel {
	overflow:hidden!important;
	padding:0px 10px;
}
.painel p {margin:0px 0px 10px 0px;}

.container h1 {
	background-image:url("../imgs/bg_h.jpg");
	background-repeat:repeat-x;
	min-height:42px;
	font-size:14px;
	font-family:Helvetica!important;
	text-transform:uppercase;
	margin:0px;
	font-weight:normal;
	line-height:42px;
}
.container h1 a {text-decoration:none;color:#f2999f;display:block;padding-left:10px;}

/*===========================================
COLUNA RIGHT
============================================*/ 
#col_right {
	float:right;
	width:242px;
}
#col_right #noticias {
	background-image:url("../imgs/bg_news_right.png");
	background-repeat:no-repeat;	
}
#col_right #contato {
	background-image:url("../imgs/bg_contato_lateral.png");
	background-repeat:no-repeat;
}

#col_right #parcerias {
	background-image:url("../imgs/bg_parcerias_lateral.png");
	background-repeat:no-repeat;
}
#col_right #solucoes {
	background-image:url("../imgs/bg_solucoes_lateral.png");
	background-repeat:no-repeat;
}

#col_right #trabalhe {
	background-image:url("../imgs/bg_trabalhe_right.png");
	background-repeat:no-repeat;
}


#box1, #box2, #box3 {background-repeat:no-repeat;}
#box1 {background-image:url("../imgs/webmail.jpg");}
#box2 {background-image:url("../imgs/trabalhe.jpg");}
#box3 {background-image:url("../imgs/woman.jpg");}

#col_right #noticias .painel,
#box2 .painel {padding-right:110px;}

#col_right #contato .painel,
#col_right #solucoes .painel,
#col_right #parcerias .painel,
#col_right #trabalhe .painel {padding-right:120px;}
#col_right .painel a {text-decoration:none;color:#717171;}


#col_right .ativo {
	background-color:white;
}
#col_right .ativo h1 {background:none!important;font-weight:bold;}
#col_right .ativo h1 a {color:black;}
/*===========================================
COLUNA LEFT
============================================*/
#col_left {
	font-size:11px;
	width:640px;
	float:left;
	color:#717171;
	margin-bottom:20px;
}

h1 {color:#DC0211;font-weight:normal;font-size:20px;text-transform:uppercase;}
/*===========================================
RODAPE
============================================*/
#footer {
	background-color:#eeeeee;
	height:80px;
	position:relative;
	font-size:11px;
	color:#969696;
	padding-top:10px;
	margin-top:20px;
}
#footer div {
	width:900px;
	margin:0px auto;
}
#footer div strong {display:block; font-weight:normal;}
#footer div p {
	position:relative;
	float:left;
	width:480px;
}
#footer div p.endereco {
border-right:dotted 1px #969696;
padding-left:90px;
padding-top:5px;
min-height:30px;
margin-right:15px;
width:310px;
}
#footer div p.endereco img {
	position:absolute;
	top:0px;
	left:0px;
}
#footer div a {color:#969696;}
#footer div img {vertical-align:middle;margin-right:5px;}
#footer div a.suagencia {
	position:absolute;
	right:0px;
	top:5px;
}
/*===========================================
POPUP
============================================*/
 #fundo_escuro {
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:10;
	top:0px;
	left:0px;
}
.popup {
	display:block;
	position:absolute;
	z-index:11;
	width:100%;
	top:0px;
	left:0px;
}
#popup_ombudsman .janela {
	width:365px;
	height:auto;
	margin:auto;
	background-color:white;
	margin-top:100px;
	padding:10px 10px;
	position:relative;
}
#popup_ombudsman #fechar {
	display:block;
	text-align:right;
	height:27px;
	line-height:27px;
	position:absolute;
	top:-29px;
	right:5px;
}
#popup_ombudsman #fechar a {
	color:white;
	FONT-SIZE:11px;
	margin:0px;
	text-decoration:none;
}