body 
{}



#site{
	/* Definimos a largura da página */
	width:100%; /*EM PIXELS: P.EX. 1000px;*//*OU EM % P.EX. 80%;*/
	/* Definirmos a altura da página*/
	height:700px;
	/* Aqui definiremos a posição que a página ocupará na tela, nesse caso estamos definindo que fique centralizado na tela*/
	/*top : posição de cima */
	margin-top:0;
	/* left: posição de esquerda*/
	margin-left:auto;
	/* bottom : posição de baixo */
	margin-bottom:0;
	/* right : posição de direita */
	margin-right:auto;
	/* Aqui definiremos a cor de fundo da página */
	background-color:#666;
}



#header{
	/*Novamente definimos a largura da div*/
	width:100%;
	/* altura da div */
	height:140px;
	/* Cor de fundo da div */
	background-color:#2e3192;
	}
#conteudo{
	/*Novamente definimos a largura da div*/
	width:100%;
	/* altura da div */
	height:2500px; /*era4800*/
	/* Cor de fundo da div */
	background-color:#aadaff;	
}	

#footer{

	width:100%;

	height:80px;

	background-color:#922e31;
	}
	
#conteudo-left{
	/*Novamente definimos a largura da div*/
	width:20%; /*500px;*/
	/* altura da div */
	height:300px;
	/* O atributo Float é utilizado para fazermos que o nosso bloco(div) literalmente flutue e 
		se posicione onde queremos na página, quando escolhemos left, 
		dizemos que esse bloco irá se posicionar na parte esquerda da página 
	*/
	float:left;
	/* Cor de fundo da div */
	background-color:#9fdfaf;
	}

#conteudo-meio{
	/*Novamente definimos a largura da div*/
	width:60%; /*500px;*/
	/* altura da div */
	height:300px;
	/* O atributo Float é utilizado para fazermos que o nosso bloco(div) literalmente flutue e 
		se posicione onde queremos na página, quando escolhemos left, 
		dizemos que esse bloco irá se posicionar na parte esquerda da página 
	*/
	float:left;
	/* Cor de fundo da div */
	background-color:#aabbef;
	font-family:Arial; font-size:large; color:Blue;
	}
	
#conteudo-right{
	/*Novamente definimos a largura da div*/
	width:19%; /*500px;*/
	/* altura da div */
	height:400px;
	/* Pode parecer meio estranho usarmos o mesmo atributo left 
		para o bloco em que queremos posicionar na direita, mas como sabemos, o CSS é um estilo em cascata, 
		em nossa div conteúdo definimos a largura de 1000px e na conteudo-left 500px, 
		automaticamente ao definirmos o conteudo-right com 500px e à esquerda também, 
		ele ficou à direita do conteudo-left, pois o máximo que a div filha poderá ter é 1000px, 
		sendo 500+500=1000px */
	float:left;
	/* Cor de fundo da div */
	background-color:#af9fdf;
	font-family:Arial; font-size:small; color:Red;
	}
	
/* PARA OPÇÃO DE USAR SOMENTE DUAS DIV, ESQUERDA E DIREITA - 12.SET.17*/
#conteudo2{
	/*Novamente definimos a largura da div*/
	width:100%;
	/* altura da div */
	/*height:2800px;*/ /*era 3500*/
	/* Cor de fundo da div */
	background-color:#aadaff;	
}	

#conteudo-left2{
	/*Novamente definimos a largura da div*/
	width:30%; /*500px;*/
	/* altura da div */
	/*height:2800;*/
	/* O atributo Float é utilizado para fazermos que o nosso bloco(div) literalmente flutue e 
		se posicione onde queremos na página, quando escolhemos left, 
		dizemos que esse bloco irá se posicionar na parte esquerda da página 
	*/
	float:left;
	/* Cor de fundo da div */
	background-color:#adefaf;
	}

#conteudo-meio2{
	/*Novamente definimos a largura da div*/
	width:70%; /*500px;*/
	/* altura da div */
	/*height:2800px;*/
	/* O atributo Float é utilizado para fazermos que o nosso bloco(div) literalmente flutue e 
		se posicione onde queremos na página, quando escolhemos left, 
		dizemos que esse bloco irá se posicionar na parte esquerda da página 
	*/
	float:left;
	/* Cor de fundo da div */
	background-color:#234577;
	font-family:Arial; font-size:large; color:Blue;
	}


#meuBanner
{
	position: relative; /*absolute;*/
	top: 5px;
	width:100%; /*96%;*/
	height:100px;
	/*margin:3px 0px 0px 5px;*/
	left: 5px;	
	/*background: black;*/
	z-index:999; /* o maior; ninguém invade sua área */
}
#ladoEsq
{
	position: absolute;
	/*background: black;	*/
	width:16%; /*15%px;	*/
	top: 5px;
	height:60px;
	left:1%;
}
#meio
{
	position: absolute;
	/*background: black;	*/
	top: 5px;
	/*left: 150px;*/
	left: 36%; /*28%;*/
	/*width:58%; */
	height:60px;
	/*margin:5px  0px 0px 150px; */
}
#ladoDir
{
	position: absolute;
	top: 5px;
	text-align: center;
	vertical-align: middle;
	/*background: black;*/
	width:15%; 
	height:60px;
	left: 85%; 
}

#ladoDir h1{
	color:white;
	padding:5px;
	margin:0px;
	font-size:8pt;
	font-family: Tahoma;
	font-weight:normal;
}

#ladoEsq h1{
	color:white;
	padding:5px;
	margin:0px;
	font-size:8pt;
	font-family: Tahoma;
	font-weight:normal;
}

#espaco
{
	position: relative; /*absolute;*/
	top: 5px;
	margin-top:5px;
	margin-left:0px;
	width:100%;	/*468px; 100%*/
	/*height:60px;*/
	/*margin:5px  0px 0px 150px; */
}

.fonteCronicas{
	font-size:11px;
	margin-right:10px;
}
.fonteCronicasDir{
	font-size:11px;
	text-align:right;
	margin-right:10px;
}
.fonteCronicasCenter
{
	color:Navy;
	font-size:11px;
	text-align:center;
	margin-right:10px;
}

.fonteCronicas2
{
	font-family:Arial;
	font-size:11px;
	color: navy;
	margin-right:10px;
}
.fonteCronicas3{
	font-size:11px;
	color: blue;
	margin-right:7px;
	/*margin-top:5px;*/
}
.fonteCronicas4{
	font-size:11px;
	color: navy; /*black;*/
	text-align:left; /*center;*/
	margin-right:7px;
}
.fonteCronicas4White{
	font-size:11px;
	color: white; /*black;*/
	text-align:left; /*center;*/
	margin-right:7px;
}
.fonteCronicas4Center{
	font-size:12px;
	/*font-weight:normal;*/
	color: white; /*black;*/
	text-align:center;
	margin-right:7px;
}
.fonteCronicas4Dir{
	font-size:11px;
	color: navy; /*black;*/
	text-align:left;
	margin-right:7px;
}
.fonteBlog1{
	font-size: 14px; /*small;   xx-small;*/
	font-family: "Tahoma, Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color:blue;  /*#cc3366; #a0000b;*/
	text-align:left;
	margin-right:0px;
	margin-left:10px;
}
.fonteBlog2{
	font-size: large;
	font-family:Arial, "Trebuchet MS", Verdana, Tahoma;
	font-weight:bold;
	color: #003399; /*#a0000b; ;*/
	text-align:center;
	margin-right:3px;
	margin-left:3px;
}
.fonteCronicas5{
	font-size:11px;
	color: white;
	font-weight:bold;
	margin-right:10px;
	margin-top:5px;
}
.fonteCronicas6
{
	font-family:Arial;
	font-size:12px;
	color: white;
	text-align:justify;
	/*margin-left:5px;*/
	margin-right:10px;
}
.fonteCronicas7
{
	font-family:Arial;
	font-size:12px;
	color: #000099;
	text-align:center;
	margin-right:10px;
}
.fonteCronicas8{
	font-size:13px;
	color: blue;
	margin-right:7px;
	margin-top:5px;
}
.fonteCronicas9
{
	font-family:Arial;
	font-size:12px;
	color: #000099;
	text-align:justify;
	margin-right:7px;
}

/* sub-títulos */
.subTitulo1{
	font-size:32px;
	font-weight:bold;
	color:#ffeebb; /*creminho*/
	font-family:Monotype Corsiva;
	/*background:darkgreen;*/
	text-align:center;
	margin-left:1px;
	margin-right:1px;	
}
.subTitulo2{
	font-size:22px;
	font-weight:bold;
	color:navy;
	font-family:Monotype Corsiva;
	background:#d0f0ff; /*wheat;*/
	text-align:center;
	margin-left:1px;
	margin-right:1px;
}
.subTitulo3{
	font-size:24px;
	font-weight:bold;
	color:#ffbbee;
	font-family: Monotype Corsiva;
	background:darkgreen;
	text-align:center;
	margin-left:1px;
	margin-right:1px;		
}
.subTitulo4{
	font-size:32px;
	font-weight:bold;
	color:white;
	font-family:Monotype Corsiva;
	background:#ad000f; /*darkgreen;*/
	text-align:center;
	margin-left:1px;
	margin-right:1px;		
}
.subTitulo5{
	font-size:32px;
	font-weight:bold;
	color: #ffeebb;/*; #0f00ad; #0f00ad;*/
	font-family:Monotype Corsiva;
	background:darkgreen; /*cornsilk; pink; #0f00ad;*/
	text-align:center;
	margin-left:1px;
	margin-right:1px;		
}
.subTitulo6{
	font-size:32px;
	font-weight:bold;
	color: #FFF8EC;/* #ffeebb=creminho; #0f00ad; #0f00ad;*/
	font-family:Monotype Corsiva;
	background:blue; /*cornsilk; pink; #0f00ad;*/
	text-align:center;
	margin-left:1px;
	margin-right:1px;		
}
.subTitulo6{
	font-size:24px;
	font-weight:bold;
	color: #FFeebb;/* #ffeebb=creminho; #0f00ad; #0f00ad;*/
	font-family:Monotype Corsiva;
	background:navy; /*cornsilk; pink; #0f00ad;*/
	text-align:center;
	margin-left:1px;
	margin-right:1px;		
}

.redParagrafo 
{ font-family: Arial; color:Red;
	font-size: x-small; 
	text-decoration: none
}
.magentaParagrafo 
{ font-family: Arial; color:#990099;
	font-size: x-small; 
	text-decoration: none
}
.greenParagrafo 
{ font-family: Arial; color:#006600;
	font-size: x-small; 
	text-decoration: none
}
.navyParagrafoBold
{ font-family: Arial; color:navy;
	font-size: small;
	text-align:justify; 
	font-weight:normal;
	text-decoration: none
}
.navyParagrafoNormal 
{ font-family: Arial; color:Navy;
	font-size: x-small; 
	font-weight:normal;
	text-decoration: none
}
.navyParagrafoBoldBlack
{ font-family: Arial; 
	color:Black;
	font-size:medium;
	text-align:justify; 
	font-weight:bold;
	text-decoration: none
}
.navyParagrafoBoldWhite
{ font-family: Arial; 
	color:White;
	font-size: small;
	text-align:justify; 
	font-weight:bold;
	text-decoration: none
}
.navyParagrafoNormalBlack
{ font-family: Arial; color:#0000cc;
	font-size: medium; 
	font-weight:normal;
	text-decoration: none;
	text-align:left;
}
.navyParagrafoNormalBlackPqL

{ font-family: Arial; color:navy;
	font-size: xx-small; 
	font-weight:normal;
	text-decoration: none;
	text-align:left;
}
.navyParagrafoNormalBlackPqR

{ font-family: Arial; color:navy;
	font-size: xx-small; 
	font-weight:normal;
	text-decoration: none;
	text-align:right;
}
.navyParagrafoNormalBlackPqC

{ font-family: Arial; color:navy;
	font-size: xx-small; 
	font-weight:normal;
	text-decoration: none;
	text-align:center;
}

.ParagrafoNormalWhite
{ 
	font-family: Arial; 
	color: White;
	font-size: small; 
	font-weight:normal;
	text-decoration: none;
	text-align:left;
}
.navyParagrafoNormalRight
{ font-family: Arial; color:Navy;
	font-size: small; 
	font-weight:normal;
	text-align:right;
	text-decoration: none;
}
.navyParagrafoBoldCenter
{ font-family: Arial; color:Navy;
	font-size: small; 
	font-weight:bold;
	text-align: center;
	text-decoration: none;
}
.navyParagrafoNormalCenter
{ font-family: Arial; color:Navy;
	font-size: small; 
	font-weight:normal;
	text-align: center;
	text-decoration: none;
}
.navyParagrafoNormalBlue 
{ font-family: Arial; color:Blue;
	font-size: small; 
	font-weight:normal;
	text-align:center;
	text-decoration: none;
}
.navyParagrafoNormalBlueL
{ font-family: Arial; color:navy;
	font-size: small; 
	font-weight:normal;
	text-decoration: none;
	text-align: left;
}
.navyParagrafoNormalBlueC
{ font-family: Arial; color:navy;
	font-size: small; 
	font-weight:normal;
	text-decoration: none;
	text-align: center;
}
.navyParagrafoNormalBlueJ
{ font-family: Arial; color:navy;
	font-size: small; 
	font-weight:normal;
	text-decoration: none;
	text-align: justify;
}
.navyParagrafoNormalBlueThistle
{ font-family: Arial, Verdana; color:#ffddee;
	font-size: small; 
	font-weight:normal;
	text-decoration: none;
	text-align: left;
}
.navyParagrafoNormalBlueR
{ font-family: Arial; color:navy;
	font-size: x-small; 
	font-weight:normal;
	text-decoration: none;
	text-align: right;
}
.navyParagrafoNormalRed 
{ font-family: Arial; color: #990099; /*Red;*/
	font-size: x-small; 
	font-weight:normal;
	text-align:justify;
	text-decoration: none
}
.navyParagrafoPequenoBlueC
{ font-family: Arial; color:red;
	font-size: x-small; 
	font-weight:bold;
	text-decoration: none;
	text-align: right;
}

/* Opções de menu - 01/06/2007)*/
#mymenu {
	height:31px;
	/*background:url('../images/fundo-menu.png');  repeat-X;*/
	/* troquei experimentalmente pelo abaixo: */
	background:url('../images/fundo-menu3.png'); 
	margin-left:1px; margin-right:1px; margin-top:10px; margin-bottom:0;
	margin: 0 auto 0 0px; /* aqui define-se também a largura da barra onde está o menu */
}

#mymenu ul {
	/*margin:0 auto;*/
	font-family:Arial, Verdana, Trebuchet MS;
	margin: 0 2px 0 2px;
	/*width:630px; LARGURA DA FAIXA onde vão as opcoes do menu*/
	width:100%; /*estava: 740px;*/
	font-size:10pt; /*NOVO - altera o tamanho da fonte das opções do menu - 02/03/06*/
}

#mymenu ul li 
{
	display: inline;
}

#mymenu ul li a {
	float:left;
	font:bold 85% 'Trebuchet Ms', Verdana, Aria, Tahoma;
	color:white; /*lightblue;*/
	padding:0 10px; /*15px*/
	height:31px;
	line-height:31px;
	/*text-transform:lowercase;*/
}

/*#menu ul li a:hover {background:#FC210E url('../images/fundo-menu-hover.png') repeat-X;}*/
#mymenu ul li a:hover 
{background:#FC210E; /*##ff00ff;*/}


#mymenuRodape {
	height:31px;
	/*background:url('../images/fundo-menu.png');  repeat-X;*/
	/* troquei experimentalmente pelo abaixo: */
	background:url('../images/fundo-menu.png'); 
	margin-left:1px; margin-right:1px; margin-top:10px; margin-bottom:0;
	margin: 0 auto 0 0px; /* aqui define-se também a largura da barra onde está o menu */
}

#mymenuRodape ul {
	/*margin:0 auto;*/
	font-family:Arial, Verdana, Trebuchet MS;
	margin: 0 2px 0 2px;
	/*width:630px; LARGURA DA FAIXA onde vão as opcoes do menu*/
	width:740px; /*740px;*/
	font-size:10pt; /*NOVO - altera o tamanho da fonte das opções do menu - 02/03/06*/
}

#mymenuRodape ul li 
{
	display: inline;
}

#mymenuRodape ul li a {
	float:left;
	font:bold 85% 'Trebuchet Ms', Verdana, Aria, Tahoma;
	color:#ffeebb; /*lightblue;*/
	padding:0 10px; /*15px*/
	height:31px;
	line-height:31px;
	/*text-transform:lowercase;*/
}

/*#menu ul li a:hover {background:#FC210E url('../images/fundo-menu-hover.png') repeat-X;}*/
#mymenuRodape ul li a:hover 
{background: #ff00ff; /*#FC210E;*/}


.input_button
{
	background-color: #FFFFFF; 
	border: 1px solid; 
	border-color: #3883C2 #3883C2 #3883C2 #3883C2;
	font-family: "Trebuchet MS", Arial, Helvetica; 
	font-size: x-small; 
	height: 23px;
}

.input_button2
{
	background-color: #ff0000; 
	border: 1px solid; 
	border-color: #ff0000 #3883C2 #3883C2 #3883C2;
	font-family: "Trebuchet MS", Arial, Helvetica; 
	font-size: x-small; 
	height: 23px;
}

.input_button3
{
	background-color:Maroon;
	border: 1px solid; 
	border-color: #ff0000 #3883C2 #3883C2 #3883C2;
	font-family: Arial, Helvetica; 
	font-size:x-small; 
	height: 23px;
	color:Yellow;
}

.paragrafoRadial
{
	font-family:Arial;
	font-size:large; /*small;*/
	font-weight:400;
	color: #0000aa;
	border-top-color:#ff9966; 
	border-top-width:medium; 
	border-top-style:inset; 
	border-bottom-color:#ff9966; 
	border-bottom-width:medium; 
	border-bottom-style:double; 
	background: -moz-radial-gradient(50% 50%, #d39bcb, #000); 
    background: -webkit-radial-gradient(50% 50%, #d39bcb, #d0f5ff); 
    background: -o-radial-gradient(50% 50%, #d39bcb, #d0f5ff); 
    background: -ms-radial-gradient(50% 50%, #d39bcb, #d0f5ff); 
    background: radial-gradient(50% 50%, #d39bcb, #d0f5ff)
}

.paragrafoLinear
{
	font-family:Arial;
	font-size:large;
	font-weight:400;
	color: #0000aa;
	border-bottom-color:#ff9966; 
	border-bottom-width:medium; border-bottom-style:double; 
	background: -moz-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: -webkit-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: -o-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: -ms-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: linear-gradient(top, #d39bcb, #9ad3a3); color: #000000;
}

.paragrafoRadialCinza
{
	font-family:Arial;
	font-size:small;
	color: #000033;
	border-top-color:#ff0000; /*#ff9966; */
	border-top-width:medium; 
	border-top-style:inset; 
	border-bottom-color:#ff0000; /*#ff9966; */
	border-bottom-width:medium; 
	border-bottom-style:double; 
	background: -moz-radial-gradient(50% 50%, #99cc99, #a1a1a1); 
    background: -webkit-radial-gradient(50% 50%, #99cc99, #a1a1a1); 
    background: -o-radial-gradient(50% 50%, #99cc99, #a1a1a1); 
    background: -ms-radial-gradient(50% 50%, #99cc99, #a1a1a1);  
    background: radial-gradient(50% 50%, #99cc99, #a1a1a1); 
}


.paragrafoLinearCinza
{
	font-family:Arial;
	font-size:small;
	color: #000033;
	border-bottom-color:#ff9966; 
	border-bottom-width:medium; border-bottom-style:double; 
	background: -moz-linear-gradient(top, #a1a1a1, #99cc99); 
	background: -webkit-linear-gradient(top, #a1a1a1, #99cc99); 
	background: -o-linear-gradient(top, #a1a1a1, #99cc99); 
	background: -ms-linear-gradient(top, #a1a1a1, #99cc99); 
	background: linear-gradient(top, #a1a1a1, #99cc99); 
}

.paragrafoLinear2
{
	font-family:Arial;
	font-size:small;
	color: #000033;
	border-bottom-color:#ff9966; 
	border-bottom-width:medium; border-bottom-style:double; 
	background: -moz-linear-gradient(top, #a0a0a0, #99ccff); 
	background: -webkit-linear-gradient(top, #a0a0a0, #99ccff); 
	background: -o-linear-gradient(top, #a0a0a0, #99ccff); 
	background: -ms-linear-gradient(top, #a0a0a0, #99ccff); 
	background: linear-gradient(top, #a0a0a0, #99ccff); 
}

.paragrafoLinear3
{
	font-family:Arial;
	font-size:small;
	color: #000033;
	border-bottom-color:#ff9966; 
	border-bottom-width:medium; border-bottom-style:double; 
	background: -moz-linear-gradient(top, #6699ff, #ffcc66); 
	background: -webkit-linear-gradient(top, #6699ff, #ffcc66); 
	background: -o-linear-gradient(top, #6699ff, #ffcc66); 
	background: -ms-linear-gradient(top, #6699ff, #ffcc66); 
	background: linear-gradient(top, #6699ff, #ffcc66); 
}

.paragrafoRadial2
{
	font-family:Arial;
	font-size:small;
	color: #000033;
	border-top-color:#ff0000; /*#ff9966; */
	border-top-width:medium; 
	border-top-style:inset; 
	border-bottom-color:#ff0000; /*#ff9966; */
	border-bottom-width:medium; 
	border-bottom-style:double; 
	background: -moz-radial-gradient(50% 50%, #ffccbb, #bbfcdf); 
    background: -webkit-radial-gradient(50% 50%, #ffccbb, #bbfcdf); 
    background: -o-radial-gradient(50% 50%, #ffccbb, #bbfcdf); 
    background: -ms-radial-gradient(50% 50%, #ffccbb, #bbfcdf);  
    background: radial-gradient(50% 50%, #ffccbb, #bbfcdf); 
}

.paragrafoRadial3
{
	font-family:Verdana;
	font-size:small;
	color: #000033;
	background-color: #412700; 
	border-top-color:#ff0000; /*#ff9966; */
	border-top-width:medium; 
	border-top-style:inset; 
	border-bottom-color:#ff0000; /*#ff9966; */
	border-bottom-width:medium; 
	border-bottom-style:double; 
	background: -moz-radial-gradient(50% 50%, #ff5800, #412700); 
    background: -webkit-radial-gradient(50% 50%, #ff5800, #412700); 
    background: -o-radial-gradient(50% 50%, #ff5800, #412700); 
    background: -ms-radial-gradient(50% 50%, #ff5800, #412700);  
    background: radial-gradient(50% 50%, #ff5800, #412700); 
}

.SombraTexto
{
	font-size: 24px; 
	color: #fff; 
	background-color: #000; 
	/*text-shadow: "2px 2px 3px #d39bcb";*/
}

/* 12 de outubro de 2017 (1/3) */
.classebloco100
{
	width:97%; 
	height:600px; /*era 400*/
	float:left;
	border:2px solid #aa7755;
	/* Cor de fundo da div */
	background-color:#234577;
	
	padding: 10px;
	font-family:Arial;
	font-size:small; 
	font-weight:normal; 
	color: #000033; /*color:#0008fa; */
	overflow:scroll;
	
	
	/*border-bottom-color:#ff9966; 
	border-bottom-width:medium; border-bottom-style:double; */
	/*
	background: -moz-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: -webkit-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: -o-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: -ms-linear-gradient(top, #d39bcb, #9ad3a3); 
	background: linear-gradient(top, #d39bcb, #9ad3a3); color: #000000;
	*/
	
	/*column-count: 2;
    -webkit-column-fill: auto;*/ /* Chrome, Safari, Opera */
    /*-moz-column-fill: auto;*/ /* Firefox */
    /*column-fill: auto;*/		
	
	
	
}

/* 12 de outubro de 2017 (2/3) */
.classebloco3{
	width:30%; /*EM PIXELS: P.EX. 1000px;*//*OU EM % P.EX. 80%;*/
	height:156px;
	border:2px solid #aa7755;
	background-color:#ccffcc;
	/*border-bottom-color:Blue;
	border-bottom-style:double;*/
	float:left;
	margin-top:4px;
	margin-bottom:4px;
	padding:7px;
	font-family:Arial;  
	font-size:small; 
	font-weight:normal; 
	color:#0000aa; 
	overflow:scroll;
	
	/*column-count: 2;
    -webkit-column-fill: auto;*/ /* Chrome, Safari, Opera */
    /*-moz-column-fill: auto;*/ /* Firefox */
    /*column-fill: auto;*/		
}

.classebloco4{
	width:29%; /*EM PIXELS: P.EX. 1000px;*//*OU EM % P.EX. 80%;*/
	height:156px;
	border:2px solid #aa7755;
	background-color:#ccffcc;
	/*border-bottom-color:Blue;
	border-bottom-style:double;*/
	float:left;
	margin-top:4px;
	margin-bottom:4px;
	padding:7px;
	font-family:Arial;  
	font-size:small; 
	font-weight:normal; 
	color:#0000aa; 
	overflow:scroll;
	
	/*column-count: 2;
    -webkit-column-fill: auto;*/ /* Chrome, Safari, Opera */
    /*-moz-column-fill: auto;*/ /* Firefox */
    /*column-fill: auto;*/		
}

/* 12 de outubro de 2017 (3/3) */
.classeblocoSeparador3{
	/* Definimos a largura da página */
	width:1%; /*EM PIXELS: P.EX. 1000px;*//*OU EM % P.EX. 80%;*/
	/* Definirmos a altura da página*/
	height:80px;
	background-color:#555555;
	/* O atributo Float é utilizado para fazermos que o nosso bloco(div) literalmente flutue e 
		se posicione onde queremos na página, quando escolhemos left, 
		dizemos que esse bloco irá se posicionar na parte esquerda da página 
	*/
	float:left;
}