/*Estilos Site Esys Colibri*/
/*Autores - design(css/xhtml) - Rubens - mktdesign
            programação(.net) - Sandro - desenvolvimento web */

body
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	background-image: url(img/background_2.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #000;
}

table
{
	width: 100%;
	border: 0px;
}
td
{
	vertical-align: top;
}
ul li
{
    list-style:none;
}

/*links*/
a
{
	color: #000000;
	text-decoration: none;
}
a:active
{
	color: #000000;
	text-decoration: none;
}
a:hover
{
	color: #2b60a6;
	text-decoration: none;
}
ul
{
    list-style-type:square;
    list-style-position:outside;
}

/*estrutura*/
#topo
{
    width:900px;
    height:53px;
    text-align:left;
    vertical-align:baseline;
    margin:0;
    padding:0;
}
#menu
{
	background-color: #024597;
	width: 900px;
	height:28px;
	margin:0 0 4px 0;
	padding:0 0 0 0;
}
#menu_lateral
{
	width: 100%;
}
#conteudo
{
	width: 900px;
	text-align: left;
	
}
#conteudo_principal
{
    background:url(img/background.jpg) no-repeat center;
    vertical-align:baseline;
    width:900px;
    height:460px;
    border:0;
	padding:0px;
	margin:0;
}
#conteudo_principal .ladoesquerdo
{
    float:left;
    width:62%;
    height:100%;
    vertical-align:bottom;
}
#conteudo_principal .ladodireito
{
    float:right;
    width:38%;
    height:100%;
}
#conteudo_secundario
{
    width:900px;
	height:350px;
	margin:0;
	padding:0;
	border:0;
}
.conteudo_secundario_esquerdo
{
	background-color: #d4d4d4;
	width: 180px;
	padding:6px;
	margin:0;
}
.conteudo_secundario_direito
{
	background-color: #FFF;
	font-size: 12px;
	width:675px;
	padding:10px;
	margin:0;
}
.conteudo_secundario_rodape
{
    background:#fff;
    padding:6px;
}
#rodape
{
	color: #FFFFFF;
	width:900px;
	margin:0;
	height:70px;
}
#rodape .rodapeesquerda
{
    width:60%;
    float:left;
    text-align:left;
}
#rodape .rodapedireita
{
    width:40%;
    float:right;
    text-align:right;
    margin:20px 0 0 0;
}
#rodape a
{
	color: #000;
	text-decoration: none;
}
#rodape a:active
{
	color: #FFF;
	text-decoration: none;
}
#rodape a:hover
{
	color: #FFF;
	text-decoration: none;
}
#button .buttonlogin
{
	padding: 6px 14px;
	color: #FFF;
	font-size: 10px;
	background-color: #024597;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#button a:hover
{
	padding: 6px 14px;
	color: #FFF;
	font-size: 10px;
	background-color: #00377b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#button .img_lock
{
    padding: 0 0 5px 0;
}
	
/*Login*/
#box_login
{
	padding: 20px 4px 14px 4px;
	color: #FFF;
	font-size: 10px;
	background-color: #0c3e7b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#arealogin
{
    text-align:left;
    margin:5px;
    padding:5px;
    width:200px;
    background-color:#123056;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#arealogin .arealogin_esquerda
{
    text-align:left;
    width:20%;
}
#arealogin .arealogin_direita
{
    text-align:left;
    width:80%;
}
#box_login p
{
    padding: 0 0 2px 15px;
    margin:0px;
}
#box_login a
{
    color:#FFF;
}
#box_login a:hover
{
    color:#CCC;
    text-decoration:none;
}
.botao_login
{
	background-image: url(img/botao_login.png);
	width: 70px;
	height: 21px;
	border: 0px;
}
.botao_login_hover
{
	background-image: url(img/botao_login_hover.png);
	width: 70px;
	height: 21px;
	border: 0px;
}
/*Fecha Login*/

/*títulos, destaques e afins*/
p.titulo
{
    font-size:12px;
    font-weight:bolder;
    color:#00377b;
}
div.dest dl
{
	margin: 30px 0 0 0;
	color: #00377b;
	letter-spacing: 0.5px;
	}
div.dest dt{
	padding: 2px 0 2px 1.5em;
	list-style: none;
	font-weight:bold;
	background: url(img/bullet.jpg) no-repeat 0.3em;
	}
div.dest dt.dest
{
	padding: 2px 0 2px 1.5em;
	font-weight:bold;
	}
div.dest dd
{
    padding: 2px 0 2px 1.5em;
	margin:0;
	color:Black;
	}
div.dest a
{
	text-decoration: none;
	color: #00377b;
	border: none;
	-webkit-transition: color .3s linear;
	}
div.dest a:hover
{
	color:#2b60a6;
}

div.dest_redes dl
{
	margin: 6px 0 0 0;
	color: #FFF;
	letter-spacing: 0.5px;
}
div.dest_redes dt{
	padding: 2px 0 2px 5px;
	list-style: none;
	font-weight:bold;
	background: url(img/bullet.jpg) no-repeat 0.3em;
}
div.dest_redes dt.dest
{
	padding: 2px 0 2px 1.5em;
	font-weight:bold;
}
div.dest_redes dd
{
    padding: 2px 0 2px 1.5em;
	margin:0;
	color:Black;
}
div.dest_redes a
{
	text-decoration: none;
	color: #FFF;
	border: none;
	-webkit-transition: color .3s linear;
}
div.dest_redes a:hover
{
	color:#CCC;
}
	
hr
{
    border-bottom: solid 1px #fff;
}
.barrabottontitulo
{
    border-bottom: solid 1px #173f71;
}
.img_borda
{
    padding:5px;
}
.img_noborder
{
    border:none;
}
/*Fecha títulos, destaques e afins*/

/*Home lado direito*/
#box_geral
{
    width:100%;
    height:400px;
    margin:3px auto;
    padding:0;
}

#box_chamada_principal
{
    vertical-align: top;
    height:240px;
	display: block;
	margin: 2px 3px 0 0;
	padding: 6px 4px 0 4px;
	background: #c9d8eb;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#box_redes
{
    margin:5px 0 0 0;
	padding:0;
	height:41px;
	width:auto;
	background-image: url(img/box_colibri_inside.jpg);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;    
}
#box_redes_direita
{
    float:right;
    width:35%;
    padding:7px 0 0 0;
}
#box_redes_esquerda
{
    float:left;
    width:65%;
}

#box_chamada_secundaria
{
    vertical-align: top;
    height:195px;
	display: block;
	margin: 2px 3px 0 0;
	padding: 6px 4px 0 4px;
	background: #c9d8eb;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#box_chamada_principal .img_destaque,#box_chamada_secundaria .img_destaque
{
    text-align:center;
    margin:0px;
    padding:0px;
    height:70px;
}
    
/*
#box_chamada_principal .image_side,#box_chamada_secundaria .image_side
{
    float:left;
    vertical-align:top;
    width:35%;
}
#box_chamada_principal .text_side,#box_chamada_secundaria .text_side
{
    float:right;
    vertical-align:top;
    width:65%;
}
*/

/*Fecha Home lado esquerdo*/

/*elementos da parte lateral*/

.box_chamada_lateral
{
    background:#fff;
	padding: 10px 6px;
	margin: 0;
	width: 163px;
	height: 80px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.box_chamada_loginbi
{
	background: #F3F3F3;
	padding: 10px 6px;
	width: 100%;
	height: 80px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.box_chamada_loginbi td
{
	padding-bottom: 5px;
}

.botao_bi
{
	background-image: url(img/botao_bi.png);
	width: 70px;
	height: 22px;
	border: 0px;
}
.botao_bi_hover
{
	background-image: url(img/botao_bi_hover.png);
	width: 70px;
	height: 22px;
	border: 0px;
}

.titulo_small
{
	color: #FF9900;
	font-size:12px;
	font-weight:bold;
}
.titulo_big
{
	color: #FF9900;
	font-size:18px;
	font-weight:bold;
}
.style_border_titulo {
	BORDER-BOTTOM: #000000 1px solid; 
	PADDING: 0; 
}
.titulos_laranja {
	color: #FF9900;
	font-size:18px;
	font-weight:bold;
}
.titulos_laranja_small {
	color: #FF9900;
	font-size:12px;
	font-weight:bold;
}
.Texto_titulo_azul {
	color: #003399;
	font-size:14px;
	font-weight:bold;
}
.style_border_for_image {
	BORDER: #FFFFFF 4px solid; 
	PADDING:1px;
}
.style_border_for_forms {
	BORDER: #999999 1px solid; 
	PADDING: 1px;

}	
.style_border {
	BORDER: #E4E4E4 1px solid; 
	PADDING: 1px; 
}
.style_border_esquerda {
	BORDER-LEFT: #E4E4E4 1px solid; 
	PADDING: 1px;
}
/*styles for clientes*/
#espaco
{
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    border: #E4E4E4 1px solid;
}
/*fecha styles for clientes*/
/*estilos PAF-ECF*/
#listas>p
{
    font-weight:normal;
    font-variant:normal;
    padding: 10px 0 10px 0;
    margin:0;
}
div.comicon
{
    vertical-align:text-bottom;
    font-size:1.4em;
    margin:0;
    padding:2px;
}
div.bottom
{
    border-top:#E4E4E4 1px solid;
    padding:10px 0 0 0;
}
#legislacao> tr td
{
    width:100%;
    border:0;
    margin:0;
    padding:5px;
    vertical-align:top;
}
/*fecha estilos PAF-ECF*/

.img_logo_inside
{
    padding:0;
    margin:0 0 5px 0;
    border:none;
}