html,body {
	padding:0;
	height:100%;
	margin:0px auto 0px auto;
	min-width:980px;
	font-family: 'Franklin Gothic', sans-serif;
	font-size: small;
}

h1, h2, h3 {font-size: 18px;}
h4, h5, h6 {font-size: 14px;}
a:link, a:visited{color: #373737; text-decoration: none;}
a:hover, a:active {color: #B4504E; text-decoration: underline;}

/**** Formata??o do M?dulo *****/
.Head{font-weight:bold;}
.Normal{font-size: 14px;}
.CommandButton {font-size: 9px; background:#ffffcc; color: #373737;}
.CommandButton a:link, .CommandButton a:visited {color: #373737 !important; text-decoration: none;}
.CommandButton a:hover, a:active {color: #B4504E; text-decoration: underline;}
.dnnActionMenuTag{margin-left:120px; width:70px;}

#geral {	
	position: relative; 
	margin: 0 auto;
	/*min-height:100%;*/
	background-image: url(imagens/bg_geral.png);
	background-repeat: repeat;
	float: left;
	width: 100%;
}

/**** Topo (header) *****/

#cabecalho {
	margin:0px auto;
	height:114px;
	max-width:1024px;
	z-index:100;
	padding-top: 8px;
	background-image: url(imagens/bgHeader.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#logo {
	float: left;
	height: 114px;
	width:245px;
	background-image: url(imagens/logo.png);
	background-repeat: no-repeat;
}

/******* Menu do portal ************/



/*---- Acessibilidade ---*/
#linkacessibilidade{
	width: 70%;
	position:relative;
	float: right;
	padding-top: 5px;
	display: block;
}
.Widgets{position: relative; z-index:1; float: right; display:inline-block; }
.Widgets span{position: relative; display:block;}
.Widgets input{border:none;}
.Widgets2{position: relative; margin-right:10px; z-index:0; float: right; display:inline-block;}
.Widgets2 span{position: relative; margin-right:20px; display:block;}
.fonte-contraste-pb  {display:none;}
.fonte-contraste{display:block;}

/******** Bot�es de ajustes de tamanho de fonte ************/
#TextSizeWidget_letrapequena.UnselectedWidget{background-image:url(imagens/ico_letra01.gif);}
#TextSizeWidget_letrapequena:hover, #TextSizeWidget_letrapequena.SelectedWidget {background-image:url(imagens/ico_letra01.gif);}
#TextSizeWidget_letramedia.UnselectedWidget{background-image:url(imagens/ico_letra02.gif);}
#TextSizeWidget_letramedia:hover, #TextSizeWidget_letramedia.SelectedWidget {background-image:url(imagens/ico_letra02.gif);}
#TextSizeWidget_letragrande.UnselectedWidget{background-image:url(imagens/ico_letra03.gif);}
#TextSizeWidget_letragrande:hover, #TextSizeWidget_letragrande.SelectedWidget {background-image:url(imagens/ico_letra03.gif);}

/*
/*---- Midias Sociais ----
#cabecalho #midias-sociais{
	height: 32px;
    float: left;
    right: -370px;
    top: 27px;
    position: relative;
    display: table;
}

#midias-sociais ul{
	margin:0px;
	padding: 0px;
	height: 32px;
	width: 200px;
}

#midias-sociais ul li{
	margin:0px;
	padding: 0px;
	height: 32px;
	list-style: none;
	display: inline;
}

#midias-sociais ul li a{
	text-decoration: none;
}

#midias-sociais ul li a#feed{
	background-image: url('imagens/rss.png');
	background-position: 0px 0px;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

#midias-sociais ul li a:hover#feed{
	background-position: 0px 65px;
}

#midias-sociais ul li a#you-tube{
	background-image: url('imagens/youTube.png');
	background-position: 0px 0px;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

#midias-sociais ul li a:hover#you-tube{
	background-position: 0px 65px;
}

#midias-sociais ul li a#instagram{
	background-image: url('imagens/instagram.png');
	background-position: 0px 0px;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

#midias-sociais ul li a:hover#instagram{
	background-position: 0px 65px;
}

#midias-sociais ul li a#facebook{
	background-image: url('imagens/facebook.png');
	background-position: 0px 0px;	
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

#midias-sociais ul li a:hover#facebook{
	background-position: 0px 65px;
}

#midias-sociais ul li a#twitter{
	background-image: url('imagens/twitter.png');
	background-position: 0px 0px;	
	width: 32px;
	height: 32px;
	float: left;
}

#midias-sociais ul li a:hover#twitter{
	background-position: 0px 65px;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 7px 0;
    
    /* Position the tooltip 
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
} */

/*---- Ouvidoria e Transpar�ncia ---*/
#linkTopo {
	width: 80px;
	float: right;
	/*padding-top: 5px;
	padding-left:10px;
	height: 36px;*/
	left:0px;
	top:0px;
	position:relative;
	display: table;
}
#linkTopo a {display: block;}
#linkTopo a:hover {text-decoration: none;text-decoration: underline;	color:#7f7f7f;}

.linkOuvidoria a {
    width: 119px;
    float: left;
    padding-left: 45px;
    padding-top: 8px;
    height: 30px;
    background-image: url(imagens/ico_ouv.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    z-index: 1;
    position: relative;
    top: 7px;
    left: 0px;
    font-size: x-small;
    text-transform: uppercase;
}

.linkOuvidoria a:hover {
	background-image: url(imagens/ico_ouv_hover.png);
	background-repeat: no-repeat;
}

.linkTransparencia a{
    width: 119px;
    float: left;
    padding-left: 35px;
    padding-top: 8px;
    height: 30px;
    background-image: url(imagens/ico_transp.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    z-index: 1;
    position: relative;
    top: 7px;
    left: 0px;
    font-size: x-small;
    text-transform: uppercase;
}

.linkTransparencia a:hover {
	background-image: url(imagens/ico_transp_hover.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}

/******* Fim Menu do portal ************/

#grafismo {
    background-image: url(imagens/grafismo.png);
    background-repeat: no-repeat;
    top: 230px;
    width: 704px;
    height: 700px;
    position: absolute;
    z-index: 0;
}

/*********TOPO*********/

#topo {
    height: 207px;
    max-width: 1024px;
    margin: 0 auto;
    display: table;
    padding: 30px;
    text-align: center;
    position: relative;
}

#topo img{
	max-width: 367px;
	margin: auto;
}



/*********FIM_TOPO*********/


/****** Conte?do ********/

#conteudo {
    max-width: 1024px;
    margin: 0 auto;
    display: table;
    /* background-image: url(imagens/conteudo_background.png); */
    background-color: #fff;
    padding: 30px 20px;
    z-index: 1;
    position: relative;
}

#conteudo:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

#bcrumbs {position: relative; width:550px; top:10px; left:240px; font-size:11px; color: #999; font-style:italic;}
#bcrumbs a:link, #bcrumbs a:visited {color: #999; display:inline-block;}
#bcrumbs a:hover, #bcrumbs a:active {color: #373737;}
#login {
    position: relative;
    width: 80px;
    float: right;
    padding: 5px;
    margin: 10px;
    z-index: 2;
    text-align: center;
    vertical-align: top;
    top: -20px;
}
#login a:link, #login a:visited {color: #f0f0f0; display:inline-block;}
#login a:hover, #login a:active {color: #a65858;}

#main_admin{
    position: relative;	
	padding: 0;
	background:#fff;
	top: 10px;
	margin-bottom: 20px;
	left: 50px;
	width: 60%;
}

#main_capa{
    position: relative;	
	padding: 0;
	background:#fff;
	top: 0px;
	left:0px;
	float:left;
	width: 475px;
	display: inline-block;
}
#main{
    position: relative;	
	padding: 0;
	background:#fff;
	top: 0px;
	left:0px;
	float:left;
	width: 710px;
	display: inline-block;
}

#dnn_ContentPane{
	position: relative;
	/*z-index:0;*/
	display: block;
}


/****Terceira coluna *******/
#dnn_Coluna3{
	position: relative;
	left: 0px;
	top:0px;
	width:210px;
	/*z-index:0;*/
	float: right;
	display: inline-block;
	margin:0 0 0px 30px;
}


/**** Menu lateral *******/
#dnn_menu{
	position: relative;
	top: 0px;
	left:5px;
	margin:0 35px 30px 0;
	width:210px;
	float:left;
	/*z-index:1000;*/
}

/*Define o estilo dos itens que comp?em o menu*/
ul#ulMenu, ul#ulMenu ul {
    padding: 0;
    list-style: none;
    width: 1050px;
    margin: auto;
}

/*Define posi??o e estilo de cada item de menu e submenu*/
ul#ulMenu li {
    height: auto;
    width: auto;
    display: inline;
    float: left;
    text-align: center;
}

/*Define o estilo dos HREFs contidos em cada item de menu e submenu*/
ul#ulMenu li a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: auto;
    padding: 15px;
    margin: 0;
    z-index: 100;
    text-transform: uppercase;
    font-family: 'Franklin Gothic', sans-serif;
    width: 205px;
}

ul#ulMenu a:hover{
	background:#666;

}

/*
ul#ulMenu li ul li a:link {
    background: #943133;
    color: #fff;
    position: relative;
    text-decoration: none;
    display: block;
    height: auto;
    padding: 10px;
    margin: 0;
    z-index: 100;
}*/

#ulMenu li ul{ /* second-level lists */
	width: 140px;	
	z-index:100;
	background: #f0f0f0;
}


/*Trabalhando a seta e fundo dos itens de menus*/
ul#ulMenu li.submenuCom {background:#943133;z-index:100;display: block;z-index:1000; position:relative;}
ul#ulMenu li.submenuSem {    background: #943133;;z-index:100;display: block;z-index:1000;}

/*Estilo que determina o comportamento do objeto quando se passa o mouse nos itens de menu e submenu*/
ul#ulMenu li ul li a:hover {
    background: #ccc;
    color: #943133;
    z-index: 1000;
}

ul#ulMenu li a:hover {
    background: #ccc;
    color: #943133;
	z-index:1000;
}

/*Posicionamento dos submenus - quando houver*/	
ul#ulMenu ul {
    background: #943133;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 45px;
    display: none;
    z-index: 1000;
}

/*Inicializando os submenus sem dar o display*/
ul#ulMenu li:hover ul ul,
ul#ulMenu li:hover ul ul ul,
ul#ulMenu li.over ul ul,
ul#ulMenu li.over ul ul ul,
ul#ulMenu li.over ul ul ul ul { display: none; z-index:1000;background: #c97b7b; top:50px;}

/*Dando o display nos submenus quando se passa o mouse*/
ul#ulMenu li:hover ul,
ul#ulMenu li li:hover ul,
ul#ulMenu li li li:hover ul,
ul#ulMenu li.over ul,
ul#ulMenu li li.over ul,
ul#ulMenu li li li.over ul,
ul#ulMenu li li li li.over ul { display: block; z-index:1000; background: #c97b7b;} /* The magic */	

/**** Fim Menu lateral *******/

#dnn_Coluna1 {
    margin: 0px;
    float: left;
}

#Coluna1_internas {
    margin: 0px;
    float: left;
}

#dnn_Coluna2 {
    margin: 0;
    float: right;
    position: relative;
    top: 0;
}

/****** FIM Conte?do ********/


/**** Endere?o*******/
#rodape {
    font-family: 'Franklin Gothic', sans-serif;
    color: #333;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 20px auto;
}

#rodape p{
	margin: 0;
}

/****** FIM Mega Menu ********/

/**** Admin *******/

#conteudo_admin {
	margin:0 auto;
	padding:0px;
	background: #fff url(imagens/bgConteudo.jpg) ;
	background-repeat: repeat-x;
	background-position: center top;
}
}
#conteudo_admin:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#continterno_admin {
	width:960px;
	margin:30px auto;
}

#bcrumbs_admin {
    margin: auto;
    width: 980px;
    top: -15px;
    left: -20px;
    font-size: 12px;
    color: #333;
    font-style: italic;
    position: relative;
    display: none;
}

#bcrumbs_admin a:link, #bcrumbs_admin a:visited {color: #943133; display:inline-block;}
#bcrumbs_admin a:hover, #bcrumbs_admin a:active {color: #373737;}

#main_admin{
    position: relative;	
	padding: 0;
	background:#fff;
	top: 0px;
	left:30px;
	margin:0 22px 20px 0;
	width: 620px;
	display:table;
	
}

/**** Menu lateral *******/
.menu_admin {
    position: relative;
    top: 0px;
    width: 100%;
    float: left;
    z-index: 100;
    background-color: #943133;
}

/****** FIM Admin ********/


.txtTexto{
	width: 300px !important;
    padding: 10px;
    font-family: 'Franklin Gothic', sans-serif;
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #eee;
    float: left;
    border: 1px solid #999;
}

.txtPeriodo{
	width: 110px !important;
    padding: 10px;
    color: #666;
    font-size: 14px;
    background-color: #eee;
    border: 1px solid #999;
    cursor: pointer;
}

.dvlivreto55{
	text-align: center;
}

.dvlivreto55 img{
    margin-top: 50px;
    margin-left: 55px;
}