/* zerando e padronizando *************************************************/

* {margin:0;padding: 0;list-style: none;border: 0;text-decoration: none;}
:focus {outline: 0;}
table {border-collapse: collapse;width: 100%;}
html, body {height: 100%;}
hr {display: none;}
input.zerado {border: 0;}
h2, h3, h4, h5, h6 {font: bolder 100%/100% helvetica, 'trebuchet ms', verdana, sans-serif;}
h2 {color:#22679E;font-size: 17px;}
/**************************************************************************/


body {
background: #fff;
font-family: tahoma, verdana, sans-serif;
text-align: center;
position: relative;
}
#geral {
width: 780px;
text-align: left;
margin: 0 auto;
overflow: hidden;
}
#topo {
min-height: 290px;
_height: 290px;
position: relative;
vertical-align: top;
}
#area_restrita {
float: right;
height: 100px;
width: 280px;
}
#menu_painel {
clear: both;
height: 160px;
}
#corpo {
clear: both;
padding-bottom: 40px;
}
#sidebar {
background: transparent url(img/bg_sidebar.jpg) no-repeat left top;
padding-top: 20px;
float: left;
height: 100%;
width: 196px;
overflow: hidden;
font-size: 11px;
}
#sidebar_servicos {
float: left;
height: 100%;
width: 196px;
overflow: hidden;
font-size: 11px;
}
.servicos #sidebar {
background: transparent url(img/bg_sidebar.jpg) no-repeat left top;
padding-top: 20px;
float: none;
height: 100%;
width: 196px;
overflow: hidden;
font-size: 11px;
}
#miolo {
width: 310px;
height: 100%;
float: left;
margin-right: 38px;
padding: 20px 0 0 20px;
font-size: 12px;
color: #8D8D8D;
overflow: hidden;
}
.empresa #miolo {width: 384px;}
.servicos #miolo {width: 560px;margin: 0;}
.servicos_interno #miolo {width: 385px;}
.clientes #miolo {width: 560px;margin: 0;}
.noticias #miolo {width: 560px;margin: 0;} 


#div_apoio {
width: 216px;
height: 100%;
float: right;
padding: 20px 0 0 0;
overflow: hidden;
}
.empresa #div_apoio {width: 142px;}
.servicos_interno #div_apoio {width: 141px;}

#rodape {
clear: both;
height: 47px;
text-align: center;
background: #F2F2F2;
display: table;
width: 100%;
margin-top: 40px;
text-align: center;
border-top:#e3e3e3 1px solid;
}

/***** TOPO *****/
#topo h1 {
height: 56px;
width: 200px;
padding: 40px 0 36px 0;
float: left;
}
#topo h1 a {
display: block;
text-indent: -99999px;
overflow: hidden;
height: 56px;
width: 200px;
background: transparent url(img/logo.jpg) no-repeat left top;
}
#topo h1 a:hover {background: transparent url(img/logo_on.jpg) no-repeat left top;}

#area_restrita h2 {
margin: 26px 0px 6px;
}
#area_restrita label{
	color: #595959;
	font-size: 11px;
	height: 34px;
	width: 126px;
	float: left;
}
#area_restrita label input {
	border: 1px solid #C6C6C6;
	background: #fff;
	color: #21669F;
	font-size: 11px;
	height: 18px;
	margin-top: 5px;
	padding-top:2px;
}
#area_restrita label input:focus {border: 1px solid #2DA0DF;}
#area_restrita input.botao_enviar {float: left;margin: 19px 0 3px;border:none;}
#area_restrita form {min-height: 45px;}
#area_restrita p {}
#area_restrita p a {
	color: #1C7FB6;
	font-size: 0.7em;
	text-decoration: underline;
	padding-bottom: 2px;
}
#area_restrita p a:hover {color: #2DA0DF;}

/***** MENU *****/
#menu_painel ul {float: left;width: 196px;}
#menu_painel ul li a {
height: 40px;
width: 196px;
text-indent: -99999px;
overflow: hidden;
display: block;
}
#menu_painel ul li a.menu_home{background: transparent url(img/menu_home.jpg) no-repeat left top;}
#menu_painel ul li a.menu_empresa{background: transparent url(img/menu_empresa.jpg) no-repeat left top;}
#menu_painel ul li a.menu_servicos{background: transparent url(img/menu_servicos.jpg) no-repeat left top;}
#menu_painel ul li a.menu_clientes{background: transparent url(img/menu_clientes.jpg) no-repeat left top;}

#menu_painel ul li a.menu_home:hover,.home #menu_painel ul li a.menu_home{background: transparent url(img/menu_home_on.jpg) no-repeat left top;}
#menu_painel ul li a.menu_empresa:hover,.empresa #menu_painel ul li a.menu_empresa{background: transparent url(img/menu_empresa_on.jpg) no-repeat left top;}
#menu_painel ul li a.menu_servicos:hover,.servicos #menu_painel ul li a.menu_servicos,.servicos_interno #menu_painel ul li a.menu_servicos{background: transparent url(img/menu_servicos_on.jpg) no-repeat left top;}
#menu_painel ul li a.menu_clientes:hover,.clientes #menu_painel ul li a.menu_clientes{background: transparent url(img/menu_clientes_on.jpg) no-repeat left top;}

/***** MENU SERVICOS *****/
.submenu_tt_servicos {
	background: transparent url(img/submenu_tt_servicos.jpg) no-repeat left top;
	height: 44px;
	width: 196px;
	text-indent: -99999px;
	overflow: hidden;
}
.menu_sidebar_servicos li a {
height: 27px;
width: 196px;
text-indent: -99999px;
overflow: hidden;
display: block;
}
.menu_sidebar_servicos li a.submenu_prest_servicos{background: transparent url(img/submenu_prest_servicos.jpg) no-repeat left top;}
.menu_sidebar_servicos li a.submenu_equip_comercializados{background: transparent url(img/submenu_equip_comercializados.jpg) no-repeat left top;}
.menu_sidebar_servicos li a.submenu_prev_patrimonio{background: transparent url(img/submenu_prev_patrimonio.jpg) no-repeat left top;}
.menu_sidebar_servicos li a.submenu_sist_projetos{background: transparent url(img/submenu_sist_projetos.jpg) no-repeat left top;height: 30px;}

.menu_sidebar_servicos li a.submenu_prest_servicos:hover{background: transparent url(img/submenu_prest_servicos_on.jpg) no-repeat left top;}
.menu_sidebar_servicos li a.submenu_equip_comercializados:hover{background: transparent url(img/submenu_equip_comercializados_on.jpg) no-repeat left top;}
.menu_sidebar_servicos li a.submenu_prev_patrimonio:hover{background: transparent url(img/submenu_prev_patrimonio_on.jpg) no-repeat left top;}
.menu_sidebar_servicos li a.submenu_sist_projetos:hover{background: transparent url(img/submenu_sist_projetos_on.jpg) no-repeat left top;height: 30px;}



/***** PAINEL *****/
.painel {
float: left;
background: #EAF3F8;
height: 160px;
width: 584px;
text-align: center;
overflow: hidden;
}


/***** SIDEBAR *****/
#sidebar h2 {margin: 0 0 20px 20px;font-size: 17px;}
#sidebar hr {
border-top: 1px solid #DFDFDF;
height: 1px;
clear: both;
display: block;
margin: 25px 0 20px 20px;
width: 166px;
}
#sidebar dl {width: 190px;}
#sidebar dl dt {
color: #404042;
font-size: 12px;
font-weight: bolder;
margin: 1px 0 2px 20px;
}
#sidebar dl dd {
color: #7E7E7E;
font-size: 10px;
margin: 1px 0 2px 20px;
}
#sidebar dl dd a {color: #1C7FB6; text-decoration:underline;}
#sidebar dl dd a:hover {color: #2DA0DF;}
#sidebar .banner {
margin: 20px 0 0 20px;
display: block;
width: 166px;
height: 181px;
}

/***** MIOLO *****/
#miolo h2 {margin-bottom: 10px;}
.noticias #miolo h3 {margin: 7px 0 1px;padding-top:2px;color: #191919;font-size: 18px;}
#miolo small.noticia_data {
	color: #6A6A6A;
	font-size: 10px;
	display: block;
	padding-top: 8px;
}
.noticia #miolo small.noticia_data {padding-top: 0;margin-bottom: 5px;height: 18px;}
#miolo p {
font-size: 12px;
color: #8D8D8D;
line-height: 1.4em;
margin-bottom: 1.4em;
text-align: justify;
}
#miolo ul.lista li{
	background: transparent url(img/ic_lista.jpg) no-repeat 2px center;
	padding: 2px 1px 2px 15px;
	margin: 1px 0 3px;
	color: #191919;
	font-size: 12px;
}
#miolo ul.lista li a{
	color: #1C7FB6;
	font-size: 12px;
}
#miolo ul.lista li a:hover {color: #2DA0DF; text-decoration:underline;}

.clientes #miolo ul li {
	float: left;
	display: inline;
	margin: 5px 6px 8px 1px;
}
#miolo p.noticia_texto {
	color: #191919;
	font-size: 11px;
	margin: 1px 0 10px;
	padding: 2px 0;
}
#miolo p.noticia_texto a{color: #191919;font-size: 11px;}
#miolo p.noticia_texto a:hover {color: #1C7FB6;text-decoration: underline;font-size: 11px;}
.voltar,.maisnoticias {
	text-align: right !important;
	font-size: 11px;
}
.voltar a,.maisnoticias a{color: #1C7FB6;text-decoration: underline;}
.voltar a:hover,.maisnoticias a:hover{color: #2DA0DF;text-decoration: underline;}

/***** BLOCO APOIO *****/
.bt_prestacao_servicos {
	background: transparent url(img/bt_prestacao_servicos.jpg) no-repeat left top;
	height: 106px;
	width: 216px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
}
.bt_prestacao_servicos:hover {background: transparent url(img/bt_prestacao_servicos_on.jpg) no-repeat left top;}
.bt_equipamentos_comercializados {
	background: transparent url(img/bt_equipamentos_comercializados.jpg) no-repeat left top;
	height: 106px;
	width: 216px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
}
.bt_equipamentos_comercializados:hover {background: transparent url(img/bt_equipamentos_comercializados_on.jpg) no-repeat left top;}
.bt_prevencao_patrimonio {
	background: transparent url(img/bt_prevencao_patrimonio.jpg) no-repeat left top;
	height: 106px;
	width: 216px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
}
.bt_prevencao_patrimonio:hover {background: transparent url(img/bt_prevencao_patrimonio_on.jpg) no-repeat left top;}
.bt_sistemas_projetos {
	background: transparent url(img/bt_sistemas_projetos.jpg) no-repeat left top;
	height: 106px;
	width: 216px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
}
.bt_sistemas_projetos:hover {background: transparent url(img/bt_sistemas_projetos_on.jpg) no-repeat left top;}

#div_apoio ul li {
padding-bottom: 10px;
}

.empresa #div_apoio p{font-size: 10px;color: #000;}
.empresa #div_apoio h3 {
	width: 141px;
	text-indent: -99999px;
	overflow: hidden;
}
.tec_seg {background: transparent url(img/tt_apoio_ccm.jpg) no-repeat left top;	height: 41px; margin: 0 0 8px;}
.netuno {background: transparent url(img/netuno.jpg) no-repeat left top; height: 91px; margin: 20px 0 8px;}
.linkseg {background: transparent url(img/linkseg.jpg) no-repeat left top; height: 91px; margin: 20px 0 8px;}

.servicos_interno #div_apoio ul li img{border:2px solid #1C7FB6;}


/***** RODAPE *****/
#rodape .limite_rodape {
	width: 780px;
	text-align: left;
	margin: 0 auto;
}
#rodape ul {float: left;height: 35px;padding:6px 8px;}
#rodape ul li{float: left;height: 25px;font-size:9px;color: #000;line-height: 2.5em;}
#rodape ul li a {font-size:10px;color: #000;padding: 0 5px;height: 25px;line-height: 2.5em;}
#rodape ul li a:hover {color: #2DA0DF; text-decoration: underline;}
#rodape p {
float: right;
font-size: 10px;
line-height: 2em;
padding: 10px 0;
height: 25px;
text-align: center;
color: #000;
}
#rodape p a {color:#E0881E;text-decoration: underline;}
#rodape p a:hover {color:#F29731;}

.destaque_ccm{
	color:#1f81b8;
	font-weight:600;
	text-align:left;
}