@charset "utf-8";

/* HOME PAGE */

body {  height: 100%; color: #111; font-family: 'proxima-nova', sans-serif;  overflow-x: hidden; background:#FFF; padding: 0px; margin: 0px; text-rendering: optimizeLegibility;  letter-spacing: 0px ; font-stretch: normal;}

html  { text-rendering: optimizeLegibility; height: 100%;  }

a img { border:none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

.seletor {color: inherit; text-decoration: none; }

:focus { outline: 0; }

.nbsp { width: 100%; float:left; position: relative; display: none; }

.font10 { font-size: 10px;} .font11 { font-size: 11px;} .font12 { font-size: 12px;} .font13 { font-size: 13px;} .font14 { font-size: 14px;}  .font15 { font-size: 15px;} .font16 { font-size: 16px;}  .font18 { font-size: 18px;}  .font20 { font-size: 20px;} .font22 { font-size: 22px;}  .font24 { font-size: 24px;} .font28 { font-size: 28px;} .font32 { font-size: 32px;} .font42 { font-size: 42px;} .font48 { font-size: 48px;} .font52 { font-size: 52px;}

.normal { font-weight:400; } .sbold { font-weight:600; } .bold { font-weight:700; } .ssbold { font-weight:900; }

.uppercase { text-transform: uppercase; text-transform: normal }

.border { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC;  }

.transition { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

ul { padding: 0px; margin: 0px; list-style: none;  } 

.img img { width: 100%; height:auto; }

.alerta { width: 100%; float:left; position: relative; font-size: 24px; text-transform: uppercase; text-align: center; color: #CCC; padding: 10px; margin: 50px 0px 50px 0px; } 

h1, h2, h3, h4, h5, h6 h7, h8, h9 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: inherit; } 

ul { padding: 0px; margin: 0px; list-style: none;  } 

.conteiner { width: 100%; float:left; position:relative;  }

.center { max-width: 1210px; margin: 0 auto; display:block; padding: 0px 10px 0px 10px;  }
.center2 { max-width: 800px; margin: 0 auto; display:block; padding: 0px 0px 0px 0px; }

.bgbanner { background: url(../images/bgbanner.png) center repeat; padding: 0px 0px 0px 0px; }

.block-right { position:relative; float:right; }
.block-left { position:relative; float:left; }
.block-center { width: 100%; display: block; margin: 0 auto; } 

.text-white { color: #FFF; }

.link-white a { color: #EEE; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.link-white a:hover { color: #FFFFFF; text-decoration: underline;} 

.link-black a { color: #333; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.link-black a:hover { color: #111; text-decoration: underline;} 

.link-black2 a { color: #333; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.link-black2 a:hover { color: #111; text-decoration: none;} 

.link-red a { color: #EC3337; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.link-red a:hover { color: #EC3337; text-decoration: underline;}

.link-green a { color: #00E676; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.link-green a:hover { color: #00E676 ; text-decoration: underline;}

.text-left {text-align:left;  }
.text-center {text-align:center;  }
.text-right { text-align: right; }


.share {  width: 110px; float:left; position:relative; margin: 0px 0px 0px 0px; }
.share i { float:left; position:relative; margin: 0px 20px 0px 0px;} 
.share .fa-twitter {   margin: 0px 0px 0px 0px; }

.share a .fa-whatsapp-square  { color: #00E676; }
.share a .fa-facebook  { color: #1877F2; }
.share a .fa-twitter  { color: #1DA1F2; }

.marginh { margin: 50px 0px 50px 0px;}
.margint { margin: 50px 0px 0px 0px;}  
.marginb { margin: 50px 0px 0px 0px;}  

.bgbanner { min-height: 90px; background: url(../images/bgbanner.png) center repeat; padding: 0px 0px 0px 0px; }

.banner970x120 {max-width: 970px; margin: 0 auto; display:block;  } 
.banner728x90 {max-width: 728px; margin: 0 auto; display:block; } 
.banner300x250 {width: 310px; height: auto; float:left; position:relative; overflow: hidden; } 
.banner300x100 ul li {max-width:380px; margin: 0 auto; display:block; } 
.banner300x100 ul li div {max-width:300px; margin: 0 auto; display:block; } 
.banner380x340 { width: 380px; height: 340px; float:left; position:relative; overflow: hidden; margin: 5px 0px 0px 0px } 

.titulo-bar { border-bottom: 1px solid #CCC; margin: 0px 0px 30px 0px;  color: #EC3337;}

.text-777 { color: #777;} 

.text-0077C6 {  color: #0077C6;}
.text-00923F {  color: #00923F;}
.text-EB3337 {  color: #EB3337;} 
.text-4867AA { color:  #4867AA;}
.text-111111 { color: #111111; }
.text-CCCCCC { color: #CCCCCC; }


#bannertext { width: calc(100% - 22px); text-align:center; padding: 10px; float:left; position: relative; border: 1px solid #CCC; font-size: 14px; margin: 0px 0px 50px 0px; }
#bannertext a { color: #111; text-decoration: none; }

#menumobile { display: none; font-size: 14px;  width: 180px; padding: 10px;  position: fixed; top: 0px; left: 0px; height: 100%; background: #A92626; z-index: 999999999; } 
#menumobile ul { width: 100%; float:left; position: relative; }
#menumobile ul li {width: 100%; float:left; position: relative; padding: 0px 0px 13px 0px; } 
#menumobile ul li a { width: 100%; float:left; position: relative; } 

#topo.margin { margin: 0px 0px 68px 0px;}

#top-bar { background: #EC3337; padding: 12px 0px 7px 0px;  }
#top-bar i { margin: 0px 5px 0px 0px; padding: 0px; } 
#top-bar #e-mail {  width: 215px; }
#top-bar #sociais { margin-top: -17px; padding: 0px;} 
#top-bar #sociais span { display: none;  }
#top-bar #sociais ul li { float:left; position: relative; margin: 0px 5px 0px 0px; padding: 0px;}
#top-bar #sociais ul li:last-child   { margin: 0px 0px 0px 0px; }

#top-menu .showmenu { margin: 3px 20px 0px 0px; display: none;  } 

#top-menu {background: #FFF; padding: 15px 0px 10px 0px; border-bottom: 5px #CCC solid; } 
#top-menu #logo { width: 100px; margin: 0px 0px 0px 0px ;  }
#top-menu #menu-top { width: 660px; float:left; position: relative; } 

#top-menu.fixar {  position: fixed; top: 0px; left: 0px; z-index: 99999999;   }


#top-menu #menu-top ul { width: 100%; position: absolute; top: 0px; left: 50px; } 
#top-menu #menu-top ul li {  width: 110px; float:left; position: relative;   }
#top-menu #menu-top ul li a { width: 100%;  float:left; position: relative; height: 48px; border-bottom: 5px solid #CCC;  }
#top-menu #menu-top ul li a:hover {  border-bottom: 5px solid #EC3337;  }  
#top-menu #menu-top ul li span { width: 100%; margin: 10px 0px 0px 0px;  float:left; position: relative; text-align: center;}



#top-menu #menu-top ul li ul { background: #EC3337; z-index: 999; margin: 0px 0px 0px 0px; top: 0px; left: -30px; width:170px; display: none; position:absolute; padding: 0px ; text-decoration: none; }
#top-menu #menu-top ul li:hover ul { display: block;  margin-left: 0px; margin-top: 48px; }
#top-menu #menu-top ul li ul li  {  position:relative; float:left; text-align:center;   }
#top-menu #menu-top ul li:hover ul li a {  width:170px; height: auto; padding: 3px 0px 3px 0px; border-bottom: 1px solid #FFF;  }
#top-menu #menu-top ul li ul li a { width:170px; color: #FFF; text-decoration: none;  margin: 0px 0px 0px 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#top-menu #menu-top ul li ul li a:hover  { width:170px; color: #FFF; text-decoration: none; background:  #A92626; border-bottom: 1px solid #FFF; }
#top-menu #menu-top ul li ul li span { width:170px; font-weight:600; margin: 5px 0px 0px 0px; position:relative; float:left; }

#busca2 { display: none; } 

.busca { width: 360px; margin: 0px 0px 0px 0px;}
.busca form  {background: #FFF; border: none; height:26px; width: 100%; margin: 2px 0px 0px 0px; }
.busca input {  height:30px; width: 319px; border: 1px solid #CCC; border-right: none; padding: 0px 5px 0px 5px;  font-size: 12px; color: #111; }
.busca button { height:32px; width: 30px; border:none;  background: #FFF; color: #EC3337; cursor:pointer; border: 1px solid #CCC;}
.busca button:hover { background: #FFF;  }

#banner_topo { margin: 50px 0px 0px 0px;} 

#retrospectiva { width: 100%;  padding: 0px 0px 0px 0px; margin: 50px 0px 0px 0px; }
#retrospectiva #vermelho { padding: 5px 0px 5px 0px; background:  #EC3337; width: 290px; float:left; position:relative; color: #FFF; font-weight:900; text-align:center; text-transform: uppercase; font-size: 22px; }
#retrospectiva #cinza {   width: 100% ; background: #EEEEEE; float:left; position:relative; color: #000; font-weight:600; text-align:left;  font-size: 16px;}
#retrospectiva #cinza span { padding: 8px 20px 8px 20px; float:left; position:relative; } 
#retrospectiva #cinza a { color: #000; text-decoration: none; }
#retrospectiva #cinza a:hover { color: #000; text-decoration: underline; }




#ultimasnoticias { width: calc(100% - 2px); border: 1px solid #CCC; margin: 50px 0px 0px 0px; }
#ultimasnoticias h1 {  text-align: center; width: 75px; float: left; position: relative; background: #EC3337;  padding: 10px; color: #FFF; }
#ultimasnoticias li { float:left; position: relative; padding: 12px 10px 10px 10px ; } 
#ultimasnoticias .titulo { border-right: 1px solid #CCC; padding-right: 15px; }
#ultimasnoticias .data { color: #EC3337; padding-right: 5px;} 
#ultimasnoticias .marquee { width: calc(100% - 95px); overflow: hidden; float:left; position:relative; padding: 0px; margin: 0px; }
#ultimasnoticias .marquee { width: calc(100% - 95px); overflow: hidden; float:left; position:relative; padding: 0px; margin: 0px; }


#destaques #manchete { border-bottom: 1px solid #CCC; padding: 0px 0px 25px 0px ;}
#destaques #manchete span { width: 100%; float:left; position:relative; padding: 0px 0px 5px 0px; }
#destaques #manchete h1 { width: 100%; float:left; position:relative; padding: 0px 0px 5px 0px; font-size: 42px;}
#destaques #manchete h2 {  float:left; position:relative; padding: 5px 30px 25px 0px; }
 
#destaques #destaque-gd li { width: 580px; float:left; position:relative; } 
#destaques #destaque-gd li:first-child { margin: 0px 50px 0px 0px;} 
#destaques #destaque-gd .imagem { width: 280px; float:left; position:relative; margin: 0px 30px 0px 0px; }
#destaques #destaque-gd .categoria { font-size: 20px; width: 270px; float:left; position:relative; margin: 0px 0px 17px 0px; color: #EC3337;}
#destaques #destaque-gd h1 {  letter-spacing: -0.9px ; font-size: 28px; width: 270px; height: 165px; overflow: hidden; float:left; position:relative; margin: 0px 0px 18px 0px; }
#destaques #destaque-gd .data { width: 270px; float:left; position:relative; margin: 0px 0px 17px 0px; color:  #EC3337;}

#destaques #destaque-pq { padding: 0px 0px 50px 0px; } 
#destaques #destaque-pq li { width: 280px; float:left; position:relative; margin: 0px 30px 0px 0px;} 
#destaques #destaque-pq li:last-child { margin: 0px 0px 0px 0px;} 
#destaques #destaque-pq .imagem { width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; }
#destaques #destaque-pq .categoria { font-size: 14px; width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; color: #EC3337;}
#destaques #destaque-pq h1 { font-size: 16px; width: 100%; height: 60px; overflow: hidden; float:left; position:relative; margin: 0px 0px 10px 0px; }
#destaques #destaque-pq .data {  float:right; position:relative; margin: 5px 0px 0px 0px; color:  #EC3337;}


#interessaavc {width: 870px; margin: 0px 30px 0px 0px;  }
#interessaavc ul {width: 100%; margin: 0px 0px 0px 0px;  } 

#interessaavc li { width: 195px; float:left; position:relative; margin: 0px 30px 0px 0px; } 
#interessaavc li:nth-child(5n) { margin: 0px 0px 0px 0px; } 
#interessaavc .imagem { width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; }
#interessaavc .categoria { width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; color: #EC3337;}
#interessaavc li h1 { width: 100%; float:left; position:relative; margin: 0px 0px 0px 0px; }
#interessaavc h1 {color: #777; } 

#radiodolartempo { margin: 50px 0px 50px 0px;} 

#radio { width: 380px; height: 80px; float: left; position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:20px 0px 0px 0px; }
#radio .logo { width: 126px; float: left; position: relative; margin: 0px 20px 0px 0px; } 
#radio .horario, #radio .programa, #radio .apresentacao {  width: 234px; float: left; position: relative; margin: 0px 0px 5px 0px;  } 


#tempo { width: 380px; height: 80px; float: left; position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px 0px 0px 0px; }
#tempo  .icon {  width: 85px; float: left; position: relative; margin: 0px 20px 0px 0px; font-size: 62px; color: #EC3337; } 
#tempo .cidade, #tempo .temperatura, #tempo .descricao { width: 270px; float: left; position: relative; margin: 0px 0px 5px 0px;  } 
#tempo .cidade { color: #EC3337; } 
#tempo .temperatura .agora { color: #111; margin: 0px 20px 0px 0px; } 
#tempo .temperatura .max { color: #EC3337; margin: 0px 20px 0px 0px;} 
#tempo .temperatura .min { color: #3F99D3; } 
#tempo .descricao { color: #666; } 


#dolar { width: 380px; height: 90px; float: left; position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:10px 0px 0px 0px;  margin: 0px 35px 0px 35px;}

#dolar .cabecario {width: 380px;  float: left; position: relative; margin: 0px 0px 10px 0px } 
#dolar .left {width: 200px;  float: left; position: relative;  }
#dolar .left img { margin-bottom: -5px;} 
#dolar .right {width: 60px;   float: left; position: relative;  }
#dolar .variacao { color: #468C00;  }

#hotbox { margin: 0px 0px 50px 0px;} 

#hotbox .titulo-bar { color: #EC3337; }


#hotbox li { width: 260px; float:left; position:relative; margin: 0px 30px 0px 0px; padding: 10px 10px 10px 10px; background:#EC3337; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  } 
#hotbox li:last-child { margin: 0px 0px 0px 0px;} 
#hotbox .imagem { width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; }
#hotbox .categoria { width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; color: #EEE;}
#hotbox li h1 { width: 100%; height: 54px; overflow: hidden; float:left; position:relative; margin: 0px 0px 0px 0px; }
#hotbox li:hover { background: #CE3438; } 


#blogs { margin: 50px 0px 50px 0px;} 

#blogs li { width: 280px; height: 150px; float:left; position:relative; background: rgb(0,0,0); background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(102,0,0,1) 100%); margin: 0px 30px 0px 0px;}

#blogs li:last-child { margin: 0px 0px 0px 0px;} 

#blogs a { width: 100%; }
#blogs .txt { width: 132px; float:left; position:relative; padding: 10px 15px 0px 15px; font-size: 14px;} 
#blogs .blogger  { width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px;   } 
#blogs .titulo  { width: 100%; float:left; position:relative; } 
#blogs .imagem { width: 118px; height: 150px; float:right; position:relative; overflow: hidden; }
#blogs .imagem img { width: auto; height: 150px;  }


#maisnoticias #left { width: 380px; float:left; position:relative; } 
#maisnoticias #left h1 { color: #111111;  } 
#maisnoticias #left .categoria { color: #111111;  } 


#maisnoticias #center { width: 380px; float:left; position:relative; margin: 0px 35px 0px 35px;}
#maisnoticias #center h1 { color: #3B9C00;  } 
#maisnoticias #center .categoria { color: #3B9C00;  } 

 
#maisnoticias #right { width: 380px; float:left; position:relative; } 
#maisnoticias #right h1 { color: #FF7F00;  } 
#maisnoticias #right .categoria { color: #FF7F00;  } 


#maisnoticias li { width: 175px; float: left; position: relative; margin: 0px 0px 0px 0px;} 
#maisnoticias li:nth-child(1n) { margin: 0px 30px 30px 0px; } 
#maisnoticias li:nth-child(2n) { margin: 0px 0px 30px 0px; } 
#maisnoticias li:nth-child(3n) { margin: 0px 30px 0px 0px; } 
#maisnoticias li:nth-child(4n) { margin: 0px 0px 0px 0px; } 
#maisnoticias li .imagem { width: 100%; float:left; position: relative; margin: 0px 0px 5px 0px; } 
#maisnoticias li .categoria {  width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px;}
#maisnoticias li h1 { width: 100%; float:left; position:relative; } 

#maisnoticias li h1 { height: 72px; overflow: hidden;  } 
#maisnoticias li .categoria { height:17px; overflow: hidden;} 


#outrasnoticias #left { width: calc(50% - 15px); float:left; position:relative; margin: 0px 30px 0px 0px;} 
#outrasnoticias #right { width: calc(50% - 15px); float:left; position:relative; }

#outrasnoticias li { width: 176.6666666666667px; float: left; position: relative; margin: 0px 30px 0px 0px;} 
#outrasnoticias li:last-child { margin: 0px 0px 0px 0px; } 

#outrasnoticias li .imagem { width: 100%; float:left; position: relative; margin: 0px 0px 5px 0px; } 
#outrasnoticias li .categoria {  width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px; color: #EC3337;}
#outrasnoticias li h1 { width: 100%; float:left; position:relative; } 

#outrasnoticias li h1 { height: 72px; overflow: hidden; } 
#outrasnoticias li .categoria { height:17px; overflow: hidden;} 


#estados #left {width: 860px; float:left; position:relative; margin: 50px 50px 0px 0px; }
#estados #left ul { margin: 0px 0px 50px 0px;} 


#estados #right { width: 300px; float:left; position:relative; margin: 50px 0px 0px 0px; }
#estados #right .banner300x600 { width: 100%; float:left; position:relative; margin: 0px 0px 0px 0px; } 


#estados #left  li { width: 266.6666666666667px; float: left; position: relative; margin: 20px 30px 0px 0px; } 
#estados #left  li:last-child { margin: 20px 0px 0px 0px; } 

#estados #left  li .categoria {  width: 100%; float:left; position:relative; margin: 0px 0px 5px 0px;}
#estados #left  li h1 { width: 100%; float:left; position:relative; }
 
#cntv { margin: 0px 0px 50px 0px;} 
 
#cntv #left { width: 440px; float:left; position: relative; margin: 0px 50px 50px 0px;}
#cntv #left li { width: 205px; float:left; position: relative; } 
#cntv #left li:nth-child(1n) { margin: 0px 30px 30px 0px; } 
#cntv #left li:nth-child(2n) { margin: 0px 0px 30px 0px; } 
#cntv #left li:nth-child(3n) { margin: 0px 30px 0px 0px; } 
#cntv #left li:nth-child(4n) { margin: 0px 0px 0px 0px; } 
#cntv #left li .imagem { width: 100%; float:left; position: relative; margin: 0px 0px 0px 0px; } 
#cntv #left li .categoria {  width: 100%; float:left; position:relative; margin: 10px 0px 5px 0px; color: #EC3337;}
#cntv #left li h1 { width: 100%; height: 80px; overflow: hidden; float:left; position:relative; margin: 0px 0px 10px 0px;} 
#cntv #left li .fa-youtube {  font-size: 42px;  position: absolute; bottom: 10px; right: 8px;  } 
#cntv #left .bg {  width: 16px; height: 16px; position: absolute;  bottom: 21px; right: 23px;  } 



#cntv #right { width: 720px; float:left; position: relative; margin: 0px 0px 50px 0px;}
#cntv #right .imagem { width: 100%; float:left; position: relative; margin: 0px 0px 0px 0px; } 
#cntv #right .categoria {  width: 100%; float:left; position:relative; margin: 10px 0px 10px 0px; color: #EC3337;}
#cntv #right h1 { font-size: 30px; width: 100%; height: 75px; overflow: hidden; float:left; position:relative; margin: 0px 0px 10px 0px;} 
#cntv #right .fa-youtube {font-size: 42px;  position: absolute; bottom: 10px; right: 8px;  } 
#cntv #right .bg {  width: 16px; height: 16px; position: absolute;  bottom: 21px; right: 23px;  } 


#cntv #bottom { margin: 0px 0px 0px 0px;}
#cntv #bottom li { width: 280px; float:left; position: relative; margin: 0px 30px 0px 0px;} 
#cntv #bottom  li:last-child { margin: 0px 0px 0px 0px; } 
#cntv #bottom li .imagem { width: 100%; float:left; position: relative; margin: 0px 0px 0px 0px; } 
#cntv #bottom li .categoria {  width: 100%; float:left; position:relative; margin: 10px 0px 10px 0px; color: #EC3337;}
#cntv #bottom li h1 { width: 100%; height: 60px; overflow: hidden; float:left; position:relative; margin: 0px 0px 10px 0px;} 
#cntv #bottom li .fa-youtube { font-size: 42px;  position: absolute; bottom: 10px; right: 8px; } 
#cntv #bottom .bg { width: 16px; height: 16px; position: absolute;  bottom: 21px; right: 23px;   } 

#cntv a .fa-youtube { color: #CE3438;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#cntv a:hover > .fa-youtube { color: #EC3337; }

#cntv a .bg { background: #111;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
#cntv a:hover > .bg { background: #FFF; } 
 

#artigos { margin: 50px 0px 0px 0px;}


#artigos li { width: 280px; float:left; position: relative; margin: 0px 30px 0px 0px;} 
#artigos li:last-child { margin: 0px 0px 0px 0px; } 
#artigos li .categoria {  width: 100%; float:left; position:relative; margin: 10px 0px 10px 0px; color: #777;}
#artigos li h1 { width: 100%; height: 60px; overflow: hidden; float:left; position:relative; margin: 0px 0px 10px 0px;} 


#redessociais { margin: 50px 0px 50px 0px; } 

#enquete { width: 380px;  float:left; position: relative; margin: 0px 0px 0px 0px; }
#enquete #pergeresp { width: 100%; height: 285px; float:left; position: relative;} 
#enquete #pergeresp .resposta { width: 100%; float:left; position: relative; margin: 20px 0px 0px 0px;} 
#enquete #pergeresp .enviar { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  cursor: pointer; width: 100%;  color: #FFF;padding: 10px 0px 10px 0px; background: #EC3337; border: none; position: absolute; bottom: 0px; left: 0px; margin: 20px 0px 0px 0px;} 
#enquete #pergeresp .enviar:hover { } 


#instagram { width: 380px; height: 345px; overflow: hidden; float:left; position: relative; margin: 0px 35px 0px 35px; } 

#maismais { margin: 50px 0px 50px 0px; } 

#maismais #noticiasmais { width: 380px; float:left; position: relative; margin: 0px 0px 0px 0px; }
#maismais #maisacessadas { width: 380px; float:left; position: relative; margin: 0px 35px 0px 35px; }
#maismais #maiscomentadas { width: 380px; float:left; position: relative; margin: 0px 0px 0px 0px; }
#maismais .numero {  width: 40px; float:left; position: relative; margin: -5px 0px 0px 0px; font-size: 40px; color: #EC3337;}
#maismais li  { width: 100%; float:left; position: relative; margin: 0px 0px 20px 0px; }
#maismais ul li h1 { width: calc(100% - 40px); height: 36px; overflow: hidden; float:left; position: relative; margin: 0px 0px 0px 0px; } 

#footer { background: #EEEEEE; border-top: 5px solid #CCCCCC;  padding: 50px 0px 50px 0px;} 
#footer .coluna { width: 250px; float:left; position: relative;  margin: 0px 70px 0px 0px; }


#footer .coluna ul li { margin: 20px 0px 0px 0px; } 
#footer .coluna #sociais a { margin: 0px 10px 0px 0px; } 
#footer .coluna #sociais span { display: none; } 

#footer #logofooter { padding: 50px 0px 50px 0px ; } 
#footer #logofooter a { width: 100px; } 


#barpagina { background: #EEEEEE; padding: 30px 0px 30px 0px; }

#topoblogger { width: 100%; border-bottom: 2px solid #CCC; margin: 50px 0px 0px 0px; float: left; position: relative;  } 
#topoblogger .foto { width: 230px; float: left; position: relative;  margin: 0px 10px 0px 0px;  } 
#topoblogger .txt { width: 970px; float: left; position: relative;  } 
#topoblogger .txt .quem { font-size: 32px; } 
#topoblogger .txt .discritivo { font-size: 16px; } 
#topoblogger .contato {  float: left; position: relative; text-align: right; margin: 20px 0px 0px 0px;} 

#topoblogger .contato a { margin: 0px 0px 0px 10px; color: #111; text-decoration: none;  } 


#noticia { padding: 0px 0px 50px 0px; border-bottom: 1px solid #CCC; margin-bottom: 50px;  } 

#noticia .titulo { padding: 50px 0px 0px 0px; font-size: 42px;} 
#noticia .bigode { padding: 20px 0px 0px 0px; font-size: 18px;}   
#noticia #datas { padding: 100px 0px 0px 0px; font-size: 16px;} 
#noticia #compartilhe { padding: 50px 0px 50px 0px; font-size: 32px;  } 
#noticia #compartilhe span { font-size: 16px; }
#noticia .continue { width: 100%; height: 13px; background: url(../images/continuelendo.png) top center; margin: 0px 0px 20px 0px; } 
#noticia .continue2 { width: 100%; height: 15px; background: url(../images/continuelendo2.png) top center; margin: 0px 0px 20px 0px; } 
#noticia .legenda {  color: #777; border-bottom: 1px solid #CCC;  padding: 10px 0px 10px 0px; font-size: 14px;}

#noticia #compartilhe .share2 {  width: 125px; margin: 0 auto; display:block; font-size: 32px; }
#noticia #compartilhe .share2 i { float:left; position:relative; margin: 20px 20px 0px 0px;} 

#noticia #compartilhe .share2 a .fa-whatsapp-square  { color: #00E676; }
#noticia #compartilhe .share2 a .fa-facebook-square  { color: #1877F2; }
#noticia #compartilhe .share2 a .fa-twitter-square { color: #1DA1F2; }
#noticia #compartilhe .share2 .fa-twitter-square { margin: 20px 0px 0px 0px;} 
#noticia #compartilhe .share2 a .fa-pinterest-square { color: #E60023; } 
#noticia #compartilhe .share2 a .fa-linkedin { color: #0A66C2;} 
#noticia #compartilhe .share2 .fa-linkedin { margin: 20px 0px 0px 0px;} 

#noticia #banner_noticia {  width: 300px; height: auto; float:right; position: relative; margin: 25px 0px 25px 25px; } 



#noticia .maisfotos { border-bottom: 1px solid #CCC; padding: 0px 0px 5px 0px; } 
#noticia #fotos { padding: 10px 0px 50px 0px; }

#noticia #tags { padding: 0px 0px 50px 0px;} 
#noticia #tags a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  text-decoration:none;  color: #111;  margin: 10px 10px 0px 0px; border: 1px solid #CCC; padding: 5px; float:left; position: relative;} 
#noticia #tags a:hover { background: #111; color: #FFF; }


#noticia #preparagrafo {font-size: 20px; text-align: justify; }

#noticia #preparagrafo ul { padding: inherit; margin: inherit; list-style: inherit; } 

#noticia .paragrafos {font-size: 20px;  text-align: justify;}

#noticia .paragrafos ul { padding: 0px 0px 0px 50px; margin: 0px 0px 0px 0px; list-style: inherit; } 

#noticia .paragrafos img, #noticia .preparagrafos input { width: 100%; height: auto; } 

#noticia .paragrafos table {  width: 100%;} 

#noticia .paragrafos img, #noticia .preparagrafos div img { width: 100%; height: auto; } 

#noticia #preparagrafos object, #noticia #preparagrafos embed { width: 100%; height: auto; }

#noticia #preparagrafo iframe { width: 100%; min-height: 450px; } 

#noticia .paragrafos iframe { width: 100%; min-height: 450px; } 

#noticia .player { width: 100%; float:left; position: relative;} 
#noticia .player iframe { width: 100%; min-height: 450px; } 


#comentar { color: #FFF; text-transform: uppercase; text-decoration: none; background: #EC3337; padding: 10px; position: absolute; right: 0px; bottom: 0px; } 



.result li { width: 100%; } 
.conteiner_coments { width: calc(100% - 2px); margin: 10px 0px 10px 0px; border: 1px dashed #CCC; }
.coments_coments { width: calc(100% - 20px); padding: 0px 10px 10px 10px ;}
.nome_coments { padding: 10px; }

.nocoments {  padding: 10px 0px 40px 0px; }
.nocoments  a { color: #111; text-decoration:none;} .nocoments  a:hover{ color: #111; text-decoration:underline;}


#Pagination { margin:30px 0px 50px 0px;   }
.pagination { display: inline-block; }
.pagination a {	background: #EC3337; text-decoration: none; color: #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.pagination a:hover { text-decoration: none; background: #B20000; }
.pagination a, .pagination span { display: block; float: left; padding: 5px; margin: 0px 2px 4px 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.pagination .current { background: #CE3438; }
.pagination .current.prev, .pagination .current.next { background:#EC3337;}


#formenvio {   width: 95.8%; position:relative; float:left;  margin: 40px 0% 0px 0%; padding: 2%; border: 1px solid #CCC ; font-weight:400; font-size: 14px; color: #111; display: none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 

#formdepo {   width: 95.8%; border: 1px solid #CCC; position:relative; float:left;  margin: 0px 0% 50px 0%; padding: 2%; font-weight:400; font-size: 14px; color: #111; display: none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 

.formcontato { margin: 0px 0% 0px 0%; position:relative; float:left;  } 

#formulario .campo {  width: 96%;  position:relative; float:left; margin: 10px 0px 10px 0px;  border: 1px solid #CCC;  padding: 2%; font-size: 14px; color: #111; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#formulario .textarea { width: 96%;  padding: 2%; margin: 10px 0px 10px 0px; font-family: 'proxima-nova', sans-serif;  border: 1px solid #CCC;  font-size: 14px; color: #111; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#formulario .campo:focus, #formulario .textarea:focus {  border: 1px solid #EC3337; } 
#formulario .txt { width: 100%; # position:relative; float:left;} 
#formulario #codigo {  position:relative; float:left; margin: 10px 0px 10px 0px; text-transform: uppercase;} 
#formulario #atualizar { margin: 30px 0px 0px 10px; position:relative; float:left;}
#formulario .enviar {  text-transform: uppercase; font-weight:400; border: none; cursor: pointer; float:right; position: relative; margin: 20px 0px 0px 0px;  color: #FFF; text-decoration:none; background-color: #EC3337; padding: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:16px;}
#formulario .enviar:hover { color: #FFF; text-decoration:none; background-color: #CE3438; }


.lista ul li { width: 100%; float:left; position:relative; margin: 0px 0px 50px 0px;   } 
.lista ul li .imagem { width: 232px; float: left; position: relative; margin: 0px 0px 0px 0px; margin: 0px 30px 0px 0px;}
.lista ul li .data { width: calc(100% - 262px);  float: left; position: relative;  padding: 0px 0px 15px 0px; font-size: 14px; }
.lista ul li h1 { width: calc(100% - 262px); float: left; position: relative; padding: 0px 0px 0px 0px; font-size: 22px; }
.lista ul li h2 { width: calc(100% - 262px); float: left; position: relative;  font-size: 16px; padding: 15px 0px 0px 0px;}

#btnmais { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #FFF; width: 260px; display: block; padding: 5px; margin: 0 auto; text-decoration: none; background:#EC3337; } 
#carregando { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #FFF; width: 260px; display: none; padding: 5px; margin: 0 auto; text-decoration: none; background:#EC3337; }