/* CSS Document */

@font-face {
  font-family: 'GothamBold';
  src: url('GothamBold.eot?#iefix') format('embedded-opentype'),  url('GothamBold.woff') format('woff'), url('GothamBold.ttf')  format('truetype'), url('GothamBold.svg#GothamBold') format('svg');
  font-weight: 700;
  font-style: bold;
}

.contenido_gs article, aside, figure, footer, header, menu, nav, section { 
	display: block;
}


/* Mixin itself */
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

/* Usage as a mixin */
.element {
  .clearfix();
}


/* CONTENIDO */

.contenido_gs {
	font-family: 'GothamBold', Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: 734px;
	height: auto;
	color: #424143;
	background-image: url(../image/fondo.png);
}

.ima_ban {
	width: 90%;
	background-color: #af9c72;
	margin: 5%;
}

.contenedor_01 {
	background-color: #000000;
	height: 80px;
}

.caja_01, .caja_02, .caja_03, .caja_04 {
	float: left;
}

.caja_01 {
	width: 80px;
}

.caja_02 {
	width: 600px;
}

.caja_03 {
	width: 58%;
}

.caja_04 {
	width: 38%;
	margin: 180px 0 0 28px;
}

.parrafo_m, .parrafo_m2, .parrafo_m3, .parrafo_m4 {
	font-family: 'GothamBold', Arial,Helvetica,sans-serif;
	font-size: 22px;
	line-height: 28px;
	color: #FFFFFF;
	text-align: center;
	margin: 2%;
}

.parrafo_m2 {
	font-size: 25px;
	text-align: left;
	color: #424643;
}

.parrafo_m3 {
	background-image: url(../image/ima_03.jpg);
	height: 493px;
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	padding: 415px 60px 60px 60px;
}

.parrafo_m4 {
	background-image: url(../image/ima_04.png);
	color: #424643;
	height: 305px;
	font-size: 40px;
	line-height: 47px;
	margin: 0;
	padding: 115px 60px 60px 60px;
}

.arre_espa_01 {
	overflow: hidden;
    height: 493px;
}

.arre_espa_02 {
	overflow: hidden;
    height: 305px;
}

.imagenes_ {
	border-bottom: 8px solid #af9c72;
	margin-bottom: 30px;
}

.caja_conte_01 {
	width: 40%;
	margin: 30px 0 0;
	float: left;
}

.caja_conte_02 {
	width: 55%;
	margin-left: 30px; 
	float: left;
}

.caja_perf_01, .caja_perf_02 {
	width: 21%;
	margin-right: 34px;
	float: left;
}

.caja_perf_02 {
	margin-right: 0px;
}

.contenedor_pri ul {
	margin: 30px;
	list-style-type: square;
	color: #af9c72;
	font-size: 20px;
}

.ima_flecha {
	width: 24px;
    margin-right: 10px;
    margin-top: -4px;
}


/* FOOTER */
.footer_igt {
	background-color: #888888;
 	width: 100%;
}

.box {
	box-sizing: border-box;
	margin: 3% 0;
    width: 100%;
	float: left;
	text-align: center;
}

.box a {
	margin: 0 1%;
}

@media screen and (min-width:0\0) {
	.contenido_gs {
		font-family: 'GothamBold', Arial,Helvetica,sans-serif;
		font-size: 16px;
		font-weight: 400;
		width: 734px;
		height: auto;
		color: #424143;
		background-image: url(../image/fondo.png);
    }
	 .parrafo_m {
		font-family: 'GothamBold', Arial,Helvetica,sans-serif;
		font-size: 22px;
		line-height: 28px;
		color: #FFFFFF;
		text-align: center;
		margin: 2%;
    } 
	  .parrafo_m2 {
	  font-family: 'GothamBold', Arial,Helvetica,sans-serif;
	  font-size: 25px;
	  text-align: left;
	  color: #424643;
	  line-height: 28px;
	  margin: 2%;
   }
   .parrafo_m3 {
	font-family: 'GothamBold', Arial,Helvetica,sans-serif;
	background-image: url(../image/ima_03.jpg);
	height: 493px;
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	padding: 415px 60px 60px 60px;
	color: #FFFFFF;
	text-align: center;
    }
   .parrafo_m4 {
		font-family: 'GothamBold', Arial,Helvetica,sans-serif;
		text-align: center;
		background-image: url(../image/ima_04.png);
		color: #424643;
		height: 305px;
		font-size: 40px;
		line-height: 47px;
		margin: 0;
		padding: 115px 60px 60px 60px;
   }
}