/**
 * @file
 * Visual styles for Bartik's main-content component.
 */

.main-content h2 {
  font-size: 1.2857em;
  line-height: 1.3333em;
  text-transform: uppercase;
  color: #797979;
  margin: 0;
}
.main-content .section {
	width: 100%;
  	margin: 0 auto;
}
.layout-sidebar-first .main-content .section header {
	width: 89.375%;
  	margin: 0 auto;
}
@media all and (min-width: 851px) {
  .main-content {
    position: relative;
  }
  .main-content .section {
  	width: 89.375%;
  }
  .layout-sidebar-first .main-content .section {
  	width: 100%;
  }
  .shuffle-triple .main-content .section {
  	width: 89.7%;
	margin: 0 0 0 5.3125%;
  }
  .shuffle-cuadruple .main-content .section {
  	width: 89.7%;
	margin: 0 0 0 5.3125%;
  }
  .layout-two-sidebars .main-content {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
  }
  .layout-one-sidebar .main-content {
    width: 72.03125%;
  }
  .layout-no-sidebars .main-content {
    width: 100%;
  }
  .layout-sidebar-first .main-content {
    margin-left: 0; /* LTR */
    margin-right: 5.3125%; /* LTR */
	float: right;
  }
  .layout-sidebar-first .main-content .section header,
  .layout-sidebar-first .main-content .section .datos {
  	width: auto;
    margin: 0;
  }
  [dir="rtl"] .layout-sidebar-first .main-content {
    margin-left: 0;
    margin-right: 25%;
  }
  .layout-sidebar-second .main-content {
    margin-right: 25%; /* LTR */
    margin-left: 0; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-second .main-content {
    margin-right: 0;
    margin-left: 25%;
  }
}