#clear{ clear:both;}
.clear {clear:both;}

font-family: 'Open Sans Condensed', sans-serif;

/*-----------------------------------------------------------------------------------*/
/*	1.	GERAL
/*-----------------------------------------------------------------------------------*/  

body{background-color:#0e0e0e;}

.content {max-width:1000px; margin:0 auto;} 

#centro .titulo-box { text-align:center; font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:45px 0 0 0;}
#centro .sub-titulo-box{ text-align:center; font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; margin:10px 0 40px 0;}


/*-----------------------------------------------------------------------------------*/ 
/*	2.	Header 
/*---------------------------- -------------------------------------------------------*/
#header{width:100%; background:#FFF; border-top:20px solid #630CF5; }
#header #logo {max-width:370px; padding: 22px 0 22px 20px;   float:left; display: inline-block; }
#header #menu {width:100%; max-width:600px; height: 100px;  float: right; z-index: 4; position:relative; padding-top:15px; }
#header #menu .menu{width:100%; height:50px; font-family: 'Arial';  }
#header #menu .menu ul {list-style:none; position:relative; padding: 0;}
#header #menu .menu ul li { float: left;}
#header #menu .menu a{padding:15px; display:block; text-decoration:none; text-align:center; color:#000; font-weight:bold;  }
#header #menu .menu ul ul{position:absolute; visibility:hidden; padding: 0;}
#header #menu .menu ul li:hover ul{visibility:visible;}
#header #menu .menu a:hover{background-color:#f4f4f4; color:#555;}
#header #menu .menu ul ul li{ float:none; border-bottom:solid 1px #ccc;}
#header #menu .menu ul ul li a{background-color:#069; }
#header #menu  label[for="bt_menu"]{ display:none; padding: 5px; background-color:#222; color:#fff; font-family:"Arial"; text-align:center; font-size:30px; cursor:pointer; width:200px; height: 50px;}
#bt_menu{display:none;}
@media(max-width:850px){
	#header #menu .menu a{background-color:#222; }
	#header #menu #bt_menu:checked ~ .menu{margin-left: 0; display:block;}
	#header #menu .menu { margin-top:5px; display:none; transition: all .4s;}
	#header #menu  label[for="bt_menu"]{ display:block;}
	#header #menu .menu ul li { width:100%; float: none;}
	#header #menu .menu ul ul { position:static; overflow: hidden; max-height:0; transition:all .4s;}
	#header #menu .menu ul li:hover ul {height:auto; max-height:200px;}

}
/*-----------------------------------------------------------------------------------*/
/*	2.	Banner
/*-----------------------------------------------------------------------------------*/
#banner{width:100%; height:395px; background:#630CF5; border-bottom:4px solid #C10CF5; z-index:3;}
#banner .left { display: inline-block; float:left; position:relative; top:40px; }
#banner .left .servico  { margin-top:25px; font-family:"Open Sans Condensed"; color:#FFF; }
#banner .left .servico ul { list-style-image:url("img/list_image.png"); }
#banner .left .servico ul li a {margin-bottom:15px; color:#FFF; font-size:28px; font-weight:bold;   }
#banner .right { float:right; bottom:30px; display:block; position:relative;}

@media screen and (max-width:960px) { 
	
#banner .right{ display:none;} 
	
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Content
/*-----------------------------------------------------------------------------------*/
#pagina{max-width:1000px; margin:0 auto;  background:#fff; padding: 50px 0; }

#home #solicite_certidao{width:450px;   float:left; display: block; margin: 0 0 0 40px; text-align:justify; font-family:"Open Sans Condensed"; color:#000; font-size:20px;}
#home #solicite_certidao img{float:left; display: block; margin-right: 5px; }
#home #caixa_fb{width:350px;  float:right; margin: 0 50px 0 0; }


/*-----------------------------------------------------------------------------------*/
/*	2.	Pagina Home 
/*-----------------------------------------------------------------------------------*/
#footer{width:100%; background:url(img/bg_footer.jpg)}
#footer { overflow: hidden; text-align: left; }
#footer-sobre { width: 330px; float: left; margin-top: 25px; margin-right: 50px; }
#footer-sobre #title-sobre { width: 100%; padding: 5px 0; border-bottom: 2px solid #efeeee; margin-bottom: 10px; }
#footer-sobre #title-sobre span { font: 22px arial; font-weight: bold; padding: 5px 0; color: #f8f8f8; border-bottom: 2px solid #ed5353; }
#footer-sobre p { font: 14px arial; color: #bcbbbb; line-height: 18px; padding: 6px 0; }
#footer-paginas { width: 290px; float: left; margin-top: 25px; }
#footer-paginas #title-paginas { width: 100%; padding: 5px 0; border-bottom: 2px solid #efeeee; }
#footer-paginas #title-paginas span { font: 22px arial; font-weight: bold; padding: 5px 0; color: #f8f8f8; border-bottom: 2px solid #ed5353; }
#footer-paginas ul { margin: 0; padding: 0; list-style: none; }
#footer-paginas ul li { width: 100%; border-bottom: 1px solid #333; padding: 8px 0; font: 13px arial; font-weight: bold; }
#footer-paginas ul li a { color: #f8f8f8; text-decoration: none; }
#footer-paginas ul li a:hover { color: #ed5353; }
#footer-recentes { width: 280px; float: right; margin: 25px 0;  }
#footer-recentes #title-recentes { width: 100%; padding: 5px 0; border-bottom: 2px solid #efeeee; }
#footer-recentes #title-recentes span { font: 22px arial; font-weight: bold; padding: 5px 0; color: #f8f8f8; border-bottom: 2px solid #ed5353; }
#footer-recentes #footer_rede_social{margin: 10px 35px 0; }
#footer-recentes #footer_rede_social img{margin: 0 10px; }
#footer-recentes ul { margin: 0; padding: 0; list-style: none; }
#footer-recentes ul li { width: 100%; border-bottom: 1px solid #333; padding: 8px 0; font: 13px arial; font-weight: bold; }
#footer-recentes ul li a { color: #f8f8f8; text-decoration: none; }
#footer-recentes ul li a:hover { color: #ed5353; }
#footer-info { width: 100%; clear: both; border-top: 1px solid #333; padding: 20px 0; overflow: hidden; float: left; margin-top: 25px; }
#info-content { width: 1000px; margin: 0 auto; }
#info-content span { float: left; color: #565656; font: 12px arial; font-weight: bold; }
#info-content span b { color: #a4a6a7; }
#info-content .info-right { float: right; }


#pagina .contato_form { width:555px; float:left; }
#pagina .contato_form p {font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900; margin:15px 0; font-weight:bold;}
#pagina .contato_form label {float:left; width:255px; margin:10px 15px 0 0;}
#pagina .contato_form  span {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-weight:bold;}
#pagina .contato_form  input {border:1px solid #ccc; height:30px; width:230px; margin:5px 0 10px 0; border-radius:8px; outline-color:#A8E2FF; box-shadow: 0px 0px 5px  #ccc; padding:0 10px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#pagina .contato_form  textarea {border:1px solid #ccc; height:100px; width:500px; margin:5px 0 20px 0; border-radius:8px;  outline-color:#A8E2FF;  box-shadow: 0px 0px 5px  #ccc; padding:10px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#pagina .contato_form .txt {width:520px;}
#pagina .contato_form .btn {display:block; width:120px; cursor:pointer; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background:#006B9F; text-transform:uppercase; padding:0 0 2px 0; }
#pagina .contato_form .btn:hover {background:#00A6A6; border:1px solid #006B9F; }


#pagina .cad_solicitante { width:1000px; margin:0 auto; }
#pagina .cad_solicitante p {font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900; margin:15px 0; font-weight:bold;}
#pagina .cad_solicitante label {float:left; width:450px; margin:10px 15px 0 0;}
#pagina .cad_solicitante  span {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-weight:bold;}
#pagina .cad_solicitante  input {border:1px solid #ccc; height:30px; width:430px; margin:5px 0 10px 0; border-radius:8px; outline-color:#A8E2FF; box-shadow: 0px 0px 5px  #ccc; padding:0 10px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#pagina .cad_solicitante  textarea {border:1px solid #ccc; height:100px; width:500px; margin:5px 0 20px 0; border-radius:8px;  outline-color:#A8E2FF;  box-shadow: 0px 0px 5px  #ccc; padding:10px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#pagina .cad_solicitante .txt {width:520px;}
#pagina .cad_solicitante .btn {display:block; width:100%; cursor:pointer; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background:#006B9F; text-transform:uppercase; padding:0 0 2px 0; }
#pagina .cad_solicitante .btn:hover {background:#00A6A6; border:1px solid #006B9F; }

#pagina .img_empresa {float:left; margin-right:20px;}