﻿@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(../css/flaticon.css);


[class*="foundicon-"] {
display: inline;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
display: inline-block;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
	margin-left:0px;}

.row{
	/*max-width: 73rem; */}
	
.maxheight{
	min-height:180px;
	}

.subone{
		display:block;
		float:left;
		  margin: 1rem 0rem;
	}
.subone .texto{
	margin-left: 2.33333% !important;}

/*
.submulty .imagecontainer{ min-height: 8em;}
*/
button:focus,input:focus {outline:0;}
  .column,
  .columns {
    position: relative;
       padding-right: 0.3375rem;
  padding-left: 0.3375rem;
  padding-left: 0.6375rem;
  padding-right: 0.6375rem;
  
  }

img {
  /*  opacity: 1.0;*/
}
img:hover {
  /*  opacity: 0.8;
                  transition: opacity .25s ease-in-out;
                  -moz-transition: opacity .25s ease-in-out;
                  -webkit-transition: opacity .25s ease-in-out;*/
}

@font-face {
	font-family: 'Conv_helveticaneue';
	src: url('../fonts/helveticaneue.eot');
	src: local('☺'), url('../fonts/helveticaneue.woff') format('woff'), url('../fonts/helveticaneue.ttf') format('truetype'), url('fonts/helveticaneue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background: #282725;
    
}

::selection {
    color: #FFF; 
    background: #282725;
}



.nopadding{
	padding:0px;}
.nomargin{
	margin:0rem;}
.nopadmar{
	padding:0px;
	margin:0px;}

.no-pad-right {
padding-right: 0px;
}
.no-pad-left{
padding-left: 0px;
}


.relative{
	position:relative;}


/*structure*/

header{
	display: block;
	margin-top:1rem;
	margin-top: 0.2rem;
	
	}
	


.middlenews{
	background:#000;
	margin-top: 0rem;
	}

.bi {
	background:#fff;
}
.bi h1 {color:green;border-bottom:green;
}
.middlenews a:link,.middlenews a:visited{
	color:#FFF;}


#related{
	margin:2rem 0rem;}
	
	
.related h2{
	border-bottom:0px;
	font-weight:100;
	line-height:1.1rem;
	font-size: 1rem;
	margin: 0.5rem 0rem;
	float: left;
	height: 3rem;}

footer{
	background:#000;
	color:#FFF;
	padding:2rem 0rem;
	padding-top: 10px;
	}



	

#separadorinotubo.modseparador h2{
	color:#FFF;
	border-color:#FFF;}
#separadorinotubo h2 a:link,#separadorinotubo h2 a:visited{
	color:#FFF;}

#separadorinotubo .row{
	margin-bottom:0px;
	padding-bottom:1rem;}

#sociallateral{
	position:fixed;
	left:0rem;
	top:20%;
	list-style:none;
	font-size:2rem;
	}

#sociallateral li{
	padding:0rem;
	margin:0rem;
	border-radius:0px;
	background:#333;
	border-bottom:1px solid #4D4D4D;
	text-align: center;

	}	

#sociallateral span li{
	margin-left:0px;
	display:block;}

#sociallateral li a:link,#sociallateral li a:visited{
	padding:0.2rem;
	color:#FFF;
	margin:0.2rem;
	
}
#sociallateral li a:hover{
	 color:#00aeef;
}

#topbar{
	width:100%;
	display:block;
	background:#000;
	font-family: sans-serif;
	z-index: 1000;
	
	
	}
nav.topbar{
	z-index:-100;}

img.logo {
  z-index: 100000;
  /* position: relative; */
}
	
#topbartablet .top-bar-section ul li > a{
	font-size:0.6rem;
	
	}

.top-bar-section ul {
	line-height:1.5;
	}

.topleftbar{
	margin-top:35px;}

/*END structure*/

img.logo:hover{
	opacity:1;
	}
.date{
	display:inline-block;
	vertical-align:bottom;
	color:#00aeef;
	font-size:0.8rem;
	font-family:Helvetica, Arial, sans-serif;
}

input.search{
	margin:0rem;
	padding: 0.5rem;
	height:1.8rem;}
	
nav#topnavmenu{
	text-align:right;
	margin-top:15px;
      margin-bottom: 10px;
	}
nav#topnavmenu ul{
	margin-bottom: 0.25rem;
	}

nav#topnavmenu ul li{
	display:inline-block;
	font-size:0.6rem;
	text-transform:uppercase;
	}



nav#topnavmenu ul li a{
	color:#848484;
	border-right:1px solid #848484;
	padding-right:5px;
	}
nav#topnavmenu ul li a:hover{
	color:#FFF;}

nav#topnavmenu ul li:last-chid{
	border-right:0px;
}

/*MENU*/


nav#mainmenu{
	width:100%;
	}
nav#mainmenu ul{
	padding:0.5rem;
	text-align:center;
	margin-bottom:0rem;
	}
	
nav#mainmenu ul li:first-child{
	border-left:0px;}

nav#mainmenu ul li{
	display: inline;
	list-style:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8rem;
	padding:0rem 0.8rem;
	border-left:1px solid #484848;}

nav#mainmenu ul li:last-child{
	padding-right:0rem;
	
}

nav#mainmenu ul li a{
	color:#00a1f5;
	color:#FFF;
	}
	
nav#mainmenu.fixedmenu {
background:#00a1f5 left;
position: fixed;
top: 0px;
z-index: 100;
left: 0;

}
nav#mainmenu.fixedmenu ul{
	border-bottom:0px;
}

nav#mainmenu.fixedmenu li a:link,nav#mainmenu.fixedmenu li a:visited  {

	color:#FFF;
}
nav#mainmenu #minilogo{
	display:none;
	}
	
	
nav#mainmenu.fixedmenu #minilogo{
	display:inline-block;
	height:1.2em;
	}	
	

  
nav#mainmenu ul li.small-logo{
	display:none;}
nav#mainmenu.fixedmenu ul li.small-logo{
	display:inline-block;
	margin-top: -10px;}	
	
section.slidetop{
	  background: #FAFAFA;
	margin: 0rem 0rem;
	float: left;
	border-bottom:1px solid #EAEAEA;
	margin:0.7em 0em;
	margin-top:0em;
	padding-bottom: 0.7em;
	margin-bottom: 2rem;
	}


section.slidetop h2,section.slidetopheader h2 {
border-bottom: 0px;
line-height: 1rem;
margin-top: 1rem;
}
.mrsmall img{
	  margin-right: 0.5rem;}

section.slidetopheader{
	background:#fff;
	margin: 0rem 0rem;
	float: left;
	border-bottom: 0px solid #CCC;
	padding-bottom: 10px;
	}
.submanchetes.unica img{ 
	padding-right:0.5rem;}	
.submanchetes.unica h2 a {
	font-size:1.2rem;
	}

section.slidetop .seccao,section.slidetopheader .seccao{
	position:relative;
	}

section.slidetop h2,section.slidetopheader h2{
	border-bottom:0px;
	line-height:1rem;
	}
	
section.slidetop h2,section.slidetopheader .imagecontainer {
  width: 100%;
  min-height: 12em;
  margin-bottom: 0.5em;
}


.mrlarge {
  min-height: 7em;}
  
.section.slidetopheader .imagecontainer {
	min-height: 8em;
  margin-bottom: 0.5em;}

.slidetop article{
	display:inline-block;
	padding:0rem;
	font-family: 'Conv_helveticaneue', Helvetica, Roboto, Arial, sans-serif;
	}
.slidetopheader h2 a:link { font-weight:600;
		       color:#000;}

.slidetop .seccao,.middlenews.seccao  {
	color:#00aeef;
	text-transform: uppercase;
	font-size:0.7rem;
	
	} 
#wrapper{
	
	background:#FFF;
	padding-top:0.9375rem;}

.seccao{
padding: 0.4rem;
display: inline;
top: 0rem;
font-size: 0.5rem;
text-transform: uppercase;
  left: 0rem;
  line-height: normal;
 }

.pa{
	position: absolute;}
 
.tabs-content .img{
	margin-left:0.2rem;}
 
.middlenews h1{
	color:#00aeef;
	font-size:1.5rem;
	border-bottom:1px solid #00aeef;} 
.middlenews .seccao {
	}
 
.seccao a{
position: absolute;
top: 0rem;
padding: 0.4rem;

 } 



 #socials.contain-to-grid.fixed ,  #socials.fixed .top-bar {background: #FAFAFA;}
.totalpartilhasartic {font-size:45px;color:#00a1f5;top:5px;margin-right: 10px;}
#socials  .top-bar  {background: #FFF;}
#socials.fixed {bottom:0px;top:93%;top:calc(100%-55px);}	
#partilha {position:absolute;top:30px;left:0px;}
.hideme ,.partilhas {display:none;}
.slidetop .seccao:before,.seccao:before  {
	/*content: "// ";*/
	} 
	
.slidetop article 
{padding: 0em 0.5rem;

	}
.slidetop article h2{
	font-size:1rem;
	font-family:Helvetica,Arial, sans-serif;
	line-height:1.4rem;
	font-weight:600;
	min-height: 3em;
	padding-top: 0px;
	word-break: break-word;
	line-height: 1.2;
  	margin-top: 0.5rem;
  	float: left;
	
	}
.slidetop article h2 a:link,.slidetop article h2 a:visited{
	color:#000;
	}
.slidetop article h2 a:hover{
	color:#000;
	}
	
.slidetop article img{
	width:10rem;
	
	float:left;
	max-width: 100%;
	height: auto;
	opacity: 1;
	}
.slidetop.right{
	background:#000;}

.slidetop .lead,.slidetop .assinatura{
	display:none;}

.slidetop article img:hover{
	opacity: 0.7;
	}
.slidetop.right article h2{
	font-weight:600;
	line-height:1.1rem;
	font-size:0.9rem;}

#opiniaotop{
	background:#fff;
	margin-top: 2rem;
	}

#opiniaotop ul{
	margin:auto;
	/*padding: 0rem 1rem;*/
	}

#opiniaotop h3{
	padding:0.2rem;
	border-bottom:1px dotted #CCCCCC;
	}

#opiniaotop ul li{
	list-style:none;
	border-bottom:1px dotted #CCCCCC;
	padding:0.9rem 0rem;
	display:block;	
	float:left;
	width:100%;
	}
	
#opiniaotop ul li:last-child{
	border-bottom:0px;}
#opiniaotop ul li img{
	border-radius:4rem;
	padding:0.2rem;
	width:5rem;
	margin-right:1rem;
	
		background:#FFF;
	-webkit-filter: grayscale(1);
  	filter: grayscale(1);
	border:1px solid #000;
	float: left;

	}

#opiniaotop ul li .autor{
	text-align:left;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	font-size:0.7rem;
    background:#ffdd00;
    border-radius:26px;
    display:inline-block;
    padding:2px 12px;
}

#opiniaotop ul li h4{
	font-size:0.8rem;
	font-family: 'Droid Serif', serif;
	color:#f34497;
	text-align:left;
	line-height:1.2rem;
	
	}
	
.opiniao .share {
  margin-top: 0.5rem;
}
	
.column2 h2{
	font-size: 1rem;
	line-height: 1rem;
	}

/*Artigos*/

h2{
	font-size:1.1rem;
	}
.basicontent h2{
	line-height: 1.2;
	margin-top: 0.8rem;
	font-size: 1rem;
	width: 100%;
	}

	
h2.small{
	font-size: 0.9rem;
	line-height: inherit;}

.subnews article h2{
	
	padding: 0.4rem 0rem;
	line-height:1rem;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:600;
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-size:0.9rem;
	}



h1 {padding:0.2rem;
	font-family: 'Conv_helveticaneue', Helvetica, Roboto, Arial, sans-serif;
	font-weight:100;
	margin-bottom: 2rem;
	
	}

a,h1 a:link,h1 a:visited,h2 a:link,h2 a:visited{
	/*color:#FFFFFF;*/
	}
	
h1 a:hover,h2 a:hover{
	color:#5B5B5B;
	}

section header h2{
	font-size: 1.5rem;}

article.home{
	margin-bottom:1rem;
	border-bottom:1px solid #CCC;
	padding-bottom:0.5rem;
	}
article.home:last-child{
	margin-bottom:1rem;
	border-bottom:0px solid #CCC;
	padding-bottom:0.5rem;
	}

div.clearmanchete {
 
  }
  

 .footersocial{}
 
	
.infobpx{
	  background: #FAFAFA;
  display: block;
  padding: 1.2rem;}
div#primeiramanchete{
	margin-bottom:1rem;}
	
div#primeiramanchete .lead{
	margin-top:0px;
	background:none;
  display: block;
  padding:0rem;
  font-weight: 100;
  font-size:0.9rem;
  margin-bottom:0.5rem;
  line-height: 1.3rem;
  
   }
article .titulo,#primeiramanchete .titulo{
	font-weight:600;
	font-size:1.6rem;
	margin-bottom:1rem;
	line-height:1em;
	}
article,article p{
	font-family:Helvetica,Arial, sans-serif;
	}
	
article p,article p a:link,article p a:hover,article p a:visited,.slidetopheader a{
	font-weight:100;
	line-height:1.2rem;
	font-size:0.9rem;
	color:#333;
	padding-top:0.4rem;
	margin-bottom: 0rem;
	}
	
article a{
	
	

}

article a:link img{
	
	}

article a:hover{
	}
	
article a:link img,#tabs article a:link img {
		  opacity:1;
		  display: block;
		  max-width:100%;
		  height:auto;
		  height: 405px;
		width: 100%;
		  
		  
	   }
article a:link img.player6 {
	width: 120px;
	  height: 120px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 15rem;
	opacity:0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */}
	   
#tabs article .img {
  min-height: 4em;
  min-width: 6.5em;}
 
#tabs .date{
	}

article img a:hover{
	opacity:0.9;
	
	}

.meta_multimedia{
	position: absolute;
	bottom:0rem;
	display: block;
	text-align: left;
	font-size: 2rem;
	color: rgba(255,255,255,0.4);
	/*background: rgba(0,0,0,0.4);
	padding: 0px 10px;*/
	top: 48%;
	left: 48%;
	height: 2rem;
	}
#tabs .meta_multimedia{
	font-size: 1rem;
	bottom:0rem;
	}

i.flaticon-play43:before {
	background:none;
	/*font-size:3rem;*/}

article .pageviews{
	
	font-size:0.7rem;
	color:#999;
	margin: 0.4rem 0rem;
	text-align:left;
	color:#999;
	font-weight: 600;
	}
article .pageviews a{
	color:#666;
	}

article .pageviews i:before {
	font-size:0.7rem;
	margin-right:0.2rem;
	}

#separadorinotubo{
	background:#1a1a1a;}
	
#separadorinotubo .manchetemod{
	margin-bottom:3rem;}
	
#separadorinotubo .manchetemod .imagecontainer{
	height:38em;
	position:relative;}
	
#separadorinotubo .manchetemod .imagecontainer .meta_multimedia{	
	position: absolute;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height:0rem;
  color:transparent;
  background:none;
  padding:0px;
  display:block;*/
}


/*PUB*/

.pub1{
	background:#F9F9F9;
	padding:0rem;
	position:inherit;
	background-color:#F9F9F9;
	background-color:#FFF;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,0.8) 5px, rgba(255,255,255,0.8) 15px);
	margin-top:0.8rem;
	max-width:100%;
	margin-bottom: 0.5rem;
	z-index: 1;
	}
	
.pub1 div{
	margin:auto;
	}
.pub1 .tag{
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	background:#00aeef;
	position:absolute;
	right:-1.2rem;
	bottom:1.2rem;
	z-index:0;
	padding:0.2rem;
	color:#FFF;
	font-size:0.4rem;	}

#pub3{
float:right;}

.takeover .row{
	background:#FFF;
	width:70rem;}


#panel1 #tabs h3{
	width:100%;
	display: table-cell;
	}

#tabs article{
	border-bottom:1px dotted #CCCCCC;
	display:inline-block;
	position:relative;
	padding: 0px;
	margin-top: 0.5rem;

	}
#tabs h3,#tabs .pageviews{font-size:0.8rem;
	
	}
#tabs article .pageviews {
	position: inherit;
	left:0rem;
	position:absolute;
	bottom: 0rem;
	display:none;
	}

#tabs article .pageviews i:before{
	margin-left:5px;}

#tabs h3{
	margin:0rem;
	display: initial;
	
	}
#tabs h3 a:link,#tabs h3 a:visited{
	color: #282725;
	font-weight: 100;
	font-size: 0.9rem;
	line-height: 0.8rem;
	}
#tabs h3 a:hover{
	font-weight: 100;
	font-size: 0.9rem;
	line-height: 0.8rem;
	}
#tabs img{
	width:6.5rem;
	max-width:100%;
	margin-bottom:0.4rem;}



#capa{

margin:1rem 0rem;
background:#FBFBFB;
	}
	
#capa .capaleft{
min-height: 100%;
height: 215px;
color:#FFF;
vertical-align:middle;
padding:20% 5%;
	}
#capa .capaleft h5{
	font-size: 1rem;
	}

#capa .capaleft p{
	vertical-align:middle;
	font-size: 0.8rem;
	line-height: 1rem;
	}
#capa .capaleft p i{
	font-size: 1.4rem;

	}
#capa .capaleft p i:hover{
	font-size: 1.4rem;
	}

#capa .capaleft img a:link{
	opacity:1;}

#capa .capaleft img a:hover{
	opacity:0.8}

#capa .caparight{
	padding: 10px 5px;}

a.button.close-reveal-modal {
position: absolute;
z-index: 100;
font-size: 1rem;
padding: 0.5rem;
margin: 0rem;
color: #FFF;
background:#E5E5E5;
}
	

/*Shoping Cart*/
  .shooping_card h3{
     text-align: center;
	  padding: 1em 0em 0.5em 0em;
	  border-bottom: 1px solid #F0F0F0;
	  margin-bottom: 2em;
      }
      .plan{
      color:#FFF;
      text-align:center;}
      .plan .tip{
      color:#FFF;
      background:#2a2a2a;
      font-weight:600;
      font-size:1.8em;
      border-bottom: 1px solid #484848;
      padding-bottom: 10px;
      padding-bottom: 10px;
      padding: 0.3em;}
      .plan .price{
      font-size: 3em;
      background:#2a2a2a;
      padding:0.5em 0em;
      font-weight: 900;}
      .btn.sub, .plan .save{
      
     background:#2a2a2a;
      color: #FFF;
      padding: 0.8em;}
      .btn.sub a, .btn.sub a:hover{
      color: #FFF;
      background: rgb(0, 161, 245);
       padding: 6px;}
      
      .order:after{
	content:"-";
	     }


footer{
	list-style:none;}

footer h4{
	color:#00aeef;
	font-weight:600;
	font-size: 1rem;
	text-transform:uppercase;
	}

	
footer nav#menubottom ul, footer ul {
	border-bottom:0px;
	list-style:none;
	}
	

footer nav#menubottom ul {
	border:0px;
	display:block;
	text-align:left;
	margin-left:0rem;
	font-size:0.8rem;
	list-style:none;
	font-family:Helvetica, sans-serif;
	font-weight:100;
}

footer li a:link,footer li a:visited{
	color:#808080;
	text-transform:uppercase;
}
footer li a:hover{
	color:#FFF;
}
footer .social li{
	display:inline-block;}
footer .social li i{
	font-size:2rem;
	}


/*Medium screens*/


@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
								    .top-bar-section li:not(.has-form) a:not(.button){padding:0 5px;}
								    #content h1, #manchete h1{font-size:1.6em;line-height: 2.1rem;}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*Small screens*/
@media only screen {  
	h4, h3{ font-weight:600;}
	.radar .separador .separadorlog,.zoom .separador .separadorlog{ background-position:center;}
	/*article a:link img{ width:100%; height:auto;}*/
	.topnavsmall {padding: 0.5rem 0rem;} 
	.top-bar.expanded{ background:#000;}
	.top-bar.expanded .title-area,.top-bar-section ul li{ background:#000;}
	.top-bar-section ul li > a{font-weight:900; font-size:0.8rem;}
	.opiniao.artic img.autor{ }
	#widget li small{font-size:0.5rem;}
	
	
	
	


/* Define mobile styles */

@media only screen and (max-width: 40em) {
	.basicontent .pageviews {display:none;}
    .share{  display: block;text-align: center;}
     #content .lead p {font-weight:600;}
    .share .btnshare{  padding-top: 0.8rem;}
    #content h1.nobg { text-align:center; margin-bottom: 2rem;}
    .top-bar-section ul{margin-top:1rem;}
    .slidetop article{margin: 0.5rem 0rem;}
    .slidetop article h2 { font-weight: 100;}
    h2 {  font-weight: 600;}
    #primeiramanchete {background:#000; margin-top:0.7rem;margin-bottom:1rem;}
    #primeiramanchete .titulo{ color:#FFF; padding:1rem 0.5rem;}
    #primeiramanchete a:link,#primeiramanchete a:visited{color:#FFF;}
    .modseparador .imagecontainer{display:none;}
    .manchetemod .imagecontainer{display:block;}
    #mancheteespecial2 .amanchete h1{ line-height:2.0rem; font-size:1.8rem;}	
    article .titulo, #primeiramanchete .titulo{ text-align:center;}
    .modseparador section h2.small{ min-height:inherit;}
    h1, h2, h3, h4, h5, h6{	line-height:1.2;}
    #loadmorecontent .basicontent{	height:auto;}
    .sabiasbg{ display:none;}
    #manchete{
	padding-right:0.6375rem;}
	#vanessa,#capa,#widget,.cantinhotovar{display:none;}
	.lateral ul li {padding: 0.2rem;}
	.slidetop article h2 {margin-bottom:0rem;}
	#inotubo #tags {
		margin-bottom:1rem;}
		[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
			margin-left:0px; margin:5px;}
			#separadorinotubo .manchetemod .imagecontainer{
			height:28em;
			position:relative;}
			article a:link img.player6 {
	width: 90px;
	  height: 90px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 6rem;
	opacity:0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */}
	.slidetop article h2{min-height:0.9rem; padding-left:0.2rem;}
	.slidetop article h2:before{content:"// ";}
        #infonews .imgcaption {
        position:relative; max-width:100%;}
	.copyright{text-align:left;}
        #infonews .autor{margin-top:0rem;}
	.mrlarge{min-height: auto!important;}
.footersocial{display: none;}


    
	
	} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	
