/*
	
	Style Neue
	
*/
/* top 500ms cubic-bezier(0.165,.84,.44,1) */

@font-face {
    font-family: 'dinprolight';
    src: url('dinpro_light-webfont.eot');
    src: url('../fonts/dinpro_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro_light-webfont.woff') format('woff'),
         url('../fonts/dinpro_light-webfont.ttf') format('truetype'),
         url('../fonts/dinpro_light-webfont.svg#dinprolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HelveticaNeueLTPro-Lt';
    src: url('HelveticaNeueLTPro-Lt.eot');
    src: url('../fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinpro-regularregular';
    src: url('dinpro_regular-webfont.eot');
    src: url('../fonts/dinpro_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro_regular-webfont.woff') format('woff'),
         url('../fonts/dinpro_regular-webfont.ttf') format('truetype'),
         url('../fonts/dinpro_regular-webfont.svg#dinpro-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
	
	height: 100%;
}
html, body{
	position: relative;
}
ul{
	list-style: none;
}
body
{	
	
	background-color: #f4f4f4;
	background-repeat:no-repeat;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	height:100%;
	margin: 0;
	padding: 0;
	
	transition: all linear 0.8s ;
	-webkit-transition: all linear 0.8s ;
}
a {
	text-decoration: none;
}
.novisible{
	display:none;
}

.clear
{
	clear:both;
	display:block;
}

/* HEADER MIN */


.secciones{
	float: left;
	width: 100%;
}
/* HEADER */


#header{
	height: 125px;
	position: fixed;
	width: 100%;
	z-index: 300;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
.list-proyectos #header{
	background: #333232;
}
#header h1 img{
	transition: height ease-out 0.4s ;
	-webkit-transition: height ease-out 0.4s ;
}
.container{
	margin: 0 auto;
	width: 1070px;
}
#header h1{
	float: left;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
	transition: all ease-out 0.4s ;
	-webkit-transition: all ease-out 0.4s ;
}
#header h1 img{
	height: 89px;
	width: 60px;
}
#nav{
	float: right;
	
}
#nav ul{
	float: right;
	width: 650px;
	margin-top: 40px;
	transition: all ease-out 0.4s ;
	-webkit-transition: all ease-out 0.4s ;
}
#colapsable{
	position: relative;

height: 100%;
width: 100%;
}
#nav a span{
	display: block;
	width: 0px;
	height: 1px;
	background: #fff;
	margin: 14px auto;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-ms-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;

}
#nav ul li a.selected,#nav ul li a.selected:hover{
	color: #36d5d8;
}
#nav ul li a.selected span{
	background: #36d5d8;
	width: 100%;
}
.no-touch #nav ul li a:hover{
	color:rgba(225,225,225,1);

}
.no-touch #nav a:hover span{
	background: rgba(225,225,225,1);
	width: 100%;
}
#nav ul li{
	float: right;
	margin-left: 8px;
}
#nav ul li a, .social{
	color: rgba(225,225,225,.4);
	height: 20px;
	float: left;
	font-family: 'dinpro-regularregular';
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 10px;
	padding: 10px;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;


}
#nav ul li a.active{
	border: 1px solid #fff;
	color:#fff;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#nav a.active:hover span{
width: 0;	
}
.facebook:hover {
	color: #3469c6;	
}
.twitter:hover {
	color: #55acee;	
}

#header #nav .facebook{
	margin-left: 70px;
}
#header #nav .social{
	float: right;
	margin-top: 40px;
}

.social-mob {
	display: none;
}

 .no-touch #nav a.facebook:hover span{
	background: rgba(125,125,125,1);
 }

/* INTRO */
#intro{
	background: #5b5a5a;
	position: relative;
	overflow: hidden;
	height:100%;
	width: 100%;
}

#intro .flexslider{
	background: url(../img/loading.gif) no-repeat center;
}
#intro .flexslider, #intro .flexslider .slides ,#intro .flexslider .slides li{
	height:100%;
	width: 100%;
	position: relative;
}
#intro .flexslider .flex-viewport{
	height:100%;
}
#intro .slide{
	display: block;
	height:100%;
	position: absolute;
	z-index: 9;
	/*width: 105%;/*/
	width: 100%;
	background-position: center ;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.pos-fix{
	position:absolute; width:100%; height: 100%;
}
.pos-rel{
	position:relative; width:100%; height: 100%;
}
#intro .flex-direction-nav a{
	margin-top: -151px;
}
#intro .flex-next{
	background: url(../img/intronext.png) no-repeat center bottom ;
	height: 302px;
	font-size: 0;
	width: 130px;
}
#intro .flex-prev{
	background: url(../img/introprev.png) no-repeat center bottom ;
	height: 302px;
	font-size: 0;
	width: 130px;
}
.flex-direction-nav a.flex-next:before,.flex-direction-nav a.flex-prev:before {
 	content: none;	
}
.bottomgrad{
	background: url(../img/gradient-bottom.png)center bottom;
	height: 300px;
	position: absolute;
	bottom: 0;
	z-index: -1;
	width: 100%;
}
#intro .container{
	height: 100%;
}
.scrollsections .container .desc.ocultar{
	opacity: 0;
	bottom: 110px;
	transition: all ease-out 0.4s ;
	-webkit-transition: all ease-out 0.4s ;
}
#intro .container .desc{
	position: absolute;
	
	bottom: 150px;
	height: 225px;
	width: 427px;
}
#intro .container .desc h1{
	color: #36d5d8;
	text-transform: uppercase;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
}
#intro .container .desc h2{
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 56px;
	text-transform: uppercase;
	color:#fff;
	margin-bottom: 19px;
	width: 380px;
}
#intro .desc a:hover, #intro .desc a:hover span{
	
	width: 190px;
}
#intro .desc a .bg{
	background: #38a0a0;
position: absolute;
height: 40px;
width: 0;
display: block;
top: 0;
left: 0;
z-index: 0;

transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
#intro .desc a{
	border: 1px solid #36d5d8;
	color:#36d5d8;
	float: left;
	font-family: 'dinpro-regularregular';
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin-right: 4px;
	padding: 13px 0;
	width: 170px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	position: relative;
	overflow: hidden;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
#intro .desc a:hover{
	color:#fff;
	border: 1px solid #fff;
}
.lkn {
	width: 100%;
	display: block;
	z-index: 2;
		transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	position: relative;
}
/* home */
.scrollsections{
	background: #5b5a5a;
	position: relative;
	overflow: hidden;
	height:100%;
	width: 100%;
}
.scrollsections .flexslider{
	background: url(../img/loading.gif) no-repeat center;
}
.scrollsections .flexslider, .scrollsections .flexslider .slides ,.scrollsections .flexslider .slides li{
	height:100%;
	width: 100%;
	position: relative;
}
.scrollsections .flexslider .flex-viewport{
	height:100%;
}
.scrollsections .slide{
	display: block;
	height:100%;
	position: absolute;
	z-index: 9;
	/*width: 105%;/*/
	width: 100%;
	background-position: center ;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.scrollsections .container{
	height: 100%;
}

#intro .flexslider{
	z-index: 6;
}
.scrollsections .container .desc{
	position: absolute;
	
	bottom: 150px;
	height: 225px;
	width: 427px;

	 -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.scrollsections .container .desc h1{
	color: #36d5d8;
	text-transform: uppercase;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
}
.scrollsections .container .desc h2{
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 56px;
	text-transform: uppercase;
	color:#fff;
	margin-bottom: 19px;
	width: 380px;
}
.scrollsections .desc a:hover, .scrollsections .desc a:hover span{
	
	width: 190px;
}
.scrollsections .desc a .bg{
	background: #38a0a0;
position: absolute;
height: 40px;
width: 0;
display: block;
top: 0;
left: 0;
z-index: 0;

transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
.scrollsections .desc a{
	border: 1px solid #36d5d8;
	color:#36d5d8;
	float: left;
	font-family: 'dinpro-regularregular';
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin-right: 4px;
	padding: 13px 0;
	width: 170px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	position: relative;
	overflow: hidden;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
.scrollsections .desc a:hover{
	color:#fff;
	border: 1px solid #fff;
}
#scrollsections-navigation {
  position: fixed;
  top: 50%;
  right: 50px;
  width: 30px;
  margin-top: -70px;
  z-index: 100;
  background: transparent;
  overflow: hidden;
}
.scrollsections-menuitem {
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
  overflow: hidden;
  background: transparent;
  
  text-indent: -9999px;
  margin: 0 0 12px 0;
  cursor: pointer;
  border:1px solid #36d5d8;
  -webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.scrollsections-menuitem.active-scrollsection {
  width: 14px;
  height: 14px;
   background: #36d5d8;
  cursor: default;
}


/* novedades */

#novedades{
	background: #e6e7e8;
	position: relative;
	display: block;
	float: left;
	height:800px;
	width: 100%;
}

#novedades .center{
	background: #fff;
	height: 659px;
	margin: 70px auto;
	width: 1068px;
	position: relative;
	overflow: hidden;
}
.novedad{
	
	position: relative;
	float: left;
	height: 220px;
	width: 534px;
}
#novedades .w-50{
	background: #36d5d8;
}
#novedades .w-50, #novedades .novedad .info, #novedades .novedad .img{
	float: left;
	height: 220px;
	overflow: hidden;
	position: relative;
	width: 267px;

}

#novedades .novedad .info{
	background:#fff;
		transition: all 500ms cubic-bezier(0.165,.84,.44,1);
	-webkit-transition: all 500ms cubic-bezier(0.165,.84,.44,1);
}

.novedad .info h1{
	color:#36d5d8;
	font-family: 'dinpro-regularregular';
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin: 35px auto 15px auto;
	width: 170px;
}
.novedad .info h2{
	color:#939598;
	font-family: 'dinprolight';
	font-size: 14px;
	font-weight: normal;
	
	text-align: center;
	margin: 0px auto 15px auto;
	width: 200px;
}
.novedad img{

	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Chrome, Safari, Opera */
	transform: scale(1);

		transition: all 500ms cubic-bezier(0.165,.84,.44,1);
	-webkit-transition: all 500ms cubic-bezier(0.165,.84,.44,1);
}
.novedad:hover img{

	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
	transform: scale(1.05);
}

#novedades .novedad:hover .info{
	background: #454242;
}
.novedad:hover .info .mas-info{
	background: url(../img/icon-mas-info.png)  120px 0 no-repeat;
}
.novedad .info .mas-info{
	background: url(../img/icon-mas-info.png)  110px 0 no-repeat;
	color:#36d5d8;
	float: left;
	font-family: 'dinprolight';
	font-size: 14px;
	font-weight: normal;
	margin-top: 40px;
	margin-left: 80px;
	padding: 0 50px 0 0;
	transition: all ease-out 0.3s ;
	-webkit-transition: all ease-out 0.3s ;
}
.novedad:hover .line-top{
	width: 100%;
}
.line-top{
	bottom: 0;
	left: 0;
	position: absolute;
	width: 0;
	height: 3px;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	background: #ff910d;
}
.navi-slide{
	border: 2px solid #fff;
	position: absolute;
	display: block;
	top: 70px;
	left: 85px;
	height: 82px;
	transition: all cubic-bezier(.67,.52,.57,.97) 0.2s, background cubic-bezier(.67,.52,.57,.97) 0.3s;
	-webkit-transition: all cubic-bezier(.67,.52,.57,.97) 0.2s, background cubic-bezier(.67,.52,.57,.97) 0.3s;
	width:82px;
	
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
}
.navi-slide:hover{
	top: 66px;
	left: 81px;
	height: 90px;
	width:90px;
}
.navi-slide.prev-novedades:hover{
	background: url(../img/prev-proyectos.png) -90px center  ;
}
.navi-slide.prev-novedades{
	background: url(../img/prev-proyectos.png) center ;
	
}
.navi-slide.next-novedades:hover{
	background: url(../img/next-proyectos.png) 90px center  ;
}
.navi-slide.next-novedades{
	background: url(../img/next-proyectos.png) center ;
}
#novedades .flex-control-nav.flex-control-paging{
	display: none;
}

#info-novedades.oculto{
	left:-1068px;
	
}
#info-novedades{
	left: 0;
	height: 660px;
	background:#fff;
	position: absolute;
	z-index: 66;
	width: 1068px;
	transition: all cubic-bezier(0,.54,.46,.95) 0.3s;
	-webkit-transition: all cubic-bezier(0,.54,.46,.95) 0.3s;
}

#info-novedades .informacion{
	float: right;
	width: 535px;
}
#info-novedades .volver-lista span{
	float: left;
}
#info-novedades .volver-lista .text{
	width: 220px;
margin-left: 40px;
margin-top: 22px;
}
#info-novedades .volver-lista:hover {
	background-color: #894610
}

#info-novedades .volver-lista:hover .icon{
	background: url(../img/icon-volver.png)  55px 1px #894610;
	
}
#info-novedades .volver-lista .icon{
	background: url(../img/icon-volver.png)  1px 1px #894610;
	height: 56px;
	width: 56px;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
#info-novedades .volver-lista{
	background: #ff910d;
	color: #fff;
	float: right;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 56px;
	text-transform: uppercase;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
#info-novedades h1{
	color:#36d5d8;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 46px;
	text-transform: uppercase;
}
#info-novedades h2{
	color:#939598;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
#info-novedades p{
	color:#939598;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 22px;
	width: 480px;
}


/* inversiones */

#inversiones{
	background: url(../img/imagen-inversiones.jpg) center ; 
	/* background: url(../img/bg-institucional.jpg) center bottom; */

	height:100%;
	min-height: 650px;
	position: relative;
	overflow: hidden;
	width: 100%;

	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
}
#slide-inversiones{
	background:none;
	position: absolute; 
	top: 50%;
	margin-top: -165px;
	height: 335px;
	width: 1070px;
}
#inversiones .slide{
	
	height: 340px;
	width: 725px;
}
.cont-slide{
	margin: 0 auto;
	width: 740px;	
}
#inversiones .slide h1 strong{
	color:#fff;
}
#inversiones .slide h1{
	color:#36d5d8;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 16px;
}
#inversiones .slide h2{
	color:#36d5d8;
	text-transform: uppercase;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 57px;
	margin:15px 0 9px 0;
}
#inversiones .slide p{
	color:#fff;
font-family: 'HelveticaNeueLTPro-Lt';

	font-weight: normal;
	font-size: 17px;
	line-height: 1.5;
}
#inversiones .flex-control-nav.flex-control-paging li a{
	border:1px solid #36d5d8;
	background: none;
}
#inversiones .flex-control-nav.flex-control-paging li .flex-active{
	background:#36d5d8;
}
#inversiones .flex-control-nav {
	width: 540px;
	bottom: -40px;
	left: -20px;
}
#inversiones .flex-direction-nav a{
	background-size: 60px;
	height: 142px;
	margin-top: -71px;
	font-size: 0;
	width: 60px;
}

#inversiones .flex-prev{
	background: url(../img/introprev.png) no-repeat;
}
#inversiones .flex-next{
	background: url(../img/intronext.png) no-repeat;
}
#inversiones .slide h1,#inversiones .slide h2,#inversiones .slide p{
	opacity: 0;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
}
.body-loaded #inversiones .flex-active-slide h1{
	opacity: 1;
	transition: all 0.3s linear 0.6s;
	-webkit-transition: all 0.3s linear 0.6s;
}
.body-loaded #inversiones .flex-active-slide h2{
	opacity: 1;
	transition: all 0.6s linear 0.9s;
	-webkit-transition: all 0.6s linear 0.9s;
}
.body-loaded #inversiones .flex-active-slide p{
	opacity: 1;
	transition: all 0.6s linear 1.2s;
	-webkit-transition: all 0.6s linear 1.2s;
}

/* institucional */
#institucional{
	background:url(../img/institucional.jpg) center;
	height:100%;
	min-height: 650px;
	position: relative;
	overflow: hidden;
	width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
}
#institucional .center{
	
	height: 445px;
	margin-top: -200px;
	top: 50%;
	position: absolute;
	width: 1070px;
}
#institucional .left{
	float: left;
	width: 485px;
}
#institucional .nuestra-identidad{
	background: url(../img/icon-nuestra-identidad.png) no-repeat 0 0;
}
#institucional .nuestra-mision{
	background: url(../img/icon-nuestra-mision.png) no-repeat 0 0;
}
#institucional .box-info.nuestros-principios{
	background: url(../img/icon-nuestros-principios.png) no-repeat 0 0;
	float: right;
	width: 355px;
}
#institucional .box-info{
	float: left;
	padding-left: 133px;
}
#institucional .box-info h1{
	color: #fff;
	font-family: 'dinpro-regularregular';
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 25px;
}
#institucional .box-info p{
	color: #000;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 25px;
}
.institucional #footer .container .copyright, .institucional #footer .container .right h4{
	color:rgba(255,255,255,0.4);
}

/* contacto */
#contacto{
	height:100%;
	position: relative;
	overflow: hidden;
	min-height: 650px;
	width: 100%;
}
#contacto .center{
	position: absolute;
	height: 460px;
	top: 50%;
	margin-top: -230px;
	
	width: 100%;
}
.inner-contacto{
	background: url(../img/imagen-contacto.jpg) center  top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height: 650px;
	margin-bottom: 85px;
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 9;
}
#contacto .container{
	
}
#contacto .box-1{
	background: #fff;
	float: left;
	height: 231px;
	padding:35px 0 0 0 ;
	width: 267px;
	
}
#contacto .box-2{
	background:#5b5a5a;
	float: left;
	height: 410px;
	padding:30px 20px 0 20px;
	width: 310px;
	
}
#contacto .box-1 .facebook:hover{
	background: url(../img/ver-nota.svg) 95px 19px no-repeat #191919 ;
	-webkit-background-size: 18px;
	background-size: 18px;
}
#contacto .box-1 .twitter:hover{
	background: url(../img/ver-nota.svg) 97px 19px no-repeat #198c8c ;
	-webkit-background-size: 18px;
	background-size: 18px;
}
#contacto .box-1 .twitter{
	background: url(../img/ver-nota.svg) 92px 19px no-repeat #36d5d8 ;
	-webkit-background-size: 18px;
	background-size: 18px;
}
#contacto .box-1 .facebook{
	background: url(../img/ver-nota.svg) 90px 19px no-repeat #333232 ;
	-webkit-background-size: 18px;
	background-size: 18px;
	width: 92px;
}
#contacto .box-1 a{
	
	color: #fff;
	float: left;
	display: block;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 14px;
	padding: 21px 21px;
	margin-top: 157px;
	width: 91px;
	transition: all ease-out 0.3s ;
	-webkit-transition: all ease-out 0.3s ;
}
#contacto .box-1 h3{
	margin-left: 30px;
}
#contacto h3{
	color:#36d5d8;
	font-family: 'dinpro-regularregular';
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}
#contacto .box-2 h3{
color: #fff;
}
#contacto .box-3 {
	float: left;
	margin-left: 40px;
}
#contacto .box-3 h1{
	color: #fff;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 46px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#contacto .box-3 h2{
	color: #36d5d8;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.3;
}
#form-contacto{
	
	margin: 25px auto 0 auto;
	width: 307px;
}
#form-contacto input, #form-contacto textarea{
	background: #606060;
	border: 1px solid #606060;
	color:#939598;
	display: block;
	padding: 13px 18px;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 10px;
	width: 269px;
}
#form-contacto textarea{
	height: 88px;
	  resize: none; 
}

#form-contacto textarea.error, #form-contacto input.error{
	color:#ea3a32;
	border: 1px solid #ea3a32;
}
#enviar-form:hover{
	background:#198c8c;
}
#enviar-form{
	background:#36d5d8;
	color:#fff;
	display: block;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size:  18px;
	padding:15px 0;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
	-webkit-transition: all cubic-bezier(.2,.61,.35,1) 0.3s;
}
.msj-contacto{
	display: none;
}
.msj-contacto{
	margin-top: 25px;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.loading{
	background: url(../img/loading.gif) no-repeat center;
	height: 52px;
	display: none;
	
	margin:0 auto;
	width: 52px;
}

/* row-listado */
.loading-body{
position: relative;
overflow: hidden;
}
 .list-proyectos #footer{
	position: relative;

}
.loading-body #row-listado{
	height: 100%;
	background: url(../img/loading.gif) no-repeat center #fff;
	display: block;
	width: 100%;
}
.loading-body #list-proyectos, .loading-body #row-listado li{
	opacity: 0;
}
.list-proyectos{
	background: #333232;
}
#list-proyectos {
	background: #fff;
	margin-top: 124px;
	float: left;
	width: 100%;
}
#list-proyectos li{
	float: left;
	margin:  1px 0 0 0;
	position: relative;
	overflow: hidden;
	width: 50%;
}
#list-proyectos li.right{
	float: right;
}
#list-proyectos li:hover img{
	transition: all 30s linear;
	-webkit-transition: all 30s linear;
	-webkit-transform: matrix(1.5, 0, 0, 1.5, 0, 0);
}
#list-proyectos li img{
	position: relative;
	height: 100%;
	float: left;
	width: 100%;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
}
.line-right{
	background: #fff;
	position: absolute;right: 0;top: 0;
	height: 100%;
	width: 1px;
	z-index: 99;
}
#list-proyectos li .hoverlay{
	background: rgba(50,50,50,.9);
	height: 100%;
	position: absolute;
	z-index: 9;
	opacity:0;
	width: 100%;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
#list-proyectos li:hover .hoverlay{
	opacity:1;
}
#list-proyectos li .proyecto .info{
	top: 50%;
	left: 50%;
	margin: -87px 0 0 -125px ;
	height: 175px;
	position: absolute;
	width: 250px;
	z-index: 99;
}
#list-proyectos li .header.right .info{
	margin: 10% 10% 0 10%;
}
#list-proyectos li .header .info{
	height: 93px;
	margin: 5% 10% 0 10%;
	
	position: absolute;
	width: 80%;
	z-index: 9;
}
#list-proyectos li .header .info h1{
	color: #454242;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 56px;
	margin-bottom: 10px;
}
#list-proyectos li .header .info h2{
	color: #a7a9ac;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	width: 200px;
}
#list-proyectos .header h3{
	color: #36d5d8;
	float: left;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.2;
	width: 50px;
}
#list-proyectos .header ul{
	float: right;
	width: 260px;
}

#list-proyectos .header ul li a:hover{
	color:rgba(255,255,255,1);
}
#list-proyectos .header ul li a{
	color:rgba(255,255,255,.4);
	transition: all ease-out 0.2s ;
	-webkit-transition: all ease-out 0.2s ;
}
#list-proyectos .header ul li{
	color:rgba(255,255,255,.4);
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 5px;
	width: 260px;	
} 

#list-proyectos li .icon{
	background: url(../img/icon-mas2.svg) no-repeat ;
	background-size: 40px;
	height: 40px;
	width: 40px;
	margin: 0 auto;
}
#list-proyectos li .proyecto h1{
	color: #fff;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 35px;
	width: 100%;
}
#list-proyectos li p{
	color: #fff;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 17px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.2;
	width: 100%;
	overflow: hidden;
position: relative;
height: 40px;
}

/* SINGLE PROYECTO */

.single-proyecto #intro .flex-direction-nav  a{
	background-size: 60px;
	height: 142px;
	margin-top: -30px;
	width: 60px;
}
.single-proyecto #intro .flexslider:hover .flex-prev{
	left: 60px;
}
.single-proyecto #intro .flexslider:hover .flex-next{
	right: 60px;
}
.botones-b{
	height: 97px;
	bottom: 0;
	position: absolute;
	width: 515px;
	left: 50%;
	margin-left: -257px;
	z-index: 99;
}
.botones-b li{
	float: left;
	width: 50%;
}
.ocultar.botones-b li a{
	top: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out 0s ;
	-webkit-transition: all 0.3s ease-out 0s ;
}
.botones-b li a{
	color: #fff;
	border:1px solid #fff;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	display: block;
	padding: 20px 57px;
	width: 100px;
	top: 0px;
	visibility: visible;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all ease-out 0.3s ;
	-webkit-transition: all ease-out 0.3s ;
}

.pos-abs.ocultar{
	visibility: hidden;
}
.pos-abs{
	
	top: 0;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 7;
}
.pos-abs .left{
	background: rgba(51,50,50,.95);
	float: left;
	height: 100%;
	position: relative;
	width: 50%;
	transition: all 0.8s ease-out 0.3s ;
	-webkit-transition: all 0.8s ease-out 0.3s ;
}
.ocultar.pos-abs .left {
	width: 0;
	transition: all 0.8s ease-out 0s ;
	-webkit-transition: all  0.8s ease-out 0s ;
	}
.pos-abs .left .info{
	width: 400px;
	height: 475px;
	right: 50px;
	top: 50%;
	margin-top: -237px;
	position: absolute;
	overflow: hidden;	
}
.desc-pres:hover{
	background: url(../img/bg-descargar.png) no-repeat 255px 18px;
	opacity: 0.6;
	
}
#modal.ocultar{
	display: none;
}
#modal{
	
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.text{
	height: 181px;
position: relative;
overflow: hidden;
width: 400px;
margin-bottom: 20px;
}
.desc-pres{
	border:1px solid #fff;
	display: block;
	background: url(../img/bg-descargar.png) no-repeat 255px 15px;
	text-transform: uppercase;
	color:#fff;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 14px;
	
	
	padding: 20px 70px 20px 30px;
	width: 200px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	transition: all 0.2s ease-out ;
	-webkit-transition: all  0.2s ease-out ;
}
#close{
	border:2px solid;
	padding: 10px;
	background: url(../img/close.png) no-repeat center;
	
	
	display: block;
	height: 50px;
	width: 50px;
	z-index: 99;
	border-radius:50%;
	border-color:rgba(255,255,255,0);
	opacity: 0.4;
	margin-bottom: 16px;
	-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);	
	-webkit-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); -moz-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); -ms-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); -o-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
}
#close:hover{
	opacity: 1;
	-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);border-radius:50%;border-color:rgba(255,255,255,1);
	-webkit-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); -moz-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); -ms-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); -o-transition: 0.5s cubic-bezier(.27,1.64,.32,.95); transition: 0.5s cubic-bezier(.27,1.64,.32,.95);
}
.pos-abs .left .info h1{
	text-transform: uppercase;
	color: #fff;
	height: 92px;
	font-family: 'dinprolight';
	position: relative;
	overflow: hidden;
	font-weight: normal;
	font-size: 46px;
	margin-bottom: 24px;
}
.pos-abs .left .info p{
	letter-spacing: 2px;
	color: rgba(255,255,255,.6);
	font-family: 'HelveticaNeueLTPro-Lt';
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 30px;
	font-size: 16px;
}
/* Prensa */
.prensa{
	background: url(../img/imagen-prensa.jpg) center top;
	height:100%;
	min-height: 650px;
	position: relative;
	overflow: hidden;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.prensa .center{
	
	height: 339px;
	top: 50%;
	left: 50%;
	margin: -170px 0 0 -530px;
	position: absolute;
	width: 1090px;
}
.prensa .center #slide-prensa{
	height: 290px;
	background: transparent;
	margin: 0 auto;
	width: 1090px;
}

.prensa .center #slide-prensa .container .img{
	float: left;
	height: 290px;
	width: 465px;
}
.prensa .center #slide-prensa .container{
	height: 290px;	
	margin: 0 auto;
	width: 835px;
}
#slide-prensa .flex-prev {
	background: url(../img/introprev.png) no-repeat;
	background-size: 60px;
	height: 142px;
	margin-top: -71px;
	font-size: 0;
	width: 60px;
}
#slide-prensa .flex-next {
	background: url(../img/intronext.png) no-repeat;
	background-size: 60px;
	height: 142px;
	margin-top: -71px;
	width: 60px;
	font-size: 0;
}

#slide-prensa .flex-control-nav .flex-active{
border: 1px solid #36d5d8;
	background: #36d5d8;
}
#slide-prensa .flex-control-nav a{
	border: 1px solid #36d5d8;
	background: none;
}
#slide-prensa .flex-control-nav{
	bottom: -40px;
	left: 125px;
	position: absolute;
	text-align: left;
	width: 815px;
}
#slide-prensa .info{
	margin: 13px 0 0 20px;
	float: left; 
	width: 335px;
}
#slide-prensa .info h1{
	color: #36d5d8;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 21px;
	text-transform: uppercase;
	margin-bottom: 12px;
	height: 80px;
	line-height: 1.3;
}
#slide-prensa .info h2{
	color: #fff;
	font-family: 'dinprolight';
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#slide-prensa .info h2 span{
	margin-left: 10px;
	opacity: 0.5;
}
#slide-prensa .info p{
	color: #fff;
	color: rgba(255,255,255,0.6);
	font-family: 'HelveticaNeueLTPro-Lt';
	font-weight: normal;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 1px;
	height: 55px;
	margin-bottom: 30px;
}
#slide-prensa .info .ver-nota:hover{
	background: url(../img/ver-nota.svg) no-repeat 176px 16px #198c8c;
	background-size: 18px;
}
#slide-prensa .info .ver-nota{
	background: url(../img/ver-nota.svg) no-repeat 166px 16px #36d5d8;
	background-size: 18px;
	color: #fff;
	display:inline-block;
	font-family: 'dinpro-regularregular';
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	padding: 16px 90px 16px 70px;

	
}
#slide-prensa  img{
	opacity:0;
	left: -20px;
	position: relative;
	transition: all 0.3s ease-out .0s ;
	-webkit-transition: all 0.3s ease-out .0s ;

}
#slide-prensa .info  h1{
	opacity: 0;
	top: -10px;
	position: relative;
	transition: all 0.3s ease-out .0s ;
	-webkit-transition: all 0.3s ease-out .0s ;

}
#slide-prensa .info  h2{
	opacity: 0;
	top: -10px;
	position: relative;
	transition: all 0.3s ease-out .0s ;
	-webkit-transition: all 0.3s ease-out .0s ;

}
#slide-prensa .info  p{
	opacity: 0;
	top: -10px;
	position: relative;
	transition: all 0.3s ease-out .0s ;
	-webkit-transition: all 0.3s ease-out .0s ;

}
#slide-prensa .info  .ver-nota{
	opacity: 0;
	position: relative;
	top: -10px;
	transition: all 0.3s ease-out .0s ;
	-webkit-transition: all 0.3s ease-out .0s ;

}

.body-loaded #slide-prensa .flex-active-slide h2,
.body-loaded #slide-prensa .flex-active-slide p,
.body-loaded #slide-prensa .flex-active-slide .ver-nota,
.body-loaded #slide-prensa .flex-active-slide img,
.body-loaded #slide-prensa .flex-active-slide h1{
	opacity:1;top: 0px;
}
#slide-prensa .flex-active-slide img{
	left: 0px;
	transition: all 0.3s ease-out .3s ;
	-webkit-transition: all 0.3s ease-out .3s ;
}
#slide-prensa .flex-active-slide h2{
	transition: all 0.3s ease-out 0.6s ;
	-webkit-transition: all 0.3s ease-out 0.6s ;
}
#slide-prensa .flex-active-slide h1{
	transition: all 0.3s ease-out .7s ;
	-webkit-transition: all 0.3s ease-out .7s ;
}
#slide-prensa .flex-active-slide p{
	transition: all 0.3s ease-out .8s ;
	-webkit-transition: all 0.3s ease-out .8s ;
}
#slide-prensa .flex-active-slide .ver-nota{
	transition: top 0.3s ease-out .9s,opacity 0.3s ease-out .9s, background ease-out 0.3s ;
	-webkit-transition: top 0.3s ease-out .9s, opacity 0.3s ease-out .9s, background ease-out 0.3s ;
}

/*footer*/

#footer{
	
	
	bottom: 0;
	height: 67px;
	position: fixed;
	width: 100%;
	z-index: 200;
}
#footer .container{
	padding-top: 25px;
}
#footer .container img{
	float: left;
	margin-top: -10px;
}
#footer .container .copyright{
	float: left;
	color:#5b5a5a;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-weight: normal;
	font-size: 12px;
	margin: 7px 0 0 290px;
}
#footer .container .right{
	float: right;
	margin-top: 7px;
}
#footer .container .right h4{
	color:#5b5a5a;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-weight: normal;
	font-size: 12px;
	float: left;
}
#footer .dhnn{
	background: url(../img/dhnn.png) center no-repeat;
	float: left;
	height: 12px;
	margin-left: 5px;
	margin-top: -2px;
	width: 41px;
	transition: all linear 0.3s ;
	-webkit-transition: all linear 0.3s ;
}
#footer .dhnn:hover{
	opacity: 0.5;
}
.home #intro{
	overflow: inherit;
}
.home .slides.scene,.home .slides.scene li{
	height: 100%;
}
.loading-body.home{
	background: url(../img/loading.gif) no-repeat center;
}
.loading-body.home .scrollsections{
	opacity: 0;
}


@media all and (max-width: 1300px) {
	.home #intro .flex-direction-nav a{
		background-size: 60px;
		height: 142px;
		margin-top: -30px;
		width: 60px;	
	}

}


/****************************/
/* MEDIA QUERIES */
/****************************/

/* 1024 */
@media screen and (max-width: 1024px) {

}

/* 992 */
@media screen and (max-width: 992px) {

#header {
	position: absolute;
}

#header #nav .social {
	display: block;
	float: none;
	margin-top: 0;
	margin-left: 10px;
	clear: both;
}

#header #nav .facebook {
	margin-left: 10px;
}

nav#nav {
	background: #333232;
	display: none;
	padding: 60px 0 20px;
    position: fixed;
    top: 0px;
    width: 100%;
}

nav#nav ul {
	display: flex;
	flex-direction: column-reverse;
	float: none;
	margin-top: 6px;
	width: 100%;
}

nav#nav ul li {
	float: none;
	clear: both;
}

#list-proyectos li .header .info {
	margin: 5% 10% 5% 20px;
	position: relative;
	height: auto;
}

#list-proyectos li .header img {
	display: none;
}

#list-proyectos li .hoverlay {
	opacity: 0.8;
}

.social-desk {
	display: none !important;
}


/* TOGGLE BUTTON */

.toggle-button {
	position: fixed;
	display: block;
	width: 35px;
	margin: 0 auto 30px;
	top: 25px;
	right: 30px;
	z-index: 999;
}

.toggle-button span {
	display: block;
	height: 30px;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	position: relative;
}

.toggle-button span:after {
	content:"";
	width: 126%;
	height: 2px;
	background:#ffffff;
	display: block;
	top: 50%;
	position: absolute;
	margin-top: -1px;
}

.scrollsections .container .desc {
	bottom: 40px;
	height: auto;
	max-width: 320px;
	padding-left: 20px;
	width: 100%;
}

.scrollsections .container .desc h2 {
	font-size: 34px;
	width: auto;
}

.scrollsections .desc a {
	float: none;
	display: block;
	margin: 10px 0;

}

#list-proyectos .header h3 {
	width: 100%;
}

#list-proyectos .header ul {
	float: none;clear: both;
	padding-top: 10px;
	padding-bottom: 30px;
}

#list-proyectos .header ul li, #list-proyectos .header ul li a {
	color: #454242;
}

#list-proyectos li {
	float: none;
	width: 100%;
}

#list-proyectos li.right {
	float: none;
}

#header h1 {
	float: none;
	margin-left: 20px;
}


.container {
   max-width: 1070px;
   width: 100%;
}

#footer {
	background-color: #111;
	height: auto;
	text-align: center;
	position: relative;
}

#footer .container {
	padding: 40px 0; 
}

#footer .container img {
	float: none;
	clear: both;
}

#footer .container .copyright {
	float: none;
	clear: both;
	margin: 30px 0;
}

#footer .container .right {
	float: none;
	clear: both;
}

#footer .container .right h4 {
	float: none;
	display: inline-block;
}

#footer .dhnn {
	float: none;
	display: inline-block;
}

/* Modal */

.pos-abs .left .info h1 {
	font-size: 30px;
	margin-bottom: 12px;
	height: auto;
}

.pos-abs .left .info .text {
	height: auto;
	width: auto;
}

.pos-abs .left .info p {
	font-size: 14px;
	line-height: 1.4;
}

.pos-abs .left {
	width: 100%;
}

.pos-abs .left .info {
	left: 20px;
	right: auto;
	top: 115px;
	margin-top: 0;
	max-width: 320px;
	width: 100%;
}

#close {
	margin-left: -15px;
}

section#intro .botones-b {
	max-width: 280px;
	width: 100%;
    left: 20px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 80px;
}

section#intro .botones-b li {
	float: none;
	margin-top: 20px;
}

section#intro .botones-b li a {
	width: 100%;
}

.prensa {
	background-image: none;
	background-color: #2f3034;
}

.prensa .center  {
	position: relative;
	top: 140px;
	width: auto;
	left: auto;
	margin: 0;
	height: auto;
}

.prensa .center #slide-prensa {
	width: auto;
	height: auto;
	margin-bottom: 100px;
}

.prensa .center #slide-prensa .container {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.prensa {
	overflow: auto;
}

.prensa .center #slide-prensa .container .img {
	float: none;
	clear: both;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	text-align: center;
}

#slide-prensa .info {
	float: none;
	clear: both;
	width: auto;
}

#slide-prensa .flex-control-nav {
	display: none;
}

#slide-prensa .flex-active-slide p {
	display: none;
}

#slide-prensa .info h1 {
	height: auto;
}

#slide-prensa .flex-active-slide img {
    width: auto;
    max-width: 640px;
    width: 100%;
    height: auto;
    display: inline-block;
}

#slide-prensa .slides > li {
	margin-bottom: 40px;
} 

#inversiones {
	min-height: 500px;
	height: auto;
	padding-bottom: 80px;
}

#slide-inversiones {
	height: auto;
	position: relative;
	margin-top: auto;
	top: 160px;
	width: auto;
}

#inversiones .slide {
	min-height: 340px;
}

#inversiones .slide h2 {
	font-size: 22px;
}

#inversiones .cont-slide {
	max-width: 640px;
	padding: 0 20px;
	width: 100%;
}
#inversiones .flex-active-slide p {
	padding-right: 40px;
	margin-top: 10px;
}

#inversiones .flex-control-nav {
	left: auto;
	width: 100%;
}

#inversiones .flex-direction-nav {
	display: none;
}

#institucional {
	height: auto;
}

#institucional .center {
	position: relative;
	margin-top: 160px;
	width: 90%;
	padding: 0 20px;
	height: auto;
	display: table;
}

#institucional .box-info {
	float: none;
	clear: both;
	padding-left: 0;
	padding: 100px 0px 30px;
}

#institucional .left {
	float: none;
	clear: both;
	width: 100%;
}

#institucional .box-info.nuestros-principios {
	float: none;
	clear: both;
	width: 100%;
}

#contacto {
	height: auto;
}

#contacto .box-1 h3 {
	margin-left: 20px;
	font-size: 22px;
}


#contacto .center {
	position: relative;
    height: auto;
    top: auto;
    margin-top: 140px;
    width: 100%;
    display: table;
}

.inner-contacto {
	margin-bottom: 0;
}

#contacto .box-1 {
	display: table;
	height: auto;
	float: none;
	clear: both;
	width: 100%;
}

#contacto .box-1 a {
	margin-top: 40px;
}

#contacto .box-2 {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	display: table;
	padding: 30px 10px 20px 20px;
}

#contacto .box-3 {
	float: none;
	clear: both;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-left: 0;
}

#contacto .box-3 h1 {
	font-size: 22px;
}

#intro .slide {
	background-size: cover;
	background-repeat: no-repeat;
}

/* FLECHAS */

.single-proyecto #intro .flex-direction-nav a {
	background-size: 30px;
	height: 80px;
}

.single-proyecto #intro .flexslider:hover .flex-next {
	    right: 0px;
}

.single-proyecto #intro .flexslider:hover .flex-prev {
	left: 0;
}

#slide-prensa .flex-next, #slide-prensa .flex-prev {
	margin-top: -240px;
	background-size: 30px;
	height: 80px;
	width: 30px;
}

}

/* 640 */
@media screen and (max-width: 640px) {
#list-proyectos li img {
		width: 130%;
}

#list-proyectos li .header .info h1 {
	font-size: 40px;
}

#form-contacto {
	margin: 25px 0 0 0;
	width: 79%;
}

#form-contacto input, #form-contacto textarea {
	width: 100%;
}

}

/* 480 */
@media screen and (max-width: 480px) {

#slide-prensa .flex-control-nav {
	display: block;
	bottom: 140px;
    left: auto;
    position: absolute;
    text-align: center;
    width: 100%;
}


.prensa .center #slide-prensa {
    margin-bottom: 30px;
}

}