/**
 * @file
 * Bryant Flipped panel layout
**/

.topico-container {
  margin-bottom: 1em;
}

.topico-sidebar {
  min-height: 1px;
  width: 300px;
  float: right;
  padding-left: 25px;
}

/* Box Publicidade */
.boxPublicidade {margin-bottom:30px; padding-top:10px; clear:both;}
.linksPatrocinados {float:left; width:672px; padding-top:5px;}
.centroRecursos {float:right; width:242px; padding-top:5px;}

@media only screen and (max-width:320px){
   .topico-content {  min-height: 1px;  float: left;  width: 100%;  }
   .topico-sidebar{ width: 100% };
}

@media only screen 
and (min-width:320px)
and (max-width:480px){
   .topico-content {  min-height: 1px;  float: left;  width: 100%;  }
   .topico-sidebar{ width: 300px; float: left;}
}

/* iPhone [portrait + landscape] */
@media only screen 
and (min-width: 480px)
and (max-width: 768px) {
  .topico-content{ width: 100%; float: left; }
  .topico-sidebar{ width: 100%; float: left;}
  .topico-content-inner {
    margin-right: 0;
  }
  .topico-container { text-align:left; }  
}


@media only screen 
and (min-width:768px)
and (max-width:800px) {
   .topico-content {  min-height: 1px;  float: left;  width: 52.123%;  }
   .topico-bottom { min-height: 1px;  float: left;  width: 64.2%; }
}

@media only screen 
and (min-width:800px)
and (max-width:900px) {
   .topico-content {  min-height: 1px;  float: left;  width: 56.023%;  }
   .topico-bottom { min-height: 1px;  float: left;  width: 65.723%; }
}

@media only screen 
and (min-width: 900px)
and (max-width:1024px) {
   .topico-content {  min-height: 1px;  float: left;  width: 64.0%;  }
   .topico-bottom { min-height: 1px;  float: left;  width: 69%; }
}

@media only screen and (min-width:1024px) {
   .topico-content {  min-height: 1px;  float: left;  width: 66.0%;  }
   .topico-bottom { min-height: 1px;  float: left;  width: 73%; }
}

@media only screen and (min-width:1150px) {
  .topico-content {  min-height: 1px;  float: left;  width: 66.0%; }
  .topico-bottom { min-height: 1px;  float: left;  width: 73%; }
}



.topico-content-inner {
  margin-right: 0px;
}