@CHARSET "ISO-8859-1";

/* ==========================================================================
   Media Queries
   ========================================================================== */
   
/*    300px */

* {
    padding:0 auto;
    margin:0 auto;	
}
   
body {
	
}

.topo {
	width: 100%;
}

.header {
	width: 100%;
	height: 410px;
	background-color: white;
}

.topoLeft {
	width: 100%;
	float: left;
	height: 263px;
}

.conteudoTopoLeft {
	width: 100%;
	float: left;
	height: 175px;
}

.tituloEntidade {
	width: 100%;
	margin-top: 1.6em;
}

.tituloEntidade h1 {
	font-size: 1.3em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #a6a6a6;
	font-weight: normal;
}

.tituloEntidade h2 {
	font-size: 1.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	font-weight: normal;	
}

.logo {
	max-width: 100%;
	float: left;
	margin-top: 1.4em;
	margin-left: 0.2em;
	margin-right: 0.4em;
}

.conteudoTopoRight {
	width: 100%;
	float: left;
	height: 155px;
}

.menuTopo {
	background-color: #f0f0f0;
	height: 40px;
	width: 100%;
	
	float: left;
}

.menuTopo ul {
}

.menuTopo li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	display: inline-block;
	margin-top: 0.4em;
	margin-left: 1.5em;
}

.menuTopo li a {
	color: #576a88;
}

.logoPortal{
	float: right;
	max-width: 50%;
}

.logoPortal img{
	float: right;
	margin-right: 1.2em;
	max-width: 60%;
}

.formBusca{
	width: 47%;
	float: left;
}

.formBusca form {
}

.formBusca input {
	font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:10px;
    background-color: #696969;
    height: 25px;
    
    width: 97%;
    
    border:1px solid #a4a4a4; /* BORDA */
    -moz-box-shadow: 0 0 3px #aad5d5; /* BORDA */
    -webkit-box-shadow: 0 0 3px #aad5d5;/* BORDA */
    box-shadow: 0 0 3px #aad5d5;  /* BORDA */
    border-radius:4px;  
    -moz-border-radius:4px;
    padding:7px;
    min-width: 50px; /* COMPRIMENTO DO CAMPO INPUT */
    color:white;
}

.buttonPesquisa {
	position: absolute;
	margin-left: 4.9em;
	top: 230px;
}

.caixaAtualizacao {
	float: left;
	background-color: #20577d;
	width: 100%; 
	height: 150px;
}

.contatosTopo {
	width: 100%;
}

.telefone {
	width: 100%;
}

.telefone img{
	float:left;
	margin-top: 1.8em;
	margin-left: 0.1em;
}

.telefone h1{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 0.9em;
    margin-left: 0.2em;
    color: white;
    font-weight: normal;
    float:left;
    width: 91%;
}

.email img{
	float:left;
	margin-top: 1.3em;
}

.email h3{
    margin-top: 1.3em;
    margin-left: 0.4em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    color: white;
    font-weight: normal;
    float: left;
    width: 70%;
}

.caixa {
	width: 100%;  /* 264px / 1128px */
	position: absolute;
	top: 358px;
	background: rgba(0, 0, 0, 0.5);
	height: 55px;
}

.caixa img{
	float:left;
	margin-left: 0.1em;
	margin-top: 1.2em;
}

.caixa h1{
	margin-top: 1.2em;
    margin-left: 1.4em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    color: white;
    font-weight: normal;
}

.caixa p{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    color: white;
    font-weight: normal;
}

@media screen and (min-width: 300px) {

	.menuMobile {
	    width: 100%;
	    float: left;
	    
	    
	    background-color: #f4f4f4; 
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#4d4d4d)); /*Chrome, Safari versiones más antiguas*/
		background-image: -webkit-linear-gradient(bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Chrome, Safari versiones relativamente modernas*/
		background-image:    -moz-linear-gradient(bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Firefox versiones relativamente modernas*/
		background-image:      -o-linear-gradient(bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Opera versiones relativamente modernas*/
		background-image:         linear-gradient(to bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Chrome, Firefox, IE, Opera versiones actuales*/
	}
	
	.menuMobile a {
	    cursor: pointer;
	    display: block;
	    height: 40px;
	    line-height: 40px;   
	    text-indent: 10px;               
	    text-decoration:none;
	    font-weight: bold;
/* 	    width: 100%; */
	    font-family:Verdana, Geneva, sans-serif; 
	    font-size: 13px;
	   	font-weight: normal;
	    color: #ffffff;
	}
	
	.menuMobile ul{
		background-color: #f4f4f4; 
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#4d4d4d)); /*Chrome, Safari versiones más antiguas*/
		background-image: -webkit-linear-gradient(bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Chrome, Safari versiones relativamente modernas*/
		background-image:    -moz-linear-gradient(bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Firefox versiones relativamente modernas*/
		background-image:      -o-linear-gradient(bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Opera versiones relativamente modernas*/
		background-image:         linear-gradient(to bottom, #4d4d4d, #2c2c2c, #4d4d4d); /*Chrome, Firefox, IE, Opera versiones actuales*/
	    padding: 0;
	    margin: 0;
	}
	
	.menuMobile menuPrincipal ul{
	    background: #808080;
	    position: relative;
	    top: -10px;
	    left: 40px;
	}
	
	.menuMobile li{
	    list-style: none;   
	    border-width: 3px;
	    text-decoration: none
	}
	
	.menuMobile ul ul li{
	    display:none;
	}
	
	.menuMobile li:hover {
	    background: #575757;
	    text-decoration: none
	}
	
	.menuMobile li:hover ul li{
	    display:block;
	    text-decoration: none
	}

}

/* fim header */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.caixaAtualizacao h1 {
	
}

.banner {
	width: 100%;
	background-color: #e8e8e8;
	height: 100%;
}

.texto {
	width: 97%;
	margin-bottom: 1.2em;
}

.texto h1 {
	padding-top: 1.3em;
	padding-bottom: 0.3em;
	font-size: 1.6em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #616060;
	font-weight: normal;
}

.texto p {
	font-size: 0.8em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #616060;
	font-weight: normal;
}

.bannerRodape {
	width: 100%;
	background-color: #b0b0b0;
	height: 320px;
}

.centerBanner{
	width: 100%;
}

.bannerLeft{
	float: left;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(left, #b0b0b0, #e4e7e9, #b0b0b0); /* Chrome, Safari versiones relativamente modernas */
}

.bannerLeft img{
	padding-top: 0.7em;
	float: left;
	width: 12%;
}

.bannerLeft h1{
	float: left;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
	font-size: 1.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #225b82;
	font-weight: normal;
	width: 85%;
	margin-left: 0.3em;
}

.bannerLeft h3{
	float: left;
	font-size: 1.0em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0288c7;
	width: 85%;
	margin-bottom:1.0em;
	margin-left: 0.4em; 
}

.bannerLeft h2{
	float: left;
	font-size: 1.1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #225b82;
	width: 100%;
	margin-left: 1.0em; 
	margin-bottom: 1.2em; 
}

.bannerLeft p{
	font-size: 0.9em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #686868;
	font-weight: normal;
	margin-bottom:1.0em;
	margin-left: 1.0em; 
}

.bannerRight{
	float: right;
	width: 100%;
	height: 230px;
	background-image: -webkit-linear-gradient(left, #bcc1c4, #e4e7e9, #bcc1c4); /* Chrome, Safari versiones relativamente modernas */
}

.bannerRight h1{
	float: left;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
	font-size: 1.6em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #225b82;
	font-weight: normal;
	width: 94%;
	margin: 0.2em;
	margin-bottom:0.7em;
	background-color: white;
	padding-left: 0.5em;
}

.bannerRight h2{
	float: left;
	font-size: 1.0em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #225b82;
	width: 100%;
	margin-left: 1.1em;
}

.bannerRight p{
	font-size: 0.8em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #686868;
	font-weight: normal;
	margin-bottom:1.0em;
	margin-left: 1.2em;
}

.bannerRight img{
	float: left;
	margin-left: 1.2em;
	margin-right: 0.9em;
}

.footer{
	height: 101px;
	background-image: -webkit-linear-gradient(top, #cccccc, #ffffff); /* Chrome, Safari versiones relativamente modernas */
	border-top:1px solid #6b6b6b;
}

.footerLeft{
	margin-left: 1.2em;
	float: left;
	width: 50%;
}

.footerLeft h1{
	margin-top:0.4em;
	font-size: 1.1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #5e5c5c;
	font-weight: normal;
}

.footerLeft h2{
	margin-top:0.4em;
	font-size: 0.8em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #5e5c5c;
	font-weight: normal;
}

.footerLeft p{
	font-size: 0.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #5e5c5c;
	font-weight: normal;
}

.footerRight{
	float: right;
	width: 40%;
}

.footerRight img{
	margin-top: 0.5em;
	margin-right: 0.9em;
	float: right;
}

.footerBottom {
	margin-top:27.6em;
	height: 45px;
	background-color: #6f6d6d;
	width: 100%;
}

.footerBottomLeft {
	float: left;
	padding-top: 0.5em;
	margin-left: 1%;
}

.footerBottomLeft p {
	font-size: 0.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: normal;
}

.footerBottomRight {
	float: right;
	width: 40%;
}

.footerBottomRight img {
	margin-top:-1.0em;
	margin-right:8.7em;
	float: right;
}

/* apartir daqui */
.contentCenter a {
	font-size: 1.1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	font-weight: normal;
}

.tituloPagina h1 {
	font-size: 1.2em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	margin-left: 15%;
	padding-top: 0.5em;
}

.listagemResultados h1 {
	font-size: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	font-weight: normal;
}

.listagemResultados h4 {
	margin-top: 0.5em;
	font-size: 1.2em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	font-weight: normal;
}

.listagemResultadosLink {
	font-size: 1.1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #73b1db;
	font-weight: normal;
	margin-bottom: 1.5em;
}

.listagemResultadosSemLinha h1 {
	font-size: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	font-weight: normal;
}

.listagemResultadosSemLinha h4 {
	margin-top: 0.5em;
	font-size: 1.2em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #20577d;
	font-weight: normal;
}