@charset "utf-8";
/* CSS Document */

/*
==========================
 Entrust
 by: Andrés Bagnasco
 mail: andres.camorra@gmail.com
 updt: 25/5/2020
==========================
*/


@media all {
	
	
	/* 
	---------------------------
			  GLOBAL
	---------------------------
	*/
	
	html, body {
		
		width:100%;
		height:100%;
		font-family:"futura-pt", sans-serif;
		font-weight:400;
		
	}
	
	
	body {
		
		background-color:#FFF;
		color:#4D4D4D;
		margin:0px;
		padding:0px;
		
	}
	
	div.content-wrap {
		
		width:100%;
		position:relative;
		padding:60px 80px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	 a:link, a:visited {
		 
		 text-decoration:none;
		 
	 }
	
	/* Colores */
	
	.work-bkg {
		
		background-color:#80207E;
		color:#FFF;
		
	}
	
	.business-bkg {
		
		background-color:#69A742;
		
	}
	
	.people-bkg {
		
		background-color:#009CDF;
		color:#FFF;
		
	}
	
	.grey-bkg {
		
		background-color:#F6F6F6;
		
	}
	
	.darkgrey-bkg {
		
		background-color:#e8e8e8;
		
	}
	
	.dark-bkg {
		
		background-color:#333;
		
	}
	
	.work-col {
		
		color:#80207E;
		
	}
	
	.business-col {
		
		color:#69A742;
		
	}
	
	.people-col {
		
		color:#009CDF;
		
	}
	
	
	/* 
	---------------------------
			  HEADERS
	---------------------------
	*/
	
	h1 {
		
		font-size:1.313em;
		font-weight:700;
		padding-bottom:15px;
		background:url(../images/ui/hr-recto.png) left bottom no-repeat;
		
	}
	
	h2 {
		
		font-size:1.25em;
		font-weight:500;
		
	}
	
	h3 {
		
		font-size:1.313em;
		font-weight:500;
		margin-bottom:-5px;
		
	}

	h5 {
		
		font-size:2.0em;
		font-weight:400;
		text-align: center;
		margin: 10px 0px 60px;
		
	}
	
	
	/* 
	---------------------------
			 FIXES
	---------------------------
	*/
	
	.right-padding {
		
		padding-right:30px;
		
	}
	
	.left-padding {
		
		padding-left:30px;
		
	}

	a.download-pdf, a.download-pdf:link, a.download-pdf:visited {
		
		display: block;
		width: 130px;
		color: #666;
		text-transform: uppercase;
		padding: 8px 15px;
		border: 2px solid #CCC;
		margin: 20px 0px;
		font-size: 15px;
		font-weight: bold;
		text-align: center;

		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;

	}
	
	
	/* 
	---------------------------
			 TOP MENU
	---------------------------
	*/
	
	div#top-menu {
		
		position:fixed;
		width:100%;
		height:100px;
		top:0px;
		left:0px;
		padding:40px 35px 40px 64px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background-color:#FFF;
		z-index:50;
		
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.25);
			
	}
	
	div#top-menu.compacto {
		
		height:80px;
		padding:30px 35px 30px 64px;
		
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		
	}
	
	img#logo-top {
		
		position:relative;
		width:175px;
		height:58px;
		margin-top:-20px;
		border:0px;
		
	}
	
	div#top-menu.compacto img#logo-top {
		
		width:160px;
		height:53px;
		margin-top:-17px;;
		
	}
	
	ul#main-menu {
		
		position:absolute;
		top:40px;
		right:45px;
		margin:0px;
		padding:0px;
		
	}
	
	div#top-menu.compacto ul#main-menu {
		
		top:30px;
		
	}
	
	ul#main-menu li {
		
		position: relative;
		list-style-type:none;
		float:left;
		margin-left:40px;
		font-weight:700;
		font-size:1.125em;
		color:#808080;
		
	}
	
	ul#main-menu li a, ul#main-menu li a:visited {
		
		color:#808080;
		text-decoration:none;
		
	}
	
	ul#main-menu li.last {
		
		padding-right:30px;
		/*border-right:1px solid #B3B3B3;*/
		
	}

	ul#main-menu ul.sub-menu {

		position: absolute;
		top: 35px;
		left: -25px;
		width: 120px;
		background-color: #FFF;
		margin: 0px;
		padding: 0px;
		display:none;

		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.25);

		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;

	}

	ul#main-menu ul.sub-menu li {

		list-style-type: none;
		font-size: 0.935em;
		text-align: center;
		padding: 10px 25px;
		margin: 0px;
		width: 70px;
		border-bottom: 1px solid #F1F1F1;

	}

	ul#main-menu ul.sub-menu li:last-child {

		border-bottom: none;

	}

	ul#main-menu li#novedades-menu ul.sub-menu {

		left: -35px;
		width: 160px;

	}

	ul#main-menu li#novedades-menu ul.sub-menu li {

		padding: 10px 15px;
		width: 130px;

	}

	ul#main-menu li#certificaciones-menu ul.sub-menu {

		left: -15px;
		width: 145px;

	}

	ul#main-menu li#certificaciones-menu ul.sub-menu li {

		padding: 10px 15px;
		width: 145px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}

	div#menu-mobile {

		width: 0px;
		height: 0px;
		position: absolute;
		top: 0px;
		right: 0px;

	}
	
	
	/* 
	---------------------------
		 ANIMACIÓN & FX
	---------------------------
	*/

	.animate_300 {
		
		-webkit-transition:all 300ms ease-in-out;
		-moz-transition:all 300ms ease-in-out;
		-o-transition:all 300ms ease-in-out;
		-ms-transition:all 300ms ease-in-out;
		transition:all 300ms ease-in-out;	
		
	}
	
	.animate_600 {
		
		-webkit-transition:all 600ms ease-in-out;
		-moz-transition:all 600ms ease-in-out;
		-o-transition:all 600ms ease-in-out;
		-ms-transition:all 600ms ease-in-out;
		transition:all 600ms ease-in-out;	
		
	}
	
	.vanish_fx {
		
		-webkit-transition: ity 500ms ease-in-out;
		-moz-transition: opacity opac500ms ease-in-out;
		-o-transition: opacity 500ms ease-in-out;
		-ms-transition: opacity 500ms ease-in-out;
		transition: opacity 500ms ease-in-out;	
		
		
	}
	
	.rotate_90 {
		
		transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
		-webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
		-moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
		-o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
		-ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
		
	}
	
	
	.opacity_0 {
		
		
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		
		/* IE 5-7 */
		filter: alpha(opacity=0);
		
		/* Netscape */
		-moz-opacity: 0;
		
		/* Safari 1.x */
		-khtml-opacity: 0;
		
		/* Good browsers */
		opacity: 0;
		
	}
	
	.opacity_60 {
		
		
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		
		/* IE 5-7 */
		filter: alpha(opacity=60);
		
		/* Netscape */
		-moz-opacity: 0.6;
		
		/* Safari 1.x */
		-khtml-opacity: 0.6;
		
		/* Good browsers */
		opacity: 0.6;
		
	}
	
	.rotate_180 {
		
		transform: rotate(180deg) ;
		-webkit-transform: rotate(180deg) ;
		-moz-transform: rotate(180deg) ;
		-o-transform: rotate(180deg) ;
		-ms-transform: rotate(180deg) ;
		
	}
	
	
	/* 
	---------------------------
	    	  FOOTER
	---------------------------
	*/
	
	div.div-20 {
		
		position:relative;
		display:inline-block;
		width:20%;
		
	}
	
	div.div-33 {
		
		width:33%;
		display:inline-block;
		vertical-align:top;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	div.div-50 {
		
		position:relative;
		width:50%;
		display:inline-block;
		vertical-align:top;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	div.div-60 {
		
		position:relative;
		display:inline-block;
		width:60%;
		vertical-align:top;
		border-left:1px solid #666;
		border-right:1px solid #666;
		padding:0px 25px 0 45px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		
	}
	
	div.div-67 {
		
		width:67%;
		display:inline-block;
		vertical-align:top;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	div.footer-div {
		
		height:200px;
		color:#FFF;
		
	}
		
	
	img#logo-footer {
		
		width:150px;
		position:absolute;
		top:0px;
		right:40px;
		
	}
	
	ul#sec-footer {
		
		position:absolute;
		top:70px;
		right:40px;
		margin:0px;
		padding:0px;
		margin-top:30px;
		width:108px;
		
	}
	
	ul#sec-footer li {
		
		background:url(../images/ui/sections-color-sprite.png) no-repeat;
		background-size:100% auto;
		list-style-type:none;
		width:100%;
		height:22px;
		margin-top:10px;
		
	}
	
	ul#sec-footer li.work-footer {
		
		background-position:top right;
		
	}
	
	ul#sec-footer li.business-footer {
		
		background-position:center right;
		
	}
	
	ul#sec-footer li.people-footer {
		
		background-position:bottom right;
		
	}
	
	ul#foot-menu {
		
		position:relative;
		margin:15px 0px 60px;
		padding:0px;
		
	}

	
	ul#foot-menu li {
		
		list-style-type:none;
		float:left;
		margin-right:18px;
		font-weight:700;
		font-size:1.063em;
		color:#FFF;
		
	}
	
	ul#foot-menu a:link, ul#foot-menu a:visited {
		
		color:#FFF;
		text-decoration:none;
		
	}
	
	div.separador-footer {
		
		background:url(../images/ui/hr-recto.png) left bottom no-repeat;;
		width:36px;
		height:3px;
		margin-bottom:40px;
		
	}
	
	p.dir-tit {
		
		font-size:0.938em;
		font-weight:500;
		margin-bottom:-5px;
		
	}
	
	p.dir-foot {
		
		font-size:0.875em;
		font-weight:400;
		
	}
	
	form#sub-news {
		
		position:absolute;
		top:0px;
		left:30px;
		width:100%;
				
	}
	
	form#sub-news h4 {
		
		margin-bottom:10px;
		
	}
	
	input {
		
		padding:5px 10px;
		color:#666;
		border: 1px solid #999;
		font-family:"futura-pt", sans-serif;
		font-size:0.938em;
		width:100%;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	a.footer-button {
		
		color:#FFF;
		padding:7px 20px;
		font-size:0.86em;
		text-decoration:none;
		
	}
	
	
	/* 
	---------------------------
		 		HOME
	---------------------------
	*/
	
	div.big-photo {
		width: 100%;
		position: relative;
		margin-top: 100px;
		height: 55%;
		color: #FFF;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	
	div.inner-txt {
		
		font-size:1.625em;
		width:40%;
		max-width:600px;
		position:absolute;
		top:18%;
		left:65px;
		z-index:5;
		
		
	}
	
	div#txt-3 {
		font-size:1.9em;
	}
	
	div.rotate-photo {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0px;
		left:0px;
		z-index:0;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	
	div#home-img-1 {
		
		background-image:url(../images/home-img.jpg);
		
	}
	
	div#home-img-2 {
		
		background-image:url(../images/home-img-2.jpg);
		
	}
	
	div#home-img-3 {
		
		background-image:url(../images/home-img-3.jpg);
		
	}
	
	
	ul#home-big-menu {
		
		width:100%;
		height:35%;
		min-height:200px;
		max-height:300px;
		margin:0px;
		padding:0px;
		
	}
	
	ul#home-big-menu li {
		
		position:relative;
		list-style-type:none;
		width:33.333%;
		height:100%;
		padding:20px;
		float:left;
		color:#FFF;
		text-align:center;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	
	
	div.section-sprite {
		
		position:absolute;
		width:180px;
		height:41px;
		bottom:40px;
		background-image:url(../images/ui/sections-sprite.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		
	}
	
	div.work-txt {
		
		background-position:left top;
		right:10px;
		
	}
	
	div.business-txt {
		
		background-position:left center;
		right:65px;
		
	}
	
	div.people-txt {
		
		background-position:left bottom;
		right:40px;
		
	}

	img#belbin-logo {

		width:45%;
		margin-right: 5%;
		display: inline-block;

	}

	img#lego-logo {

		width:45%;
		display: inline-block;

	}

	img#lego-int-logo {

		display: block;
		margin: 40px auto 0px;

	}
	
	/* Noticias */
	
	div.news-photo {
		
		width:28%;
		height:auto;
		display:inline-block;
		
	}
	
	div.news-photo img {
		
		width:100%;
		height:auto;
		
	}
	
	div.news-txt {
		
		position:absolute;
		top:45px;
		left:28%;
		width:72%;
		padding:0px 100px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	p.news-des {
		
		font-size:0.938em;
		
	}
	
	p.news-more a:link, p.news-more a:visited {
		
		font-size:1em;
		font-weight:500;
		text-decoration:none;
		color:#333;
		
	}
	
	/* Ofertas */
	
	ul#ofertas-home {
		
		margin:0px;
		padding:0px;
		position:relative;
		width:100%;
		
	}
	
	ul#ofertas-home li {
		
		display:inline-block;
		width:28%;
		list-style-type:none;
		margin-right:5%;
		
	}
	
	ul#ofertas-home li.last {
		
		margin-right:0px;		
		
	}
	
	hr.hr-ofertas-home {
		
		width:20px;
		height:1px;
		border:none;
		background-color:#4D4D4D;
		margin:20px 0px 10px;
		
	}
	
	a.more-info, a.more-info:visited {
		
		text-decoration:none;
		color:#333333;
		font-size:1em;
		font-weight:500;
		
	}
	
	/* popup */
	
	div#bkg-negro {
		
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.85);
		z-index:200;
		display:none;
		
	}
	
	div#home-popup {
		
		position:fixed;
		width:620px;
		height:auto;
		top:15%;
		left:50%;
		margin-left:-310px;
		padding:50px 50px 30px;
		background-color:#FFF;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border:6px solid #80207E;
		z-index:210;
		text-align:center;
		
	}
	
	div#home-popup.hide-popup {
		
		top:-1000px;
		
	}
	
	div#white-cross {
		
		position:fixed;
		top:30px;
		right:30px;
		width:30px;
		height:30px;
		background:url(../images/ui/white-cross.png) left top no-repeat;
		background-size:100% auto;
		z-index:210;
		display:none;
		
	}
	
	div#home-popup .div-50 {
		
		padding:0px 20px 10px;
		margin:10px 0px 15px;
		
	}
	
	div#home-popup .div-50 p {
		
		margin:5px 0px 25px;
		
	}
	
	div.border-right {
		
		border-right:1px solid #CCC;
		
	}
	
	div#home-popup img {
		
		width:235px;
		margin:auto auto;
		
	}
	
	p.header-popup {
		
		font-size:1.25em;
		margin-top:25px;
		
	}

	/* Video en Home */

	div#servicios-vid {

		/* Gradient */
		background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=1 );



	}

	p.video-home-txt {

		width: 300px;
		text-align: left;
		color: #FFF;
		font-weight: 200;
		font-size: 2em;
		margin: 90px auto 90px 10%;

	}

	div#home-vid {

		width: 400px;
		position: absolute;
		right: 13%;
		top: 40px;
		background-color: #000;

	}

	div#home-vid-img {

		background-image:url(../images/home-vid-bkg.jpg);
		z-index: -1;

	}
	
	/* ACERCA DE NOSOTROS */
	
	div#nosotros-img {
		
		background-image:url(../images/nosotros-img.jpg);
		
	}
	
	div.center-txt {
		
		position:absolute;
		left:10%;
		top:30%;
		width:80%;
		text-align:center;
		font-size:1.625em;
		
	}
	
	p.big-text {
		
		font-size:1.125em;	
		
	}
	
	ul#equipo {
		
		margin:30px 0px 0px;
		padding:0px;
		
	}
	
	ul#equipo li {
		
		list-style-type:none;
		position:relative;
		width:19%;
		margin-right:1%;
		background-color:#333;
		display:inline-block;
		margin-bottom:5px;
		border:none;
		z-index:20;
		
	}
	
	ul#equipo li img {
		
		width:100%;
		
	}
	
	div.more-about {
		
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background-color:rgba(0,156,223,0.8);
		color:#FFF;
		padding:35% 0px;
		text-align:center;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		
		/* IE 5-7 */
		filter: alpha(opacity=0);
		
		/* Netscape */
		-moz-opacity: 0;
		
		/* Safari 1.x */
		-khtml-opacity: 0;
		
		/* Good browsers */
		opacity: 0;
		
	}
	
	p.about-name {
		
		font-size:1.5em;
		margin-bottom:20%;
		
	}
	
	a.about-more {
		
		text-decoration:none;
		color:#FFF;
		
	}
	
	div.about-ext {
		
		position:absolute;
		width:200%;
		height:100%;
		background-color:#FFF;
		left:100%;
		top:0px;
		padding:30px 50px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		z-index:-1;
		display:none;
		
	}

	div.long-about {

		padding: 10px 50px;

	}
	
	ul#equipo li ul.about-info {
		
		padding:0px;
		margin:0px;
		width:100%;
		
	}
	
	ul#equipo li ul.about-info li {
		
		display:block;
		width:100%;
		margin:0px 0px 3px;
		list-style-type:none;
		background-color:#FFF;
		
	}
	
	p.about-big-name {
		
		font-size:1.5em;
		font-weight:500;
		
	}
	
	div.close-box {
		
		background:url(../images/ui/news-sprite.png) left top no-repeat;
		width:20px;
		height:20px;
		background-size:100% auto;
		position:absolute;
		right:15px;
		top:15px;
		
	}
	
	/* Fix side */
	
	li#about-4 div.about-ext, li#about-5 div.about-ext, li#about-9 div.about-ext, li#about-10 div.about-ext  {
		
		left:-200%;
		
	}
	
	ul.purple-dots {
		
		margin:20px 0px;
		padding:0px 20px;
		
	}
	
	ul.purple-dots li {
		
		color:#4D4D4D;
		font-size:1.125em;
		margin-bottom:10px;
		
	}
	
		
	/* 
	---------------------------
 	 		SERVICIOS
	---------------------------
	*/
	
	div#work-img {
		
		background-image:url(../images/servicios-img.jpg);
		
	}
	
	div#business-img {
		
		background-image:url(../images/business-img.jpg);
		
	}
	
	div#people-img {
		
		background-image:url(../images/people-img.jpg);
		
	}
	
	div.closed-service {
		
		height: 28%;
		margin-top:0px;
		
	}
	
	div#work-div { margin-top:100px; 	} /* margin fix */
	
	div.closed-service p {
		
		display:none;
		
	}
	
	div.closed-content {
		
		display:none;
		
	}
	
	
	img.work-logo {
		
		width:118px;
		height:32px;
		margin-top:50px;
		
	}
	
	img.business-logo {
		
		width:178px;
		height:32px;
		margin-top:50px;
		
	}
	
	img.people-logo {
		
		width:148px;
		height:42px;
		margin-top:50px;
		
	}
	
	p.bigger-text {
		
		font-size:1.25em;
		font-weight:500;
		color:#333;
		margin-bottom:60px;
		
	}
	
	p.collapse-txt {
		
		max-height:0px;
		margin-top:-40px;
		overflow:hidden;
		
	}
	
	p.margin-fix {
		margin-bottom:60px;
	}
	
	div.clickable-h {
		
		background:url(../images/ui/news-sprite.png) bottom left no-repeat;
		width:12px;
		height:25px;
		background-size:100% auto;
		display:inline-block;
		position:absolute;
		top:0px;
		left:500px;
			
	}
	
	
	.expand h3 {
		
		margin:0px 0px 20px;
		
	}
	
	.expand h3 .rotate_90 {
		
		left:95%;
		
	}
	
	
	span.comment-txt {
		
		font-size:1em;
		font-weight:400;
		color:#666;
		
	}
	
	div.business-bt {
		
		display:inline-block;
		max-width:70%;
		padding:13px 30px;
		font-size:1.125em;
		border:2px solid #69A742;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		
	}
	
	ul.business-ul li {
		
		list-style-type:none;
		
	}
	
	div.expand-bus {
		
		display:none;
				
	}
	
	img.arrow-business {
		
		width:15px;
		height:32px;
		display:block;
		margin:25px;
		
	}
	
	div#business-foot {
		
		padding:20px;
		position:relative;
		background-color:#F8F8F8;
		border:1px solid #CCC;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		width:760px;
		
	}
	
	ul#business-ul {
		
		margin:0px;
		padding:0px;
		width:760px;
		height:70px;
		
	}
	
	ul#business-ul li {
		
		width:20%;
		margin-right:3%;
		list-style-type:none;
		float:left;
		padding:10px 15px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border:2px solid #69A742;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		font-size:1.125em;
		
	}
	
	ul#business-ul li.last {
		
		width:30%;
		margin-right:0px;
		
	}
	
	div.business-foot-txt {
		
		text-align:left;
		display:none;
		margin-top:20px;
		padding:0px 20px;
		
	}
	
	div.business-foot-txt ul {
		
		text-align:left;
		
	}
	
	/*
	---------------------------
 	 		NOVEDADES
	---------------------------
	*/
	
	div#news-img-des-1 { background-image:url(../images/novedades/novedad-destacada-1.jpg);	}
	div#news-img-des-2 { background-image:url(../images/novedades/novedad-destacada-2.jpg);	}
	div#news-img-des-3 { background-image:url(../images/novedades/novedad-destacada-3.jpg);	}
	div#news-img-des-4 { background-image:url(../images/novedades/novedad-destacada-4.jpg);	}
	div#news-img-des-5 { background-image:url(../images/novedades/novedad-destacada-5.jpg);	}
	div#news-img-des-6 { background-image:url(../images/novedades/novedad-destacada-6.jpg);	}
	div#news-img-des-7 { background-image:url(../images/novedades/novedad-destacada-7.jpg);	}

	img.body-nov-img {

		max-width: 100%;
	}
	
	div.news-gradient {
		
		width:90%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
				
		background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		
	}
	
	div.news-txt-des {
		
		font-size:1.125em;
		width:38%;
		max-width:500px;
		position:absolute;
		top:15%;
		left:65px;

	}
	
	p.news-head-des {
		
		font-size:1.35em;
		font-weight:500;
		margin-bottom:-15px;
		
	}
	
	a.news-more-des {
		
		color:#FFF;
		text-decoration:none;
		font-weight:500;
		font-size:0.938em;
		
	}
	
	a.more-news {
		
		color:#333;
		text-decoration:none;
		
	}
	
	div.sus-txt {
		
		position:relative;
		width:70%;
		margin:-40px 15% -15px;
		width:80%;
		text-align:center;
		font-size:1.25em;
		
	}
	
	div.close-big-box {
		
		width:24px;
		height:24px;
		position:absolute;
		top:50%;
		margin-top:-12px;
		right:20px;
		background:url(../images/ui/news-sprite.png) left top no-repeat;
		background-size:100% auto;
		
		
	}

	img#loader, img#loader-esp {

		width: 120px;
		height: 120px;
		margin: 60px auto 80px;
		margin-left: calc(50% - 60px);

	}

	/* Paginación */

	div.pag-wrap {

		width: 80%;
		margin: 30px 10% 10px;
		text-align: center;

	}

	ul.paginacion {

		display: inline-block;
		text-align: center;
		margin: 0px auto;
		padding: 0px;

	}

	ul.paginacion li {

		list-style-type: none;
		float: left;
		padding: 8px;
		margin-right: 10px;
		text-align: center;
		font-size: 1.25em;

	}

	ul.paginacion li.pag-actual {

		background-color: #80207E;
		color: #FFF;

	}

	ul.paginacion li a:link, ul.paginacion li a:visited {

		color: #333;

	}
	
	/* Form */
	
	div.sus-txt input {
		
		width:320px;
		margin-top:10px;
		font-size:0.7em;
		
	}
	
	a.big-bt {
		
		color:#FFF;
		margin-left:40px;
		padding:7px 20px;
		font-size:0.680em;
		text-decoration:none;
		font-weight:bold;
		
	}
	
	/* Noticia */
	
	img.news-img {
		
		width:100%;
		
	}
	
	/* Evento */
	
	div.eventos-wrap {
		
		border-left:1px solid #CCC;
		
	}
	
	ul#eve-ul {
		
		width:100%;
		padding:0px;
		margin:0px;
		
	}
	
	ul#eve-ul li {
		
		list-style-type:none;
		font-size:0.938em;
		border-bottom:1px solid #CCC;
		padding:10px 0px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	ul#eve-ul li span {
		
		margin-right:7px;
		
	}
	
	
	/* 
	---------------------------
	    	  NOVEDAD
	---------------------------
	*/
	
	div.news-content-wrap {
		
		width:70%;
		margin:80px 15% 100px;
		
	}
	
	div.novedad-nofoto-fix {
		
		width:100%;
		height:100px;
		
	}
	
	img.big-news {
		
		width:100%;
		
	}
	
	ul#rec-news {
		
		width:100%;
		margin:40px 0px 100px;
		padding:0px;
		border-top:1px solid #CCC;
		
	}
	
	ul#rec-news li {
		
		list-style-type:none;
		padding:5px 0px;
		
	}
	
	ul#rec-news li a:link, ul#rec-news li a:visited {
		
		text-decoration:none;
		color:#333;
		
	}
	
	
	ul#rec-news li a:hover, ul#rec-news li a:visited:hover {
		
		font-weight:bold;
		
	}
	
	div.sus-big-box {
		
		padding:40px 8% 20px;
		text-align:center;
		
	}

	.video-wrapper {

		width: 100%;
		margin-top: 20px;
	}
	

	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	/* 
	---------------------------
			  CLIENTES
	---------------------------
	*/
	
	div.full-photo {
		
		position:relative;
		width:100%;
		min-height:80%;
		text-align:center;
		margin-top:100px;
		padding:80px 12% 100px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		color:#FFF;
		text-align:center;
		font-size:1.625em;

	}
	
	div.full-bkg-img {
		
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background-color:#000;
		z-index:-1;
		
	}
	
	div#clients-bkg {
		
		background:url(../images/clientes-bkg-dsk.jpg) no-repeat;
		background-position:center center;
		
	}
	
	div.clients-grid {
		
		width:100%;
		position: relative;
		
	}
	
	div.clients-item {
		
		width:20%;
		padding:20px 40px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		text-align:left;
		position: relative;
		float:left;
		
	}
	
	ul.clients-ul {
		
		width:100%;
		margin:0px;
		padding:0px;
		border-top: 1px solid #FFF;
		padding-top:8px;
		
	}
	
	ul.clients-ul li {
		
		list-style-type:none;
		color:#FFF;
		font-size:0.7em;
		margin-bottom:5px;
		
	}
	
	p.clients-letter {
		
		font-size:1.15em;
		margin:10px 0px 5px;
		
	}
	
	p.clients-sector {
		
		font-size:0.837em;
		color:#CCC;
		margin:-2px 0px 0px;
		
	}
		
	
	
	
	/* 
	---------------------------
			  CONTACTO
	---------------------------
	*/
	
	div#contacto-big {
		
		height:35%;
		
	}
	
	
	div#contacto-img {
		
		background-image:url(../images/contacto-img.jpg);
		
	}
	
	div.contacto-wrap {
		
		text-align:center;
		
	}
	
	div.contacto-wrap h1 {
		
		background-position:bottom center;
		
	}
	
	form#contact-frm {
		
		text-align:center;
		width:40%;
		margin:60px 30% 80px;
		
	}
	
	form#contact-frm legend {
		
		font-weight:500;
		margin-bottom:5px;
		
	}
	
	form#contact-frm input {
		
		margin-bottom:12px;
		
	}
	
	form#contact-frm textarea {
		
		width:100%;
		height:200px;
		
		
	}
	
	p.sub-contacto {
		
		margin:40px 0px -10px;
		
	}

	a#enviarBT {

		font-size: 1em;
		padding: 8px 22px;
	}
	
	
	/* SUSCRIBETE FOOTER */
	
	div.floating-footer {
		
		position:fixed;
		bottom:0px;
		left:0px;
		padding:0px 8%;
		z-index:100;
		width:100%;

		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	
	div.hidden-ff {
		
		bottom:-100px;
		
	}
	
	div.ff-txt {
		
		margin:0px 15% 0px;
		width:80%;
		text-align:center;
		font-size:1em;
		
	}


	/* 
	---------------------------
 	 		METODO BELBIN
	---------------------------
	*/
	
	ul.belbin {

		margin:15px 0px;
		padding: 0px 0px 0px 20px;
	}

	div#belbin-img {
		
		background-image:url(../images/metodo-belbin.jpg);
		
	}

	img#big-met-belbin {

		display: block;
		margin: 0px auto;
		width: 90%;
		height: auto;

	}

	/* 
	---------------------------
 	 	LEGO SERIOUS PLAY
	---------------------------
	*/
	

	div#lego-img {
		
		background-image:url(../images/lego-serious-play.jpg);
		
	}

	
	/* 
	---------------------------
 	 		SOCIAL LINKS
	---------------------------
	*/

	ul.social-links {

		max-width: 400px;
		height: 55px;
		display: block;
		margin: 20px auto 0px;
		padding: 0px;
		text-align: center;

	}

	ul.social-links li {

		width: 55px;
		height: 55px;
		list-style-type: none;
		margin-right: 20px;
		cursor: pointer;
		display: inline-block;

	}

	ul.social-links li:last-child {
		margin-right: 0px;
	}

	ul.social-links li img {

		width: 100%;
		height: 100%;

	}
	

}


/* ---- CELULARES ---- */
@media screen and (max-width:760px) {
	
	/* 
	---------------------------
			 TOP MENU
	---------------------------
	*/

	div#menu-mobile {

		width: 22px;
		height: 22px;
		top: 22px;
		right: 22px;
		background: url(../images/ui/mobile-menu-bt.png) no-repeat;
		background-size: 100% 100%;

	}
	
	div#top-menu {
		
		position:relative;
		width:100%;
		height:65px;
		padding:17px 17px 20px 20px;
			
	}
	
	div#top-menu.compacto {
		
		height:60px;
		padding:15px 17px 20px 20px;
		
	}
	
	img#logo-top {
		
		width:106px;
		height:35px;
		margin-top: 0px;
		
	}
	
	div#top-menu.compacto img#logo-top {
		
		width: 106px;
		height: 35px;
		margin-top: 0px;
		
	}
	
	ul#main-menu {
		
		position: absolute;
		top: 66px;
		right:0px;
		left: 0px;
		width: 100%;
		display: none;
	}
	
	div#top-menu.compacto ul#main-menu {
		
		top:60px;
		
	}
	
	ul#main-menu li {
		
		position: relative;
		list-style-type:none;
		float: none;
		margin-left: 0px;
		width: 100%;
		padding: 10px 20px;
		border-bottom: 1px solid #F1F1F1;
		background-color: #FFF;

		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
	}

	
	ul#main-menu li.last {
		
		padding-right: 0px;
		
	}

	ul#main-menu ul.sub-menu {

		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;

		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;

		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;

	}

	ul#main-menu ul.sub-menu li {

		text-align: left;
		width: 100%;
		padding: 10px 20px;
		margin: 0px;
		width: 100%;

	}


	ul#main-menu li#novedades-menu ul.sub-menu {

		left: 0px;
		width: 100%;

	}

	ul#main-menu li#novedades-menu ul.sub-menu li {

		padding: 10px 20px;
		width: 100%;

	}

	/* 
	---------------------------
	    	  FOOTER
	---------------------------
	*/

	div.footer-div {
		
		height: auto;
		
	}

	div.footer-div.content-wrap {

		padding: 30px 8% 10px;
	}
	
	div.div-20 {
		
		width:100%;
		margin: 0px;
		padding: 0px;
		
	}
	
	div.div-60 {
		
		width: 100%;
		border-left: none;
		border-right: none;
		padding: 0px;
		margin: 0px;
		
	}

	
	img#logo-footer {
		
		position: relative;
		width:150px;
		right: auto;
		left: -3px;
		top: -10px;
		
	}
	
	ul#sec-footer {
		
		display: none;
		
	}
	
	ul#foot-menu {
		
		display: none;
		
	}

	div.separador-footer {
		
		display: none;
	}

	div.last-footer {

		display: none;

	}

	/* SUSCRIBETE FOOTER */
	
	div.floating-footer {
		
		position: relative;
		bottom: auto;
		left: 0px;
		padding:4px 8%;
				
	}

	div.floating-footer a.big-bt {
		
		margin-left: 10px;
		padding: 7px 15px;
		font-size: 0.680em;
		
	}

	span#ext-txt {

		display: none;

	}
	
	div.hidden-ff {
		
		bottom: auto;
		
	}
	
	div.ff-txt {
		
		margin: 0px;
		width: 100%;
		text-align: left;
		font-size: 1em;
		
	}

	div.ff-txt p {
		line-height: 1.5em;
	}

	/* 
	---------------------------
 	 		SOCIAL LINKS
	---------------------------
	*/

	ul.social-links {

		height: 45px;
		margin: 20px auto 0px;

	}

	ul.social-links li {

		width: 45px;
		height: 45px;

	}

	/* 
	---------------------------
		 	  GENERAL
	---------------------------
	*/


	div.content-wrap {

		padding:40px 8%;
		
	}

	h5 {
		
		font-size:1.5em;
		margin: 0px 0px 30px;
		
	}


	/* 
	---------------------------
		 		HOME
	---------------------------
	*/
	
	div.big-photo {
		
		margin-top: 0px;
		height: 220px;

	}

	div#index-photo {

		height: 70%;

	}
	
	div.inner-txt {
		
		font-size: 1.55em;
		width: 80%;
		left: 10%;
		max-width: none;
		text-align: center;
		
	}
	
	div#txt-3 {

		font-size:1.6em;

	}

	div#home-img-1 {
		
		background-image:url(../images/home-img.jpg);
		
	}
	
	div#home-img-2 {
		
		background-image:url(../images/home-img-2.jpg);
		
	}
	
	div#home-img-3 {
		
		background-image:url(../images/home-img-3.jpg);
		
	}
	
	ul#home-big-menu {

		height: 60px;
		min-height: none;
		max-height: none;

	}
	
	ul#home-big-menu li {
		
		width: 33.333%;
		height: 100%;
		padding: 0px;
		
	}
	
	
	div.section-sprite {
		
		width: 90px;
		height: 20px;
		bottom: auto;
		
	}
	
	div.work-txt {
		
		left: 50%;
		top: 50%;
		margin-left: -30px;
		margin-top: -9px;
		right: auto;
		
	}
	
	div.business-txt {
		
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -9px;
		right: auto;
		
	}
	
	div.people-txt {
		
		left: 50%;
		top: 50%;
		margin-left: -35px;
		margin-top: -9px;
		right: auto;
		
	}
	/*
	img#belbin-logo {

		width:240px;
		margin: 0px auto;
		display: block;

	}
	*/
	/* Noticias */
	
	div.news-photo {
		
		display: none;
		
	}
	
	div.news-txt {
		
		position: relative;
		top: 0px;
		left: 0px;
		width:100%;
		padding: 0px;
		
	}

	
	p.news-more a:link, p.news-more a:visited {
		
		font-size:1em;
		font-weight:500;
		text-decoration:none;
		color:#333;
		
	}
	
	div#twitter-wrap {

		display: none;

	}

	div#home-secrow .div-33 {

		width: 100%;
	}
	
	/* popup */
	
	div#bkg-negro {
		
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.85);
		z-index:200;
		display:none;
		
	}
	
	div#home-popup {
		
		position:fixed;
		width:620px;
		height:auto;
		top:15%;
		left:50%;
		margin-left:-310px;
		padding:50px 50px 30px;
		background-color:#FFF;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border:6px solid #80207E;
		z-index:210;
		text-align:center;
		
	}
	
	div#home-popup.hide-popup {
		
		top:-1000px;
		
	}
	
	div#white-cross {
		
		position:fixed;
		top:30px;
		right:30px;
		width:30px;
		height:30px;
		background:url(../images/ui/white-cross.png) left top no-repeat;
		background-size:100% auto;
		z-index:210;
		display:none;
		
	}
	
	div#home-popup .div-50 {
		
		padding:0px 20px 10px;
		margin:10px 0px 15px;
		
	}
	
	div#home-popup .div-50 p {
		
		margin:5px 0px 25px;
		
	}
	
	div.border-right {
		
		border-right:1px solid #CCC;
		
	}
	
	div#home-popup img {
		
		width:235px;
		margin:auto auto;
		
	}
	
	p.header-popup {
		
		font-size:1.25em;
		margin-top:25px;
		
	}

	/* popup */

	
	div#home-popup {
		
		position: absolute;
		width: 90%;
		left:5%;
		margin-left: 0px;
		padding:50px 50px 30px;
		border:4px solid #80207E;
		
	}

	
	div#white-cross {
		
		position: fixed;
		
	}
	
	div#home-popup .div-50 {

		width: 100%;
		padding:0px 20px 10px;
		margin:10px 0px 15px;
		
	}
	
	div#home-popup .div-50 p {
		
		margin:5px 0px 25px;
		
	}
	
	div.border-right {

		border-right: none;
		
	}
	
	div#home-popup img {
		
		width:200px;
		margin:auto auto;
		
	}

	/* Video en Home */


	div#servicios-vid {

		background: #333;

	}

	p.video-home-txt {

		width: 100%;
		text-align: center;
		font-size: 1.2em;
		margin: 0px 0px 40px 0px;

	}

	div#home-vid {

		width: 100%;
		position: relative;
		right: auto;
		top: auto;

	}

	div#home-vid-img {

		display: none;

	}


	/* ACERCA DE NOSOTROS */
	
	div#nosotros-img {
		
		background-image:url(../images/nosotros-img.jpg);
		
	}
	
	div.center-txt {
		
		left: 8%;
		top: 10px;
		width: 84%;
		font-size: 1.2em;

	}
	
	
	ul#equipo li {

		width:49%;
		
	}
	
	div.more-about {
		
		padding:25% 0px;
	
	}
	
	p.about-name {
		
		font-size:1.4em;
		margin-bottom:20%;
		
	}
	
	div.about-ext {
		
		position: absolute;
		width: 300px;
		height: auto;
		left: 0px;
		top:0px;
		z-index:20;

	}
	
	
	/* Fix side */
	
	li#about-1 div.about-ext, li#about-3 div.about-ext, li#about-5 div.about-ext, li#about-7 div.about-ext, li#about-9 div.about-ext, li#about-11 div.about-ext  {
		
		left: 0px;
		
	}

	li#about-2 div.about-ext, li#about-4 div.about-ext, li#about-6 div.about-ext, li#about-8 div.about-ext, li#about-10 div.about-ext    {
		
		left: auto;
		right: 0px;
		
	}

	div#compromiso-equipo .div-50 {

		width: 100%;

	}

	div#compromiso-equipo h1 {

		margin-bottom: 35px;
	}

	ul.purple-dots {
		
		margin:0px 0px;
		padding:0px 20px;
		
	}

	/* 
	---------------------------
 	 		SERVICIOS
	---------------------------
	*/
	
	div#work-img {
		
		background-image:url(../images/servicios-img.jpg);
		
	}
	
	div#business-img {
		
		background-image:url(../images/business-img.jpg);
		
	}
	
	div#people-img {
		
		background-image:url(../images/people-img.jpg);
		
	}
	
	div.closed-service {
		
		height: 28%;
		margin-top:0px;
		
	}
	
	div#work-div { margin-top:0px; 	} /* margin fix */
	
	div.closed-service p {
		
		display:none;
		
	}
	
	div.closed-content {
		
		display:none;
		
	}
	
	
	img.work-logo {
		
		width:100px;
		height:26px;
		margin-top:60px;
		
	}
	
	img.business-logo {
		
		width:160px;
		height:28px;
		margin-top:60px;
		
	}
	
	img.people-logo {
		
		width:135px;
		height:38px;
		margin-top:60px;
		
	}

	div#work-txt .div-50, div#business-txt .div-50, div#people-txt .div-50 {

		width: 100%;

	}

	div#work-txt .left-padding, div#business-txt .left-padding, div#people-txt .left-padding {

		padding-left: 0px;

	}
	
	p.bigger-text {
		
		font-size:1.25em;
		margin-bottom:60px;
		
	}
	
	p.margin-fix {
		margin-bottom:60px;
	}
	
	div.clickable-h {
		
		left: auto;
		top: 15px;
		right: 0px;
			
	}
	
	
	.expand h3 {
		
		margin:20px 0px 10px;
		
	}
	
	.expand h3 .rotate_90 {
		
		left:95%;
		
	}
	
	div.expand-bus {
		
		display:none;
				
	}
	

	div#business-foot {
		
		padding: 20px;
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	
	ul#business-ul {
		
		margin:0px;
		padding:0px;
		width:100%;
		height:auto;
		
	}
	
	ul#business-ul li {
		
		width:100%;
		margin-right:0px;
		margin-bottom: 10px;
		font-size:1em;
		min-height: 40px;
		float: none;
		
	}
	
	ul#business-ul li.last {
		
		width:100%;
		
	}


	/* 
	---------------------------
			  CLIENTES
	---------------------------
	*/
	
	div.full-photo {
		
		padding:0px 8% 100px;
		font-size:1.5em;

	}
	
	div#clients-bkg {
		
		background:url(../images/clientes-bkg-dsk.jpg) no-repeat;
		
	}
		
	div.clients-item {
		
		width:50%;
		padding:15px 30px;
		
	}

	/*
	---------------------------
 	 		NOVEDADES
	---------------------------
	*/
	
	

	div.news-txt-des {
		
		width: 84%;
		max-width: none;
		top: 10%;
		left: 8%;

	}

	p.news-head-sdes {

		display: none;

	}
	

	img#loader, img#loader-esp {

		width: 120px;
		height: 120px;
		margin: 60px auto 80px;
		margin-left: calc(50% - 60px);

	}

	p.news-head-des {
		
		font-size:1.15em;
		margin-bottom:0px;
		
	}

	a.news-more-des {
		
		display: block;
		margin-top: 10px;
		font-size: 0.938em;
		
	}
	
	/* Noticia */
	
	img.news-img {
		
		display: none;
		
	}

	div.content-news {

		width: 100%;
		display: inline-block;
		padding-left: 0px;

	}

	p.desc-news {

		display: block;

	}

	div#novedades-wrap .div-33 {

		width: 100%;
		margin-bottom: 0px;
		border-bottom: 1px solid #F0F0F0;
		padding-bottom: 15px;

	}

	div#novedades-wrap .right-padding {

		padding-right: 0px;

	}

	div#espacio-entrust .div-67 {

		width: 100%;
		margin-bottom: 40px;

	}

	div#espacio-entrust .div-50{

		width: 100%;
		margin-bottom: 0px;
		padding-bottom: 15px;
		border-bottom: 1px solid #CCC;

	}
	
	/* Evento */
	
	div.eventos-wrap.left-padding.div-33 {
		
		border-left: none;
		padding-left: 0px;
		width: 100%;
		
	}

	div.sus-big-box.content-wrap {
		
		padding:10px 20px;
		text-align: left;
		
	}


	div.sus-txt {
		
		width:90%;
		margin: 0px 5% 0px;
		text-align: left;
		font-size:1em;
		
	}

	div#suscribete-news a.big-bt {
		
		margin-left: 10px;
		padding: 7px 15px;
		font-size: 0.680em;
		
	}

	/* 
	---------------------------
			  BELBIN
	---------------------------
	*/

	div.belbin-wrap .div-50 {

		width: 100%;

	}

	div.belbin-wrap .left-padding {

		padding-left: 0px;

	}
	

	/* 
	---------------------------
			  CONTACTO
	---------------------------
	*/
	
	div#contacto-big {
		
		height:28%;
		
	}

	div#contacto-big .center-txt {

		top:10px;

	}
	
	
	div#contacto-img {
		
		background-image:url(../images/contacto-img.jpg);
		
	}
	
	
	form#contact-frm {

		width:80%;
		margin:60px 10% 80px;
		
	}
	
}


/* ---- SMALL SCREEN FIX ---- */
@media screen and (max-width:360px) {

	div.center-txt {
		
		left: 8%;
		top: 8px;
		width: 84%;
		font-size: 1em;

	}

	/* 
	---------------------------
			  CLIENTES
	---------------------------
	*/
	
			
	div.clients-item {
		
		width:100%;
		padding:15px 30px;
		
	}

}


/* ---- TABLETS PORTRAIT ---- */
@media screen and (min-width:761px) and (max-width:1000px) {

	/* 
	---------------------------
			 TOP MENU
	---------------------------
	*/
	
	div#top-menu {
		
		height:175px;
		top:0px;
		left:0px;
		padding:40px 35px 40px 64px;
			
	}
	
	div#top-menu.compacto {
		
		height:150px;
		padding:30px 35px 30px 35px;
		
	}
	
	img#logo-top {
		
		position: absolute;
		width: 218px;
		height: 72px;
		top: 25px;
		margin-top: 0px;
		left: 50%;
		margin-left: -109px;
		
	}
	
	div#top-menu.compacto img#logo-top {
		
		width: 190px;
		height: 63px;
		top: 25px;
		margin-top: 0px;;
		
	}
	
	ul#main-menu {
		
		width: 100%;
		position: absolute;
		top: 130px;
		right: 0px;
		left: 0px;
		
	}
	
	div#top-menu.compacto ul#main-menu {
		
		top: 110px;
		
	}
	
	ul#main-menu li {
		
		position: relative;
		margin-left:0px;
		text-align: center;
		width: 14.5%;
		/*width: 15%;*/

		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
	}

	ul#main-menu li.big-submenu {

		width: 25%;

	}

	/* 
	---------------------------
	    	  FOOTER
	---------------------------
	*/

	div.footer-div {
		
		height: 60px;
		
	}
	
	div.div-20 {
		
		width:100%;
		margin: 0px;
		padding: 0px;
		
	}
	
	div.div-60 {
		
		width: 100%;
		border-left: none;
		border-right: none;
		padding: 0px;
		margin: 0px;
		
	}
	
	img#logo-footer {
		
		position: absolute;
		width:150px;
		right: auto;
		left: -10px;
		top: -15px;
		
	}
	
	ul#sec-footer {
		
		position: absolute;
		top:0px;
		right:-20px;
		margin:0px;
		padding:0px;
		margin-top: 5px;
		width:400px;
		
	}
	
	ul#sec-footer li {
		
		width: 115px;
		height:23px;
		margin-top: 0px;
		float: left;
		
	}
	
	ul#sec-footer li.business-footer {
		
		margin-left: 20px;
		
	}
	
	ul#sec-footer li.people-footer {
		
		margin-left: 0px;
		
	}
	
	ul#foot-menu {
		
		display: none;
		
	}

	
	div.separador-footer {
		
		display: none;
	}
	
	form#sub-news {
		
		position:absolute;
		top:0px;
		left:30px;
		width:100%;
				
	}
	
	form#sub-news h4 {
		
		margin-bottom:10px;
		
	}

	div.last-footer {

		display: none;

	}
	

	/* 
	---------------------------
		 	  GENERAL
	---------------------------
	*/


	div.content-wrap {

		padding:50px 8%;
		
	}
	

	/* 
	---------------------------
		 		HOME
	---------------------------
	*/
	
	div.big-photo {
		
		margin-top: 170px;
		height: 53%;

	}
	
	div.inner-txt {
		
		font-size:1.55em;
		width:55%;
		max-width:600px;
		
	}
	
	div#txt-3 {

		font-size:1.6em;

	}

	div#home-img-1 {
		
		background-image:url(../images/home-img.jpg);
		
	}
	
	div#home-img-2 {
		
		background-image:url(../images/home-img-2.jpg);
		
	}
	
	div#home-img-3 {
		
		background-image:url(../images/home-img-3.jpg);
		
	}
	
	ul#home-big-menu {
		
		height:25%;
		
	}
	
	
	div.section-sprite {
		
		width:150px;
		height:34px;
		bottom: auto;
		
	}
	
	div.work-txt {
		
		left: 50%;
		top: 50%;
		margin-left: -50px;
		margin-top: -17px;
		right: auto;
		
	}
	
	div.business-txt {
		
		left: 50%;
		top: 50%;
		margin-left: -75px;
		margin-top: -17px;
		right: auto;
		
	}
	
	div.people-txt {
		
		left: 50%;
		top: 50%;
		margin-left: -60px;
		margin-top: -17px;
		right: auto;
		
	}

	/*

	img#belbin-logo {

		width:240px;

	}
	*/
	
	/* Noticias */
	
	div.news-photo {
		
		display: none;
		
	}
	
	div.news-txt {
		
		position: relative;
		top: 0px;
		left: 0px;
		width:100%;
		padding: 0px;
		
	}

	
	p.news-more a:link, p.news-more a:visited {
		
		font-size:1em;
		font-weight:500;
		text-decoration:none;
		color:#333;
		
	}
	
	div#twitter-wrap {

		display: none;

	}

	div#home-secrow .div-33 {

		width: 50%;
	}

	/* Video en Home */

	p.video-home-txt {

		width: 250px;
		font-size: 1.7em;
		margin: 90px auto 90px 0px;

	}

	div#home-vid {

		width: 400px;
		right: 8%;
	}
	
	

	/* ACERCA DE NOSOTROS */
	
	div#nosotros-img {
		
		background-image:url(../images/nosotros-img.jpg);
		
	}
	
	div.center-txt {
		
		top:30%;

	}
	
	
	ul#equipo li {

		width:24%;
		
	}
	
	div.more-about {
		
		padding:25% 0px;
	
	}
	
	p.about-name {
		
		font-size:1.4em;
		margin-bottom:20%;
		
	}
	
	div.about-ext {
		
		position: absolute;
		width: 300px;
		height: auto;
		left:100%;
		top:0px;
		z-index:20;

	}
	
	
	/* Fix side */
	
	li#about-3 div.about-ext, li#about-4 div.about-ext, li#about-7 div.about-ext, li#about-8 div.about-ext, li#about-11 div.about-ext  {
		
		left:-200%;
		
	}

	li#about-5 div.about-ext, li#about-9 div.about-ext, li#about-10 div.about-ext  {
		
		left: 100%;
		
	}

	/* 
	---------------------------
 	 		SERVICIOS
	---------------------------
	*/
	
	div#work-img {
		
		background-image:url(../images/servicios-img.jpg);
		
	}
	
	div#business-img {
		
		background-image:url(../images/business-img.jpg);
		
	}
	
	div#people-img {
		
		background-image:url(../images/people-img.jpg);
		
	}
	
	div.closed-service {
		
		height: 28%;
		margin-top:0px;
		
	}
	
	div#work-div { margin-top:170px; 	} /* margin fix */
	
	div.closed-service p {
		
		display:none;
		
	}
	
	div.closed-content {
		
		display:none;
		
	}
	
	
	img.work-logo {
		
		margin-top:40px;
		
	}
	
	img.business-logo {

		margin-top:40px;
		
	}
	
	img.people-logo {

		margin-top:40px;
		
	}

	div#work-txt .div-50, div#business-txt .div-50, div#people-txt .div-50 {

		width: 100%;

	}

	div#work-txt .left-padding, div#business-txt .left-padding, div#people-txt .left-padding {

		padding-left: 0px;

	}
	
	p.bigger-text {
		
		font-size:1.25em;
		margin-bottom:60px;
		
	}
	
	p.margin-fix {
		margin-bottom:60px;
	}
	
	div.clickable-h {
		
		left: auto;
		top: 15px;
		right: 0px;
			
	}
	
	
	.expand h3 {
		
		margin:20px 0px 10px;
		
	}
	
	.expand h3 .rotate_90 {
		
		left:95%;
		
	}
	
	div.expand-bus {
		
		display:none;
				
	}
	

	div#business-foot {
		
		padding: 20px;
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	
	ul#business-ul {
		
		margin:0px;
		padding:0px;
		width:100%;
		height:160px;
		
	}
	
	ul#business-ul li {
		
		width:47%;
		margin-right:3%;
		margin-bottom: 10px;
		font-size:1em;
		min-height: 70px;
		
	}
	
	ul#business-ul li.last {
		
		width:47%;
		
	}


	/* 
	---------------------------
			  CLIENTES
	---------------------------
	*/
	
	div.full-photo {
		
		padding:120px 8% 100px;
		font-size:1.5em;

	}
	
	div#clients-bkg {
		
		background:url(../images/clientes-bkg-dsk.jpg) no-repeat;
		
	}
		
	div.clients-item {
		
		width:33.33%;
		padding:15px 30px;
		
	}

	/*
	---------------------------
 	 		NOVEDADES
	---------------------------
	*/
	
	div.news-txt-des {
		
		width: 70%;
		max-width: none;
		top: 10%;
		left: 8%;

	}
	

	img#loader, img#loader-esp {

		width: 120px;
		height: 120px;
		margin: 60px auto 80px;
		margin-left: calc(50% - 60px);

	}
	
	/* Noticia */
	
	img.news-img {
		
		width:35%;
		display: inline-block;
		
	}

	div.content-news {

		width: 65%;
		display: inline-block;
		padding-left: 60px;
		vertical-align: top;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}

	p.desc-news {

		display: none;

	}

	div#novedades-wrap .div-33 {

		width: 100%;
		margin-bottom: 40px;

	}

	div#novedades-wrap .right-padding {

		padding-right: 0px;

	}

	div#espacio-entrust .div-67 {

		width: 100%;
		margin-bottom: 40px;

	}
	
	/* Evento */
	
	div.eventos-wrap.left-padding.div-33 {
		
		border-left: none;
		padding-left: 0px;
		width: 100%;
		
	}

	div.sus-big-box.content-wrap {
		
		padding:10px 20px;
		text-align: left;
		
	}


	div.sus-txt {
		
		width:84%;
		margin: 0px 8% 0px;
		text-align: left;
		font-size:1.15em;
		
	}
	


	/* 
	---------------------------
			  CONTACTO
	---------------------------
	*/
	
	div#contacto-big {
		
		height:40%;
		
	}

	div#contacto-big .center-txt {

		top:20%;

	}
	
	
	div#contacto-img {
		
		background-image:url(../images/contacto-img.jpg);
		
	}
	
	
	form#contact-frm {

		width:80%;
		margin:60px 10% 80px;
		
	}
	
	
}

/* ---- MENU FIX---- */
@media screen and (min-width:761px) and (max-width:855px) {

	ul#main-menu li {

		width: 17%;
		/*width: 14%;*/
		
	}

	ul#main-menu li.big-submenu {

		width: 30%;

	}

}

/* ---- MENU FIX---- */
@media screen and (min-width:1001px) and (max-width:1150px) {

	/* 
	---------------------------
			 TOP MENU
	---------------------------
	*/
	
	div#top-menu {
		
		padding:40px 30px 40px 30px;
		
	}
	
	div#top-menu.compacto {
		
		padding:30px 30px 30px 30px;

	}
	
	img#logo-top {
		
		width:160px;
		height:53px;
		margin-top:-18px;
		
	}
	
	ul#main-menu {
		
		right:30px;

	}
	
	ul#main-menu li {
		
		margin-left:30px;
		
	}

}

/* ---- MONITORES ---- */
@media screen and (min-width:1001px) and (max-width:1399px) {
	
	div.about-ext {
		
		width:340%;
		height:100%;
		background-color:#FFF;
		left:0px;
		padding:10px 15% 10px 120%;

	}
	
	p.about-big-name {
		
		font-size:1.2em;
		margin-bottom:10px;
		
	}
	
	/* Fix side */
	
	li#about-4 div.about-ext, li#about-5 div.about-ext, li#about-9 div.about-ext, li#about-10 div.about-ext {
		
		left:-340%;
		padding:10px 120% 10px 15%;
		
	}
	
	/*
	---------------------------
 	 		   HOME
	---------------------------
	*/
	
	div.section-sprite {
		
		width:160px;
		height:35px;
		bottom:45px;
		
	}
	
	div.news-photo {
		
		width:35%;
		
	}
	
	div.news-txt {
		
		top:45px;
		left:34%;
		width:65%;
		
	}
	
	h3 {
		
		font-size:1.2em;
		
	}

	
	
	/* 
	---------------------------
 	 		SERVICIOS
	---------------------------
	*/
	
	div.servicios-big-txt {
		
		font-size:1.35em;
		top:24%;
		
	}
		
	img.work-logo {
		
		width:100px;
		height:27px;
		margin-top:40px;
		
	}
	
	img.business-logo {
		
		width:150px;
		height:27px;
		margin-top:40px;
		
	}
	
	img.people-logo {
		
		width:135px;
		height:38px;
		margin-top:40px;
		
	}
	

	
	div.clickable-h {
		
		top:-3px;
		left:100%;
			
	}
	
	
	.expand h3 .rotate_90 {
		
		top:2px;
		left:100%;
		
	}
	
	
	
	/* 
	---------------------------
 	 		NOVEDADES
	---------------------------
	*/
	
	
	div.news-txt-des {
		
		font-size:1.125em;
		width:55%;
		max-width:none;
		top:15%;
		left:65px;

	}
	
	/* SUSCRIBETE FOOTER */
	
	
	div.ff-txt {
		
		margin:0px 0px;
		width:100%;
		font-size:1em;
		
	}
	
	div.close-big-box {
		
		width:24px;
		height:24px;
		margin-top:-12px;
		right:25px;
		
	}
	
	
}


/* ---- MONITORES GRANDES ---- */
@media screen and (min-width:1400px) {
	
	div.news-txt {
		
		top:100px;
		
	}

}
@charset "utf-8";
/* CSS Document */

img#logo-top, ul#main-menu li, ul#home-big-menu li, ul#equipo li, div.close-box, .expand, div#white-cross, div.closed-service, ul.paginacion li, a#enviarBT  {
	
	cursor:pointer;
	
}

ul#main-menu li:hover  {
	
	color:#4C5256;
	
}

ul#main-menu li a:hover, ul#main-menu li a:visited:hover {
	
	color:#4C5256;
	
}

ul#home-big-menu li.work-bkg:hover {
	
	background-color:#660066;
	
}

ul#home-big-menu li.business-bkg:hover {
	
	background-color:#336600;
	
}

ul#home-big-menu li.people-bkg:hover {
	
	background-color:#006699;
	
}

a.more-info:hover, a.more-info:visited:hover {
	
	color:#80207E;
	
}

div.close-big-box, div.close-box {
	
	cursor:pointer;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	
	/* IE 5-7 */
	filter: alpha(opacity=60);
	
	/* Netscape */
	-moz-opacity: 0.6;
	
	/* Safari 1.x */
	-khtml-opacity: 0.6;
	
	/* Good browsers */
	opacity: 0.6;
	
}

div.close-big-box:hover, div.close-box:hover {
	
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* IE 5-7 */
	filter: alpha(opacity=100);
	
	/* Netscape */
	-moz-opacity: 1;
	
	/* Safari 1.x */
	-khtml-opacity: 1;
	
	/* Good browsers */
	opacity: 1;
	
}

/* NOSOTROS */

ul#equipo li:hover div.more-about {
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	
	/* IE 5-7 */
	filter: alpha(opacity=95);
	
	/* Netscape */
	-moz-opacity: 0.95;
	
	/* Safari 1.x */
	-khtml-opacity: 0.95;
	
	/* Good browsers */
	opacity: 0.95;
	
	
	
}

/* SERVICIOS */

div.business-bt:hover, #business-ul li:hover {
	
	cursor:pointer;
	background-color:#69A742;
	color:#FFF;
	
}

div.closed-service:hover {
	
	height: 35%;

}

/* FLOATING FOOTER */

a.big-bt:hover, a.footer-button:hover {
	
	background-color:#4C5256;;
	
}