        /*Portal Pol?cia Civil SP*/
/*Autor: Prodesp*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

* {margin: 0; padding: 0;}

html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;
	height: 100%;
}

body {	
	color: #333 !important;
	font-size: 14px !important;
	background-color:#FFF !important;
	height: 100% !important;
        font-family: Arial, Verdana, Helvetica, sans-serif !important;
}

p {    font-size: 14px; margin-bottom: 10px; line-height: 22px;  }

img {border: none}

#content p{
	font-size: 14px;
        margin-bottom: 10px;
        line-height: 20px;
}

.img-right{
	float:right;
	margin:0 0 30px 20px;
}

.img-left{
	float:left;
	margin:0 30px 20px 0;
}

.text-uppercase{
	text-transform:uppercase;	
}

/* varios banners */
#content .banner{
	margin-bottom:20px;	
}

#content .bottom-0{
	margin-bottom:0 !important;
}

#content .bottom-20{
	margin-bottom:20px !important;
}

/* titulos */
h1.h1{
	color:#C00;
	font-size:24px;
	border-bottom:1px solid #C00;
	letter-spacing: -0.04em;
	margin-bottom:20px;
}

h2.h2{
	font-size:24px;
	letter-spacing: -0.04em;
	margin-bottom:10px;
	line-height:26px;
}

h3.h3{
	font-size:18px;
	font-weight:normal;
	letter-spacing: -0.04em;
	margin-bottom:10px;
}

h4.h4{
	font-size:18px;
	font-weight:bold;
	letter-spacing: -0.04em;
	margin-bottom:20px;
	line-height:26px;
}

h5.h5{
	background-color:#25283c;
	font-size:18px;
	color:#FFF;
	text-align:center;
	padding:4px 0 3px;	
	margin-bottom:20px;
}

h5.h5-danger{
	background-color:#C00;
}

h6.h6{
	font-size:16px;
	font-weight:bold;
	letter-spacing: -0.04em;
	margin-bottom:10px;
}

/* Links
-------------------------------------------------- */
a {
  color: #333;
  text-decoration: none;
}

p span a{
  color: #b94a48;  
  text-decoration: underline;
}

a:hover, a:focus {
  color: #C33;
  text-decoration: underline;
}

.url{
	text-decoration:underline;	
}

/* Botao Voltar */
p.voltar{
	display:block;
	clear:both;
	margin-top:20px;
}

p.voltar a:link, p.voltar a:visited, p.voltar a:active{
	background:url(../imagens/icon_voltar.gif) no-repeat left center;
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-left:18px;
}

/*compartilhar social*/
.compartilhar-social{
	margin:20px 0;
        display:block;
        float:none;
        clear:both;
}

/*Esconde texto de Acessibilidade*/
.esconder {
	display: block;
	height: 1px;
	width: 1px;
	left: -999em;
	overflow: hidden;
	position: absolute;
}

ul#breadcrumbs {
	color: #666;
	margin-bottom: 15px;
	font-size:12px;
}
ul#breadcrumbs li {
	padding: 0;
	display: inline;
	background: none;
	line-height:18px;
}
ul#breadcrumbs li a {
	display: block;
	padding-right: 12px;
	margin-right: 5px;
	background: url(../imagens/bullet-right_dupla.gif) no-repeat right center;
	float: left;
	color: #666;
	font-weight: normal;
	text-decoration:underline;
}

.banner .container{
	margin-bottom:15px;
}

/*logo*/
#logo{	
	display:block;
	float:left;
	width: 590px;
	height:120px;
	text-indent:-999em;
	background:url(../imagens/logo.png) no-repeat;
	margin-top:-3px;
}

/*logo*/
.logo{	
	display:block;
	float:left;
	width: 580px;
	height:100px;
	text-indent:-999em;
	background:url(../imagens/logo.png) no-repeat;
	margin-top:-3px;
}

/*redes sociais*/
.social, .barra_acessibilidade{
	margin-top:35px;
	float:right;
        margin-bottom: -15px;
}
 .barra_acessibilidade{
    margin-left: 30px;
 }

.social li, .barra_acessibilidade li{
	display:inline;
}

.social li a, .barra_acessibilidade li a{
	display:block;
	margin-left:10px;
	float:left;
	width:45px;
	height:45px;
	text-indent:-999em;
        background-image:url(../imagens/sprite_icon_social_png.png);
	background-repeat: no-repeat;
}

.social a.twitter{background-position: -92px 0px;}
.social a.facebook{background-position: -140px 0px;}
.social a.youtube{background-position: -45px 0px;}
.social a.instagram{background-position: 0px 0px;}

.barra_acessibilidade .btn_hc{
    cursor: pointer;
    background-image: url(../imagens/ico_contraste_on.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto 45px;
    margin: 1px 0;
}

.barra_acessibilidade .btn_vlibras{
    cursor: pointer;
    background-image: url(../imagens/icon_acessibilidade.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    background-size: auto 43px;
    margin: 1px 0;
}

/** animacao */
@-webkit-keyframes thumb {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1); }
}

.social a:hover, .heart:hover{
	-webkit-animation-name: thumb;
	-webkit-animation-duration: 200ms;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-timing-function: linear;	
}

/*parceiros*/
.parceiros{
	float:right;
	clear:right;
	margin-top:35px;
}

.parceiros li{
	display:inline;
}

.parceiros a{	
	font-size:12px;
	font-weight:bold !important;
	color:#666;
	border-left:1px solid #666;
	padding-left:5px;
	margin-left:5px;
}

.parceiros li:first-child a{
	border-left:none;
}

nav{ margin-bottom:13px; }

nav.home{ margin-bottom:0; }

#nav-main a:hover{
	background-color:#C33;
	-webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;	
}

#nav-main li.active a{ background-color:#C33; }

/* barra circulos da home */
#barra-circulos{
	background:url(../imagens/bg_barra_circulos.jpg);
	border-bottom:1px solid #F5F5F5;
	padding:20px 0;
	margin-bottom:20px;
}

#barra-circulos .row{ margin-bottom :0;}

#barra-circulos .circulos li{ margin-bottom:0; height:auto; width: 172px !important; }

.circulos li{
	list-style-type:none;
	text-align:center;
	height:130px;
	margin-bottom:20px;
        width: 172px !important;
}

.circulos3 li{
	list-style-type:none;
	text-align:center;
	height:130px;
	margin-bottom:20px;
        width: 236px !important;
}

.circulos li a{
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
        text-decoration:none !important;
}

.circulos3 li a{
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
        text-decoration:none !important;
}

.circulos li a:hover{	color:#C00; text-decoration:none !important; }

.circulos img{
	display:block;
	width:76px;
	height:76px;
	margin:0 auto 10px;
}

.circulos3 img{
	display:block;
	width:76px;
	height:76px;
	margin:0 auto 10px;
}
/* circulo usado no fale conosco */
.circulos-balao{ background:url(../imagens/bg_balao.png) no-repeat; }

.tilt{
	-webkit-transition: all 0.1s ease;
	   -moz-transition: all 0.1s ease;
	     -o-transition: all 0.1s ease;
	    -ms-transition: all 0.1s ease;
		transition: all 0.1s ease;
}

.tilt:hover{
	-webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
		 -o-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		    transform: rotate(-10deg);
}

/* NOT?CIAS HOME */
#slide-home{position:relative;}
#slide-home #slideshow{z-index:0; overflow:hidden; height:352px !important; }
#slide-home #slideshow .figure{margin: 0; display:block; height:230px;}
#slide-home #slideshow .figure a{display:block; }
#slide-home #slideshow .figure a img{display:block; width:435px; height:352px;}
#slide-home #slideshow .legend{position: absolute; top: 292px; padding:12px 40px 10px; height: 40px; background:#333333c7; margin:0; border:none; width: 355px; }
#slide-home #slideshow .legend p{margin:0;line-height:18px;text-align:left;height:35px;overflow:hidden; width: 365px; }
#slide-home #slideshow .legend p a{color:#fff; font-size:12px; text-decoration:none; font-weight:bold; width: 365px;text-shadow: 1px 1px 0px #000; }
#slide-home #nav-slide{z-index:100; width:435px; position:absolute;}
#slide-home #nav-slide span{display:block;}
#slide-home #nav-slide a{display:block; margin-top:-60px; height:60px; width:25px; background:#666; text-indent:-9999px; background:url(../imagens/arrow-slide-home.png) no-repeat;}
#slide-home #nav-slide a#prev{float:left; }
#slide-home #nav-slide a#next{float:right; background-position: -25px 0;}
#slide-home #nav-slide a#prev:hover{background-position:0 -60px;}
#slide-home #nav-slide a#next:hover{background-position:-25px -60px;}
#slide-home #nav-pag{text-align:center; width:100%; height:22px;margin-top:5px;}
#slide-home #nav-pag a{
	display:inline-block;
	background:#ccc;
	color:#ccc;
	margin:2px 2px -2px 2px;
	padding:0;
	height:8px;
	width:8px;
	font-size:0;
	text-indent:0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#slide-home #nav-pag a.activeSlide{border:2px solid #666;}

.destaque h2 {margin: 0 0 5px 0;color:#004087;font-size:12px;}
.destaque p{text-align:left !important;}
.destaque p a{font-size:14px; color:#000; text-decoration:none; font-weight:normal;line-height:20px;}
.destaque p a:hover{text-decoration:underline;color:#C33;}
.destaque {border-bottom:1px solid #CCC; padding: 0 0 3px 0; margin: 0 0 10px 0;}
.destaque.last{border-bottom:none; margin:0;padding-bottom:5px;}


/* link veja mais */
.mais a, .mais a:link, .mais a:visited{
	font-size:12px;
	font-weight:bold;
	color:#464646;	
        margin-bottom: 20px;
}

.mais a:hover{ color:#C33; }

.mais i{ margin-right:3px; }

.mais-outros{ text-align:right; }

.mais-outros a, .mais-outros a:link, .mais-outros a:visited{ font-size:16px; }

#delegacia_elet h1{
	text-indent:-999em;
	height:56px;
	background:#992626 url(../imagens/tit_delegacia_elet.png) 20px center no-repeat;
	margin-bottom:1px;
}

#delegacia_elet li{ list-style-type:none; margin-bottom:1px; }

#delegacia_elet li a{	
	font-size:12px;
	font-weight:bold;
	display:block;
	background-color:#E9E9E9;
	padding:10px 20px 10px;
	line-height:12px;
}

.box{
	border:1px solid #CCC;
	border-radius:4px;	
	padding:10px 20px;
	height:276px;
}

.box h2{
	font-size:24px;
	font-weight:bold;	
	margin-bottom:15px;		
}

.youtube-home{
	width:258px;
	height:197px;
	margin-bottom:7px;
}

.box-facebook{
	border:1px solid #CCC !important;
	height:84px;
}

#orientacoes-home h1{
	font-size:24px;
	text-align:center;
        margin-top:10px;
	margin-bottom:20px;
}

#orientacoes-home ul{ margin-bottom:10px; }

#orientacoes-home li{
	list-style-type:none;
	display:block;
	text-align:center;
}

#orientacoes-home li a{ color:#333; }

#orientacoes-home ul span{
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
        margin-left:0; /* reset da ferramenta */
	line-height:20px;
	display:block;
}

#orientacoes-home li a:hover{ text-decoration:none; }

.facebook-btn{
	border:none; 
	overflow:hidden; 
	height:20px;
	width:200px;
}

.footer{
	background-color:#111;
	text-align:center;	
	padding:20px 0;
	height:auto;
	clear: both;
}

.footer h1, .footer h3{
	font-size:12px;
	color:#CCC;	
	margin-bottom:5px;
}

.footer p{ margin-bottom:5px; }

.footer p, .footer .link-mapa{ font-size:14px; color:#F2F2F2; }

.footer ul{	margin-bottom:5px; }

.footer li{ list-style-type:none; display:inline; }

.footer li a{
	font-size:14px;
	color:#999;
        font-weight:normal;
        text-decoration:none;
}

.footer li a:hover{ color:#999; text-decoration:underline; }

.footer li:first-child{
	border-right:1px solid #999;
	padding-right:10px;
	margin-right:10px;
	line-height:10px;
}

.footer .icon-map-marker{ margin:0 3px 0 5px; }

/* footer stick - rodape sempre no final da pag */
.global {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* valor negativo igual altura do footer, incluindo padding */
}

.push {
	clear: both;
	height: 100px; /* mesma altura do footer, incluindo padding */
}

.orgao{
	margin-bottom:20px;	
	background-color:#F5F5F5;
}

.orgao-foto{
	width:380px;
	height:210px;
	float:left;
	margin-right:20px;
}
.orgao-foto img { width: 380px; height: 210px; }

.orgao-body{	
	padding-top:20px;
	line-height:20px;
        width: 275px;
	height:190px;
}

.orgao .btn-mapa{
	margin-top:10px;	
}

.panel p.titulo{
	color:#666;
	font-weight:bold;
		
}

.panel .icone_fraude{
	float:left;
	margin:0 15px 15px 0;	
}

/* Listas
-------------------------------------------------- */
.lista1, .lista2 {
	margin-bottom:20px;
	font-size:14px;	
	list-style-type: none; 
}

.lista1 li{
	padding-left: 12px;
	background: url(../imagens/bullet_quad_preto.gif) left 8px no-repeat;	
	line-height:1.5em;
	margin-bottom:5px;
}

.lista1 li li{
	padding-left: 0;
	background:none;
	margin-left:0;
}

.accordion li{
	margin-left:8px;	
}

.lista2 li{
	border-bottom:1px solid #CCC;
	padding-bottom:8px;
	margin-bottom:8px;
	line-height:20px;
	padding-left: 12px;
        font-weight: normal;
}

.lista2 li.active a{
	font-weight:bold;
	color:#666;
}

.lista2-sembullet li{
	background: none;
	padding-left:0;
}

#content .lista2-sembullet li p{
	line-height:24px;
	margin-bottom:5px;
}

.noticias{	margin-bottom:40px; }

.noticias li{
	list-style-type:none;
	line-height:20px;
	margin-bottom:20px;
}

#content p.noticias-titulo{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}

.noticias .noticias-foto{
	max-width:700px;
	max-height:525px;
}

.media-side{ margin-bottom:20px; }

.media-side li{ list-style-type:none; margin-bottom:25px; }

.youtube-thumb{
	width:300px;
	height:225px;
	/*float:left;*/
	margin:0 15px 15px 0;	
}

.youtube-lg{
	width: 420px;
	height: 315px;
	margin-bottom: 20px;
}

.fotos li{
	list-style-type:none;
	width:220px;
	height:220px;
	overflow: hidden;
	cursor:pointer;
	position:relative;
	margin-bottom:20px;
}

.fotos-img{
	width: 220px; 
	height: 220px;
}

.fotos-opacity{	
	bottom: 0;
	z-index: 1;
	position: absolute;	
	background-color:#000;
	opacity: 0.5;
	width:100%;
	height:58px;
}

.fotos-text{
	top: 170px;
	z-index: 2;
	position: absolute;	
	font-size:14px;
	color:#FFF;
	padding: 0 12px 0;
	line-height:20px;
	text-shadow: 1px 1px 2px #000;
	height:40px;
	overflow:hidden;
}

.nav-icon li{
	position:relative;
}

.nav-icon li a{
	padding:15px;
}

.nav-icon-img{
	width:54px;
	height:41px;
	margin-right:13px;
        float:left;
}

.nav-icon-title div{
	font-size:16px !important; 
	font-weight:bold; 
	line-height:18px;
	color:#333; 
}

h2.h2-icon{
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
        float:left;
        width: 90%;
}

.nav-icon-text, .nav-icon-title{
	display:block;	
	max-width:760px;
	white-space:nowrap;	
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-icon .etiqueta{
	float:right;
	position:absolute;
	right:20px;
	top:25px;	
}

/* galeria de fotos desaparecidos */
.galeria-pessoas{
	margin-bottom:20px;
}

.galeria-pessoas li{
	margin-bottom:20px;
	list-style-type:none;
	width:188px;
	height:188px;
	text-align:center;
	padding:15px;
	background-color:#F5F5F5;
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
		 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
			  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.galeria-pessoas li:hover{
	border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);	
}

.galeria-pessoas-img{
	width:112px;
	height:135px;
	margin:0 auto 10px;
	position:relative;
}

.galeria-pessoas .legend-opacity{
	bottom: 0;
	left:0;
	z-index: 1;
	position: absolute;	
	background-color:#C00;
	opacity: 0.7;
	width:100%;
	height:32px;
}

.galeria-pessoas .legend-text{
	top: 103px;
	left:0;
	z-index: 2;
	position: absolute;	
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
	margin:8px auto 0;
	display:block;
	width:100%;
}

#content .galeria-pessoas p{
	font-size:12px;
	line-height:16px;
}

.galeria-pessoas-nome{
	display:block;	
	max-width:205px;
	white-space:nowrap;	
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	text-transform:uppercase;
}

/* procurados e retrato falado */
.galeria-procurados li{
	width:112px;
	height:195px;
	padding:5px;
}

.galeria-procurados .galeria-pessoas-img{
	margin:0 auto 9px;
}

.galeria-procurados-nome{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;		
	display:block;
	height:28px;
	height:30px; /* hack IE7 */
	margin-bottom:2px;
	line-height:14px;
        overflow: hidden;
}


/* pag de detalhes do desaparecido */
.dados-pessoa h4{
	margin-bottom:5px;	
	line-height:22px;
}

.dados-pessoa .dl-horizontal{
	margin-top:20px;
}

.dados-pessoa .dl-horizontal dt{
	width:200px;
	font-weight:normal;
	float:left;
	margin-right:5px;
}

.dados-pessoa .dl-horizontal dd{	
	font-weight:bold;
	width:165px;
	float:left;
}

.galeria-foto-principal{
	width:298px;
	height:343px;
	margin-bottom:10px;
	position:relative;
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
}

.galeria-foto-principal-opacity{
	bottom: 0;
	left:0;
	z-index: 1;
	position: absolute;	
	background-color:#C00;
	opacity: 0.75;
	width:100%;
	height:44px;
}

.galeria-foto-principal-text{
	top: 301px;
	left:0;
	z-index: 2;
	position: absolute;	
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
	margin:7px 68px 0;
}

.galeria-thumb{
	width:58px;
	height:58px;	
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
		 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
			  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.galeria-thumb:hover{
	border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);	
}

/* Reset CSS da Ferramenta */

/* Circulos */
#barra-circulos .af_panelCustomizable, #barra-circulos .box-circulos-item div{
    height: auto !important;
}
#barra-circulos .af_panelCustomizable {
    padding: 0;
}
#barra-circulos .af_panelPopup_trigger, #barra-circulos .af_commandImageLink, #barra-circulos .af_goImageLink, .circulos .af_goImageLink{
    white-space: normal;
    text-decoration:none !important;
}
#barra-circulos .af_showDetailFrame, #barra-circulos .adfp_portlet {
    margin-bottom: 0;
}
#barra-circulos .af_goImageLink_text, .circulos .af_goImageLink_text{
    margin-left:0;
    text-decoration:none !important;
}

/* banners home */
/*.banner .af_panelCustomizable, .resetPanel .af_panelCustomizable{
    padding:0;    
}*/
.af_panelCustomizable{
    padding:0;    
}
.banner .af_showDetailFrame{
	margin-bottom:0;	
}
.resetPanel .af_showDetailFrame{
    margin-bottom:0;
}
.resetPanel .af_goImageLink{
    white-space:normal;
}

/* breadcrumb */
.af_breadCrumbs_content{
    color:#666 !important;
    margin-bottom:15px;
}
.af_breadCrumbs_content a{
    color:#666 !important;
    font-weight:normal !important;
    font-size:12px !important;
}
.af_breadCrumbs_step.p_AFDisabled{
    color:#666;
    font-size:12px !important;
}
.bs-docs-sidenav a{
    font-size:14px !important;
    font-weight:normal !important;
    text-decoration: none !important;
}

/* pag de edicao - titulo */
.af_panelCustomizable_add-icon-style{
    color:#FFF !important;    
    text-decoration:none!important;
}
/* pag de edicao - centralizando div do conteudo */
.af_pageCustomizable.p_AFEdit{
    width:960px;
    margin:0 auto;
}

/* login */
.container-login{
	margin-top:40px;	
}
.form-login {
	height:238px;
	padding: 20px 20px 20px;
	margin: 0 auto 20px;
	border: 1px solid #DDD;
	background-color: #F5F5F5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
		box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-login .control-label{
	width:120px;	
}

.form-login.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 140px;
  *margin-left: 0;
}

.form-horizontal .controls-btn {
  *margin-left: 120px !important; /* IE7 */ 
}

.form-login h2 {
	text-align:center;
	margin:20px 0;
}
.form-login input[type='submit'] {
	width: 100px;
	margin: 5px auto;
}

/* historico */
h2.timelineMajorMarker label{
    font-size:16px !important;
    font-weight: bold !important;
    cursor:pointer;
}
.timelineEvent p.periodo label{
        font-weight:bold;
        font-size:14px;
        cursor:pointer;
}

/* ajustes */
.span9 .span9 { margin-left: 0; }
.formEmail { margin-top: 20px; }
.formEmail .span9 { margin-left: 20px; margin-bottom: 10px; }
.formEmail table { margin: 0; width: 100%; }
.formEmail span { margin: 0; }
.formEmail input,
.formEmail textarea,
.formEmail select {
  display: inline-block !important;
  height: auto !important;
  padding: 4px 6px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #555555 !important;
  border-color: #9297A6;
  vertical-align: middle !important;
  -webkit-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
          border-radius: 4px !important;
}
.formEmail textarea {height: 110px; }
.formEmail select { width: auto; height: 30px; }
.formEmail td.af_inputText_label,
.formEmail td.af_inputComboboxListOfValues_label,
.formEmail td.af_selectOneChoice_label { width: 5px; }
.formEmail .ddd { margin-right: 10px;  width: 50px !important; }
table.af_panelBorderLayout { left: 19px !important; }
/*.icoInst { background: transparent url("http://upload.wikimedia.org/wikipedia/commons/9/93/Chevron-right.png") no-repeat 97% 10px; } */
.accordion-toggle { 
    padding-left: 35px !important;
    background: transparent url("https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519691-199_CircledPlus-16.png") no-repeat 10px 10px;
}

#barrasp_global fieldset { 
    float: left;
    width: 270px;
    margin-top: 5px;
    border: none !important; 
}
#barrasp_global fieldset p {
    padding: 6px 0 0 10px;
    font-size: 11px;
    color: #666;
}
#barrasp_global fieldset select { padding: 2px; width: 160px; font-size: 11px; }
#barrasp_global fieldset input { padding: 2px; font-size: 11px; }
ol { margin: 0 !important; padding: 0 !important; list-style: none !important; }

iframe.facebook-btn { width: 180px; }
span.af_panelGroupLayout { width: 370px; }
.mapIco { margin: 0 5px; }
iframe.af_richTextEditor_content-input { background: white; }

.flutua { float: left; }

.captcha td { text-align: left; }
.captcha table { margin: 10px auto; }

.captcha .refresh { 
    display: inline-block;
    margin: 18px 0px 0px 15px;
    width: 32px;
    height: 32px;
    border: none;
    /*background: transparent url("../imagens/icoRefresh.png") no-repeat 0 0;*/
    text-indent: -999px; 
    cursor: pointer;
}
.captcha img { float: left; }
.formContato .af_inputText_label, 
.formContato .af_selectOneChoice_label,
.captcha .af_inputText_label { display: none !important; }
#textoResposta iframe html body {
    text-align: justify; font-size: 11px; 
    line-height: 14px; 
    margin: 0px 0px 14px; 
    padding: 0px; color: rgb(0, 0, 0); 
    font-family: Arial, Helvetica, sans;
}
iframe.af_richTextEditor_content-input { background: white !important;   }

.select td select {
  display: inline-block;
  height: 25px;
  padding: 0 6px;
  width: 95%;
  margin-bottom: 0x;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.navOrienta li {
    padding: 15px 0;
    line-height: 20px;
    border: 1px solid transparent;
    border-color: #ddd;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.navOrienta li:hover { background: #f5f5f5; }

/* Inclusão de Notícia */
.newsTab {
    margin-top: 20px;
    padding: 0;
    width: 100%;
    background: #eaeaea;
    font-size:14px;
}
.newsTab td { border: 0; padding: 3px 5px; }
.newsTab thead tr td { padding: 10px; font-weight: bold; }
.newsTab tbody { background: #fdfdfd; }
.newsTab tbody tr:hover { background: #f2f2f2; }
.newsTab tbody tr .noImage a { display: none; }
.right { float: right; margin: 10px 0 0 0 !important; }

.manutencao {
	margin: 0;
	padding-top: 145px;
	display: table;
	width: 100%;
	background: white url(bg.gif) repeat-x 0 0;
}
.manutencao div { margin: 0 auto !important; width: 800px; }
.manutencao div img { float: left; margin: 0 20px 0 0; }
.manutencao div img.direita { float: right; margin: 0; }
.manutencao div h1 { font-size: 35px; }
.manutencao div h2 { margin: 63px 0; font-size: 20px; color: #da251c; }
.manutencao div p { margin-bottom: 20px; text-align: justify; }

.x12s { white-space: normal !important; }
.x1bd { background: transparent !important; border: none !important; }

.pgAct { background: black !important; color: white !important; }
.pagination .p_AFHoverTarget { background: inherit; }

.x7j, .x7k, .x7l, .portlet-form-button, .xd4 { border-style: inherit; border-width: inherit; }

.AFLabelText, .xf, .xa, .xq, .xr, .xs, .xt, .xu, .xv, .xw, .xx, .xy, .xz, .x10, .x11, .x12, .x13, .x14, .x15, .portlet-form-label, .xd2, .portlet-icon-label, .xd5, .portlet-dlg-icon-label, .xd6, .portlet-form-field-label, .xd7, .xh1, .xh8, .xwz, .xx0, .x13q, .xg7, .x171, .x19k, .x19l {
    font-family: inherit !important;
    font-size: inherit !important;
    text-align: inherit !important;
    color: inherit !important;
    padding: inherit !important;
    font-weight: inherit !important;
    padding: 0 !important;
}
.x3q A, .PortletHeaderLink, .xc6, .PortletSubHeaderLink, .xce, .xfe, .xfu, .xfv, .xfw, .xfx, .xfy, .xg0, .xza, .xzb {
    font-family: inherit !important;
    font-weight: inherit !important;    
    text-decoration: inherit !important;
}
.x1ci { padding: 0 !important; }
.x63, .xfd, .x12s, .x25 {  font-family: inherit !important; }

.x4v { font-family: inherit; font-weight: normal; font-size: 12px; }
xfc.p_AFDisabled.p_AFSelected { color: inherit !important; }
.x7j, .x7k, .x7l, .portlet-form-button, .xd4 { background-image: inherit; } 
.x7j.p_AFTextOnly, .x7k.p_AFTextOnly { background: inherit !important; }
.xgy.p_AFReadOnly .xh2 {
    overflow: inherit !important;
    font-size: inherit !important;
    border-width: inherit !important;
    padding: inherit !important;
    margin: inherit !important;
    background-image: inherit !important;
    background-color: inherit !important;
}
.x3q A, .PortletHeaderLink, .xc6, .PortletSubHeaderLink, .xce, .xfe, .xfu, .xfv, .xfw, .xfx, .xfy, .xg0, .xza, .xzb { font-size: inherit !important; }

.x25, .WCInputText, .x1xx { width: inherit !important; }
        
/*Consulta RG*/        

.boxConsultarRG{
    min-height: 60em;
    width: 100%;
    clear: both;
    float: left;
    height: 50em;
    margin-left: 0;
}

.consulta-rg, .consulta-info{
    float:left; 
    width: 100%;
    margin: 1em 0;
}
.consulta-info button, .consulta-info button:hover{
    font-size: 1em !important;
    font-weight: bold  !important;
    margin-left: 0 !important ;
    padding-left: 0 !important;
}
.restricaoInfoItem button{
    font-size: 1em !important;
    padding-left: 0 !important;
}
.campos-busca, .area-resposta{
    float: left;
}                    
  .numeroRG,  .campo-digito,  .campo-dataExpedicao{
    float:left;
    margin:10px auto;
}
.captcha table{
    margin: 0.9em 4em;
}
.campo-rg input, .campo-digito input, .campo-dataExpedicao input, .captcha input{
    line-height: 20px;
    text-align: center; 
    font-size: 1.1em;
    height: 20px;
    border-radius: 4px;
    padding: 0.4em 0.6em;
}
.campo-rg input{
    width: 10.5em !important;
}
.campo-digito input{
    width: 2em !important;
}
.campo-dataExpedicao input{
    width: 10.5em;
}
.campo-rg, .campo-dataExpedicao{
     float: left;
     margin-right: 1em;
}
.captcha{
    margin: 10px auto;
    width: 100%;
    float: left;
    clear: both;
}
.captcha table{
    margin: 1em 0;
}
.captchaImage, .captchaInputBox{
    float: left;
    clear: both;
}
.captchaInputBox input{
    width: 6em !important;
    font-size: 2em; 
}

.botao-consulta{                      
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0;
    display: table;
}
.botao-consulta .btn-box{
    margin: 0 2em 0 0;
    float:left;
}
.botao-consulta .btn{
    float: none;
}

.requiredField input{
    border: 1px solid red;
}
 
.messageInfo{
    line-height: 18px;
    color:   red;
}
#messageCaptcha, #messageErro{
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid  #eed3d7;
    border-radius: 4px;    
    padding: 5px;
    margin: 5px auto;
    float:left;
    clear: both;
    width: 80%;
    text-align: center;
}

.message{
    display:none;
}
.messageAlert{
    display:table;
}
#messageErro p{
    margin: 5px 0;
}
.area-resposta{
    font-size: 1.2em;
    font-weight: bold;
    padding: 1.2em;
    width: auto;
    text-align: center;
    float:left;
    clear:both;
}
.area-resposta p{
    margin-bottom: 0 !important;
    font-size: 1.1em !important;
}

.campo-dataExpedicao .xf,  .campo-rg .xf, .campo-digito .xf, .captcha .xf{
    float:right;
    display: none;
}
.boxHide{
    display: none;
}

.restricaoInfo{
    font-weight: normal;
    font-size: 1em;
    margin: 1em 0 2em 1.5em;
    float: left;
    clear: both;
}
.restricaoInfoItem{
    text-align:left;
    margin: 2px 0
}

.dataNoticia{
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    border
}

.faq a {
    color: #310cf1;
    text-decoration: none;
}

.imagemPequenaNoticia{
    width: 175px;
    height: 100px;
    position: relative;
    margin: 0 0 0 -13px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.textoNoticia{
    float: right;
    width: 75%;
    height: 124px;
    font-size: 18px !important;
    display: table-cell;
    vertical-align: middle;
    display: grid;
}

.footer-links {
    padding: 25px 0;
}

.footer-links h1 a {
    color: #fff;
}

.x15j{
    font-size: 18px;
    margin-bottom: 10px;
}

.footer-gray {
    background-color: #111;
}

.footer-gray li a.title {
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
    padding-left: .6em;
}

.footer-gray ul{
    list-style-type:none;
    border-left: 1px dotted #FFF;
}

.footer-gray li a {
    font-size: 13px;
    color: #DDD;
    line-height: 26px;
    padding-left: .6em;
}

.footer-gray .container {
    padding: 30px 0 10px;
}

.paginationNoticia{
    float: left;
    padding: 6px 13px;
    line-height: 20px;
    background-color: #AAAAAA;
    border: 1px solid black;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    border-radius: 30px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content li a {
    color: #333;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 25px;
    text-decoration: none !important;
}

#barra-circulos .dropdown-content ul li {
    margin-bottom: 0;
    height: auto;
    width: 250px !important;
    text-align: left;
        border-bottom: 1px dotted #999;
}

.navbar-search table tbody tr td input{
    background-color: #FFF;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: none;
    height: inherit;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    border: 1px solid #cccccc;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    border-radius: 4px;
}

.galeria-herois li{
	width:328px;
	height:140px;
	padding:5px;
}

.galeria-herois-img{
	width:112px;
	height:135px;
}
.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28.6%;
    flex: 0 0 28.6%;
    max-width: 28.6%;
    width: 28.6%;
    min-width: 28.6%;
    float: left;
    margin-left: 20px;
    min-height: 1px;
}

.galeria-customizada .galeria-pessoas-img{
	margin:0 auto 9px;
	float: left;
	margin: 0;
}

.galeria-customizada li{
    width: 112px;
    height: 135px;
    padding: 5px;
}

.galeria-herois-nome {
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 28px;
    height: 30px;
    margin-bottom: 2px;
    line-height: 14px;
    overflow: hidden;
}

.galeria-heroi-carreira {
    text-transform: uppercase;
}

.link-heroi {
    font-size: 18px;
    text-align: right;
    margin-bottom: 5px;
    float: right;
    bottom: 10px;
    right: 20px;
    color: #9a2400;
} 

.tx-heroi {
    font-size: 13px;
    height: 110px;
}

.galeria-pessoas li div a img{
    width:250px;
    height:250px; 
    margin: 0 auto 10px;
}

.cartazes li {
    margin-bottom: 20px;
    list-style-type: none;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
}

.cartazes a img{
    width: 300px;
    height: 250px;
    margin-bottom: 15px;
}

.inputDoc input[type="text"] {
    font-size: 1.2em;
    width: 55em !important;
    padding: 0.5em;
}

.newsTabDoc{
    padding: 10px;
    font-weight: bold;
}

.container ul li a span{
        vertical-align: super;
}