/* =============================================================================
   Reset
   ========================================================================== */
html,body{margin:0;padding:0;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;text-rendering:optimizeLegibility}
body,input,button{-webkit-font-smoothing:antialiased}

/* Absolute Declarations */
article,details,figcaption,figure,hgroup,main,menu,nav,summary,
.displayBlock,.center{
    display:block}
article,details,figcaption,figure,hgroup,main,menu,nav,summary,
article:before,details:before,figcaption:before,figure:before,hgroup:before,main:before,menu:before,nav:before,summary:before,
article:after, details:after, figcaption:after, figure:after, hgroup:after, main:after, menu:after, nav:after, summary:after,
.displayBlock,.center,
.displayBlock:before,.center:before,.displayBlock:after,.center:after{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
td,th,fieldset,ul,ol,li,dd,legend,form,button,input,select,textarea,figure,input[type="checkbox"],input[type="radio"],input.radio{
    margin:0;padding:0}
img,a img,fieldset,legend,button,iframe,input[type="checkbox"],input[type="radio"],input.radio{
    border:0}
a,label,button,input[type="submit"],input[type="reset"],input[type="button"],html input[type="button"]{
    cursor:pointer}
button[disabled],input[disabled],html input[disabled]{
    cursor:default}
[hidden],template{/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue:no IE 6 support. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
    display:none}
a,input[type="checkbox"],input[type="radio"],input.radio{
    background-color:transparent}

/* Lists */
ul{list-style:disc inside}
ol{list-style:decimal inside}
dt{float:left;margin:0 4px 0 0}

/* Links */
a{line-height:1em}
a,a:hover{text-decoration:none}

/* Tables */
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:middle;font-weight:normal}

/* Images */
img{
    background-color:#ccc;
    font:normal 11px/1em Arial;
    text-transform:uppercase;
    color:#333;
    -ms-interpolation-mode:bicubic; /* 2. Improves image quality when scaled in IE 7. */
}
img[src$=".png"],img[src$=".gif"]{
    background-color:transparent}
svg:not(:root){
    overflow:hidden} /* Corrects overflow displayed oddly in IE 9. */

/* Correcciones */
audio, canvas, progress, video{
    display:inline-block; *display:inline; *zoom:1}
audio:not([controls]){/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
    display:none; height:0} 
figure{margin:1em 40px} /* Address margin not present in IE 8/9 and Safari. */

/* Corrección para botón de Facebook en Firefox */
/*@-moz-document url-prefix(){#exe-article-social-tools{display:block}*/
.fb-like span, .fb-like iframe{height:25px!important; width:150px!important}

/* Clearfix */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* Accessibility */
#go-main-content{width:1px;height:1px;overflow:hidden;position:absolute;left:-10000px;top:auto}

/* =============================================================================
   Spacing Helpers
   ==========================================================================
    p,m = padding,margin
    a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
    s,m,l,n = small(5px),medium(10px),large(20px),none(0) */
.ptn,.pvn,.pan{padding-top:0!important}
.pts,.pvs,.pas{padding-top:5px!important}
.ptm,.pvm,.pam{padding-top:10px!important}
.ptl,.pvl,.pal{padding-top:20px!important}
.prn,.phn,.pan{padding-right:0!important}
.prs,.phs,.pas{padding-right:5px!important}
.prm,.phm,.pam{padding-right:10px!important}
.prl,.phl,.pal{padding-right:20px!important}
.pbn,.pvn,.pan{padding-bottom:0!important}
.pbs,.pvs,.pas{padding-bottom:5px!important}
.pbm,.pvm,.pam{padding-bottom:10px!important}
.pbl,.pvl,.pal{padding-bottom:20px!important}
.pln,.phn,.pan{padding-left:0!important}
.pls,.phs,.pas{padding-left:5px!important}
.plm,.phm,.pam{padding-left:10px!important}
.pll,.phl,.pal{padding-left:20px!important}
.mtn,.mvn,.man{margin-top:0!important}
.mts,.mvs,.mas{margin-top:5px!important}
.mtm,.mvm,.mam{margin-top:10px!important}
.mtl,.mvl,.mal{margin-top:20px!important}
.mrn,.mhn,.man{margin-right:0!important}
.mrs,.mhs,.mas{margin-right:5px!important}
.mrm,.mhm,.mam{margin-right:10px!important}
.mrl,.mhl,.mal{margin-right:20px!important}
.mbn,.mvn,.man{margin-bottom:0!important}
.mbs,.mvs,.mas{margin-bottom:5px!important}
.mbm,.mvm,.mam{margin-bottom:10px!important}
.mbl,.mvl,.mal{margin-bottom:20px!important}
.mln,.mhn,.man{margin-left:0!important}
.mls,.mhs,.mas{margin-left:5px!important}
.mlm,.mhm,.mam{margin-left:10px!important}
.mll,.mhl,.mal{margin-left:20px!important}
.mra,.mha,.center{margin-right:auto!important}
.mla,.mha,.center{margin-left:auto!important}

/* =============================================================================
   Font-face
   ========================================================================== */
@font-face {
    font-family: 'archivo_narrowregular';
    src: url('/fonts/archivonarrow-regular-webfont.eot');
    src: url('/fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('/fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('/fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('/fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd77BdCn';
    src: url('/fonts/helveticaneueltstd-bdcn-webfont.eot');
    src: url('/fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('/fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('/fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arapeyregular';
    src: url('/fonts/arapey-regular-webfont.eot');
    src: url('/fonts/arapey-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arapey-regular-webfont.woff2') format('woff2'),
         url('/fonts/arapey-regular-webfont.woff') format('woff'),
         url('/fonts/arapey-regular-webfont.ttf') format('truetype'),
         url('/fonts/arapey-regular-webfont.svg#arapeyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd27UltraLtCn';
    src: url('/fonts/helveticaneueltstd-ultltcn-webfont.eot');
    src: url('/fonts/helveticaneueltstd-ultltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneueltstd-ultltcn-webfont.woff') format('woff'),
         url('/fonts/helveticaneueltstd-ultltcn-webfont.ttf') format('truetype'),
         url('/fonts/helveticaneueltstd-ultltcn-webfont.svg#HelveticaNeueLTStd27UltraLtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
   Font Styling
   ========================================================================== */
h1,h2,h3,h4,h5,h6,p,a,li,button,label,input,select,textarea,blockquote,table{
    font:normal 1em/1.4em Arial,Helvetica,Sans-Serif}

h1,h2,h3,h4,h5,h6,strong{font-weight:normal;line-height:1em}
p,h1,h2,h3,h4,h5,h6,dl,legend{margin:0 0 .8em}
h1,.hUno{font-size:3.1em}
h2,.hDos{font-size:2.5em}
h3,.hTre{font-size:2em}
h4,.hCua{font-size:1.8em}
h5,.hCin{font-size:1.6em}
h6,.hSei{font-size:1.4em}

.arial{font-family:Arial}
.archivoNa{font-family: 'archivo_narrowregular'}
.helveticaBC{font-family: 'HelveticaNeueLTStd77BdCn'}
.arapey{font-family: 'arapeyregular'}

/* Main Colour */
html,body,button,label,input,select,textarea,blockquote,table,
a,a:focus,a:active,a:visited{color:#4d4d4d}
a:hover{color:#747474}

a.white:active,a.white:visited,.white{color:#fff}
a.white:focus,a.white:hover{color:#eee}

a.black:active,a.black:visited,.black{color:#000}
a.black:focus,a.black:hover{color:#222}

a.grey:active,a.grey:visited,.grey{color:#666}
a.grey:focus,a.grey:hover{color:#949494}

a.blue:active,a.blue:visited,.blue{color:#3064a9}
a.blue:focus,a.blue:hover{color:#23497c}

/* Text Format */
.fontSize{font-size:1em!important}
.lineHeight{line-height:1em!important}
.light{font-weight:300}
.roman{font-weight:400}
.semiBold{font-weight:600}
.bold{font-weight:700}
.extraBold{font-weight:800}
.heavy{font-weight:900}
dfn, /* Address styling not present in Safari and Chrome. */
.italic{font-style:italic} 
.underline{text-decoration:underline}
.smartUnderline{text-decoration:underline;text-shadow:-2px 0 #fff, -1px 0 #fff, 1px 0 #fff, 2px 0 #fff}
.upperCase{text-transform:uppercase}
.lowerCase{text-transform:lowercase}
.alignCenter{text-align:center}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignJustify{text-align:justify}
.indentedText{text-indent:-9999px}
.textShadow{text-shadow:1px 1px 1px #666}

/* General Text */
abbr{border-bottom:1px dashed #ccc;cursor:help}
sub,sup{/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
    font-size:50%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup{top:-0.5em}
sub{bottom:-0.25em}
small{font-size:70%}
mark{background:#ff0;color:#000}
hr{
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
}
pre{overflow:auto}

/* =============================================================================
   Useful classes
   ========================================================================== */
/* Position/Visibility */
.pRel{position:relative}
.pAbs{position:absolute}
.coverAll{top:0;right:0;bottom:0;left:0}
.autoWidth{width:auto}
.autoHeight{height:auto}
.fullWidth{width:100%}
.fullHeight{top:0;bottom:0}
.unstyled,.horizontal{list-style:none}
.floatLeft,
.horizontal li,
.horizontal.right li.floatLeft{float:left}
.floatRight,
.horizontal li.floatRight,
.horizontal.right li{float:right}
.floatNone,
.center{float:none}
.clear{clear:both}
.displayInline{display:inline}
.displayNone{display:none}
.invisible{visibility:hidden}
.centerVertically{display:table-cell;vertical-align:middle}
.absoluteCenter{position:absolute;top:50%;left:50%}
.mask{position:relative;overflow:hidden}
:root .noFilter{filter:none \0/IE9}

/* Backgrounds */
body{background:#fff}
.sprites{background:transparent url('/img/sprites.png') no-repeat}
.bgWhite{background-color:#fff}
.bgBlack{background-color:#000}
.noBackground{background:none}

.bgBlueL{background-color: #eef5ff}

/* =============================================================================
   Header
   ========================================================================== */
.logoHeader,
.logoHeader a,
.logoHeader img{
    width: 273px;
}
    
/* =============================================================================
   Nav
   ========================================================================== */
.navMain ul{
    width: 700px;
}
.navMain li + li{margin-left:20px}
.navMain li{
    float: left!important;
}
.navMain li a{
    font-size: .95em;
}

.idiomas{
    width: 130px;
    margin-top: -80px;
}
.idiomas li + li{margin-right:10px}
.idiomas li a{
    width: 35px;
    height: 35px;
}
.idiomas li.it a{background-position: -178px 0}
.idiomas li.en a{background-position: -140px 0}
.idiomas li.es a{background-position: -100px 0}

/* =============================================================================
   Footer
   ========================================================================== */
#footer{
    height: 260px;
    background: #fff url('/img/bg_footer.jpg') repeat-x top;
    padding-top: 40px;
}
#footer p{
    margin: 0;
    font-size: 1.4em;
}
#footer p + p{margin-top: 10px}
#social,
#social li img{width: 100px}
#social{padding-top: 20px}

#footer .firma{
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#footer .firma:hover{
    background: #fff;
    border-color: #aaa;
}
#footer .firma p{
    width: 60px;
    height: 43px!important;
    color: #aaa;
    font-size: .9em;
    line-height: 43px!important;
}
#footer .firma:hover p{
    color:#666;
}
.firma a,
.firma img{width: 150px}

.firma a{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
.firma:hover a{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* =============================================================================
   Slick Slider
   ========================================================================== */
.slick-slider{
    position:relative;
    display:block;
    -moz-box-sizing:border-box;
         box-sizing:border-box;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
        touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}

.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0;
}
.slick-list:focus{outline:none}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
       -moz-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
         -o-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
}

.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
}
.slick-track:before,
.slick-track:after{
    display:table;
    content:'';
}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px;
}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent;
}
/* Slick next/prev */
.slick-prev,
.slick-next{
    position:absolute;
    top:50%;
    width:50px;
    height:50px;
    background-image:url('/img/sprites.png');
    background-color:transparent;
    padding:0;
    border:0;
    margin-top:-25px;
    text-indent:-9999px;
}
.slick-prev{
    background-position:-100px -35px;
    left:50px;
}
.slick-next{
    background-position:-100px -85px;
    right:50px;
}
.slick-prev:hover{background-position:-150px -35px}
.slick-next:hover{background-position:-150px -85px}

/* =============================================================================
   Primary styles
   ========================================================================== */
/* Construcción */
.const{
    height: 600px;
    background: url('/img/bg_respaldo.jpg') no-repeat top;
    padding: 240px 0 0;
}
.const p{
    margin: 0 0 10px;
    font-size: 2em;
    line-height: 1.2em;
}

#main{z-index:5}

/* Nosotros */
.nosotros .main h1{margin-bottom:20px}
    
/* Servicios */
.servicios{padding: 130px 0 50px}
.servicios h2 + p{font-size: 1.4em}
.servicios ul{padding:30px 70px 0}
.servicios ul li{
    height: 280px;
    padding: 135px 70px 0;
}
.servicios ul li.d,
.servicios ul li.e,
.servicios ul li.f{height: 305px}
.servicios ul li.g,
.servicios ul li.h,
.servicios ul li.i{height: 220px}
.servicios ul li p{
    font-size: 1.15em;
    line-height: 1.2em;
}
.servicios ul li.a{background: url(/img/bg_servicios01.jpg) no-repeat center top}
.servicios ul li.b{background: url(/img/bg_servicios02.jpg) no-repeat center top}
.servicios ul li.c{background: url(/img/bg_servicios03.jpg) no-repeat center top}
.servicios ul li.d{background: url(/img/bg_servicios04.jpg) no-repeat center top}
.servicios ul li.e{background: url(/img/bg_servicios05.jpg) no-repeat center top}
.servicios ul li.f{background: url(/img/bg_servicios06.jpg) no-repeat center top}
.servicios ul li.g{background: url(/img/bg_servicios07.jpg) no-repeat center top}
.servicios ul li.h{background: url(/img/bg_servicios08.jpg) no-repeat center top}
.servicios ul li.i{background: url(/img/bg_servicios09.jpg) no-repeat center top}

/* Proyectos */
.proyectos section.main{padding: 50px 0}
.proyectsSize{
    width: 80%;
    margin: auto;
}
.proyectos p{margin-bottom: 50px}
.proyectos .mainMenu a,
.menuProy{
    background-position: -340px 1px;
    padding: 0 0 0 30px;
}
.proyectoInt h1{margin-top: 45px}
.proyectoInt .desarrollos{margin-bottom: 50px} 
.proyectoInt .desarrollos li .galeriaDe{
    width: 165px;
    height: 30px;
    background-position: 130px -70px;
    padding: 0 20px 0 0;
    font-size: 1.2em;
    line-height: 30px;
}
.proyectoInt .desarrollos li .galeriaDe.idiomaIta{background-position: 150px -70px;}
.proyectoInt .desarrollos li .galeriaDe.idiomaEng{background-position: 100px -70px;}
.proyectoInt .desarrollos li .mask img{width: 100%}
.proyectoInt .gal .texto li + li{margin-top: 5px}

/* Respaldo */
.respaldo{
    background: url('/img/bg_respaldo.jpg') no-repeat center top;
    padding-top:130px;
}
.respaldo ul.car li{
    font-size: 1.6em;
    line-height: 1.7em;
}
.slickCar{width: 100%}
.slickCar li{width: 33.33%}
.slickCar img{
    width: 95%;
    margin: auto;
}
.slickCarSection .verTodos{
    width: 430px;
    height: 43px;
    background-position: 390px 0;
    margin-right: 50px;
    font-size: 2.5em;
    line-height: 43px;
}
.slickCarSection .verTodos.idiomaIngles{
    width: 290px;
    background-position: 260px 0;    
}
.slickCarSection .verTodos.idiomaItaliano{
    width: 370px;
    background-position: 350px 0;    
}

/* Presentes */
.presentes section.main{
    padding: 90px 0 50px;
    background-image: url('/img/bg_presentes.jpg');
    background-repeat: no-repeat;
}
.presentes section.main ul li h2{
    width: 28%;
    height: 58px;
    font-size: 1.3em;
    line-height: 58px;
}
.presentes section.main ul li h2.idiomaIngles{
    height: 45px;
    margin-top: 10px;
    line-height: 1.2em;
}
.presentes section.main ul li.eua h2{
    height: 50px;
    font-size: 1.3em;
    line-height: 1.2em;
    margin-top: 10px;
}
.presentes section.main ul li.eua h2.idiomaItaEmi{
    width: 25%;
    height: 45px;
    margin-top: 10px;
    line-height: 1.2em;
}
.presentes section.main ul ul{
    width: 55%;
    list-style: outside;
}
.presentes section.main ul ul li + li{
    margin-top: 8px;
}
.presentes section.main ul ul li{
    font-size: .9em;
    line-height: 1.2em;
    text-transform: uppercase;
}

/* Conf&iacute;an */
.confian{
    height: 720px;
    background: url('/img/bg_confian.jpg') no-repeat center top;
}

/* =============================================================================
   Lightbox
   ========================================================================== */
/* Editables */
.lb-caption,
.lb-number{font-family:'helvetica_roman', sans-serif;font-weight: 400}

/* Preload images */
body:after {
  content: url(/img/lightbox/close.png) url(/img/lightbox/loading.gif) url(/img/lightbox/prev.png) url(/img/lightbox/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/img/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/img/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/img/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/img/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* =============================================================================
   ShadowBox
   ========================================================================== */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
#sb-overlay{position:relative;height:100%;width:100%}
#sb-wrapper{position:absolute;visibility:hidden;width:100px}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px}
#sb-body{position:relative;height:100%}
#sb-body-inner{position:absolute;height:100%;width:100%}
#sb-player.html{height:100%;overflow:auto}
#sb-body img{border:none}
#sb-loading{position:relative;height:100%}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center}
#sb-loading-inner span{background:url('/img/shadowbox/loading.gif') no-repeat;padding-left:34px;display:inline-block}
#sb-body,#sb-loading{background-color:#060606}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
#sb-title,#sb-title-inner{height:26px;line-height:26px}
#sb-title-inner{font-size:16px}
#sb-info,#sb-info-inner{height:20px;line-height:20px}
#sb-info-inner{font-size:12px}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
#sb-nav-close{background-image:url('/img/shadowbox/close.png')}
#sb-nav-next{background-image:url('/img/shadowbox/next.png')}
#sb-nav-previous{background-image:url('/img/shadowbox/previous.png')}
#sb-nav-play{background-image:url('/img/shadowbox/play.png')}
#sb-nav-pause{background-image:url('/img/shadowbox/pause.png')}
#sb-counter{float:left;width:45%}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff}
#sb-counter a.sb-counter-current{text-decoration:underline}
div.sb-message{font-size:12px;padding:10px;text-align:center}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline}

/* =============================================================================
   Devices
   ========================================================================== */
/* Moblie MIN */ @media only screen and (min-width :320px){
    .navMain{top: 0}
    
    /* Nosotros */
    .nosotros .main{width: 80%}
    .proyectos p{font-size: .9em}
    .proyectos .mainMenu a,
    .menuProy{
        width: 60%;
        height: 50px;        
        line-height: 1.3em;
    }
    .proyectoInt .gal .texto li{text-align: justify} 
    
    /* Firma */
    #footer .firma{
        position:absolute;
        width: 240px;
        left:50%;
        margin-left: -120px;
    }
}

/* Moblie */ @media only screen and (min-width :320px) and (max-width :767px){
    /* =========================================================================
       Spacing Helpers */
    .mptn,.mpvn,.mpan{padding-top:0!important}
    .mpts,.mpvs,.mpas{padding-top:5px!important}
    .mptm,.mpvm,.mpam{padding-top:10px!important}
    .mptl,.mpvl,.mpal{padding-top:20px!important}
    .mprn,.mphn,.mpan{padding-right:0!important}
    .mprs,.mphs,.mpas{padding-right:5px!important}
    .mprm,.mphm,.mpam{padding-right:10px!important}
    .mprl,.mphl,.mpal{padding-right:20px!important}
    .mpbn,.mpvn,.mpan{padding-bottom:0!important}
    .mpbs,.mpvs,.mpas{padding-bottom:5px!important}
    .mpbm,.mpvm,.mpam{padding-bottom:10px!important}
    .mpbl,.mpvl,.mpal{padding-bottom:20px!important}
    .mpln,.mphn,.mpan{padding-left:0!important}
    .mpls,.mphs,.mpas{padding-left:5px!important}
    .mplm,.mphm,.mpam{padding-left:10px!important}
    .mpll,.mphl,.mpal{padding-left:20px!important}
    .mmtn,.mmvn,.mman{margin-top:0!important}
    .mmts,.mmvs,.mmas{margin-top:5px!important}
    .mmtm,.mmvm,.mmam{margin-top:10px!important}
    .mmtl,.mmvl,.mmal{margin-top:20px!important}
    .mmrn,.mmhn,.mman{margin-right:0!important}
    .mmrs,.mmhs,.mmas{margin-right:5px!important}
    .mmrm,.mmhm,.mmam{margin-right:10px!important}
    .mmrl,.mmhl,.mmal{margin-right:20px!important}
    .mmbn,.mmvn,.mman{margin-bottom:0!important}
    .mmbs,.mmvs,.mmas{margin-bottom:5px!important}
    .mmbm,.mmvm,.mmam{margin-bottom:10px!important}
    .mmbl,.mmvl,.mmal{margin-bottom:20px!important}
    .mmln,.mmhn,.mman{margin-left:0!important}
    .mmls,.mmhs,.mmas{margin-left:5px!important}
    .mmlm,.mmhm,.mmam{margin-left:10px!important}
    .mmll,.mmhl,.mmal{margin-left:20px!important}
    .mmra,.mmha{margin-right:auto!important}
    .mmla,.mmha{margin-left:auto!important}

    /* =========================================================================
        Border Helpers
    b = border
    a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
    s,d,dd = solid,dotted,dashed
    bw,bk,bg = white, black, grey */

    .mbw{border-color:#fff}
    .mbk{border-color:#000}
    .mbg{border-color:#ccc}

    .mbas,.mbts,.mbrs,.mbbs,.mbls,.mbhs,.mbvs{border-style:solid}
    .mbad,.mbtd,.mbrd,.mbbd,.mbld,.mbhd,.mbvd{border-style:dotted}
    .mbadd,.mbtdd,.mbrdd,.mbbdd,.mbldd,.mbhdd,.mbvdd{border-style:dashed}

    .mbas,.mbad,.mbadd{border-width:1px}
    .mbts,.mbtd,.mbtdd{border-width:1px 0 0}
    .mbrs,.mbrd,.mbrdd{border-width:0 1px 0 0}
    .mbbs,.mbbd,.mbbdd{border-width:0 0 1px}
    .mbls,.mbld,.mbldd{border-width:0 0 0 1px}
    .mbhs,.mbhd,.mbhdd{border-width:0 1px}
    .mbvs,.mbvd,.mbvdd{border-width:1px 0}

    .mban{border:none!important}
    .mbtn{border-top:none!important}
    .mbrn{border-right:none!important}
    .mbbn{border-bottom:none!important}
    .mbln{border-left:none!important}
    .mbhn{border-right:none!important;border-left:none!important}
    .mbvn{border-top:none!important;border-bottom:none!important}

    /* Useful Classes */
    .mClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
    .mClearfix{display:inline-block}
    * html .mClearfix{height:1%}
    .mClearfix{display:block}

    .hm{display:none !important}
    .sm{display:block !important}

    .mpRel{position:relative}
    .mpAbs{position:absolute}
    .mDisplayBlock{display:block}
    .mDisplayNone{display:none}
    .mNoBackground{background:none!important}
    .mUnstyled,
    .mHorizontal{list-style:none!important}
    .mFloatLeft,
    .mHorizontal li{float:left!important}
    .mFloatRight{float:right!important}
    .mFloatNone,
    .mUnstyled li{float:none!important}
    .mIndentedText{text-indent:-9999px}
    .mClear{clear:both}
    .mAutoWidth{width:auto!important}
    .mAutoHeight{height:auto!important}

    .mAlignCenter{text-align:center}
    .mAlignRight{text-align:right}
    .mAlignLeft{text-align:left}
    .mAlignJustify{text-align:justify}

    /* =========================================================================
       Header/Footer
       ====================================================================== */
    #footer{
        height: 310px;
        padding: 30px 20px 0;
    }
    #footer p{
        font-size: 1em;
        line-height: 1.5em!important;
    }
    #footer .firma{
        margin-top: 60px;
    }

    /* =========================================================================
       Nav
       ====================================================================== */
    .idiomas{width: 150px}
    .idiomas li + li{margin-right: 20px}    
    .navMain ul{width: 300px}
    .navMain li + li{margin-left: auto}
    .navMain li a{
        height: 40px;
        line-height: 40px;
    }

    /* =========================================================================
       Primary Styles
       ====================================================================== */
    h1,.hUno,h2,.hDos{font-size: 2.4em}

    /* Slider */
    .slickTop,.slickTop li,.slickCar li{width: 100%}
    .sliderTop,.slickTop,.slickTop li{height: 195px}
    .slickTop{
        position: absolute;
        width: 320px;
        background-color: #a4cbee;
        margin: 0 0 0 -160px;
        left: 50%;
    }
    .slickTop li img{
        position: absolute;
        width: 990px;
        margin: 0 0 0 -525px;
        left: 50%;
    }
    
    /* Nosotros */
    .nosotros .main{padding-top: 20px}
    .nosotros .main p{font-size: .95em}
    .nosotros .main p.mainText{margin-bottom: 30px}
    .nosotros .main ul{margin-bottom: 50px}
    .nosotros .main li img{width: 100%}
    .nosotros .main ul h2{
        width: 100%;
        margin: 40px 0 5px;
        color:#aeaeae;
        font-size: 1.6em;
    }
    .nosotros .main ul p{width: 100%}
    
    /* Servicios */
    .servicios h2 + p{font-size: 1.2em}
    .servicios ul li.a,
    .servicios ul li.b{height: 260px}
    
    .servicios ul li.c,
    .servicios ul li.d,
    .servicios ul li.f{height: 230px}
    
    .slick-prev{left:0}
    .slick-next{right:0}
    
    /* Proyectos */
    .proyectos .mainMenu,
    .proyectos .mainMenu img{width: 300px}
    .proyectos .mainMenu a,
    .menuProy{margin:30px auto 5px}
    .proyectoInt section > p {
        line-height: 1em;
        width: 90%;
        margin: 10px auto 0;
        font-size: 1.7em;
    }
    .proyectoInt section.main img{width: 90%}
    .proyectoInt .desarrollos{margin-top: 50px}
    .proyectoInt .desarrollos > li{padding: 0 15px}
    .proyectoInt .desarrollos h2{font-size: 1.4em}
    .proyectoInt .desarrollos p{
        font-size: 1em;
        line-height: 1.3em;
        text-align: justify;
    }
    .proyectoInt .desarrollos > li + li{
        padding-top: 40px;
        border-top: 2px solid #eee;
        margin-top: 20px;
    }
    .proyectoInt .desarrollos li .mask{
        margin: 20px 0 0;
        width: 100%;
        height: 195px;
    }
    .proyectoInt .desarrollos .videos,
    .proyectoInt .desarrollos .videos li,
    .proyectoInt .desarrollos .videos a,
    .proyectoInt .desarrollos .videos .mask{
        width: 98%;
        margin: auto;
    }
    .proyectoInt .desarrollos .videos a,
    .proyectoInt .desarrollos .videos .mask{
        height: 180px;
    }
    .proyectoInt .desarrollos .videos .mask{border: 2px solid #fff}
    .proyectoInt .desarrollos .videos .mask:hover{border-color:#ccc}
    .proyectoInt .desarrollos .videos img{height: 100%}
    .proyectoInt .desarrollos .videos p{
        font-size: 1.2em;
        line-height: 1.2em;
        margin: 5px 0 20px 0;
        text-align: center;
        color:#333;
    }
    
    /* Presentes */
    .presentes section.main{
        background: none;
        padding: 30px 0;
    }
    .presentes section.main .pais + .pais{
        margin: 15px 0 0; 
    }
    .presentes section.main .pais{
        clear: both;
        width:100%;
    }
    .presentes section.main ul li h2{
        width: 80%;
        height: 58px;
        font-size: 1.6em;
        line-height: 58px;
    }
    .presentes section.main ul li.eua h2{
        width: 80%!important;
        line-height: 1.2em;
        margin-top: 15px;
    }
    .presentes section.main ul ul {
        width: 75%;
        margin: 0 auto !important;
        float: none;
        clear: both;
    }

    /* Confian */
    #confian{
        height:330px;
        background-size: 350%;
    }
    #confian .t{
        width: 170px;
        height: 44px;
        background-position: 171px 38px;
        padding-top: 40px;
        padding-right: 20px;
        font-size: 2.1em;
    }
    #confian .m{
        width: 90%;
        height: 210px;
        margin: 20px auto 0;
    }

    /* Respaldo */
    .respaldo{
        height:350px;
        padding-top: 40px;
        background-size: 350%;
    }
    .respaldo ul.car li{
        font-size: 1em;
        line-height: 2em;
    }
    .contacto .slickCarSection,
    .proyectoInt .slickCarSection{margin-top: 40px}
    .slickCarSection .verTodos{
        width: 250px;
        font-size: 1.5em;
        border: 1px solid #666;
        -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
        background-color: #eee;
    }
    
    /* Contacto */
    .contacto .main > div {padding: 30px 0 50px}
    .contacto p{line-height: 1.2em!important}
    .contacto iframe,
    .contacto section img{
        width: 90%;
        margin: auto;
    }
    .contacto iframe{height: 400px}
    
    /* =========================================================================
       Layout
       ====================================================================== */
    .wrap,.mWrap{width:290px;margin:auto}
    .mWrapFull{width:320px!important;margin:auto}
    .mFull{width:100%!important}
}

/* iPhone 6 Portrait */ @media only screen and (min-width :375px) and (max-width :767px){
    .navMain ul{width: 340px}

    .slickTop,.slickTop li,.slickCar li{width: 100%}
    .sliderTop,.slickTop,.slickTop li{height: 195px}
    .slickTop{
        position: absolute;
        width: 375px;
        background-color: #a4cbee;
        margin: 0 0 0 -187px;
        left: 50%;
    }
    .slickTop li img{
        position: absolute;
        width: 990px;
        margin: 0 0 0 -525px;
        left: 50%;
    }
    .respaldo ul.car{padding-bottom: 60px}
    
    .proyectoInt .desarrollos .videos a,
    .proyectoInt .desarrollos .videos .mask{
        height: 220px;
    }
}
/* iPhone 6 Landscape */ @media only screen and (min-width :650px) and (max-width :767px){
    .navMain ul{width: 340px}
    #footer{height: 260px}

    .slickTop,.slickTop li,.slickCar li{width: 100%}
    .sliderTop,.slickTop,.slickTop li{height: 236px}
    .slickCarSection{padding-top: 15px;}
    .slickTop{
        position: absolute;
        width: 667px;
        background-color: #a4cbee;
        margin: 0 0 0 -334px;
        left: 50%;
    }
    .slickTop li img{
        position: absolute;
        width: 1200px;
        margin: 0 0 0 -600px;
        left: 50%;
    }
    .respaldo ul.car{padding-bottom: 60px}
    #confian{background-size: 210%}
    
    .proyectos .mainMenu, .proyectos .mainMenu img{width: 500px}
    .proyectos .mainMenu a, .menuProy{height: 30px}
    
    .proyectoInt .desarrollos .videos a,
    .proyectoInt .desarrollos .videos .mask{
        height: 380px;
    }
}

/* iPads MIN (portrait and landscape) */ @media only screen and (min-device-width :768px){
    .logoHeader,
    .logoHeader a,
    .logoHeader img{
        width: 200px;
    }
    
    /* Nosotros */    
    .nosotros .main{padding-top: 40px}
    .nosotros .main p.mainText{margin-bottom: 40px}
    
    /* Proyectos */    
    .proyectos p{font-size: 1.15em}
    .proyectos .mainMenu a,
    .menuProy{
        height: 30px;     
        font-size: 1.3em;   
        line-height: 30px;
    }
    .presentes section.main{
        background-position: center 100px;
        background-size: contain;
    }
    
    .proyectoInt .desarrollos .videos li + li{margin-left: 20px}
    .proyectoInt .desarrollos .videos li,
    .proyectoInt .desarrollos .videos a,
    .proyectoInt .desarrollos .videos .mask{
        width: 146px;
    }
    .proyectoInt .desarrollos .videos a,
    .proyectoInt .desarrollos .videos .mask{
        height: 96px;
    }
    .proyectoInt .desarrollos .videos .mask{border: 2px solid #fff}
    .proyectoInt .desarrollos .videos .mask:hover{border-color:#ccc}
    .proyectoInt .desarrollos .videos img{height: 100%}
    .proyectoInt .desarrollos .videos p{
        font-size: 1em;
        line-height: 1.2em;
        margin: 5px 0 20px 0;
        text-align: center;
    }
    #confian .t{
        width: 220px;
        height: 43px;
        padding-right: 22px;
        line-height: 43px;
    }
}

/* iPads (portrait and landscape) */ @media only screen and (min-device-width :768px) and (max-device-width :1024px){
    
    /* =========================================================================
        Spacing Helpers */
    .tptn,.tpvn,.tpan{padding-top:0!important}
    .tpts,.tpvs,.tpas{padding-top:5px!important}
    .tptm,.tpvm,.tpam{padding-top:10px!important}
    .tptl,.tpvl,.tpal{padding-top:20px!important}
    .tprn,.tphn,.tpan{padding-right:0!important}
    .tprs,.tphs,.tpas{padding-right:5px!important}
    .tprm,.tphm,.tpam{padding-right:10px!important}
    .tprl,.tphl,.tpal{padding-right:20px!important}
    .tpbn,.tpvn,.tpan{padding-bottom:0!important}
    .tpbs,.tpvs,.tpas{padding-bottom:5px!important}
    .tpbm,.tpvm,.tpam{padding-bottom:10px!important}
    .tpbl,.tpvl,.tpal{padding-bottom:20px!important}
    .tpln,.tphn,.tpan{padding-left:0!important}
    .tpls,.tphs,.tpas{padding-left:5px!important}
    .tplm,.tphm,.tpam{padding-left:10px!important}
    .tpll,.tphl,.tpal{padding-left:20px!important}
    .tmtn,.tmvn,.tman{margin-top:0!important}
    .tmts,.tmvs,.tmas{margin-top:5px!important}
    .tmtm,.tmvm,.tmam{margin-top:10px!important}
    .tmtl,.tmvl,.tmal{margin-top:20px!important}
    .tmrn,.tmhn,.tman{margin-right:0!important}
    .tmrs,.tmhs,.tmas{margin-right:5px!important}
    .tmrm,.tmhm,.tmam{margin-right:10px!important}
    .tmrl,.tmhl,.tmal{margin-right:20px!important}
    .tmbn,.tmvn,.tman{margin-bottom:0!important}
    .tmbs,.tmvs,.tmas{margin-bottom:5px!important}
    .tmbm,.tmvm,.tmam{margin-bottom:10px!important}
    .tmbl,.tmvl,.tmal{margin-bottom:20px!important}
    .tmln,.tmhn,.tman{margin-left:0!important}
    .tmls,.tmhs,.tmas{margin-left:5px!important}
    .tmlm,.tmhm,.tmam{margin-left:10px!important}
    .tmll,.tmhl,.tmal{margin-left:20px!important}
    .tmra,.tmha{margin-right:auto!important}
    .tmla,.tmha{margin-left:auto!important}

    /* =========================================================================
       Border Helpers
       ========================================================================= 
    b = border
    a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
    s,d,dd = solid,dotted,dashed
    bw,bk,bg = white,black,grey
    */

    .bw{border-color:#fff}
    .bk{border-color:#000}
    .bg{border-color:#ccc}

    .tbas,.tbts,.tbrs,.tbbs,.tbls,.tbhs,.tbvs{border-style:solid}
    .tbad,.tbtd,.tbrd,.tbbd,.tbld,.tbhd,.tbvd{border-style:dotted}
    .tbadd,.tbtdd,.tbrdd,.tbbdd,.tbldd,.tbhdd,.tbvdd{border-style:dashed}

    .tbas,.tbad,.tbadd{border-width:1px}
    .tbts,.tbtd,.tbtdd{border-width:1px 0 0}
    .tbrs,.tbrd,.tbrdd{border-width:0 1px 0 0}
    .tbbs,.tbbd,.tbbdd{border-width:0 0 1px}
    .tbls,.tbld,.tbldd{border-width:0 0 0 1px}
    .tbhs,.tbhd,.tbhdd{border-width:0 1px}
    .tbvs,.tbvd,.tbvdd{border-width:1px 0}

    .tban{border:none!important}
    .tbtn{border-top:none!important}
    .tbrn{border-right:none!important}
    .tbbn{border-bottom:none!important}
    .tbln{border-left:none!important}
    .tbhn{border-right:none!important;border-left:none!important}
    .tbvn{border-top:none!important;border-bottom:none!important}

    /* =========================================================================
        Useful Classes */
    .tClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .tClearfix{display:inline-block}* html .tClearfix{height:1%}
    .tClearfix{display:block}

    .ht{display:none !important}
    .st{display:block !important}

    .tpRel{position:relative}
    .tpAbs{position:absolute}
    .tDisplayBlock{display:block}
    .tDisplayNone{display:none}
    .tNoBackground{background:none!important}
    .tFloatLeft{float:left!important}
    .tFloatRight{float:right!important}
    .tFloatNone{float:none!important}
    .tIndentedText{text-indent:-9999px}
    .tClear{clear:both}
    .tAlignCenter{text-align:center}
    .tAutoWidth{width:auto!important}
    .tAutoHeight{height:auto!important}

    /* =========================================================================
       Header/Footer
       ====================================================================== */    
    .idiomas{margin:-47px 20px 0 0}
    #footer{height: 320px}
    #footer .firma{margin-top: 80px;}

    /* =========================================================================
       Nav
       ====================================================================== */    
    .navMain ul{width: 660px}
    .navMain li a{
        height: 50px;
        line-height: 50px;
    }

    /* =========================================================================
       Primary Styles
       ====================================================================== */
    h1,.hUno,h2,.hDos{font-size: 2.6em}

    /* Slider */
    .slickTop,.slickTop li,.slickCar li{width: 100%}
    .sliderTop,.slickTop,.slickTop li{height: 314px}
    .slickTop{
        position: absolute;
        width: 768px;
        background-color: #a4cbee;
        margin: 0 0 0 -384px;
        left: 50%;
    }
    .slickTop li img{
        position: absolute;
        width: 1600px;
        margin: 0 0 0 -800px;
        left: 50%;
    }
    
    /* Nosotros */    
    .nosotros .main p{font-size: 1em}
    .nosotros .main ul{margin-bottom: 50px}
    .nosotros .main li img{width: 100%}
    .nosotros .main ul h2{
        width: 30%;
        padding: 0 5%;
        color:#aeaeae;
        font-size: 1.6em;
    }
    .nosotros .main ul p{width: 60%}
    
    /* Servicios */
    .servicios{padding: 70px 0 50px}
    .servicios h2 + p{font-size: 1.2em}
    .servicios ul li.a,
    .servicios ul li.b{height: 330px}
    .servicios ul li.c,
    .servicios ul li.d{height: 270px}
    .servicios ul li.e,
    .servicios ul li.f{height: 410px}
    .servicios ul li p{
        font-size: 1em;
        line-height: 1.3em;
    }
    .slick-prev{left:0}
    .slick-next{right:0}
    
    /* Proyectos */
    .proyectos .mainMenu,
    .proyectos .mainMenu img{width: 600px}
    .proyectos .mainMenu a,
    .menuProy{margin:0 auto 10px}
    .proyectoInt section > p{margin-bottom: 45px}
    .proyectoInt section > img{width: 95%}
    .proyectoInt .desarrollos h2{font-size: 1.2em}
    .proyectoInt .desarrollos p{
        font-size: 1.05em;
        line-height: 1.4em;
    }
    .proyectoInt .desarrollos > li + li{padding-top: 50px}
    .proyectoInt .desarrollos li .gal{
        width: 60%;
        padding: 0 5% 0 0;
    }
    .proyectoInt .desarrollos .gal h2{font-size: 1.1em}
    .proyectoInt .desarrollos .gal h2 span{
        margin-bottom: 10px;
        font-size: 1.3em;
        line-height: 1.2em;
    }
    .proyectoInt .desarrollos li .mask{
        width: 40%;
        height: 175px;
    }

    /* Respaldo */
    .respaldo{
        padding-top: 80px;
        background-size: 190%;
    }
    .respaldo ul.car{padding-bottom: 170px}
    .respaldo ul.car li{font-size: 1.2em}
    .slickCarSection .verTodos {
        width: 320px;
        font-size: 1.8em;
        background-position: 290px 0;
    }
    
    /* Presentes */
    .presentes section.main ul li h2{width: 65%}
    .presentes section.main ul ul {
        width: 90%;
        list-style: outside;
        clear: both;
        float: none;
        margin: 0 auto !important;
        padding: 0 0 0 23px;
    }
    .presentes section.main .pais{margin-top: 20px;}
    .presentes section.main ul ul li + li{
        margin-top: 8px;
    }
    .presentes section.main ul ul li{
        font-size: .9em;
        line-height: 1.2em;
        text-transform: uppercase;
    }

    /* Conf&iacute;an */
    .confian{
        height: 490px;
        background-size: 220%;
    }
    #confian .t{
        width: 220px;
        height: 43px;
        background-position: 220px 72px;
        padding-top: 70px;
        padding-right: 22px;
        font-size: 2.7em;
        line-height: 43px;
    }
    #confian .m{
        width: 90%;
        height: 330px;
        margin: 20px auto 0;
    }
    
    /* Contacto */
    .contacto .main > div{padding: 50px 0}
    .contacto iframe,
    .contacto section img{
        width: 90%;
        margin: auto;
    }
    .contacto .slickCarSection{padding-top: 50px}
    
    /* =========================================================================
       Layout
       ====================================================================== */
    .wrap,.tWrap{width:728px;margin:auto}
    .tWrapFull{width:768px;margin:auto}
    .tFull{width:100%}
}

/* Laptops MIN */ @media only screen and (min-width :1025px){
    #header,
    #header .container{
        height: 74px;
    }
    #header{
        position:fixed;
        right:0;
        left:0;
        z-index:1000;
    }
    #header.topper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&amp;0.5+0,0.5+100 */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(1%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */
    }
    :root .topper{filter:none \0/IE9}

    #main,#footer{top: 74px}
    #header .container{padding: 0!important}

    .logoHeader{
        z-index: 1;
        top: 5px;
    }
    .navMain{
        top: -30px;
        right:120px;
    }
    .topper .navMain a{color:#fff}
    .topper .navMain a:hover{text-shadow: 0 0 5px #333}

    /*    .topper .idiomas{margin-top: -40px}*/
    .idiomas{margin-top: -40px}

    /* Slick Top */
    .sliderTop,
    .slickTop{height: 557px}
    .slickTop,
    .slickTop li{width: 100%}
    .slickTop{
        position: absolute;
        width: 2835px;
        background-color: #a4cbee;
        margin: 0 0 0 -1417px;
        left: 50%;
    }

    /* Nosotros */
    .nosotros .main{width: 60%}
    .nosotros .main p{font-size: 1.15em}
    .nosotros .main ul{margin-bottom: 50px}
    .nosotros .main li img{width: 100%}
    .nosotros .main ul h2{
        width: 20%;
        padding: 0 5%;
        color:#aeaeae;
        font-size: 1.6em;
    }
    .nosotros .main ul p{width: 70%}

    /* Confian */
    #confian .t{
        background-position: 220px 130px;
        padding-top: 130px;
        font-size: 2.5em;
    }    
    #confian .t.idiomaIngles,
    #confian .t.idiomaItaliano{
        width: 160px;
        background-position: 160px 130px;
    }
    #confian .m{
        width: 90%;
        height: 500px;
        margin: 20px auto 0;
    }

    /* Proyectos */
    .proyectsSize{width: 60%}
    .proyectos .mainMenu,
    .proyectos .mainMenu img{width: 1000px}
    .proyectos .mainMenu a,
    .menuProy{
        width: 40%;        
        margin: auto;
        font-size: 1.4em;
    }
    .proyectoInt .menuProy{width: 300px}
    .menuProy.idiomaEng{width: 320px}
    .proyectoInt section > p{margin-bottom: 45px}
    .proyectoInt .desarrollos p,
    .proyectoInt .desarrollos .texto li{
        font-size: 1.25em;
        line-height: 1.3em;
    }
    .proyectoInt .desarrollos > li{padding: 90px 0 0}
    .proyectoInt .desarrollos li .gal{
        width: 60%;
        padding: 0 5% 0 0;
    }
    .proyectoInt .desarrollos .gal h2{font-size: 1.8em}
    .proyectoInt .desarrollos li .mask{
        width: 40%;
        height: 290px;
    }

    /* Resplado */
    .respaldo ul.car{padding-bottom: 350px}

    /* Presentes */
    .presentes section.main{
        background-position: center 200px;
    }

    /* Contacto */
    .contacto .main > div{padding: 40px 0 30px}
    .contacto .main > div p,
    .contacto .main > div a{font-size: 1.4em}
    .contacto img{margin-bottom: 60px}
    
    .firma{
        position: absolute;
        right:20px;
        bottom:20px;
        left: auto!important;
        margin: auto;
    }
}

/* iMac 27 */ @media only screen and (min-width :2500px){
    .nosotros .main{
        width: 40%;
        padding-top: 40px;
    }
    #social,
    #social li img{width: 200px}    
    #social{padding-top: 40px}
}