/**
 * @file
 * Positioning for responsive 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
 */
/* line 49, ../../sass/layouts/responsive-sidebars-new.scss */
#header,
#subheader,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-bottom {
  padding-left: 7px;
  padding-right: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/sites/all/themes/camparicorp/js/boxsizing.htc");
}

/*
 * Containers for grid items and flow items.
 */
/* line 59, ../../sass/layouts/responsive-sidebars-new.scss */
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
/* line 52, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:before, #header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
/* line 56, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/* line 65, ../../sass/layouts/responsive-sidebars-new.scss */
#header {
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  margin-top: 25px;
  min-height: 85px;
}

/* line 71, ../../sass/layouts/responsive-sidebars-new.scss */
.bottom-wrapper {
  background: url('../../images/footer-bck.png?1360765839') repeat-x #f2f2f2;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-top: 0;
}

/* line 79, ../../sass/layouts/responsive-sidebars-new.scss */
.region-bottom {
  width: 100%;
  padding: 20px 10px;
}

/*
 * Navigation bar
 */
/* line 89, ../../sass/layouts/responsive-sidebars-new.scss */
#main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  clear: both;
}
/* line 94, ../../sass/layouts/responsive-sidebars-new.scss */
.node-type-panel #main {
  width: 100%;
}
/* line 97, ../../sass/layouts/responsive-sidebars-new.scss */
.node-type-panel #main #content {
  padding: 0;
}
/* line 101, ../../sass/layouts/responsive-sidebars-new.scss */
.node-type-panel #main .panels-flexible-row-inside {
  margin-right: auto;
  margin-left: auto;
  width: 98%;
  padding: 0 1%;
}
/* line 107, ../../sass/layouts/responsive-sidebars-new.scss */
.node-type-panel #main .panels-flexible-row-inside .panels-flexible-region {
  width: 100%;
}

/* line 113, ../../sass/layouts/responsive-sidebars-new.scss */
#navigation {
  position: relative;
  padding: 0;
  width: 100%;
}

/* line 118, ../../sass/layouts/responsive-sidebars-new.scss */
.bg-grid {
  display: none;
}

/* line 123, ../../sass/layouts/responsive-sidebars-new.scss */
.sidebar .block {
  width: 100%;
  float: none;
}

/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 140, ../../sass/layouts/responsive-sidebars-new.scss */
  #main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 460px;
    clear: both;
  }
  /* line 145, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main {
    width: 100%;
  }
  /* line 148, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main #content {
    padding: 0;
  }
  /* line 152, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main .panels-flexible-row-inside {
    width: 440px;
    padding: 0 10px;
  }

  /* line 159, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom {
    width: 100%;
    padding: 20px 10px;
  }
  /* line 164, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-block-2 {
    width: 100%;
    float: none;
  }
  /* line 168, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-menu-menu-footer-menu {
    width: 100%;
    margin-top: 0;
    float: none;
  }
}
/*  #Mobile (Portrait)
================================================== */
@media only screen and (min-width: 768px) {
  /* line 186, ../../sass/layouts/responsive-sidebars-new.scss */
  .sidebar-first #content {
    float: left;
    width: 77.77778%;
    margin-left: 22.22222%;
    margin-right: -100%;
  }
  /* line 190, ../../sass/layouts/responsive-sidebars-new.scss */
  .sidebar-first .region-sidebar-first {
    float: left;
    width: 22.22222%;
    margin-left: 0%;
    margin-right: -22.22222%;
  }

  /* line 196, ../../sass/layouts/responsive-sidebars-new.scss */
  .sidebar-second #content {
    float: left;
    width: 77.77778%;
    margin-left: 0%;
    margin-right: -77.77778%;
  }
  /* line 200, ../../sass/layouts/responsive-sidebars-new.scss */
  .sidebar-second .region-sidebar-second {
    float: left;
    width: 22.22222%;
    margin-left: 77.77778%;
    margin-right: -100%;
  }

  /* line 206, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars #content {
    float: left;
    width: 55.55556%;
    margin-left: 22.22222%;
    margin-right: -77.77778%;
  }
  /* line 210, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars .region-sidebar-first {
    float: left;
    width: 22.22222%;
    margin-left: 0%;
    margin-right: -22.22222%;
  }
  /* line 214, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars .region-sidebar-second {
    float: left;
    width: 22.22222%;
    margin-left: 77.77778%;
    margin-right: -100%;
  }
}
/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* line 233, ../../sass/layouts/responsive-sidebars-new.scss */
  #header {
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    margin-top: 25px;
    min-height: 85px;
  }

  /* line 239, ../../sass/layouts/responsive-sidebars-new.scss */
  .bottom-wrapper {
    background: url('../../images/footer-bck.png?1360765839') repeat-x #f2f2f2;
    float: left;
    width: 100%;
  }

  /* line 245, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom {
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    padding: 20px 10px;
  }
  /* line 250, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-block-2 {
    width: 100%;
    float: none;
  }
  /* line 254, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-menu-menu-footer-menu {
    width: 100%;
    margin-top: 0;
    float: none;
  }

  /* line 261, ../../sass/layouts/responsive-sidebars-new.scss */
  #main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    clear: both;
  }
  /* line 266, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main {
    width: 100%;
  }
  /* line 269, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main #content {
    padding: 0;
  }
  /* line 273, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main .panels-flexible-row-inside {
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    width: 98%;
    padding: 0 1%;
  }

  /* line 282, ../../sass/layouts/responsive-sidebars-new.scss */
  .sidebar-first #content {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  /* line 286, ../../sass/layouts/responsive-sidebars-new.scss */
  .sidebar-first .region-sidebar-first {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  /* line 292, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars #content {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  /* line 296, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars .region-sidebar-first {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    float: none;
  }
  /* line 301, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars .region-sidebar-second {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    float: none;
  }
}
/* #Wide
================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
  /* line 321, ../../sass/layouts/responsive-sidebars-new.scss */
  #header {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    margin-top: 25px;
    min-height: 85px;
  }

  /* line 327, ../../sass/layouts/responsive-sidebars-new.scss */
  .bottom-wrapper {
    background: url('../../images/footer-bck.png?1360765839') repeat-x #f2f2f2;
    float: left;
    width: 100%;
  }

  /* line 333, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    padding: 20px 10px;
  }
  /* line 338, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-block-2 {
    float: left;
    width: 55.55556%;
    margin-left: 0%;
    margin-right: -55.55556%;
  }
  /* line 341, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-menu-menu-footer-menu {
    float: left;
    width: 44.44444%;
    margin-left: 55.55556%;
    margin-right: -100%;
    margin-top: 5em;
  }

  /* line 347, ../../sass/layouts/responsive-sidebars-new.scss */
  #main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    clear: both;
  }
  /* line 352, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main {
    width: 100%;
  }
  /* line 355, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main #content {
    padding: 0;
  }
  /* line 359, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main .panels-flexible-row-inside {
    width: 960px;
    padding: 0 10px;
  }

  /* line 367, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars #content {
    float: left;
    width: 77.77778%;
    margin-left: 22.22222%;
    margin-right: -100%;
  }
  /* line 371, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars .region-sidebar-first {
    float: left;
    width: 22.22222%;
    margin-left: 0%;
    margin-right: -22.22222%;
    float: none;
  }
  /* line 376, ../../sass/layouts/responsive-sidebars-new.scss */
  .two-sidebars .region-sidebar-second {
    float: left;
    width: 22.22222%;
    margin-left: 0%;
    margin-right: -22.22222%;
    float: none;
  }
}
/* #Wide
================================================== */
@media only screen and (min-width: 1200px) {
  /* line 395, ../../sass/layouts/responsive-sidebars-new.scss */
  #header {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    margin-top: 25px;
    min-height: 85px;
  }

  /* line 401, ../../sass/layouts/responsive-sidebars-new.scss */
  .bottom-wrapper {
    background: url('../../images/footer-bck.png?1360765839') repeat-x #f2f2f2;
    float: left;
    width: 100%;
  }

  /* line 407, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    padding: 20px 10px;
  }
  /* line 412, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-block-2 {
    float: left;
    width: 55.55556%;
    margin-left: 0%;
    margin-right: -55.55556%;
  }
  /* line 415, ../../sass/layouts/responsive-sidebars-new.scss */
  .region-bottom #block-menu-menu-footer-menu {
    float: left;
    width: 44.44444%;
    margin-left: 55.55556%;
    margin-right: -100%;
    margin-top: 5em;
  }

  /* line 421, ../../sass/layouts/responsive-sidebars-new.scss */
  #main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    clear: both;
  }
  /* line 426, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main {
    width: 100%;
  }
  /* line 429, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main #content {
    padding: 0;
  }
  /* line 433, ../../sass/layouts/responsive-sidebars-new.scss */
  .node-type-panel #main .panels-flexible-row-inside {
    width: 1189px;
    padding: 0 10px;
  }
}
/*

@media all and (min-width: 480px) and (max-width: 768px) {
  .sidebar {
    margin-bottom: 20px;
    float: left;
    width: 100%;

    .block {
      width: 48%;
      float: left;
      margin: 1%;
    }
  }
}

@media all and (max-width: 600px) {
  .archivio-generale {
    #header,
    #subheader,
    #content,
    #navigation
    #footer {
      padding-left: 0;
      padding-right: 0;
    }
  }
  .region-bottom {
    padding: 20px 0px;
  }
}

@media all and (min-width: 769px) and (max-width: 959px) {


}

@media all and (max-width: 1000px) {
  .region-bottom  {
    #block-block-2 {
      float: none;
      width: 100%;
      margin-left: 0%;
      margin-right: 0%;
    }
    #block-menu-menu-footer-menu {
      float: none;
      width: 100%;
      margin-left: 0%;
      margin-right: 0%;
      margin-top: 0;
        ul {
          float: left;
        }
    }
  }
}

@media all and (min-width: 960px) {

  $zen-column-count: 5;


  .sidebar-first {
    #content {
      @include zen-grid-item(4, 2);
    }

    .region-sidebar-first { 
      @include zen-grid-item(1, 1);
    }
  }

  .sidebar-second {
    #content { 
      @include zen-grid-item(4, 1);
    }

    .region-sidebar-second { 
      @include zen-grid-item(1, 5);
    }
  }

  .two-sidebars {
    #content { 
      @include zen-grid-item(3, 2);
    }

    .region-sidebar-first { 
      @include zen-grid-item(1, 1);
    }

    .region-sidebar-second { 
      @include zen-grid-item(1, 5);
    }
  }


  .bg-grid{
    @include -experimental-bg-grid(5);
    max-width: 1200px;
  }
}
*/