/*******************************************************
 **													  **
 **						GENERAL						  **
 **													  **
 ******************************************************/
*{margin: 0px;padding: 0px;box-sizing: border-box;background-repeat: no-repeat;list-style: none;font-size: 0;text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased;}
body{overflow-x: hidden; height: 100vh}
input, label ,textarea, h1,h2,p,li{font-family: 'Comfortaa', cursive; font-weight: 300}
input, textarea, label , p, li{font-size: 10px;}
h1,h2{font-size: 30px}
strong,span{font-size: inherit}
a{text-decoration: none; color: inherit; font-size: inherit}
.container{width: 1280px; margin: 0 auto}
.ampliar h3{font-size: 25px;border-radius: 50%;width: 36px;height: 36px;border: 2px solid; margin-top: 7px;margin-left: 7px;line-height: 32px;text-align: center; font-weight: 300}
#banner{background-position: center top}
.header .container #menu-toggle{position: absolute;margin-left: 400px;height: 30px;width: 30px; display: none}
.header .container #menu-toggle .line{width: 70%;border-bottom: 2px solid #806aae;margin: 0 auto;margin-top: 5px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;}
.mCSB_inside>.mCSB_container{margin-right: 0!important}
/*******************************************************
 **													  **
 **						HEADER						  **
 **													  **
 ******************************************************/
.header{height: 50px;padding-top: 40px;padding-bottom: 25px;box-sizing: content-box;}
.header .container{width: 1165px; margin: 0 auto; vertical-align: bottom;}
.header .container .brand{ display: inline-block; width: 360px;}
.header .container .brand img{width: 140px; display: inline-block; vertical-align: bottom}
.header .container .brand > p{width: 112px; height: 52px; padding-left: 22px; padding-top: 33px; color: #8069ae; display: inline-block; border-left: 2px solid #8069ae; margin-left: 15px; font-weight: 700; vertical-align: top}
.header .container ul{display: inline-flex; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; justify-content: space-between}
.header .container ul li p{letter-spacing: .05em; color: #58595b;font-weight: 700; /*font-size: 11px*/}
.header .container ul li.active p,
.header .container ul li:hover p{color: #8069ae;}
.header .container .menu{width: 621px;vertical-align: top; padding-top: 42px}
.header .container .menu li p{color: #58595b;}
.header .container .idiomas{width: 125px;  margin-left: 50px; vertical-align: top; padding-top: 42px}
.header .container .idiomas .separator{width: 2px;border-left: 1px solid #58595b;}
#m-resp{display: none}
#m-resp #m-resp-nav li#esp,
#m-resp #m-resp-nav li#eng{display: none}

/*******************************************************
 **													  **
 **						FOOTER						  **
 **													  **
 ******************************************************/
.footer{width: 100%; height: 34px; background-color: #414142; display: table; margin-top: 8px;}
.footer p{color: #707174; font-size: 8px; text-align: center; display: table-cell; vertical-align:  middle; letter-spacing: .12em;}


/*******************************************************
 **													  **
 **						HOME						  **
 **													  **
 ******************************************************/
.index #banner{width: 100%; height: 308px; background-image: URL('../img/lila.png'), URL('../img/home/banner.jpg'); background-size: 903px, cover; overflow: auto; background-position: center center, center center; background-blend-mode: multiply;}
.index #banner .destacado{width: 903px; height: 140px; margin: 0 auto;margin-top: 82px; padding: 15px}
.index #banner .destacado .borde{border: 1px solid white; width: 100%; height: 100%; display: table}
.index #banner .destacado .borde .texto{display: table-cell; vertical-align: middle}
.index #banner .destacado .borde .texto h1{font-size: 10px; letter-spacing: .2em; color: white; font-weight:700; text-align: center; padding-bottom: 8px; border-bottom: 1px solid white; width: 365px; margin: 0 auto}
.index #banner .destacado .borde .texto h2{font-size: 10px; letter-spacing: .2em; color: white; font-weight:400; text-align: center; padding-top: 8px; width: 369px; margin: 0 auto}
.index #under-banner{width: 100%; height: 66px; background-color: #806aae;}

.index #quienes-somos{margin-top:8px; width: 100%}
.index #quienes-somos .foto, #quienes-somos .texto{ display: inline-block; vertical-align: top}
.index #quienes-somos .foto{width:415px; height:275px; background-image: URL('../img/home/foto1.jpg'); background-size: 100%}
.index #quienes-somos .texto{width:865px; height:275px; padding-left: 58px; padding-top: 50px; background-color: #736967}
.index #quienes-somos .texto h1, #quienes-somos .texto p{color: white; font-weight: 300}
.index #quienes-somos .texto h1{width: 280px; padding-bottom: 32px;font-size: 30px;letter-spacing: .08em;line-height: 36px;}
.index #quienes-somos .texto p{letter-spacing: .10em; line-height: 23px; text-align: justify; /*color: RGBA(255,255,255,.8)*/}
.index #quienes-somos .texto p span.s1{letter-spacing: .145em;display: block;text-align: left;}
.index #quienes-somos .texto p span.s2{letter-spacing: .21em;text-align: left;display: block;}
.index #quienes-somos .texto p span.s3{letter-spacing: .117em;text-align: left;display: block;}
.index #quienes-somos .ampliar{width: 50px; height: 50px; position: absolute;margin-left: 705px;}

.index #quienes-somos .ampliar circle{stroke: #fff;}
.index #quienes-somos .ampliar path{fill: #fff;}

.index #equipo{margin-top: 8px; width: 100%}
.index #equipo .titulo{width: 415px; height: 167px; background-color: #211d53; display: inline-block; vertical-align: top}
.index #equipo .titulo h1{font-size: 30px;letter-spacing: .08em;line-height: 36px; width: 285px; padding-bottom: 32px; color: #a770af; font-weight: 300; padding-top: 71px; padding-left: 58px}
.index #equipo .fotos{width: 865px; height: 167px; display: inline-block; vertical-align: top}
.index #equipo .fotos .foto{width: 25%; height: 100%; display: inline-block; background-size: cover; background-position: center}
.index #equipo .fotos .foto:nth-child(1){background-image: URL('../img/home/equipo-1.jpg');}
.index #equipo .fotos .foto:nth-child(2){background-image: URL('../img/home/equipo-2.jpg');}
.index #equipo .fotos .foto:nth-child(3){background-image: URL('../img/home/equipo-3.jpg');}
.index #equipo .fotos .foto:nth-child(4){background-image: URL('../img/home/equipo-4.jpg');}
.index #equipo .ampliar{position: absolute;margin-top: -78px;margin-left: 315px;}
.index #equipo .ampliar circle{stroke: #a770af;}
.index #equipo .ampliar path{fill: #a770af;}

.index #servicios{margin-top: 8px; width: 100%}
.index #servicios > div{width:415px; height:167px; display: inline-block; vertical-align: top}
.index #servicios .foto{background-size: cover; background-position: center}
.index #servicios .foto:nth-child(1){background-image: URL('../img/home/servicios-1.jpg');}
.index #servicios .foto:nth-child(3){background-image: URL('../img/home/servicios-2.jpg');width: 431px;}
.index #servicios .titulo{background-color: #736967; width: 434px}
.index #servicios .titulo h1{font-size: 30px;letter-spacing: .08em;line-height: 36px; width: 280px; padding-bottom: 32px; font-weight: 300; padding-left: 58px;  padding-top: 30px;color: #9d908c}
.index #servicios .ampliar{    position: absolute;margin-top: -110px;margin-left: 335px;}
.index #servicios .ampliar circle{stroke: #9d908c;}
.index #servicios .ampliar path{fill: #9d908c;}

.index #clientes{margin-top: 8px; width: 100%}
.index #clientes > div{display: inline-block; vertical-align: top; height:167px;}
.index #clientes .foto{background-size: cover; background-position: center;background-image: URL('../img/home/clientes.jpg');width:850px;}
.index #clientes .titulo{background-color: #968e8c; width:430px}
.index #clientes .titulo h1{font-size: 30px;letter-spacing: .08em;line-height: 36px; width: 12.5vw; padding-bottom: 32px; color: #831b7d; font-weight: 300; padding-top: 71px; padding-left: 58px}
.index #clientes .ampliar{position: absolute;margin-top: -78px;margin-left: 330px;}
.index #clientes .ampliar circle{stroke: #831b7d;}
.index #clientes .ampliar path{fill: #831b7d;}

.index #contacto{margin-top: 8px; width: 100%}
.index #contacto > div{display: inline-block; vertical-align: top; height:167px;}
.index #contacto .foto{background-size: cover; background-position: center;background-image: URL('../img/home/mapa.jpg');width:865px;}
.index #contacto .titulo{background-color: #898280; width:415px}
.index #contacto .titulo h1{font-size: 30px;letter-spacing: .08em;line-height: 36px; padding-bottom: 32px; color: #572C85; font-weight: 300; padding-top: 71px; padding-left: 58px}
.index #contacto .ampliar{position: absolute;margin-top: -78px;margin-left: 315px;}
.index #contacto .ampliar circle{stroke: #572c85;}
.index #contacto .ampliar path{fill: #572c85;}

/*******************************************************
 **													  **
 **					QUIENES SOMOS					  **
 **													  **
 ******************************************************/
.quienes-somos #banner{width: 100%; height: 155px; background-image: URL('../img/quienes-somos/banner.jpg'); background-size: cover; overflow: auto}
.quienes-somos #intro{width: 100%; height: 155px; background-color: #806aae; padding-top: 50px}
.quienes-somos #intro .titulo, .quienes-somos #intro .texto{color: white; display: inline-block; vertical-align: top}
.quienes-somos #intro .titulo{width: 415px;padding-left: 53px;}
.quienes-somos #intro .titulo h1{letter-spacing: .08em; margin-top: -3px}
.quienes-somos #intro .texto{ width: 815px;    height: 72px;overflow: auto;}
.quienes-somos #intro h1{font-size: 30px;letter-spacing: .08em;line-height: 36px;width: 160px;}
.quienes-somos #intro p{letter-spacing: .09em; line-height: 25px;padding-left: 63px; border-left: 1px solid white; text-align: justify;height: 68px;margin-top: 0;}
.quienes-somos #intro p .s1{letter-spacing: .12em;    margin-top: -7px;}
.quienes-somos .intro-marron {display: none}
.quienes-somos #intro p span.s1{letter-spacing: .132em;display: block;text-align: left;}
.quienes-somos #intro p span.s2{letter-spacing: .196em;text-align: left;display: block;}
.quienes-somos #intro p span.s3{letter-spacing: .105em;text-align: left;display: block;}
.quienes-somos #desarrollo{width: 100%; }
.quienes-somos #desarrollo>div{display: inline-block; vertical-align: top}
.quienes-somos #desarrollo .foto{width: 415px; height: 311px; background-image: URL('../img/home/foto1.jpg'); background-size: 100%; background-position: center top}
.quienes-somos #desarrollo .foto .epigrafe{width: 415px; height: 45px; background-color: #343333; display: table;margin-top: 266px;}
.quienes-somos #desarrollo .foto .epigrafe p{font-size: 10px; letter-spacing: .2em;color: #fff; text-align: center; display: table-cell; vertical-align: middle;}
.quienes-somos #desarrollo .foto .epigrafe p span{color: #8069ae}
.quienes-somos #desarrollo .texto{width: 865px; height: 311px; background-color: #736967; color: white; }
.quienes-somos #desarrollo .texto .helper{width: 100%; height: 100%; display: table}
.quienes-somos #desarrollo .texto .helper .intro{display: table-cell; vertical-align: middle}
.quienes-somos #desarrollo .texto p{width: 733px; font-size: 10px;letter-spacing: .02em;text-align: justify; margin: 0 auto; line-height: 18px}
.quienes-somos #desarrollo .texto p .s1{letter-spacing: .037em;}
.quienes-somos #desarrollo .texto p .s2{letter-spacing: .048em;}
.quienes-somos #desarrollo .texto p .s3{letter-spacing: .07em;}
.quienes-somos #desarrollo .texto p .s4{letter-spacing: .05em;}
.quienes-somos #desarrollo .texto p .s5{letter-spacing: 0;}
.quienes-somos #desarrollo .texto p .s6{letter-spacing: .058em;}
.quienes-somos #desarrollo .texto p .s7{letter-spacing: .059em;}
.quienes-somos #desarrollo .texto p .s8{letter-spacing: .06em;}
.quienes-somos #desarrollo .texto p .s9{letter-spacing: .067em;}
.quienes-somos #desarrollo .texto p .s10{letter-spacing: .072em;}
.quienes-somos #desarrollo .texto p .s11{letter-spacing: .032em;}
.quienes-somos #desarrollo .texto p .s12{letter-spacing: .056em;}
.quienes-somos #desarrollo .texto p .s13{letter-spacing: .019em;}
.quienes-somos #desarrollo .texto p .s14{letter-spacing: .038em;}
.quienes-somos #desarrollo .texto p .s15{letter-spacing: .055em;}
.quienes-somos #desarrollo .texto p .s16{letter-spacing: .056em;}


/*******************************************************
 **													  **
 **						CLIENTES					  **
 **													  **
 ******************************************************/
.clientes #banner{width: 100%; height: 180px; background-image: URL('../img/clientes/banner.jpg'); background-size: cover; overflow: auto}
.clientes #intro{width: 100%; padding-bottom: 60px; background-color: #968e8c; min-height: 438px}
.clientes #intro > div{display: inline-block; vertical-align: top; }
.clientes #intro .titulo{width: 420px; padding-left: 68px; padding-top: 35px; color: #831b7d}
.clientes #intro .titulo h1{letter-spacing: .08em}
.clientes #intro .texto{width: 800px;padding-top: 35px; color: white; column-count: 4; -webkit-coulumn-count: 4; -moz-column-count: 4; -ms-column-count: 4; column-gap: 38px}
.clientes #intro .texto li{margin-bottom: 12px}
.clientes #intro .texto p{letter-spacing: .08em; font-size: 9px; /*color: #e0d4d0*/ color: #e6e6e6}
.clientes #intro .texto .destacado{border-bottom: 1px solid white;padding-bottom: 7px;margin-bottom: 14px;}
.clientes #intro .texto .destacado p{font-weight: 700; padding-left: 0; color: white}
.clientes #intro .texto p.spacer{margin-bottom: 33px}
.clientes #intro .texto p.spacer.s1{margin-bottom: 67px}
.clientes #intro .texto p.spacer.s5{margin-bottom: 57px}
.clientes #intro .texto p.larger{line-height: 22px}


/*******************************************************
 **													  **
 **						EQUIPO					      **
 **													  **
 ******************************************************/
.equipo{width: 100%}
.equipo #banner{width: 100%; height: 180px; background-image: URL('../img/equipo/banner.jpg'); background-size: cover; overflow: auto}
.equipo #intro{width: 100%; height: 102px; background-color: #211d53}
.equipo #intro .titulo{width: auto; padding-left: 71px; padding-top: 36px; color: #a770af}
.equipo #intro .titulo h1{letter-spacing: .08em}
.equipo .miembro{width: 411px; margin-right: 8px; display: inline-block; vertical-align: top}
.equipo .miembro .foto{width: 100%; height: 268px; background-image: URL('../img/equipo/foto-1.jpg'); background-size: cover; background-position: center top;}
.equipo .miembro .nombre{width: 100%; height: 46px; background-color: #7b5990; text-align: center; display: table}
.equipo .miembro .nombre p{font-size: 9px; letter-spacing: .12em;color: #fff; text-align: center; display: table-cell; vertical-align: middle;}
.equipo .miembro .nombre p span.cargo{color: #211d53; font-weight: 700}
.equipo .miembro .nombre p span.cv{font-weight: 700}
.equipo .miembro:nth-child(2) .foto{ background-image: URL('../img/equipo/foto-2.jpg');}
.equipo .miembro:nth-child(3) .foto{ background-image: URL('../img/equipo/foto-3.jpg');}
.equipo .miembro:nth-child(4) .foto{ background-image: URL('../img/equipo/foto-4.jpg')}
.equipo .miembro.chico .foto{ background-image: URL('../img/equipo/foto-5.jpg');}
.equipo .miembro.mini .foto{ background-image: none;}
.equipo .miembro.medio{width: 207px;}
.equipo .miembro.medio .nombre{ background-color: #211d53; padding-left: 11px;padding-top: 9px;display: block}
.equipo .miembro.medio .nombre p{text-align: left; line-height: 14px}
.equipo .miembro.medio .nombre p span.cargo{color: #7b588f; display: block}
.equipo #auxiliares{width: 216px; display: inline-block; vertical-align: top}
.equipo #auxiliares .miembro{width: 100%; margin-right: 0}
.equipo #auxiliares .miembro:last-child .nombre{margin-bottom: 0}
.equipo .miembro.chico .foto{height: 148px}
.equipo .miembro.chico .nombre{background-color: #736967; margin-bottom: 8px; display: block; padding-left: 15px; padding-top: 10px; height: 46px}
.equipo .miembro.chico .nombre p{text-align: left; line-height: 14px}
.equipo .miembro.chico .nombre p .cargo{color: #211d53}
.equipo .miembro.chico .nombre p .cargo,
.equipo .miembro.chico .nombre p .cv{display: block}
.equipo .miembro.mini .nombre{height: 112px}
.equipo .miembro.mini .nombre p{    display: block;padding-top: 75px;text-align: left;padding-left: 15px;line-height: 14px}


/*******************************************************
 **													  **
 **						SERVICIOS					  **
 **													  **
 ******************************************************/
.servicios #banner{width: 100%; height: 180px; background-image: URL('../img/servicios/banner.jpg'); background-size: cover; overflow: auto}
.servicios #intro > div{display: inline-block; vertical-align: top; }
.servicios #intro{width: 100%; height: auto; background-color: #736967; padding-bottom: 30px}
.servicios #intro .titulo{width: 417px;padding-left: 68px; padding-top: 35px; color: #9d908c; }
.servicios #intro .titulo h1{letter-spacing: .08em; width: 200px; color: #532569; line-height: 36px}
.servicios #intro .texto{width: 860px; overflow: hidden}
.servicios #intro .texto .destacado:before {content: " ";}
.servicios #intro .texto ul{width: 940px;padding-top: 35px; color: white; column-count: 2; -webkit-coulumn-count: 2; -moz-column-count: 2; -ms-column-count: 2;}
.servicios #intro .texto li:before{content: "\2022";display: inline-block;vertical-align: top;color: #c4b3b0; padding-top: 4px}
.servicios #intro .texto li{margin-bottom: .4px}
.servicios #intro .texto li.hidden:before{content: ''}
.servicios #intro .texto li.hidden p{color: #736967;}
.servicios #intro .texto p{letter-spacing: .05em; font-size: 10px; padding-left: 3px; display: inline-block; vertical-align: top; max-width: 410px; line-height: 20px; /*color: #c4b3b0*/ /*color: #dec8c8*/  color: #f3dbdb}
.servicios #intro .texto p.c{max-width: 90%}
.servicios #intro .texto p.d{letter-spacing: 0;}
.servicios #intro .texto p.d.f{max-width: 320px}
.servicios #intro .texto p.g{max-width: 340px}
.servicios #intro .texto p span {letter-spacing: .05em;max-width: 340px;display: block;}
.servicios #intro .texto .destacado{margin-bottom: auto; margin-top: 20px}
.servicios #intro .texto .destacado p{font-weight: 700; font-size: 9px; letter-spacing: .04em; color: white; padding-left: 0}

/*******************************************************
 **													  **
 **						CONTACTO					  **
 **													  **
 ******************************************************/
.contacto #banner{width: 100%; height: 180px; background-image: URL('../img/contacto/mapa.jpg'); background-size: cover; overflow: auto}
.contacto #contacto{background-color: #8a8380; padding-bottom: 25px; padding-top: 51px}
.contacto #contacto #intro{width: 418px; padding-left: 67px; display: inline-block;vertical-align: top; }
.contacto #contacto #intro .titulo{color: #572b85}
.contacto #contacto #intro .texto p{font-size:9px; color: white; letter-spacing: 0.15em; line-height: 16px}
.contacto #contacto #intro .direccion{padding-top: 25px;}
.contacto #contacto #intro .telefonos{padding-top: 17px;}
.contacto #contacto #intro .brochure{padding-top: 45px;}
.contacto #contacto #intro .brochure p:hover{color:#211c53}
.contacto #contacto #desarrollo{width: 844px; vertical-align: top; display: inline-block}
.contacto #contacto #desarrollo .left,
.contacto #contacto #desarrollo .right{width: 50%;display: inline-block;vertical-align: top;}
.contacto #contacto #desarrollo .left{padding-left: 65px; border-left: 1px solid white}
.contacto #contacto #desarrollo input,
.contacto #contacto #desarrollo label{display: block; width: 284px; font-size: 9px; margin-bottom:5px; font-weight: 700; color: white; letter-spacing: .08em;}
.contacto #contacto #desarrollo label span{color: #211c53}
.contacto #contacto #desarrollo input{margin-bottom: 13px; height: 27px; border: 0; background-color: #dddede; box-shadow: 0; color:#58595b; padding-left: 13px}
.contacto #contacto #desarrollo input#i-mail{margin-bottom: 0}
.contacto #contacto #desarrollo textarea{width: 375px; height: 194px;margin-bottom: 30px;border: 0; background-color: #dddede; box-shadow: 0;color:#58595b; padding-left: 13px; padding-top: 13px; resize:none}
.contacto #contacto #desarrollo input[type="submit"]{width: 120px; background-color: #211c53; color: #9274a2; font-weight: 700; padding-left: 0; font-size: 9px; letter-spacing: .15em}
.contacto #contacto #desarrollo p.obligatorios{position: absolute;margin-top: -40px;margin-left: 295px;width: 77px;font-size: 9px;letter-spacing: .08em;color: #211c53;}
p.obligatorios:before {content: '*';display: block;position: absolute;margin-left: -10px;font-size: 16px;}

@media all and (max-width: 1279px){
	.container{width: 1000px}
	
	.header p{font-size: 9px}
	.header .container{width: 1000px}
	.header .container .brand{width: 355px}
	.header .container .menu{width: 485px}
	.header .container .idiomas {width: 105px;margin-left: 30px;}
	
	.index #banner .destacado .borde .texto h1{width: 330px}
	.index #banner .destacado .borde .texto h1,
	.index #banner .destacado .borde .texto h2{font-size: 9px}
	.index #banner{height: 258px;}
	.index #banner .destacado {width: 903px;height: 140px;margin: 0 auto;margin-top: 57px;padding: 15px;}
	.index #equipo .ampliar,
	.index #clientes .ampliar,
	.index #contacto .ampliar{margin-top: -72px}
	.index #servicios .ampliar{margin-top: -103px;}
	
	
	.index #quienes-somos .foto{width: 355px;height: 205px;background-size: 100%; background-position: center top;}
	.index #quienes-somos .texto{width: 645px;height: 205px;padding-left: 25px;padding-top: 25px;}
	.index #quienes-somos .texto h1{width: 200px;padding-bottom: 12px;font-size: 22px;line-height: 30px;}
	.index #quienes-somos .ampliar{margin-left: 552px;}
	.index #quienes-somos .texto p{font-size: 9px}
	.index #quienes-somos .texto p span.s1{letter-spacing: .05em}
	.index #quienes-somos .texto p span.s2{letter-spacing: .11em}
	.index #quienes-somos .texto p span.s3{letter-spacing: .027em}
	.index #quienes-somos .titulo{padding-bottom: 15px}
	
	.index #equipo .titulo{width: 355px; height: 115px}
	.index #equipo .titulo h1{padding-left: 25px; padding-top: 47px; font-size: 22px; line-height: 30px}
	.index #equipo .ampliar{margin-left: 285px;}
	.index #equipo .fotos{width: 645px; height: 115px;}
	.index #equipo .fotos .foto{background-size: 100%;}
	
	.index #servicios .foto:nth-child(1){width: 355px; height: 115px}
	.index #servicios .titulo{width: 323px; height: 115px}
	.servicios #intro .texto p.d.f{max-width: 100%}
	.servicios #intro .texto p.g{max-width: 100%}
	.servicios #intro .texto p br{display: none}
	.index #servicios .titulo h1 {padding-left: 25px;padding-top: 14px; font-size: 22px; line-height: 30px; width: 170px}
	.index #servicios .ampliar{margin-left: 255px}
	.index #servicios .foto:nth-child(3){width: 322px; height: 115px}
	
	.index #clientes .foto{width: 679px; height: 115px}
	.index #clientes .titulo{width: 321px; height: 115px}
	.index #clientes .titulo h1{padding-left: 25px; padding-top: 45px; font-size: 22px; line-height: 30px}
	.index #clientes .ampliar{margin-left: 250px}
	
	.index #contacto .titulo{width: 355px; height: 115px}
	.index #contacto .titulo h1{padding-left: 25px; padding-top: 45px; font-size: 22px; line-height: 30px}
	.index #contacto .foto{width: 645px; height: 115px}
	.index #contacto .ampliar{margin-left: 285px}
	
	
	.quienes-somos #intro{height: 105px;padding-top: 19px;}
	.quienes-somos #intro .titulo {padding-left: 25px;width: 310px;padding-top: 8px; width: 355px}
	.quienes-somos #intro .titulo h1{padding-top: 2px; font-size: 22px; line-height: 30px}
	.quienes-somos #intro .texto{width: 635px; margin-top: 10px}
	.quienes-somos #intro p{padding-left: 25px;letter-spacing: .16em; font-size: 9px; line-height:20px; height: 54px}
	.quienes-somos #intro p span.s1{letter-spacing: .05em; margin-top: -6px}
	.quienes-somos #intro p span.s2{letter-spacing: .11em}
	.quienes-somos #intro p span.s3{letter-spacing: .027em}
	.quienes-somos #desarrollo .foto{width: 355px;height: 288px;background-size: 110%;}
	.quienes-somos #desarrollo .foto .epigrafe{width: 355px;margin-top: 243px;}
	.quienes-somos #desarrollo .texto{width: 645px;height: auto;padding-top: 25px; padding-bottom: 25px; }
	.quienes-somos #desarrollo .texto .helper .intro{padding-top: 0}
	.quienes-somos #desarrollo .texto p {width: 595px; line-height: 14px;}
	 
	/*.clientes #banner{height: 370px}*/
	.clientes #banner{height: 180px}
	.clientes #intro{padding-bottom: 10px}
	.clientes #intro .titulo{width: 355px; padding-left: 35px; padding-top: 35px}
	.clientes #intro .titulo h1{font-size: 22px; line-height: 23px}
	.clientes #intro .texto{width: 620px; padding-top: 35px; column-gap: 30px; column-count: 2;-webkit-coulumn-count: 2;-moz-column-count: 2;-ms-column-count: 2;}
	.clientes #intro .texto p.spacer1000{margin-bottom: 33px}
	.clientes #intro .texto li:last-child(){margin-bottom: 0}
	.clientes #intro .texto p.spacer.s5,
	.clientes #intro .texto p.spacer.s1{margin-bottom: 33px;}
	
	.equipo #intro .titulo{padding-left: 35px; padding-top: 35px}
	.equipo #intro .titulo h1{font-size: 22px}
	.equipo .miembro{width: 300px}
	.equipo .miembro .foto{height: 185px}
	.equipo .miembro.medio{width: 167px}
	.equipo #auxiliares{width: 167px}
	.equipo .miembro.chico .foto{height: 100px}
	.equipo .miembro.mini .nombre{height: 77px}
	.equipo .miembro.mini .nombre p{padding-top: 40px; width: 150px}
	.equipo .miembro.mini .nombre p .cargo{display: block}
	.equipo .miembro.mini .hide{display: none}
	
	/*.servicios #banner{height: 370px}*/
	.servicios #banner{height: 180px}
	.servicios #intro .titulo{width: 355px; padding-left: 35px; padding-top: 35px}
	.servicios #intro .titulo h1{font-size: 22px; }
	.servicios #intro .texto{width: 620px; column-gap: 0; padding-top: 35px}
	.servicios #intro .texto ul{padding-top: 0; width: 620px; column-count: 1;-webkit-coulumn-count: 1;-moz-column-count: 1;-ms-column-count: 1;}
	.servicios #intro .texto p{max-width: 90%}
	.servicios #intro .texto p span{max-width: 100%}
	
	.contacto .titulo h1{font-size: 22px}
	.contacto #contacto{padding-top: 35px}
	.contacto #contacto #intro{padding-left: 35px; width: 355px}
	.contacto #contacto #desarrollo{width: 620px}
	.contacto #contacto #desarrollo .left{padding-left: 25px; width: 50%}
	.contacto #contacto #desarrollo .right{margin-left: 25px; width: 285px;}
	.contacto #contacto #desarrollo textarea{width: 285px; margin-bottom: 27px}
	.contacto #contacto #desarrollo p.obligatorios{margin-left: 205px;margin-top: -40px;}
}

@media all and (max-width: 1023px){
	.container{width: 600px}
	.ampliar{
		transform: scale(.8);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
	}
	.ampliar h3{line-height: 29px}
	.header .container{width: 600px}	
	.header .container .brand{overflow: hidden}
	.header .container .brand img{ margin-left: -7px}
	.header .container .menu{display: none}
	.header .container #menu-toggle{display: block; margin-left: 575px; margin-top: 30px}
	.index #banner{height: 130px;background-size: 550px, cover;}
	.index #banner .destacado {width: 550px;height: 90px;margin-top: 20px;}
	.index #under-banner{height: 20px}
	
	#m-resp{position: absolute;top: 0;left: 50%;width: 600px;margin-left: -300px;text-align: right;margin-top: 115px;background: rgba(255, 255, 255, .95); padding-left: 35px;padding-right: 35px;overflow: hidden; height: 37px;
    border-top: 1px solid #806aae;
	transition: width .1s, height .4s ease-in;
	-webkit-transition: width .1s, height .4s ease-in;
	-moz-transition: width .1s, height .4s ease-in;
	-ms-transition: width .1s, height .4s ease-in;
	display: block;
	z-index: 99
	}
	
	.header .container #menu-toggle.active .line:first-child {
		transform: rotate(45deg);
		margin-top: 15px;
	}
	.header .container #menu-toggle.active .line {
		transform: rotate(-45deg);
		margin-top: -2px;
	}
	.header .container #menu-toggle.active .line:last-child {
		transform: rotate(45deg);
		display: none
	}
	#m-resp.hidden{height: 0; margin-left: 0; width: 0; padding: 0}
	#m-resp #m-resp-nav{display: flex;justify-content: space-between;}
	#m-resp #m-resp-nav p{letter-spacing: .08em; font-weight: bold; padding-top: 12px; padding-bottom: 13px; font-size: 9px; color: #58595b}
	#m-resp #m-resp-nav li.active p{color: #8069ae}
	
	
	.index #quienes-somos .foto {width: 355px;height: 182px;background-position: 30%;background-size: cover;}
	.index #quienes-somos .texto{width: 245px; height: 182px; padding-top: 63px; padding-left: 25px}
	.index #quienes-somos .texto h1{}
	.index #quienes-somos .texto p{display: none;}
	.index #quienes-somos .ampliar {margin-left: 160px;margin-top: 7px;}
	
	.index #equipo .titulo{width: 355px; height: 138px}
	.index #equipo .titulo h1 {padding-left: 25px;padding-top: 58px;}
	.index #equipo .ampliar {margin-left: 290px;}
	.index #equipo .fotos {width: 245px;height: 138px;}
	.index #equipo .fotos .foto {background-size: cover;width: 50%;height: 138px;}
	.index #equipo .fotos .foto:nth-child(3),
	.index #equipo .fotos .foto:nth-child(4){display: none}
	
	.index #servicios .foto:nth-child(1){width: 170px; height: 138px}
	.index #servicios .foto:nth-child(3){width: 160px; height: 138px}
	.index #servicios .titulo {width: 270px; height: 138px}
	.index #servicios .titulo h1{padding-left: 25px;padding-top: 25px}
	.index #servicios .ampliar{margin-left: 210px; margin-top: -105px}
	
	.index #clientes .foto {width: 350px;height: 138px;background-position: 0 0;background-size: 103%;background-image: URL('../img/clientes/banner.jpg');}
	.index #clientes .titulo {width: 250px;height: 138px;}
	.index #clientes .titulo h1 {padding-left: 25px;padding-top: 58px;}
	.index #clientes .ampliar {margin-left: 190px;}
	
	.index #contacto .ampliar {margin-left: 290px;}
	.index #contacto .titulo {width: 350px; height: 138px}
	.index #contacto .titulo h1{padding-left: 25px; padding-top: 55px}
	.index #contacto .foto {width: 250px;height: 138px; background-position: 40%}
	
	.header .container .idiomas{    margin-left: 95px;margin-top: 1px;}
	
	.quienes-somos #banner{height: 180px;}
	.quienes-somos #intro{width: 310px;height: 210px;position: absolute;margin-left: 290px;padding-top: 0px; padding-bottom: 15px}
	.quienes-somos #intro .titulo{    padding-top: 140px;    padding-left: 15px;width: 310px;}
	.quienes-somos #intro .texto{width: 310px; display: none}
	.quienes-somos #intro p{width: 295px;line-height: 18px;padding-top: 5px;padding-left: 15px; border: none}
	.quienes-somos #intro p span.s1,
	.quienes-somos #intro p span.s2,
	.quienes-somos #intro p span.s3{letter-spacing: .15em;display: inline;}
	.quienes-somos #desarrollo .foto .epigrafe{width: 290px;margin-top: 165px;}
	.quienes-somos .intro-marron {display: block; padding-bottom: 15px}
	.quienes-somos #desarrollo .texto{width: 600px; height: auto;}
	.quienes-somos #desarrollo .texto p{width: 538px}
	.quienes-somos #desarrollo .foto{width: 290px; height: 210px; }
	
	.servicios #banner{height: 180px}
	.servicios #intro{height: auto; padding-bottom: 35px}
	.servicios #intro .titulo{width: 510px}
	.servicios #intro .texto{width: 520px; margin: 0 auto; display: block}
	.servicios #intro .texto ul{width: 520px;}
	.servicios #intro .texto p{max-width:95%}
	.servicios #intro .texto p.c{max-width: 100%;}
	.servicios #intro .texto p.g{max-width: 90%}
	.servicios #intro .texto p.i{max-width: 100%;}
	
	.clientes #banner{height: 180px}
	.clientes #intro{height: auto; padding-bottom: 15px}
	.clientes #intro .titulo{width: 510px; padding-left: 60px; padding-top: 35px}
	.clientes #intro .titulo h1{width: 500px}
	.clientes #intro .texto{width: 480px; margin: 0 auto; display: block; padding-top: 35px; column-gap: 60px;column-count: 2;-webkit-coulumn-count: 2;-moz-column-count: 2;-ms-column-count: 2;}
	.clientes #intro .texto p{max-width: 280px}
	
	.equipo .miembro{width: 397px;}
	.equipo .miembro .foto{ height: 255px; }
	.equipo .miembro.medio{width: 194.5px;}
	.equipo .miembro.medio .foto{ height: 255px}
	.equipo .miembro.medio:nth-child(2){margin-right: 0; margin-bottom: 8px}
	.equipo #auxiliares{width: 194.5px}
	.equipo .miembro.chico .nombre{padding-left: 10px}
	.equipo .miembro.chico .foto{height: 135px}
	.equipo .miembro.mini .nombre p{width:190px; padding-left: 10px;    padding-top: 74px;padding-bottom: 10px;}
	
	.contacto #contacto #desarrollo .right{margin-left: 0}
	.contacto #contacto #desarrollo {width: 400px;margin: 0 auto;display: block;}
	.contacto #contacto #desarrollo .left {border: none;padding-left: 0;width: 100%;display: block;}
	.contacto #contacto #desarrollo input{width: 100%}
	.contacto #contacto #intro {padding-left: 0;width: 400px;margin: 0 auto;display: block;padding-bottom: 30px;border-bottom: 1px solid white;margin-bottom: 35px;}
	.contacto #contacto #desarrollo .right{margin-top: 15px; width: 100%; display: block}
	.contacto #contacto #desarrollo textarea{width: 100%; margin-bottom: 15px}
	.contacto #contacto #desarrollo p.obligatorios{margin-left: 320px}
}

@media all and (max-width: 599px){
	.container{width: 400px}
	.header .container{width: 400px} 	
	.header .container #menu-toggle{margin-left: 375px}
	.header .container .idiomas{display: none}
	.footer{height: 38px}
	.footer p{font-size: 7px; line-height: 12px}
	.footer p >span{display: block}
	.footer p >span span{display: none}
	
	#m-resp{width: 140px;margin-left: 60px;height: 210px;padding-left: 15px;padding-right: 15px;border-bottom: 1px solid #806aae;}
	#m-resp #m-resp-nav{display: block}
	#m-resp #m-resp-nav p{padding-top: 7px;padding-bottom: 8px;}
	#m-resp #m-resp-nav li#esp,
	#m-resp #m-resp-nav li#eng{display: block}
	
	.index #banner{height: 140px; background-size: 370px 75px, cover}
	.index #banner .destacado{width: 380px;height: 84px;margin-top: 28px;}
	.index #banner .destacado .borde {border: 1px solid rgba(255, 255, 255, .8);}
	.index #banner .destacado .borde .texto h1{font-size: 9px;width: 330px;padding-bottom: 4px;border-bottom: 1px solid rgba(255, 255, 255, .8);}
	.index #banner .destacado .borde .texto h2{font-size: 9px;padding-top: 4px;width: 330px}
	
	.index .ampliar{transform: scale(.8);-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);}
	.index #quienes-somos .foto{width: 50%; height: 140px; background-size: cover}
	.index #quienes-somos .ampliar{margin-left: 130px; margin-top: 0}
	.index #quienes-somos .texto{width: 50%; height: 140px;}
	.index #quienes-somos .texto{padding-top: 46px;padding-left: 15px;}
	.index #quienes-somos .texto h1{font-size: 18px;letter-spacing: .05em; width: 150px; line-height: 24px}
	
	.index #equipo .titulo{width: 50%; height: 110px}
	.index #equipo .ampliar{margin-left: 145px}
	.index #equipo .titulo h1{padding-top: 41px; padding-left: 15px;font-size: 18px;letter-spacing: .05em}
	.index #equipo .fotos{width: 50%; height: 110px}
	.index #equipo .fotos .foto{background-size: cover; height: 110px}
	
	.index #servicios .ampliar{margin-left: 145px;margin-top: -94px;}
	.index #servicios .foto:nth-child(1){width: 25%; height: 110px}
	.index #servicios .titulo{width: 50%; height: 110px}
	.index #servicios .titulo h1 {padding-left: 15px;padding-top: 20px;width: 150px;font-size: 18px;letter-spacing: .05em; line-height: 24px}
	.index #servicios .foto:nth-child(3){width: 25%; height: 110px}
	
	.index #clientes .foto{width: 50%; height: 110px;background-position: -30px 0;background-size: 143%;}
	.index #clientes .titulo{width: 50%; height: 110px}
	.index #clientes .ampliar {margin-left: 145px;}
	.index #clientes .titulo h1{padding-top: 41px; padding-left: 15px;font-size: 18px;letter-spacing: .05em}
	
	.index #contacto .titulo{width: 50%; height: 110px}
	.index #contacto .ampliar {margin-left: 145px;}
	.index #contacto .titulo h1{padding-top: 41px; padding-left: 15px;font-size: 18px;letter-spacing: .01em}
	.index #contacto .foto{width: 50%; height: 110px}
	
	.quienes-somos #banner{height: 159px}
	.quienes-somos #intro{position: initial; width: 400px; height: auto; padding-bottom: 15px; margin-left: 0}
	.quienes-somos #intro .titulo{padding-top: 15px;padding-left: 25px;}
	.quienes-somos #intro .titulo h1{font-size: 18px; line-height: 24px}
	.quienes-somos #intro .texto{width: 100%; margin-top: 0}
	.quienes-somos #intro p{padding-left: 25px;padding-right: 25px; width: 100%}
	.quienes-somos #intro p span.s1, .quienes-somos #intro p span.s2, .quienes-somos #intro p span.s3{letter-spacing: .08em}
	.quienes-somos #desarrollo .foto{width: 400px; height: 260px}
	.quienes-somos #desarrollo .foto .epigrafe {width: 400px;margin-top: 260px;}
	.quienes-somos #desarrollo .texto{width: 400px; margin-top: 45px}
	.quienes-somos #desarrollo .texto p{width: 100%; padding-left: 25px;  padding-right: 25px}
	.quienes-somos #desarrollo .texto p .s2{letter-spacing: .00em}
	.quienes-somos #desarrollo .texto p .s3{letter-spacing: .00em}
	.quienes-somos #desarrollo .texto p .s4{letter-spacing: .08em}
	.quienes-somos #desarrollo .texto p .s6,
	.quienes-somos #desarrollo .texto p .s7,
	.quienes-somos #desarrollo .texto p .s8,
	.quienes-somos #desarrollo .texto p .s11{letter-spacing: .08em}
	.quienes-somos #desarrollo .texto p .s9{    letter-spacing: .13em;}
	.quienes-somos #desarrollo .texto p .s16{letter-spacing: .01em}
	.quienes-somos #desarrollo .texto .intro-marron {line-height: 18px}
	.quienes-somos #desarrollo .texto .intro-marron .s1{letter-spacing: .05em;}
	.quienes-somos #desarrollo .texto .intro-marron .s2{letter-spacing: .01em;}
	.quienes-somos #desarrollo .texto .intro-marron .s3{letter-spacing: .02em;}
	.quienes-somos #desarrollo .foto{background-size: auto}
	
	.clientes #banner{height: 159px}
	.clientes #intro .titulo {padding-left: 25px;padding-top: 25px;}
	.clientes #intro .titulo h1{width: auto; font-size: 18px}
	.clientes #intro .texto{padding-top: 25px;column-count: 1;-webkit-column-count: 1;-moz-column-count: 1;-ms-column-count: 1;padding-left: 25px;padding-right: 25px; width: 100%}
	
	.equipo #banner{height: 159px}
	.equipo #intro{height: 72px}
	.equipo #intro .titulo{padding-top: 25px}
	.equipo #intro .titulo h1{font-size: 18px}
	.equipo .miembro{width: 400px;margin-right: 0;}
	.equipo #equipo > .miembro:first-child{margin-bottom: 8px}
	.equipo .miembro.medio {width: 196px;}
	.equipo .miembro.medio:nth-child(2){margin-bottom: 8px;margin-right: 8px;}
	.equipo .miembro.medio:nth-child(4){margin-right: 8px;}
	
	.servicios #banner{height: 159px}
	.servicios #intro{padding-bottom: 25px}
	.servicios #intro .titulo{padding-left: 25px;padding-top: 25px;}
	.servicios #intro .titulo h1{width: 150px; font-size: 18px; line-height: 24px}
	.servicios #intro .texto{width: 100%;padding-left: 25px;padding-right: 25px;padding-top: 25px;}
	.servicios #intro .texto ul{width: 100%}
	.servicios #intro .texto p.c{max-width: 90%}
	.servicios #intro .texto p.d.f{max-width: 90%}
	.servicios #intro .texto p.g{max-width: 97%}
	.servicios #intro .texto p.i{max-width: 90%}
	
	.contacto #banner{height: 159px}
	.contacto #contacto{padding-top: 25px; padding-left: 25px; padding-right: 25px}
	.contacto #intro .titulo h1{font-size: 18px}
	.contacto #contacto #intro .direccion{padding-top: 15px}
	.contacto #contacto #intro{padding-bottom: 25px; margin-bottm: 25px}
	.contacto #contacto #desarrollo{width: 100%}
	.contacto #contacto #desarrollo input[type="submit"]{margin-bottom: 0}
	.contacto #contacto #desarrollo p.obligatorios{margin-top: -28px; margin-left: 270px}
}

@media all and (max-width: 479px){
	.container{width: 300px}
	.header .container{width: 300px}

	.header .container .brand{width: 265px}
	.header .container #menu-toggle{margin-left: 273px}
	#m-resp{margin-left: 10px}
	
	.index #banner {height: 140px;    background-size: 238px 90px, cover;}
	.index #quienes-somos .texto h1{width: 150px}
	.index #banner .destacado {width: 230px;height: 83px;padding: 5px;margin-top: 28px;}
	.index #banner .destacado .borde .texto h1 {width: 170px;line-height: 18px;}	
	.index #banner .destacado .borde .texto h1 span{display: none}
	.index #banner .destacado .borde .texto h2 {width: 170px; padding-top: 10px}
	.index .ampliar{display: none}
	
	.index #quienes-somos .texto{padding-left: 0;}
	.index #quienes-somos .texto h1{text-align: center; font-size: 18px}
	.index #servicios .titulo h1,
	.index #contacto .titulo h1,
	.index #clientes .titulo h1,
	.index #equipo .titulo h1{padding-left: 0; width: 100%; text-align: center; font-size: 18px}
	
	.quienes-somos #intro{width: 300px}
	.quienes-somos #intro .titulo{width: 100%}
	.quienes-somos #intro p span.s1, .quienes-somos #intro p span.s2, .quienes-somos #intro p span.s3{letter-spacing: .126em}
	.quienes-somos #desarrollo .foto{width: 300px}
	.quienes-somos #desarrollo .foto .epigrafe{width: 300px;margin-top: 260px;}
	.quienes-somos #desarrollo .texto{width: 300px;}
	.quienes-somos #desarrollo .texto p .s1{letter-spacing: .05em}
	.quienes-somos #desarrollo .texto p .s3{letter-spacing: .02em}
	.quienes-somos #desarrollo .texto p .s6{letter-spacing: 0em}
	.quienes-somos #desarrollo .texto p .s7{letter-spacing: .06em}
	.quienes-somos #desarrollo .texto p .s9{letter-spacing: .07em}
	.quienes-somos #desarrollo .texto p .s12{letter-spacing: 0em}
	.quienes-somos #desarrollo .texto p .s13{letter-spacing: .06em}
	.quienes-somos #desarrollo .texto p .s15{letter-spacing: .08em}
	.quienes-somos #desarrollo .texto p .s16{letter-spacing: .02em}
	
	.quienes-somos #desarrollo .texto .intro-marron .s1{letter-spacing: .15em;}
	.quienes-somos #desarrollo .texto .intro-marron .s2{letter-spacing: .12em;}
	.quienes-somos #desarrollo .texto .intro-marron .s3{letter-spacing: .08em;}
	
	.equipo #intro .titulo{width: auto}
	.equipo .miembro{width: 300px; margin-bottom: 8px}
	.equipo .miembro.medio{width: 146px}
	.equipo .miembro.medio .foto{height: 175px}
	.equipo .miembro.medio .nombre{padding-left: 10px; padding-top: 5px; height: 55px}
	.equipo .miembro.medio:nth-child(4) .nombre{height: 65px}
	.equipo .miembro.medio:nth-child(4){margin-bottom: 0}
	.equipo .miembro.medio .nombre p span.cv{display: block}
	.equipo #auxiliares{width: 146px;}
	.equipo .miembro.chico{margin-bottom: 0}
	.equipo .miembro.chico .nombre{padding-left: 10px; padding-top: 5px}
	.equipo .miembro.chico .foto{height: 90px}
	.equipo .miembro.mini .nombre p {width: 146px;padding-top: 52px;padding-left: 10px;}
	.equipo .miembro.mini .nombre p .cargo{width: 115px;}
	.equipo .miembro.mini {margin: 0}
	
	.contacto #contacto #intro{width: 250px}
	.contacto #contacto #desarrollo p.obligatorios{margin-left: 170px}
}