/**
 * @file
 * Bartik layout styling.
 */

/**
 * Container
 */
.layout-container {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.layout-main {
  margin-top: 111px;
}

.col-a {
  width: 89.375%;
  margin: 14px auto 27px;
}

.col-a .field--name-field-imagen-header {
	overflow: hidden;
	margin-bottom: 3em;
}
.col-a .field--name-body {
	width: 89.375%;
	margin: 0 auto;
}
.col-a .proyecto-min {
	margin-bottom: 28px;
}
.col-a .proyecto-min:last-child {
	margin-bottom: 0;
}
.col-b,
.col-c {
  width: 89.375%;
  margin: 14px auto 0;
  display: block;
  height: 100%;
}
.page-node-type-quienes-somos .col-b {
	margin: 14px auto 27px;
}
.node--type-contacto .col-b {
  height: 450px;
}
.col-d {
	width: 89.375%;
	margin: 0 auto;
 	padding: 3em 0;
}
.col-d .field {
	margin-bottom: 6px;
}
.col-d .field:last-child {
	margin-bottom: 0;
}
.col-d .field__label {
	color: #000;
	font-weight: 400;
	line-height: 1.15em;
}
.col-d .field__item {
	display: block;
}
.col-cont .field--name-title {
	text-transform: uppercase;
	text-align: right;
	font-weight: 700;
}
.col-d .field--type-decimal .field__item {
	margin-top: -3.3px;
}
.col-d .field--type-decimal .field__item span {
	vertical-align: super;
	  font-size: smaller;
}
.col-c .field--name-field-fotografo {
	margin-top: -18px;
}
.col-d .field--name-field-descripcion {
	margin-top: 25px;
	text-align: justify;
	height: 100%;
}                  
.col-d .field--name-field-descripcion p:last-child {
	margin-bottom: 0;
}
.col-cont .campos {
	display: inline-block;
	float: right;
}
.view-menu-proyectos {
	text-transform: uppercase;
}
.view-proyectos-por-seccion tr {
	background-color: transparent;
}
.view-proyectos-por-seccion td {
	padding: 4px 0;
}
.view-proyectos-por-seccion tr a {
	color: #626262;
	border: none;
	text-transform: uppercase;
}
.view-proyectos-por-seccion tr.active a {
	color: #ff8726;
}
@media all and (min-width: 560px) {
  .col-c .field--name-field-fotografo {
  	margin-top: -35px;
  }
  .node--type-contacto .node__content {
	  display: flex;
  }
  .col-a {
    width: 89.375%;
	margin: 0 auto;
  }
  .col-a div.field--name-body {
	  margin: 0;
	  width: 100%;
	  padding: 0;
  }
  .col-b {
    width: 89.375%;
  }
}
@media all and (min-width: 560px) and (max-width: 850px) {
    .col-a {
        display: flex;
        justify-content: space-between;
    }
    .proyecto-min {
        width: 49.2%;
    }
}
@media all and (max-width: 850px) {
  .view-id-proyectos {
    width: 89.375%;
    margin: 0 auto 27px 5.3125%;
  }
}
@media all and (min-width: 851px) {
  .layout-container {
    max-width: 1199px;
  }
  .layout-main {
    margin-top: 100px;
  }
  .node--type-quienes-somos {
  	width: 100%;
  	margin: 0;
   	padding: 0;
  }
  .node--type-quienes-somos .node__content {
	  display: flex;
  }
  .node--type-quienes-somos .col-a {
	width: calc(40% - 22px);
	margin: 0 22px 0 0;
	text-align: justify;
  }
  .node--type-quienes-somos .col-a ul {
	  margin: 0;
  }
  .node--type-quienes-somos .col-b {
	width: 60%;
	margin: 0;
  }
  .node--type-proyecto .node__content {
	  display: flex;
  }
  .node--type-contacto .node__content {
	  display: flex;
  }
  .col-a {
    width: 37.5%;
	margin: 0 auto;
  }
  .col-a div.field--name-body {
	  margin: 0;
	  width: 100%;
	  padding: 0;
  }
  .col-b {
    width: 37.5%;
  }
  .col-c {
	  width: 65.72426%;
  }
  .page-node-type-contacto .col-c {
	  clear: both;
	  display: block;
	  width: 100%;
	  overflow: hidden;
  }
  .page-node-type-proyecto .col-c {
	  margin: 0;
  }
  .col-d {
	  display: flex;
	  flex-direction: column;
	  width: auto;
	  margin: 0 0 0 2.24252%;
	  vertical-align: top;
	  padding: 0;
  }
  .col-men {
	  float: left;
	  width: 14.8%;
  }
  .col-cont {
	  float: right;
	  width: 85%;
  }
  .col-cont .datos .campos .entr {
	  display: inline-block;
	  vertical-align: top;
	  margin-left: 35px;
	  text-align: right;
	  font-size: 1rem;
  }
  .col-cont .datos .campos .entr .field__label {
	  font-size: 1rem !important;
	  font-weight: 700;
	  line-height: 1.2em;
	  vertical-align: top;
  }
}
@media all and (min-width: 1200px) {
  .layout-container {
    max-width: 1800px;
  }
  .node--type-quienes-somos .col-a {
	width: calc(33% - 42px);
	margin-right: 42px;
  }
  .node--type-quienes-somos .col-b {
	width: 67%;
  }
  .list-colaboradores {
    column-count: 2;
  }
}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
  margin-bottom: 46px;
}
.path-frontpage .layout-main {
  margin-top: 0;
}
.site-footer {
	padding: 0;
}