/**
 * @file
 * Positioning for a fixed-width, desktop-centric layout.
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/*
Fixed heared
*/

.fix_position_helper.header-barra-superior
{
height: 166px;
}
.view-lista-de-noticias.mega-menu-view
{
  width:444px;
  /*height:257px;*/
}
.fix_position.header-barra-superior
{    
  position: fixed;
}

@media only screen and (min-device-width: 800px){
.fix_position.header-barra-superior
{    
  position: fixed;
}
}

@media only screen and (max-device-width: 800px) and (orientation:portrait){
.fix_position.header-barra-superior
{    
  position: static;
  z-index: 999;
}
}

#miolo {
  z-index: 0;
}

@media only screen and (max-device-width: 1300px) and (orientation:landscape){
.iphone-iPad .fix_position.header-barra-superior
{    
  position: static;
  z-index: 999;
}
}
.iphone-iPad
{
/*du sametingi*/
}
.fix_position.header-barra-superior
{        
  z-index:999;
}

.fix_position.header-barra-superior
{    
  width: 950px;
   background-color: #F3F3F3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 149px;
}

.logged-in .fix_position.header-barra-superior
{
 /*position: absolute; 
  z-index:999;*/
}

.fix_position.header-barra-superior .identidade_do_site
{
  height: 125px;
}
/*
 * Center the page.
 */
 #barra_superior #header
 {
  width: 349px;
 }

/*#page,
.region-bottom*/

#main,#bottom_first, #bottom_second, #footer,#header_wrapper,#main_pre_home {
  /* If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. */
  margin-left: auto;
  margin-right: auto;
  width: 950px;
}

#main {
  padding-bottom: 16px;
}

#bottom_first, #bottom_second, #footer{

  padding-top: 16px;
  padding-bottom: 16px;

}

#bottom_first {
  padding-bottom: 6px;
}

#footer .footer, #bottom_second .bottom_second  ,#bottom_first .bottom_first  {
  float:left;
}

#bottom_second .second_left ,#bottom_first .first_left
{
  width: 950px;
}

#footer .footer_left,
.bottom-second-left.bottom-second-right #bottom_second .second_left,
.bottom-first-left.bottom-first-right #bottom_first .first_left {
  width: 656px;
}
/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
 #block-iteris-custom-blocks-custom-language-selector
 {
  height: 13px;
  min-height: 13px;
 }

#header,
#content,
#navigation,
#footer,
#bottom_first, #bottom_second {
  border: 0 ;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

#footer,
#bottom_first, #bottom_second {
    overflow: hidden;
  overflow-y: visible;
}

/*
 * Containers for grid items and flow items.
 */

#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}

.page-brasilecopa.depth-1 #main {
  margin-top: 0px;
}

.page-brasilecopa.depth-1 #main .sidebars.sidebars_first{
  margin-top: 0px;
}

/*
 * Navigation bar
 */

#main {
  position: relative;
}

#navigation {
  
  top: 0; /* Move the navbar up inside #main's padding. */
  height: 3em;
   width: 805px;
}

.ie7 #navigation {
  width: 806px;
}

/*
 * The layout when there is only one sidebar, the left one.
 */

.sidebar-first #content {
  /* Span 4 columns, starting in 2nd column from left. */
  float: left;
  width: 764px;
  margin-left: 147px;
  margin-right: -980px;
}

.sidebar-first .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
  width: 176px;
  margin-left: 0px;
  margin-right: -196px;
}

/*
 * The layout when there is only one sidebar, the right one.
 */

.sidebar-second #content {
  /* Span 4 columns, starting in 1st column from left. */
  float: left;
  width: 764px;
  margin-left: 0px;
  margin-right: -784px;
}

.sidebar-second .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  float: left;
  width: 176px;
  margin-left: 784px;
  margin-right: -980px;
}

/*
 * The layout when there are two sidebars.
 */

.two-sidebars #content {
  /* Span 3 columns, starting in 2nd column from left. */
  float: left;
  width: 508px;
  margin-left: 141px;
  margin-right: -784px;
}

.two-sidebars .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
 width: 132px;  
  margin-left: 0px;
  margin-right: -196px;
}

.two-sidebars .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  float: left;
  width: 176px;
  margin-left: 657px;
  margin-right: -980px;
}

#overlay_spot_background
{
  bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10777270;
    opacity:0.95;
    filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    background-color: black;
}

#overlay_spot
{
  bottom: 0;
   display: none;
    left: 25%;
    position: fixed;
    right: 25%;
    top: 4%;

  z-index: 16777270;
  margin-right: auto;
  margin-left: auto;
}
#overlay_content
{
   margin-right: auto;
  margin-left: auto; 
}


/*
 *
 * CSS específico para as páginas individuais de notícias
 *
*/
/*
 Este era o problema da barra superior

.node-type-noticia .fix_position.header-barra-superior {
  position: relative;
}*/

.node-type-noticia #navigation #block-block-1 {
  height: 0;
  width: 250px;
  z-index: 1;
  margin-top: -24px;
}

.node-type-noticia #navigation #block-block-1 .assunto-noticia {
  color: #FFFFFF;
  background-color: #024363;
  height: 65px;
}
/*.node-type-noticia #main #block-iteris-custom-blocks-sidebar-share,
.node-type-page #main #block-iteris-custom-blocks-sidebar-share,
#block-iteris-custom-blocks-sidebar-share {
  position: fixed;
}

@media only screen and (min-device-width: 1000px){
.node-type-noticia #main #block-iteris-custom-blocks-sidebar-share,
.node-type-page #main #block-iteris-custom-blocks-sidebar-share,
#block-iteris-custom-blocks-sidebar-share {
  position: fixed;
  position: relative;
  top: 5px;
  left: 3px;
}
}

@media only screen and (max-device-width: 999px) and (orientation:portrait){
.iphone-iPad .node-type-noticia #main #block-iteris-custom-blocks-sidebar-share,
.iphone-iPad .node-type-page #main #block-iteris-custom-blocks-sidebar-share,
.iphone-iPad #block-iteris-custom-blocks-sidebar-share {
  position: relative;
  top: 5px;
  left: 3px;
}
}*/

/*
#block-iteris-custom-blocks-sidebar-share {
  position: relative;
  top: 5px;
  left: 3px;
}
*/

.node-type-noticia #main {
  padding-top: 0px;
}
.no-bottom-regions #main #content
{background-color: white;}


 
body.node-type-page #main #content,
body.page-galeria #main #content
{
  margin-top: -13px;
}

#block-iteris-custom-blocks-sidebar-share .addthis_floating_style {
  background: rgb(0, 111, 167) !important;
  padding: 0px;
  margin-top: 0px;
  position: relative;
}
#block-iteris-custom-blocks-sidebar-share
{
  margin-left: 0;
  width: 61px;
   margin-top: 20px;
}

#block-iteris-custom-blocks-sidebar-share .block_sidebar_share
{
   margin: auto;
    width: 37px;
}

body.page-inicio #vdh_destaque00 .und {
  width: 665px;
}