/*======================== Responsividade ==========================*/
* {
  box-sizing: border-box;
  font-family:Arial, Helvetica, sans-serif
}

.row{
  position:relative;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}

/*Celular*/

    .col-pequena-1 {width: 8.33%;}
    .col-pequena-2 {width: 16.66%;}
    .col-pequena-3 {width: 25%;}
    .col-pequena-4 {width: 33.33%;}
    .col-pequena-5 {width: 41.66%;}
    .col-pequena-6 {width: 50%;}
    .col-pequena-7 {width: 58.33%;}
    .col-pequena-8 {width: 66.66%;}
    .col-pequena-9 {width: 75%;}
    .col-pequena-10 {width: 83.33%;}
    .col-pequena-11 {width: 91.66%;}
    .col-pequena-12 {width: 100%;}

/*Tablet*/
@media only screen and (min-width: 600px) {
    .col-media-1 {width: 8.33%;}
    .col-media-2 {width: 16.66%;}
    .col-media-3 {width: 25%;}
    .col-media-4 {width: 33.33%;}
    .col-media-5 {width: 41.66%;}
    .col-media-6 {width: 50%;}
    .col-media-7 {width: 58.33%;}
    .col-media-8 {width: 66.66%;}
    .col-media-9 {width: 75%;}
    .col-media-10 {width: 83.33%;}
    .col-media-11 {width: 91.66%;}
    .col-media-12 {width: 100%;}
}

/*Desktop*/
@media only screen and (min-width: 1590px){ /*1100px, 768px*/
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	.col-inicial {width: 1040px;}
}

[class*="col-"] {
	margin: 0 auto;	
}
/*===== Fim da responsividade ======*/

/*=============================================== MENU PRINCIPAL ==========================================*/
.itemlogo{
  background: #043b7e;
  color: white;
  padding: 0 15px;
  margin: 6px;	  
}

/*Tablet*/
/*@media only screen and (min-width: 600px) {*/
  .menuPrincipal{  
	opacity: 0.9; 
	z-index:99;
	width:100%;
	left:0;
	top:0;
	height:40px;
	line-height: 30px; /*centraliza verticalmente. Se não fosse pelo fato de imagens e inputs não obedecerem bastaria setar isso com a mesma medida do height*/
	background-color:#043b7e;
	display: flex;
	justify-content: left;
	position:fixed;
  }
  
  .itemmenu{display:none;}
  
  .itemmenuTelaPequena {
	background: #043b7e;
	color: white;
	padding: 0 5px;
	margin: 6px;
  } 
  
  .submenu{ 
	top:40px;
	z-index:99;
	line-height: 25px;
	display:block;
	justify-content: center;
	position:fixed;
  }
  
  .submenuDireita{ 
	top:40px;
	left:239px;
	z-index:99;
	line-height: 25px;
	justify-content: center;
	position:fixed;
  }	 
  
  /*Estilo de cada item do submenu*/
  .submenuDireita div{
	background: #043b7e;
	color: white;
	padding: 0 15px;
	margin: 0px;
  }    
  
  .submenuLogin{
	display:none;
	top:40px;
	left:0px;
	z-index:99;
	justify-content: center;
	position:fixed;
	background: #043b7e;
	color: white;
	padding: 10px;
	margin: 0px;  
  }   
/*}*/

/*Desktop*/  	
@media only screen and (min-width: 1100px){ /*768px*/	
  .menuPrincipal{  
	opacity: 0.9; 
	z-index:99;
	width:100%;
	left:0;
	top:0;
	height:45px;
	line-height: 30px; /*centraliza verticalmente. Se não fosse pelo fato de imagens e inputs não obedecerem bastaria setar isso com a mesma medida do height*/
	background-color:#043b7e;
	display: flex;
	justify-content: center;
	position:fixed;
  } 
  
  .itemmenu {
	display:block;  
	background: #043b7e;
	color: white;
	padding: 0 5px;
	margin: 6px;
  } 
  
  .itemmenuTelaPequena{display:none;}
  
  .submenu{ 
	top:45px;
	z-index:99;
	line-height: 25px; /*centraliza verticalmente. Se não fosse pelo fato de imagens e inputs não obedecerem bastaria setar isso com a mesma medida do height*/
	display:block;
	justify-content: center;
	position:fixed;
  }    
  
  .submenuDireita div{display:none;}
}

.linkMenu:hover{
  color:green;
  cursor:pointer;
}

.indice{
  position:relative;
  color:#FFFFFF;
  background-color:#000099;
  background: -webkit-linear-gradient(left,rgba(0,0,102,1),rgba(0,0,102,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,102,1),rgba(0,0,102,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,102,1),rgba(0,0,102,0)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,102,1), rgba(0,0,102,0)); /*Standard*/    
  height:30px;
  padding: 5px;
  margin-top:15px;
}

/*Estilo de cada item do submenu*/
.submenu div{
  background: #043b7e;
  color: white;
  padding: 0 15px;
  margin: 0px;
} 

.linkSubmenu:hover{ 
  color:green;
  cursor:pointer;
}

.botaoAzul {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-style:normal;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	cursor:pointer;
}
.botaoAzul:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.botaoAzul:active {
	position:relative;
	top:1px;
}	


/*========= Fim dos estilos menu principal =========*/

/*============== Menu de notícias ===================*/
.menuNoticias div{
  display:inline-block;
  padding:7px;
  cursor:pointer;
}
	  
.menuNoticias div:hover{
  background-color:green;
  color:white;
}	  
/*===== Fim dos estilos do menu de notícias =======*/

/*=================================== Escondendo e exibindo elementos ===========================*/
.esconderPequeno{display:none;}
.esconderPequenoMedio{display:none;}
.esconderMedioGrande{display:block;}
.esconderGrande{display:block;}

/*Tablet*/
@media only screen and (min-width: 600px) {
  .esconderMedio{display:none;}
  .esconderPequeno{display:block;}
  .esconderMedioGrande{display:none;}
  .esconderGrande{display:block;}
}

/*Desktop*/
@media only screen and (min-width: 1590px){
  .esconderGrande{display:none;}
}
/*========= Fim do escondendo e exibindo elementos ==========*/

/*=================================== Alinhamento ===================================*/
.ladoAladoPequeno{display: inline-block;}

.alturaCarrossel{top:38px;}
.alturaInicialForum{top:5px;}
.alturaInicialBloco3{top:5px;}
.alturaInicialFeiras{top:5px;}
  
/*Tablet*/  	
@media only screen and (min-width: 600px){ 	
  /*Alinhamento horizontal*/
  .ladoAladoMedio{display: inline-block;}	
  .centralizarMedio{margin:0 auto;}
  .esquerdaMedio{float:left;}   
  
  /*Alinhamento vertical*/
  .alturaCarrossel{top:30px;}
  .alturaInicialForum{top:0;}
  .alturaInicialBloco3{top:3px;}
  .alturaInicialFeiras{top:3px;}
}

/*Desktop*/  	
@media only screen and (min-width: 1590px){ /*768px*/	
  /*Alinhamento horizontal*/
  .ladoAladoGrande{display: inline-block;}	
  .esquerdaGrande{float:left;}    
  .direitaGrande{float:right;}
  .centralizarMedio{margin:0}
  
  /*Alinhamento vertical*/
  .alturaInicialBloco3{top:0;}
  .alturaInicialFeiras{top:3px;}
  
  .margemEsquerdaGrande{margin-left:5px;}	  
}

.esquerda{float:left;}
.direita{float:right;}
/*========== Fim dos estilos de alinhamento =================*/


/*=========================================== Elementos da tela ==============================================*/
.quadroImagem{
  padding:5px;
  background-color:#FFFFFF;
  font-size:13px;
  color:#000000;
}

.quadroImagem img{
  max-width: 100%;
  max-height: 100%;
}

/*Celular*/
.alinharEsquerdaEcentral{margin:0 auto;text-align:center;margin-bottom:10px;}
.alinharDireitaEcentral{margin:0 auto;text-align:center;margin-bottom:10px;}

/*Tablet*/
@media only screen and (min-width: 600px) {
  .alinharEsquerdaEcentral{margin-right:10px;float:left;}
  .alinharDireitaEcentral{margin-left:10px;float:right;}  
}

/*Desktop*/
@media only screen and (min-width: 1590px){
  .alinharEsquerdaEcentral{margin-right:10px;float:left;}
  .alinharDireitaEcentral{margin-left:10px;float:right;}  
}

.propriedades{
	padding: 5px;
	background: #FFF; /* fundo branco para navegadores que não suportam rgba */
	background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
	background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(white, #CCC); /* Standard syntax */		
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor:pointer;
}

.propriedades span{font-weight:bold}

.propriedades span:hover{
  color:green;	
}

.paginacao{
  font-size:13px;
  float:right;
  position:relative;
  margin-top:5px;
}
.paginacao div{
  display:inline;
}
.paginaAtual{
  background-color:#060; 
  color:#FFF; 
  padding:2px 10px; 
  text-align:center; 
  cursor:pointer;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;	
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;    
}
.paginaIndisponivel{
  padding:2px 10px; 	
  color:#666;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;	
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;   	
}
.paginaDisponivel{
  padding:2px 10px; 
  text-align:center; 
  cursor:pointer;  
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;	
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;   
}

.paginaDisponivel:hover{
  background-color:#CCC;
}

.painel{
	padding: 10px;
	background: #FFF; /* fundo branco para navegadores que não suportam rgba */
	background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.painelCortadoEmCima{
    position:relative;
	padding: 10px;
	background: #FFF; /* fundo branco para navegadores que não suportam rgba */
	background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.painelCortadoEmbaixo{ 
  font-weight:bold;
  color:#FFF;
  position:relative;
  padding: 10px;
  background: #009900;
  background: rgba(0,153,0,0.8); 
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;	
}

.painelQuadrado{
  background: #FFF; /* fundo branco para navegadores que não suportam rgba */
  background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */	
}

.painelCantoSuperiorEsq{
  background: #FFF; /* fundo branco para navegadores que não suportam rgba */
  background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;	
}

.painelCantoSuperiorDir{
  background: #FFF; /* fundo branco para navegadores que não suportam rgba */
  background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;		
}

.linkCarrossel{ 
  text-decoration:none;	
  color:#000;
  text-align:justify;
}

.evento{
	cursor:pointer;
	font-size:12px;
	height: 25px;
	padding: 5px;
	margin-top:5px;
    background:#CCC; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #CCC); /* Standard syntax */		
	position:relative;
	display:inline-block;	
}

.eventoVerde{
	cursor:pointer;
	font-size:12px;
	height: 25px;
	padding: 5px;
	margin-top:5px;
    background:green; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, green); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, green); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, green); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, green); /* Standard syntax */
	position:relative;
	display:inline-block;			
}

.eventoEsquerda{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.eventoDireita{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.infoInicialEventos{
  font-size:12px;
  position:relative;
  margin-top:7px;
  display:block;	
}

.contratiposInicial{
  font-size:14px;
}

.linkVerde{
  text-decoration:none;
  color:#060; 	
  cursor:pointer;
}

.linkVerde:hover{
  text-decoration:underline;
}

.inicialForumPosts{
  background:#CCC; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCC); /* Standard syntax */	
  height:75px;
}  

#chat {
  position:fixed;
  bottom:0;
  right:0;
  width:400px;
  height:300px:
  border:1px solid black;
  background:#060;
  background: -webkit-gradient(linear, left top, left bottom, from(#85A366), to(#254A00)); /*Gradiente de cores para Chrome*/
  background: -moz-linear-gradient(top, #85A366, #254A00); /*Gradiente para Firefox*/
  background: -ms-linear-gradient(top, #85A366, #254A00); /*Gradiente para o IE*/
  padding:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  color:#FFF;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index:4;	
}

#chatNome{
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

#areaChat{font-size:12px;}

.posicaoCarrossel{
  left:-50px;
  top:-12px;
  position:relative;	  
}

.tspInfo{
  background:#CCC; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCC); /* Standard syntax */	
  text-align:center;
  display:inline-block;
  width:106px;
  height:60px;
  float:left;
  padding-top:2px;
}

.tspDivVermelho{ 
  background:#F00;
  color:#FFF;
  font-weight:bold;
  text-align:center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;	
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; 
  cursor:pointer; 
}

.tspBotaoVerde {
  background: #4fd934;
  background-image: -webkit-linear-gradient(top, #4fd934, #496937);
  background-image: -moz-linear-gradient(top, #4fd934, #496937);
  background-image: -ms-linear-gradient(top, #4fd934, #496937);
  background-image: -o-linear-gradient(top, #4fd934, #496937);
  background-image: linear-gradient(to bottom, #4fd934, #496937);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  /*width:200px;*/
  width:100%;
  display:block;
  cursor:pointer;
  margin-bottom:2px;
}

.tspBotaoVerde:hover {
  background: #53a831;
  background-image: -webkit-linear-gradient(top, #53a831, #3f6b2e);
  background-image: -moz-linear-gradient(top, #53a831, #3f6b2e);
  background-image: -ms-linear-gradient(top, #53a831, #3f6b2e);
  background-image: -o-linear-gradient(top, #53a831, #3f6b2e);
  background-image: linear-gradient(to bottom, #53a831, #3f6b2e);
  text-decoration: none;
}

.tspBotaoVermelho {
  background: #d62d2d;
  background-image: -webkit-linear-gradient(top, #d62d2d, #693838);
  background-image: -moz-linear-gradient(top, #d62d2d, #693838);
  background-image: -ms-linear-gradient(top, #d62d2d, #693838);
  background-image: -o-linear-gradient(top, #d62d2d, #693838);
  background-image: linear-gradient(to bottom, #d62d2d, #693838);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 10px;
  text-decoration: none;
  /*width:200px;*/
  width:100%;
  display:block;
  cursor:pointer;
  margin-bottom:2px;
}

.tspBotaoVermelho:hover {
  background: #a63131;
  background-image: -webkit-linear-gradient(top, #a63131, #692d2d);
  background-image: -moz-linear-gradient(top, #a63131, #692d2d);
  background-image: -ms-linear-gradient(top, #a63131, #692d2d);
  background-image: -o-linear-gradient(top, #a63131, #692d2d);
  background-image: linear-gradient(to bottom, #a63131, #692d2d);
  text-decoration: none;
}

.cabecalhoRecado{
  background:#060;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;	   
  padding:2px; 	
}

.nomeRecado{
  padding-left:5px;	
  padding-top:7px;	
  position:absolute;
  font-weight:bold;
  color:#FFF;
}

.dataHoraRecado{
  text-align:right;
  float:right;
  font-size:12px;
  color:#FFF;	
  padding:2px;
}

.recado{ 
  background:#E1EADE;
  padding:2px;  
  text-align:justify;
  font-size:12px;
  height:70px;
}

.rodapeRecado{	
  font-size:10px;
  background:#E1EADE;
  padding:2px;    
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align:right;	
  margin-bottom:5px;
}

.rodapeRecado a{
  font-size:10px;	
}

.post{ 
  background:#E1EADE;
  padding:5px;  
  text-align:justify;
}

.postArred{ 
  background:#E1EADE;
  padding:5px;  
  text-align:justify;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;  
}

.postArredDir{ 
  background:#E1EADE;
  padding:5px;  
  text-align:justify;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}

.postArredEsq{ 
  background:#E1EADE;
  padding:5px;  
  text-align:justify;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;  
}

.legendaContatos{
  font-size:12px;
}

.fotoContato{
  cursor:pointer;	
  display:inline;
  float:left;
  padding-left:10px;
  text-decoration:none;
  color:#000;
}

.fotoContato > img {
  width:70px;
  height:70px;	
}

.tituloContatos{
  padding-left:10px;	
}

.inicialImgPost{display:none;}
.alinTextoInicialPost{text-align:justify;}
.margensInicialForumPosts{padding:3px;}
.spanInicialForumData{display:none;}

.caixa{
  background-color:#FFF; 
  position:fixed;
  padding:3px;	
  background:#FFF; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCC); /* Standard syntax */ 
  display:none; 
  z-index:5;
  box-shadow: 10px 10px 5px #282828;
}

.carregando{
  position:fixed;
  display:none;	
}

.cabecalhoCaixa{
  background-color:#060; 
  width:100%; 
  height: 25px; 
  padding:5px;	
}

.cabecalhoCaixa span{
  color:#FFF;
  font-weight:bold;	
}

.cabecalhoCaixa img{
  float:right;
  cursor:pointer;
}

.conteudoCaixa{
  font-size:14px;
  padding:5px;	
}

.erro{
  font-weight:bold;
  color:#F00;
}

.cabecalhoTabela{
  background:#060;
  padding:2px;
  color:#FFF;	
  text-align:center;
  font-size:12px;
}

.cabecalhoTabelaSuperiorArredondado{
  background:#060;
  padding:2px;  
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;	   
  color:#FFF;	
  text-align:center; 
  font-size:12px;	
}

.cabecalhoTabelaCortadoDireita{
  background:#060;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;	   
  padding:2px;
  color:#FFF;
  text-align:center;
  font-size:12px;  	
}

.cabecalhoTabelaCortadoEsquerda{
  background:#060;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px; 
  padding:2px;
  color:#FFF; 
  text-align:center;	
  font-size:12px; 
}

.celulaTabela{
  background:#CCC; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCC); /* Standard syntax */	
  padding:2px;
  font-size:12px;
}

.celulaTabelaCortadoDireita{
  background:#CCC; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCC); /* Standard syntax */	
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;	   
  padding:2px;
  font-size:12px;  	
}

.celulaTabelaCortadoEsquerda{
  background:#CCC; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #CCC); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCC); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCC); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCC); /* Standard syntax */	
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px; 
  padding:2px;	
  font-size:12px; 
}

.botaoInativo {
  background: #b3b3b3;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #808080);
  background-image: -moz-linear-gradient(top, #bfbfbf, #808080);
  background-image: -ms-linear-gradient(top, #bfbfbf, #808080);
  background-image: -o-linear-gradient(top, #bfbfbf, #808080);
  background-image: linear-gradient(to bottom, #bfbfbf, #808080);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px;
  text-decoration: none;
  cursor:pointer;
}

.botaoVerde {
  background: #34d94d;
  background-image: -webkit-linear-gradient(top, #34d94d, #3f853f);
  background-image: -moz-linear-gradient(top, #34d94d, #3f853f);
  background-image: -ms-linear-gradient(top, #34d94d, #3f853f);
  background-image: -o-linear-gradient(top, #34d94d, #3f853f);
  background-image: linear-gradient(to bottom, #34d94d, #3f853f);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px;
  text-decoration: none;
  cursor:pointer;
}
.botaoVerde:hover {
  background: #4aab44;
  background-image: -webkit-linear-gradient(top, #4aab44, #3e823b);
  background-image: -moz-linear-gradient(top, #4aab44, #3e823b);
  background-image: -ms-linear-gradient(top, #4aab44, #3e823b);
  background-image: -o-linear-gradient(top, #4aab44, #3e823b);
  background-image: linear-gradient(to bottom, #4aab44, #3e823b);
  text-decoration: none;
}
.botaoVerde:active {
  position:relative;
  top:1px;
}	

.botaoVerdePequeno {
  background: #34d94d;
  background-image: -webkit-linear-gradient(top, #34d94d, #3f853f);
  background-image: -moz-linear-gradient(top, #34d94d, #3f853f);
  background-image: -ms-linear-gradient(top, #34d94d, #3f853f);
  background-image: -o-linear-gradient(top, #34d94d, #3f853f);
  background-image: linear-gradient(to bottom, #34d94d, #3f853f);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 3px;
  text-decoration: none;
  cursor:pointer;
}
.botaoVerdePequeno:hover {
  background: #4aab44;
  background-image: -webkit-linear-gradient(top, #4aab44, #3e823b);
  background-image: -moz-linear-gradient(top, #4aab44, #3e823b);
  background-image: -ms-linear-gradient(top, #4aab44, #3e823b);
  background-image: -o-linear-gradient(top, #4aab44, #3e823b);
  background-image: linear-gradient(to bottom, #4aab44, #3e823b);
  text-decoration: none;
}
.botaoVerdePequeno:active {
  position:relative;
  top:1px;
}	

.bordaRedondoVerde{
	background:    #ffffff;
	border:        3px solid #38761d;
	border-radius: 1000px;
	padding:       8px 20px;
	color:         #000000;
	display:       inline-block;
	font:          normal normal 20px/1 "Calibri", sans-serif;
	text-align:    center;
}

.alturaLinhaBotao{height:81px} /*88*/
.alturaLinhaPequena{height:44px}
.alturaLinhaMedia{height:60px}

.tituloAnuncio{
  font-weight:bold; 
  color:#FFF; 
  text-decoration: underline; 
  text-transform: uppercase;
}

.linhaAnuncio{
  color:#FFF; 
  text-decoration: none;
  cursor: pointer;	
}

@media only screen and (max-width: 599px){ 	
  .painelFoto{ 
	background: #FFF; /* fundo branco para navegadores que não suportam rgba */
	background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;	
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;  
  }
  
  .margemPequeno{padding:5px;}
  .alturaContatos{height:100%;}
}

@media only screen and (min-width: 600px){ 	
  .posicaoCarrossel{
    left:65px;
	top:-12px;
	position:relative;	  
  }
  
  .painelFoto{ /*Mesmas propriedades do painelCantoSuperiorEsq, mas que se altera ao redimensionar a tela*/
	background: #FFF; /* fundo branco para navegadores que não suportam rgba */
	background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;			
  } 
  
  .alturaContatos{height:530px;}   
}

@media only screen and (min-width: 1590px){ 	
  .posicaoCarrossel{
    left:30px;
	top:-13px;
	position:relative;	  
  }  
  
  .inicialImgPost{
	display:block; 
	margin:5px; 
  }
  
  .margensInicialForumPosts{margin-right:3px;}
  .spanInicialForumData{display:inline;}
  .alinTextoInicialPost{text-align:left;}
}
/*========== Fim dos estilos dos elementos da tela*/

/*======================== Elementos com tamanho fixo =================================*/
/*Tablet*/  	
@media only screen and (min-width: 600px){ 
  .espacamentoEmbaixoPequeno{padding-bottom:2px}	
  .alturaFace{margin-top:0px;height:305px}
  .larguraLink{width:750px;}
  .larguraCarrossel{width:750px;}
  .larguraInicialForum{width:390px;}
  .larguraAnuncioQuadMedioGrande{width:356px;}
}
/*Desktop*/  	
@media only screen and (min-width: 1590px){
  .espacamentoDireitaGrande{padding-right:2px} 	
  .espacamentoEsquerdaGrande{padding-left:2px}
  .alturaFace{margin-top:5px;height:100%}
  .larguraLink{width:100%;}
  .larguraCarrossel{width:680px;}
  .larguraInicialForum{width:680px;}
  .larguraAnuncioQuadMedioGrande{width:356px;}
}
/*========= Fim dos elementos com tamanho fixo =========*/