body{
	padding: 0px;
	margin:0px;
}

a:link{
	text-decoration: none;
	color:#000;
}
a:visited{
	text-decoration: none;
	color:#000;
}
#linkMenu{
	color:#fff;
	padding:5px;
	width:300px;
}
/*
.cl-effect-10 a {
	color:#ffffff;
}

.cl-effect-10 a span{
	background-color:#fff;
	width:300px;
	border:1px solid #000;
	margin: 10px;
}
*/
#anim a:hover{
	text-decoration: none;
}
#anim2 a:hover{
	text-decoration: none;
	color:red;
}
#anim2 a:active {
	text-decoration: none;
	color:blue;
}
.sombra{
	-webkit-box-shadow: 0px 0px 2px 0px #CDC5BF;
	-moz-box-shadow: 0px 0px 2px 0px #CDC5BF;
	box-shadow: 0px 0px 2px 0px #CDC5BF;
}

#manchete{
	cursor: pointer;
}

#manchete:hover{
	font-weight:700;
}

#manaus{
	-moz-border-radius:0px 15px 15px 0px;
	-webkit-border-radius:0px 15px 15px 0px;
 	border-radius:0px 15px 15px 0px;
	cursor: pointer;
}

#manaus:hover{
	font-weight:700;
}

#brasil{
	-moz-border-radius:0px 15px 15px 0px;
	-webkit-border-radius:0px 15px 15px 0px;
 	border-radius:0px 15px 15px 0px;
	cursor: pointer;
}

#brasil:hover{
	font-weight:700;
}

#interior{
	-moz-border-radius:0px 15px 15px 0px;
	-webkit-border-radius:0px 15px 15px 0px;
 	border-radius:0px 15px 15px 0px;
	cursor: pointer;
}

#interior:hover{
	font-weight:700;
}

#anim{
	cursor: pointer;
}

#anim2{
	cursor: pointer;
}

#anim2:hover{
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: slidein2;
  -webkit-animation-name: slidein2;
  animation-name: slidein2;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	color: red;
}

@keyframes slidein2 {
  from {
  	color: #000;
  }

  to {
  	color: red;
  	border: 3px solid red;
  }
}

@-moz-keyframes slidein2 {
  from {
  	color:#000;
  }

  to {
  	color:red;
  	border: 3px solid red;
  }
}
@-webkit-keyframes slidein2 {
  from {
  	color:#000;
  }

  to {
  	color:red;
  	border: 3px solid red;
  }
}

#anim:hover{
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  /*animation-delay: 3s;*/
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;/*
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;*/
	background-color: #000000;
	color: #fff;
}

@keyframes example {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}

@keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:200px; top:0px;}
    50%  {background-color:blue; left:200px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}

@keyframes slidein {
  from {
  	color: #000;
  }

  to {
  	color: #fff;
  }
}

@-moz-keyframes slidein {
  from {
  	color:#000;
  }

  to {
  	color:#fff;
  }
}
@-webkit-keyframes slidein {
  from {
  	color:#000;
  }

  to {
  	color:#fff;
  }
}

#carregando{
	width: 200px;
	height: 100px;
	margin: 10px auto;
	display: none;
}


#geral{
	width: 100%;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	object-fit: cover;
	object-position: top center;
}

#geral_m{
	max-width: 1000px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#cabecalho{
	max-width: 1100px;
}

#corpo{
	max-width: 1100px;
	border: 0px solid #000;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
 	border-radius: 3px;

	-webkit-box-shadow: 0px 0px 2px 0px #CDC5BF;
	-moz-box-shadow: 0px 0px 2px 0px #CDC5BF;
	box-shadow: 0px 0px 2px 0px #CDC5BF;
}

#anuncio-bottom{
	max-width: 1100px;
	border: 0px solid #000;
	padding: 10px;
	background-color: #fff;

	-webkit-box-shadow: 0px 0px 2px 0px #CDC5BF;
	-moz-box-shadow: 0px 0px 2px 0px #CDC5BF;
	box-shadow: 0px 0px 2px 0px #CDC5BF;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
 	border-radius: 3px;
}

#rodape{
	color: #fff;
	max-width: 100%;
	border: 0px solid #000;
	background-color: #B8860B;
	padding: 20px;
	font-size: 13px;
}
#rodape table{
	color: #ffffff;
	font-size: 13px;
}

#topo{
	width:100%;
	border: 0px solid #000;
	margin-left: -0px;
	margin-right: -0px;
	background-color: #B8860B;
	position: fixed;
	z-index: 10000;
}

#logo{
	padding:0px;
	margin:0 0 0 3px;
	float:left;
}

#menu_topo{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	height:47px;
}

#menu_topo ul{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	float: right;
}

#menu_topo ul li{
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
	margin-left: 10px;
}

#menu_topo ul li:hover{
	background-color: #000;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}


/* se for celular ------------------- 

@media (max-width: 600px) {

}*/

#menu{
	
}


#topo_p{
	
}

#menu_topo_p{
}

#menu_topo_p ul{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

#menu_topo_p ul li{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	margin-left: 10px;
	color:#fff;
}

#menu_topo_p ul li:hover{
	background-color: #000;
	color: #fff;
}

#geral_p{
	width:100%;
}
#geral_m_p{
	width:100%;
}


#cabecalho_p{
	
}

#rodape_p{
	border: 1px solid #000;
	background-color: #c0c0c0;
	padding-top: 20px;
	padding-bottom: 20px;
}

#corpo_p{
	
}

img#redi{
	object-fit: cover;
	object-position: top center;
}

.hr{
      /*border-bottom: 1px solid #000;*/
      background-color: #B8860B;
      height: 3px;
      max-width: 900px;
      margin-left: 40px;
      border: 0px solid #000;
}

#play{
	background-size: 20%;
}

#play:hover{
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: slideinn;
  -webkit-animation-name: slideinn;
  animation-name: slideinn;
  /*animation-delay: 3s;*/
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;/*
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;*/
  background-size: 30%;
}

@keyframes slideinn {
  from {
  	background-size: 20%;
  }

  to {
  	background-size: 30%;
  }
}

@-moz-keyframes slideinn {
  from {
  	background-size: 20%;
  }

  to {
  	background-size: 30%;
  }
}
@-webkit-keyframes slideinn {
  from {
  	background-size: 20%;
  }

  to {
  	background-size: 30%;
  }
}

#pag{
	padding: 5px;
	margin-left: 5px;
	background-color: #fff;
	border: 1px solid #000;
	padding-left: 10px;
	padding-right: 10px;
}

#redesocial{
	width:80%;
	margin-left:20px;
	object-fit: cover;
	object-position: top center;
}

#mm{
	position:absolute;
	width:340px;
	display:block;
	left:-340px;
	top:0px;
	z-index: 10001;
	background-color: #B8860B;
	box-shadow: 2px 2px 2px #c0c0c0;
	-webkit-box-shadow: 2px 2px 2px #c0c0c0;
	-moz-box-shadow: 2px 2px 2px #c0c0c0;
}

#btMenu{
	margin-top:-10px;
	margin-bottom:0px;
}


#menu-link{
	margin-top: -20px;
	float:right;
	cursor:pointer;
}

#menu-link-fecha{
	cursor:pointer;
	width:100px;
	color:#B8860B;
	background-color:#fff;
	padding: 8px;
}


#icon{
	display: none;
}

#esquerda{
	max-width:730px;
	border:0px solid #000;
	padding:5px;
}

#tarjaTitulo{
	-moz-border-radius:0px 15px 15px 0px;
	-webkit-border-radius:0px 15px 15px 0px;
 	border-radius:0px 15px 15px 0px;
	cursor: pointer;
}

#tarjaTitulo:hover{
	font-weight:700;
}

#tarja{
	cursor: pointer;
}

#secaoPortal{
	width:100%;
	display: inline-flex;
}

#tarjaNova{
	cursor: pointer;
   max-width:316.4px;
   /*max-width:406.4px;*/
   object-fit: cover;
   object-position: top center;
   display: inline-flex;
   position: relative;
   height: 200px;
   bottom: 0;
   top: 0px;
   left: 0;
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
   padding:5px;
   border:0px solid #000;
   padding-top:15px;
   text-shadow: 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;

  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: tarjaDesce;
  -webkit-animation-name: tarjaDesce;
  animation-name: tarjaDesce;
  /*animation-delay: 3s;*/
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
#tarjaNova:hover{
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: tarjaSobe;
  -webkit-animation-name: tarjaSobe;
  animation-name: tarjaSobe;
  /*animation-delay: 3s;*/
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes tarjaSobe {
  from {
  	top:100px;
  }

  to {
  	top:0;
  }
}

@keyframes tarjaDesce {
  from {
  	top:0;
  }

  to {
  	top:100px;
  }
}

#camadaFundoTitulo{
	position: relative;
	object-fit: cover;
	object-position: top center;
	min-width:180px;
	display: inline-flex;
	padding:0px;
	margin:0 5px;
	height: 200px;
	background-position: center top;
	background-size:100%;
	background-repeat: no-repeat;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	vertical-align: baseline;
	border: 1px solid #cdcdcd;
}

#tarja:hover{
	font-weight:700;
}

.bordas{
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

/*@media only screen and (min-width: 354px) and (max-width: 712px){*/
@media only screen and (min-width: 354px) and (max-width: 652px){
	#secaoPortal{
		display: grid;
	}
	#tarjaNova{
		display: grid;
		max-width: 652px;
	}
}