/* font
---------------------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('font/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('font/AvenirNextLTPro-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNextLTPro-Light';
    src: url('font/AvenirNextLTPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNextLTPro-Medium';
    src: url('font/AvenirNextLTPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('font/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
	font-size: 15px;
    font-family: 'AvenirNextLTPro-Light', sans-serif;
	font-weight: 400;
	background-color: #000;
	color: #fff;
}


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 95%;
	    max-width: 1400px;
	}
	.content-int{
		margin: 0 auto;
		width: 95%;
	    max-width: 1000px;
	}

	

	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 18px;
		line-height: 22px;
	}
	h2{
		font-size: 20px;
		line-height: 24px;
		font-family: 'AvenirNextLTPro-Bold';
	}
	h3{
		font-size: 14px;
		line-height: 18px;
	}



	/* tools
	------------------------------------------------------------------------------------------------------  */
	a {
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	.text-center{
		text-align: center;
	}
	.text-right{
		text-align: right;
	}
	.color-white{
		color: #fff;
	}
	.link{
		color: #000;
		text-decoration: underline;
	}
	.link:hover{
		color: #333;
		text-decoration: none;
	}
	.fright{
		float: right !important;
	}
	.fcenter{
		display: inline-block !important;
		float: none !important;
	}
	.content_item {
		opacity: 0;
		transition: opacity 2s;
		-moz-transition: opacity 2s;
		-webkit-transition: opacity 2s;
	}
	.btn{
		color: #fff;
		text-align: center;
		padding: 5px 40px;
		text-decoration: none;
		border-radius: 50px;
		cursor:pointer;
		font-size: 13px;
		border-radius: 50px;
		border: 1px solid #fff;
	}
	.btn:hover{
		background-color: #222;
		border: 1px solid #666;
	}
	.btn-int{
		color: #000;
		border: 1px solid #000;
	}
	.btn-int:hover{
		background-color: #222;
		border: 1px solid #666;
		color: #fff;
	}
	.btn-pdf{
		color: #000;
		text-align: center;
		padding: 8px 40px;
		padding-top: 11px;
		text-decoration: none;
		border-radius: 50px;
		cursor:pointer;
		font-size: 13px;
		border-radius: 50px;
		border: 1px solid #000;
		background-image: url('../img/ico-pdf.png');
		background-position: 30px center;
		background-repeat: no-repeat;
		background-size: 18px;
		padding-left: 60px;
		font-family: 'AvenirNextLTPro-Medium';
	}
	.btn-pdf:hover{
		color: #fff;
		background-color: #333;
	}

	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: right;
		margin-left: 35px;
		margin-top: 7px;
	}
	#pull img{
		width:20px;
	}
	#pull img:hover{
		opacity: 0.8;
	}


	/* menu
	------------------------------------------------------------------------------------------------------  */
	#menu{		
	}


	/* menu-responsive
	------------------------------------------------------------------------------------------------------  */
	#menu-responsive{
		display: none;	
	}
	#menu-responsive ul{
		float: left;
		width: 100%;
		text-align: center;
		list-style: none;
		margin-top: 30px;
		margin-left: -40px;
	}
	#menu-responsive ul li{
		float: left;
		width: 100%;
		padding: 0px;
		margin:0px;
		text-align: center;
		border-top: 1px solid #333;
		padding-top:15px;
		margin-bottom: 15px;
	}
	#menu-responsive ul li a{
		float: left;
		width: 100%;
		color: #fff;
		padding:5px 0px;
		text-decoration: none;
	}
	#menu-responsive .oriol-responsive{
		float: left;
		width: 100%;
		padding: 20px 0px;
		text-align: 100%;
		font-size: 12px;
		text-align: center;
		letter-spacing: 2px;
	}








	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		position: absolute;
		position: fixed;
		width:100%;
		padding:8px 0px;
		background-color: #000;
		z-index: 1;
	}
	#header #logo{
		display: inline-block;
	}
	#header #logo img{
		width: 300px;
		max-width: 300px;
		margin-top: 10px;
	}
	#header #menu{
		float: right;
		text-align: right;
		font-size: 14px;
		margin-top:8px;
	}
	#header #menu #menu-desktop{
		float: right;
		list-style: none;
		margin:0px;
	}
	#header #menu #menu-desktop li{
		float: left;
		margin-left: 10px;
		margin-top:7px;
	}
	#header #menu #menu-desktop li a{
		color: #fff;
		text-decoration: none;
	}
	#header #menu #menu-desktop li a:hover{
		color: #999;
	}
	#header .oriol{
		float:right;
		padding: 7px 0px;
		margin-left: 20px;
		padding-left: 20px;
		letter-spacing: 2px;
	}
	#header .idiomas{
		float:right;
		text-decoration: none;
		color: #fff;
		padding: 7px 0px;
		border-left: 1px solid #666;
		margin-left: 20px;
		padding-left: 20px;
		background-image: url('../img/ico-down.png');
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 8px;
		padding-right: 12px;
	}
	#header .idiomas:hover{
		opacity: 0.8;
	}
	.lista-idiomas{
		display: none;
		float: left;
		margin-top: 60px;
/*		margin-bottom: -32px;*/
		width: 100%;
		padding:10px 0px;
		background-color: #101010;
		text-align: right;
		z-index: 9999999;
	}
	.lista-idiomas a{
		position: relative;
		font-family: 'AvenirNextLTPro-Medium';
		text-align: right;
		color: #fff;
		font-size: 12px;
		margin-left: 10px;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
	}
	.lista-idiomas a:hover, .lista-idiomas .selected{
		color: #999;
	}



	/* slide
	------------------------------------------------------------------------------------------------------  */

	.bx-wrapper {
		max-width: 100% !important;
		width: 100% !important;
	    border: 0px !important;
	    background: #fff !important;
	    margin-bottom: 0px !important;
	}
	.bx-wrapper .bx-pager {
		top: 680px !important;
	}
	.bxslider {
		float: left;
		width: 100%;
		display: inline-block;
		list-style: none;
		margin-left: 0px;
		z-index: 0;
		text-align: center;
	}
	ul.bxslider{
		width: 100% !important;
	}
	.bxslider .box-content{
		float:none;
		margin:0 auto;
		width: 45%;
		text-align: center;
		margin-top: 660px;
		padding: 5px 5%;
	}
	.bxslider .box-content span{
		background-color: #000;
		color: #fff;
		padding: 3px 8px;
	}
	.bxslider .box-content span a{
		color: #fff;
	}
	.bxslider li{
		width: 100% !important;
		height: 730px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}


	
	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		float: left;
		width:100%;
		/*margin-top: 32px;*/
	}


	/* legal
	------------------------------------------------------------------------------------------------------  */
	#legal{
		float: left;
		width:80%;
		background-color: #f0f0f0;
		color: #000;
		padding: 0px 10%;
		padding-top:130px;
		text-align: justify;
		padding-bottom: 100px;
		/*margin-top: 32px;*/
	}
	#legal h1{
		display: inline-block;
		padding: 3px 8px;
		background-color: #000;
		color: #fff;
		margin-bottom: 20px;
	}



	/* eslogan
	------------------------------------------------------------------------------------------------------  */
	#eslogan{
		float: left;
		width:100%;
		padding:40px 0px;	
	}
	#eslogan h1{
		display: inline-block;
	}
	#eslogan .btn{
		display: inline-block;
		margin-top: 38px;
	}
	

	/* top
	------------------------------------------------------------------------------------------------------  */
	#top{
		float: left;
		width:100%;
		/*margin-top: 32px;*/
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 280px;
		padding-top:320px;
	}	
	.top-proyecto{
		height: 350px !important;
		padding-top:280px !important;
		margin-top: 5px !important;
	}	


	/* about
	------------------------------------------------------------------------------------------------------  */
	#about{
		display: inline-block;
	}
	.back-about{
		background-image: url('../img/foto-about.jpg');
	}

	
	/* contacto
	------------------------------------------------------------------------------------------------------  */
	.back-contacto{
		background-image: url('../img/foto-contacto.jpg');
	}


	/* servicios
	------------------------------------------------------------------------------------------------------  */
	#servicios{
		display: inline-block;
	}
	.back-servicios{
		background-image: url('../img/foto-servicios.jpg');
	}
	#servicios .interior .list-equipo {
		width: 250px;
		padding: 60px 10%;
		margin-top: 270px;
	}



	

	/* interior
	------------------------------------------------------------------------------------------------------  */
	.interior{
		float: left;
		width: 100%;
		margin-top: -280px;
	}	
	.interior .descripcion {
		float: left;
		width: 100%;
		background: rgba(255, 255, 255, 0.9);
		color: #000;
	}
	.interior .descripcion .box-descripcion{
		width: 80%;
		padding: 90px 10%;
		max-width: 400px;
		text-align: justify;
	}
	.interior .descripcion .box-descripcion h1{
		display: inline-block;
		font-family: 'AvenirNextLTPro-Medium';
		width:auto;
		color: #000;
	}
	.interior .descripcion .box-descripcion p{
		display: inline-block;
		width: 100%;
	}
	.interior .descripcion .box-descripcion p p{
		display: inline-block;
		width: 100%;
	}
	.interior .descripcion .box-descripcion .btn-pdf, .interior .descripcion .box-descripcion .btn{
		display: inline-block;
		margin-top: 25px;
	}
	.interior .list-equipo {
		width: 40%;
		padding: 60px 10%;
		margin-top: 270px;
	}
	.interior .list-equipo .cap{
		font-family: 'AvenirNextLTPro-Medium';
		width:auto;
		color: #fff;
	}
	.interior .list-equipo strong{
		font-family: 'AvenirNextLTPro-Medium';
	}
	.interior .list-equipo img{
		width: 150px;
		border:1px solid #666;
		margin-top: 20px;
	}
	.interior .list-equipo p{
		line-height: 15px;
	}
	.interior .list-equipo ul{
		margin-left: -20px;
		line-height: 22px;
	}
	.interior .list-equipo i{
		font-size: 13px;
	}
	.interior .list-equipo .linea{
		width: 30px;
		height: 1px;
		margin: 30px 0px;
		border-bottom: 1px solid #999;
	}




	/* proyectos
	------------------------------------------------------------------------------------------------------  */
	#proyectos{
		float: left;
		width:100%;
		padding: 60px 0px;
		padding-top: 92px;
		background-color: #f0f0f0;
		color: #000;
	}
	#proyectos .content-h1{
		display: table;
		width: 100%;
		height: 250px !important;
	}
	#proyectos .content-h1 h1{
		display: table-cell;
		vertical-align: bottom;
	}
	#proyectos .content-h1 h1 span{
		color: #000;
		font-family: 'AvenirNextLTPro-Bold';
	}
	#proyectos .box-categorias{
		display: inline-block;
		width: 100%;
/*		height: 253px;
		overflow-y: scroll;
		border-right: 1px solid #ccc;*/
	}
	#proyectos .box-categorias a{
		float: left;
		font-family: 'AvenirNextLTPro-Medium';
		width: 100%;
		color: #000;
		background-position: left center;
		text-decoration: none;
		padding: 6px 0px;
		padding-bottom: 4px;
		padding-left: 10%;
	}
	#proyectos .box-categorias a:hover{
		background-color: #ccc;
		background-image: url('../img/point.png');
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 5px;
	}
	#proyectos .box-categorias .selected{
		background-color: #fcfcfc;
		background-image: url('../img/point.png');
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 5px;
	}





	/* proyecto
	------------------------------------------------------------------------------------------------------  */
	#proyecto{
		float: left;
		width:100%;
		/*margin-top: 32px;*/
	}
	#proyecto h1{
		width:100%;
		font-size: 20px;
		line-height: 24px;
		font-family: 'AvenirNextLTPro-Bold';
		padding:0px;
		background:none;
		color: #000;
		text-align: left;
	}
	#proyecto h2{
		font-family: 'AvenirNextLTPro-Light';
		font-size: 15px;
		line-height: 20px;
	}
	#proyecto .interior .descripcion .box-descripcion{
		width: 80%;
		padding: 40px 10%;
		max-width: 400px;
		text-align: justify;
	}
	#proyecto .proyecto-item-foto{
		float: left;
		width: 85%;
		margin-top: 15px;
		background-color: #101010;
	}
	#proyecto .proyecto-item-foto .col_55{
		float: left;
		width: 65%;
	}
	#proyecto .proyecto-item-foto .col_45{
		float: left;
		width: 35%;
	}
	#proyecto .proyecto-item-foto .proyecto-img{
		float: left;
		width: 100%;
	}
	#proyecto .proyecto-item-foto .box-info-img{
		float: left;
		width: 45%;
		color: #fff;
		padding: 40px 10%;
	}




	/* form
	------------------------------------------------------------------------------------------------------  */

	form{
		float: left;
		width: 100%;
		margin-top: 80px;
	}
	form label{
		float: left;
		font-family: 'AvenirNextLTPro-Medium';
		width: 100%;
		font-size: 13px;
		text-transform: uppercase;
	}
	form input,textarea{
		float: left;
		width: 98%;
		padding: 8px 1%;
		font-size: 15px;
		background-color: #fff;
		border: 0px;
		outline: none;
		margin-bottom: 10px;
	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}
	form .btn{
		display: inline-block;
		outline: none;
	}
	#confirm_send{
		color: #c00 !important;
	}	  
	.msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:5px; 
		color:#fff; 
		padding:5px 10px; 
		background-color:#c00;
		font-size: 13px;
		font-weight: 300;
	}		  
	.msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 5px;
		font-size:15px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
	

	/* proyectos-destacados
	------------------------------------------------------------------------------------------------------  */
	#proyectos-destacados{
		float: left;
		width:100%;
	}
	#proyectos-destacados .caption{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding-top: 30px;
		margin-bottom: 50px;
		border-top: 1px solid #333;
	}
	#proyectos-destacados .caption span{
		display: inline-block;
		font-family: 'AvenirNextLTPro-Medium';
		width: 100%;
		font-size: 13px;
		color: #999;
	}
	#proyectos-destacados .proyecto-destacado-item{
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
	}
	#proyectos-destacados .proyecto-destacado-item .proyecto-txt{
		display: table;
		width: 100%;
		background-color: #101010;
		min-height: 400px;
	}
	#proyectos-destacados .proyecto-destacado-item .proyecto-txt .elements{
		display: table-cell;
		vertical-align: middle;
		width: 60%;
		padding: 0px 20%;
	}
	#proyectos-destacados .proyecto-destacado-item .proyecto-txt .elements h2{
		display: inline-block;
	}
	#proyectos-destacados .proyecto-destacado-item .proyecto-txt .elements .btn{
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
	}	
	#proyectos-destacados .proyecto-destacado-item .foto-proyecto{
		min-height: 400px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}





	/* form
	------------------------------------------------------------------------------------------------------  */

	form{
		float: left;
		width: 100%;
	}
	form label{
		float: left;
		width: 100%;
		margin-top: 10px;
		font-weight: 700;
	}
	form input,textarea{
		float: left;
		width: 90%;
		margin-top: 10px;
		padding: 8px 5%;
		font-weight: 300;		
		background-color: #fff;
		border: 0px;
		outline: none;
	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}
	form .btn{
		display: inline-block;
	}
				  
	.msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:5px; 
		color:#fff; 
		padding:5px 10px; 
		background-color:#c00;
		font-size: 13px;
		font-weight: 300;
	}		  
	.msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 5px;
		font-size:15px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
		  





	


	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width:100%;
		text-align: center;
		margin-top: 130px;
	}
	#footer img{
		width:290px;
	}
	#footer .oriol-footer{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 11px;
		letter-spacing: 4px;
		padding-bottom: 50px;
		border-bottom: 1px solid #333;
	}
	#footer .box{
		float:left;
		width: 80%;
		text-align: left;
		margin-top:60px;
	}
	#footer .box .cap{
		display: inline-block;
		font-family: 'AvenirNextLTPro-Medium';
		width: 100%;
		text-align: left;
		color: #999;
	}
	#footer .box .linea{
		display: inline-block;
		text-align: left;
		margin-top:25px;
		margin-bottom: 25px;
		width:10px;
		height: 1px;
		border-bottom: 1px solid #999;
	}
	#footer .box a{
		display: inline-block;
		width: 100%;
		padding:2px 0px;
		text-align: left;
		text-decoration: none;
		color: #fff;
	}
	#footer .box a:hover{
		color: #999;
	}
	#footer .box .tel{
		display: inline-block;
		text-align: left;
		width: 100%;
		font-family: 'AvenirNextLTPro-Bold';
	}
	#footer p{
		display: inline-block;
		text-align: left;
	}
	#footer .copy{
		display: inline-block;
		text-align: left;
		color: #999;
		padding: 50px 0px;
		margin-top: 50px;
		border-top: 1px solid #333;
	}
	#footer .copy strong{
		font-family: 'AvenirNextLTPro-Medium';
	}
	#footer .copy a{
		margin-left: 10px;
		color: #fff;
		text-decoration: none;
	}
	#footer .copy a:hover{
		color: #999;
	}
	#footer .onnly{
		float:right;
		text-decoration: none;
		font-size: 11px;
		color: #999;
		margin-top:2px;
	}
	#footer .onnly span{
		font-family: 'AvenirNextLTPro-Bold';
	}
	#footer .onnly:hover{
		color: #98a64f !important;
	}

	


	/* Cookies
	------------------------------------------------------------------------------------------------------  */

	#container_cookies {
		width: 100%;
		background-color: rgba(20,20,20,0.9);
		text-align: center;
		position: fixed;
		bottom: 0px;
		z-index: 999999999999999999999999999999999;
		padding: 20px 0px;
	  }
	  #container_cookies .btn {
		  text-decoration: none;
		  cursor: pointer !important;
	  }
	  #container_cookies .btn:hover {
		  text-decoration: none !important;
	  }
	  #container_cookies .mensaje {
		margin: 0 auto;
		max-width: 1100px;
		text-align: left;
		color: #fff;
		padding: 16px 50px;
	  }
	  #container_cookies .mensaje a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	  }
	  #container_cookies .mensaje a:hover {
		text-decoration: underline;
	  }


	/* responsive
	------------------------------------------------------------------------------------------------------  */

	@media only screen and (max-width: 1194px) {
	
		#menu-desktop{
			display: none;
		}
		#pull{
			display: inline-block;
		}
		.oriol{
			display: none;
		}
	
	}

	@media only screen and (max-width: 884px) {

		#about .col_55, #servicios .col_55{
			width:65%;
		}
		#about .col_45, #servicios .col_45{
			width:35%;
		}
		#servicios .interior .list-equipo {
			width: 80%;
		}
	
		#proyecto .proyecto-item-foto{
			width: 100%;
		}
	
		#proyecto .interior #cabecera{
			float: left;
			width: 100%;
			margin-top: 200px;
		}
		#proyecto .interior #empty{
			display: none;
		}
		#proyecto .interior .descripcion .box-descripcion{
			float: left;
			width: 80%;
			padding: 40px 10%;
			max-width: 100%;
		}
	


	}

	@media only screen and (max-width: 820px) {

		#eslogan .col_60, #eslogan .col_40{
			width: 80%;
			padding: 0px 10%;
			text-align: center;
		}
		#eslogan .text-right{
			text-align: center;
		}
		#proyectos-destacados .proyecto-destacado-item .col_50{
			width: 100%;
			min-height: auto;
		}
		#proyectos-destacados .proyecto-destacado-item .proyecto-txt{
			width: 80%;
			padding: 30px 10%;
			min-height: auto;
		}
		#proyectos-destacados .proyecto-destacado-item .foto-proyecto{
			min-height: 400px;
		}
		.bx-wrapper .bx-pager {
			top: 450px !important;
		}
		.bxslider .box-content{
			width:90%;
			margin-top: 430px;
		}
		.bxslider .box-content span{
			display: inline-block;
			width: auto;
			background-color: #000;
			padding: 3px 8px;
		}
		.bxslider li{
			height: 500px;
		}

	}

	@media only screen and (max-width: 800px) {

		#footer .copy{
			text-align: center;
		}
		.copy a{
			float:left;
			width: 100%;
			margin-left: 0px !important;
			margin-top: 20px;
		}

		.copy .onnly{
			float:left;
			width: 100%;
			padding-top: 20px;
		}
	
	}


	@media only screen and (max-width: 740px) {

		.interior .descripcion .box-descripcion{
			float: left;
			width: 80%;
			max-width: 100%;
		}

		#servicios .interior .list-equipo {
			width: 80%;
		}

	}


	@media only screen and (max-width: 720px) {

		#proyectos .content-h1{
			float:left;
			width: 100%;
			height: auto !important;
			margin-bottom: 40px;
		}
	
		#proyectos .col_50{
			width: 100%;
		}

	}

	@media only screen and (max-width: 652px) {

		#footer .col_33{
			width: 90%;
			padding: 0px 5%;
		}
		#footer .box{
			float:left;
			width: 100%;
		}

		.top-proyecto{
			height: 250px !important;
			padding-top:180px !important;
		}	
	

		#proyecto .proyecto-item-foto{
			margin-top: 30px;
		}
		#proyecto .proyecto-item-foto .col_55{
			width: 100%;
		}
		#proyecto .proyecto-item-foto .col_45{
			width: 100%;
		}


	}

	@media only screen and (max-width: 600px) {

		#about .col_55, #servicios .col_55{
			width:100%;
		}
		#about .col_45, #servicios .col_45{
			width:100%;
		}

		.interior .descripcion .box-descripcion{
			float: left;
			width: 80%;
			max-width: 100%;
		}
		.interior .list-equipo {
			margin-top: 0px;
		}
		#top{
			height: 100px;
			padding-top:120px;
		}	
		.interior{
			margin-top: -50px;
		}	
		#servicios .interior .list-equipo {
			margin-top: 50px;
		}

		#proyecto .interior {
			margin-top: -280px !important;
		}
	}

	@media only screen and (max-width: 520px) {

		#header #logo img{
			width: 200px;
			margin-top: 12px;
		}
		#proyectos-destacados .proyecto-destacado-item .proyecto-txt{
			width: 90%;
			padding: 30px 5%;
		}

		
	}