html, body {
    height: 100%;
    font-family: 'Abel', Arial, Helvetica, sans-serif;
}

body {
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#geral { 
	min-height: 100%;
	position:relative;
}
* html #geral {
	height: 100%; /* hack para IE6 que trata height como min-height */
}

#conteudo { 
   padding-bottom: 232px; 
	width:960px;
	margin:0 auto;
	text-align:center;	
	
} /* O padding, deve ser o mesmo valor da altura do rodapé */

.container {
	width: 960px;
	content: " ";
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	clear: both;
        margin-top: -1px; /* Remove uma linha azul em cima do ouvidoria e fale conosco. */
}

.titulo_rodape{
    font-family:'Abel', Arial, Helvetica, sans-serif;	
    font-size:19px;
    font-weight:bold;
    color:#FFF;
}
.subtitulo_rodape{
	font-family:'Abel', Arial, Helvetica, sans-serif;	
	font-size:16px;
	color:#FFF;
}
.texto_rodape{
    font-family:'Abel', Arial, Helvetica, sans-serif;	
    font-size:12px;
    color:#FFF;
}
.botao_rodape{
	position:absolute;
	right:20px;
	margin-top:0px;
}

#rodape {
	position: absolute;
	bottom:0; /* Este margin, tem que ser o mesmo valor da altura do rodapé, só que negativo */	
	background: #1790BF;
	width:100%;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.gradiente {
    background: rgba(227,227,227,0.97);
    background: -moz-linear-gradient(top, rgba(227,227,227,0.97) 0%, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,0.97)), color-stop(0%, rgba(227,227,227,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(227,227,227,0.97) 0%, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(227,227,227,0.97) 0%, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,227,227,0.97) 0%, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(227,227,227,0.97) 0%, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff', GradientType=0 );
    /*  Usei o site: 
        http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%28227\%2C227\%2C227\%2C0\.97\%29\%200\%25\%2C\%20rgba\%28227\%2C227\%2C227\%2C1\%29\%200\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C1\%29\%20100\%25\%29\%3B'
    */
    
    height: 250px;
    position: absolute;
    top: 260px;
    width: 100%;
    z-index: -1;
}

#divMensagem {
    position: absolute;
    background-color: #F97C7C;
    border:1px #B94A48 solid;
    color: #FFF;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 35px 8px 14px;
    font-size: 14px;
    z-index: 100001;
}