/********************************** SCREEN ***********************************/
@media screen {

/* TAGs  */
BODY {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#999999;
	background-image: url(imagens/atendimento_procon.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	color:#FFF;
	text-align:center;
}

BODY,TD,INPUT,SELECT,TEXTAREA{font-size:10px}

TH{font-size:12px;font-weight:bold;}

H1,H2,H3,H4,H5,H6{margin:0px;font-weight:bold;color:#113E7F;background-color:transparent;}
H1{font-size:26px}
H2{font-size:20px}
H3{font-size:18px}
H4{font-size:14px}
H5{font-size:12px}
H6{font-size:10px}

BODY,TD,TH,H1,H2,H3,H4,H5,H6,INPUT,SELECT,TEXTAREA{font-family:Verdana,Arial,Helvetica,sans-serif}

FORM{margin:0px}

IMG{border:0px}

HR{height:1px;color:#BACAD3;}


#barra_sp {
	position:relative; /*Isto é para posicionar o '#topo #data' e '#categorias_destaque' */
	width:800px;
	margin:0px auto;
	text-align:center;
	background:#FFF;
}


/* Geral */
#geral {
	position:relative; /*Isto é para posicionar o '#topo #data' e '#categorias_destaque' */
	width:800px;
	margin:0px auto;
	text-align:center;
	background:#FFF;
}

/* Topo */
#topo {
	width:800px;
	height:76px;  /*105px*/  /*114px-padrao*/  /*76-compacto normal*/
/*	border-top:9px solid #163D7C; 9px */  /*removido devido à barra do cqgp */
	border-bottom:6px solid #FFF;  /*9px*/ /*12px*/ /* Tamanho da faixa branca acima de #corpo, onde atualmente está a data */
	background:url("imagens/topo.gif") #E4E9EF;
	color:#163D7C;
}
BODY>#geral #topo{height:90px}  /*96px-padrao*/   /*76-compacto normal*/    /*Modificador para Firefox*/

#topo #procon {   /*logotipo do procon*/
	width:48px;   /*66*/  /*46*/
	height:47px;  /*65*/  /*47*/
	margin-top:4px;    /*4*/
	margin-left:16px;
	margin-right:0px;
	padding-top:6px;   /*6*/
	padding-left:5px;
	padding-right:12px;
	padding-bottom:13px;  /*13*/
	background:url("imagens/procon_fundo.gif") no-repeat;
	float:left;
}

 #topo #procon IMG {width:48px;height:47px}  /*para posicionar o logotipo, dentro da 'moldura'

#geral>#topo #procon{width:46px;height:45px;margin-left:32px;}/*w:46,h:45*/ /* w:63,h:64,margin-left:32px; */   /*Modificador para Firefox*/

#topo #imagem {  /* secretaria da justica...*/
	float:right;
	padding-right:15px;
	padding-top:5px
}

#topo #imagem IMG {width:140px; height:30px}  /*secretaria da justica...*/

#topo #tituloTopo {
	height:78px; /*82-antigo*/  /*62-compacto normal*/  /*Este tamanho determinará a altura da barra degradê abaixo das categorias-destaque*/
	padding-top:10px;
}
#tituloTopo .l1 {
	font-size:17px;
	color:#CCC;
	text-decoration:none
}
#tituloTopo .l2 {
	font-size:17px;
	color:#000;
}

#categorias_destaque {
	clear:both; 
	position:absolute;   /* Em relação a #geral */
/*  top: 111px; */  /* incluindo a barra_sp */
	top: 63px;
	left:163px;
	color:#163D7C;
	width:615px;
/*	top:-36px;  */  /*Em relação a #corpo*/
/*	left:165px; */
}
.label
{
    background-color:#deedf7;
}
.titulo_formulario
{
    background-color:#163D7C;
    color:#e6e6e6;
    font-weight:bold;
    text-align:center;
    font-size:14px;
}
#categorias_destaque A,
#categorias_destaque A:link,
#categorias_destaque A:active,
#categorias_destaque A:visited,
#categorias_destaque A:hover{text-decoration:none;color:#163D7C;}
#categorias_destaque A:hover{font-weight:normal}

#topo #data {
	position:absolute;  /* Em relação a #geral */
/*	top:135px;     /* posicionado abaixo da barra degradê */
/*	top:126px;     /* incluindo a barra_sp */
	top:78px;      /* posicionado na barra degradê, abaixo de cat. destaque */
	left: 5px;
	width:770px;
	margin-top:1px;
	color:#000000;
	text-align:right;
	font-size:8px;
	padding-right:3px;
}

#topo #puloMenu{display:none}

/* Corpo */
#corpo {
/*	position:relative; */  /* Isto era para posicionar o '#categorias_destaque' na barra do cabeçalho */
	width:800px;
	text-align:left;
	color:#000;
	background:url("imagens/menu_bg.gif") repeat-y #FFF;   /*desativar para menu tamanho fixo*/
}

/* Menu */
#menu {
	width:162px;
	float:left;
	padding-top:9px;
	background:url("imagens/menu_topo.gif") no-repeat;
}
#menu #corpoMenu {background:url("imagens/menu_bg.gif") repeat-y;}
#menu #corpoMenu FORM{margin:0px 5px 5px 3px}  /* Busca no site */
#menu #corpoMenu UL {
/*	margin:0px 0px 10px 0px;*/
	margin:5px 0px 5px 0px;
	padding: 0px;
	border-top:1px solid #BACAD3;
	list-style:none;
}
#menu #corpoMenu .UL2{border-top:0px;margin-top:-10px;}
#menu #corpoMenu LI {
	margin:0px;
	padding:2px 3px;
	border-bottom:1px solid #BACAD3;
}
#geral>#menu #corpoMenu LI{width:154px}   /*Modificador para Firefox*/
#menu #corpoMenu A{display:block;padding:1px 0px;}
#menu #corpoMenu A,#menu #corpoMenu A:link,
#menu #corpoMenu A:active,
#menu #corpoMenu A:visited,
#menu #corpoMenu A:hover{text-decoration:none;color:#163D7C;}
#menu #corpoMenu A:hover{font-weight:bold}

#menu #corpoMenu #atendimento{padding-top:0px; padding-bottom:5px}

#menu #corpoMenu #malaDiretaCad,
#menu #corpoMenu #malaDiretaCad LI,
#menu #corpoMenu #malaDiretaCad LI FORM{padding:1px;margin:0px; padding-bottom:2px;}  /*6px se forem 9 categorias*/
#menu #corpoMenu #malaDiretaCad .radio{height:13px}

#rodapeMenu {
/*	clear:left;  /*menu tamanho fixo*/
/*	float:left;  /*menu tamanho fixo*/
	clear:both;
	width:162px;
	height:9px;
	line-height:9px;
	font-size:9px;
	background:url("imagens/menu_rodape.gif") no-repeat;
}

/* Conteudo */
#conteudo {
	float:right;
	width:613px;
	padding-left:7px;
	padding-right:7px;
	overflow: hidden;
}
#geral>#corpo #conteudo{width:622px}   /*Modificador para Firefox*/
#conteudo #texto{width:590px}
#corpo>#conteudo #texto{width:auto}  /*Modificador para Firefox*/

#conteudo TD,#conteudo DIV{color:#000}

#conteudo A,#conteudo A:link,#conteudo A:active,#conteudo A:visited,#conteudo A:hover{text-decoration:none;color:#163D7C;}

#conteudo H3 A:hover{text-decoration:underline}

#conteudo #categoria{padding:10px 10px 0px 10px}
#conteudo #categoria H4{margin-bottom:5px}
#conteudo #categoria H4 A:hover{text-decoration:underline}
#conteudo #categoria .texto{padding:5px 0px 0px 0px;text-align:justify;}
#conteudo #categoria A,
#conteudo #categoria A:link,
#conteudo #categoria A:active,
#conteudo #categoria A:visited{margin:15px 0px 0px 0px}
#conteudo #categoria A:hover{font-weight:bold}

#conteudo #cursos #descricao A {font-weight:bold}
#conteudo #cursos #descricao A:hover{text-decoration:underline}

/* Rodapé */
#rodape {
	clear:both;
	width:800px;
	height:40px;
	border-top:8px solid #FFF;
	border-bottom:9px solid #E4E9EF;
	padding-top:5px;
	background-color:#163D7C;
	color:#FFF;
}
BODY>#geral #rodape{height:18px;}    /*Modificador para Firefox*/
#rodape .l1{float:left;padding-left:7px;}
#rodape .l2{float:right;padding-right:7px;}
#rodape A,#rodape A:link,#rodape A:active,#rodape A:visited,#rodape A:hover{text-decoration:none;color:#fff;background-color:transparent;}

/* Classes */

.l{text-align:left;width:auto;}
.c{text-align:center;width:auto;}
.r{text-align:right;width:auto;}
.j{text-align:justify;width:auto;}

.cBoth{clear:both}
.cRight{clear:right}

.cemPorCento{width:100%}

.lh1{line-height:1px}

.no{display:none}

.ulClean{margin:0px;padding:0px;list-style:none;}
.ulClean LI{margin:0px;padding:0px;list-style:none;}

.ulClean2{margin:0px;padding:5px 0px;list-style:none;}
.ulClean2 LI{margin:0px;padding:2px 0px;list-style:none;}

.olClean{margin:0px 0px 0px 25px;padding:0px;}
.olClean LI{margin:0px;padding:0px;}

.atencao{background:transparent;color:#C00;}
.corTexto{background:transparent;color:#000;}

}

/*********************************** PRINT ***********************************/
@media print {

/* TAGs  */
BODY {
	margin:0px;
	background-color:#FFF;
	color:#000;
	text-align:center;
}

BODY,TD,INPUT,SELECT,TEXTAREA{font-size:10px}

TH{font-size:12px;font-weight:bold;}

H1,H2,H3,H4,H5,H6{margin:0px;font-weight:bold;color:#000;background-color:transparent;}
H1{font-size:26px}
H2{font-size:20px}
H3{font-size:18px}
H4{font-size:14px}
H5{font-size:12px}
H6{font-size:10px}

BODY,TD,TH,H1,H2,H3,H4,H5,H6,INPUT,SELECT,TEXTAREA{font-family:Verdana,Arial,Helvetica,sans-serif}

FORM{margin:0px}

IMG{border:0px}

HR{height:1px;color:#000;}

/* Geral */
#geral{width:auto}

/* Topo */
#topo {
	height:114px;
	background-color:#FFF;
	color:#000;
}

#topo #procon {
	width:66px;
	height:65px;
	margin-top:4px;
	margin-left:16px;
	margin-right:0px;
	margin-bottom:0xp;
	float:left;
}
#geral>#topo #procon{margin-left:32px}

#topo #imagem{display:none}

#topo #tituloTopo {
	height:82px;
	font-size:17px;
	color:#000;
}
#geral>#topo #tituloTopo{height:57px}

#topo #data {
	float:right;
	margin-top:1px;
}
#geral>#topo #data{margin-right:22px}

#topo #puloMenu{display:none}

/* Corpo */
#corpo {
	width:auto;
	margin:0px auto;
	text-align:left;
	color:#000;
	background:url("imagens/p.gif") #FFF;
}

/* Menu */
#menu{display:none}
#rodapeMenu{display:none}

/* Conteudo */
#conteudo{width:auto;text-align:justify;}
/*#geral>#corpo #conteudo{margin-right:70px}*/
#conteudo #categoria{padding:10px}
#conteudo #categoria H4{margin-bottom:5px}
#conteudo #categoria .texto{padding:5px 0px}
#conteudo A,#conteudo A:link,#conteudo A:active,#conteudo A:visited,#conteudo A:hover{text-decoration:none;color:#000;}

/* Rodapé */
#rodape {
	clear:both;
	background-color:#FFF;
	color:#000;
	text-align:center;
	margin-top:5px;
	border-top:1px solid #000;
	padding-top:5px;
}
#rodape .l2{display:none}
#rodape A,#rodape A:link,#rodape A:active,#rodape A:visited,#rodape A:hover{text-decoration:none;color:#000;background-color:transparent;}

/* Classes */

.c{text-align:center;width:auto;}
.r{text-align:right;width:auto;}

.cBoth{clear:both}
.cRight{clear:right}

.cemPorCento{width:100%}
.setentaPorCento{width:50%}

.lh1{line-height:1px}

.no{display:none}
.noPrint{display:none}

.ulClean{margin:0px;padding:0px;list-style:none;}
.ulClean LI{margin:0px;padding:0px;list-style:none;}

.atencao{font-weight:bold}

}
/************************************ EOF ************************************/