/********************************	FUJIYAMALIGHT	********************************************/
@font-face {
    font-family: 'fujiyamalightregular';
    src: url('fuji/fujilitn-webfont.eot');
    src: url('fuji/fujilitn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuji/fujilitn-webfont.woff') format('woff'),
         url('fuji/fujilitn-webfont.ttf') format('truetype'),
         url('fuji/fujilitn-webfont.svg#fujiyamalightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/********************************	OPEN SANS	********************************************/
@font-face {
    font-family: 'open_sansregular';
    src: url('open/opensans-regular-webfont.eot');
    src: url('open/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open/opensans-regular-webfont.woff') format('woff'),
         url('open/opensans-regular-webfont.ttf') format('truetype'),
         url('open/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/****************************************************************************/
*{
	list-style: none;
	color: inherit;
	text-decoration: none !important;
	font-style: normal;
	border: none;
	outline: nonE;
}
::-moz-selection{ background: #caae1c; color: #fff; }
::selection { background: #caae1c; color: #fff; }
body{}
p,
.follow span,
.fspan,
.menu-sup li a,
.nav-inf li a{
    font-family: 'open_sansregular';
}
.break{
    clear: both;
}
.container{
    width: 1024px;
    position: relative;
}
header .container{
    padding: 0 0 0 7px;
    z-index: 1;
}
.logo{
    display: none;
}
.logotipo{
    margin: 13px 0 0;
}

.menu-extra{ padding: 8px 10px 11px;position:absolute;right:470px;}
.menu-extra li{ display:inline-block; }
.menu-extra li a{ display:inline-block;color:#2C3753;font-size:14px;   font-family: 'open_sansregular';border-right: 1px solid #B5C2CB;}
.menu-extra li:last-child a{  border: none;}

.menu-sup{
    padding: 8px 10px 11px;
    background: #2C3753;
    position: absolute;
    top: 0;
    right: 189px;
    border-radius: 0 0 8px 8px;
}
.icon{
    background-image: url(../img/icons/icons.png);
    background-repeat: no-repeat;
}
.menu-sup li{
    float: left;
    padding: 1px 0 1px 25px;
    background-position: 0 2px;
    line-height: 1;
    margin: 0 5px;
}
.ngnj{
    background-position: 0 -18px !important;
}
.menu-sup li:last-child{
    margin: 0 0 0 5px;
}
.menu-sup li a {
    color: #B5C2CB;
    font-size: 11px;
    padding: 0 7px 0 0;
    border-right: 1px solid #B5C2CB;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
}
.menu-sup li:last-child a{
    border: none;
}
.menu-sup li a:hover{
    color: #fff;
    text-decoration: underline !important;
}
.follow{
    position: absolute;
    right: 22px;
    top: 27px;
}
.follow span{
    font-size: 11px;
    line-height: 3.5;
}
.fb{
    width: 37px;
    height: 37px;
    display: block;
    float: right;
    background-position: 0 -44px;
    margin: 0 0 0 5px;
}
.fb:hover{
    background-position: 0 -94px;
}

footer{
    width: 100%;
    position: relative;
    background: #2B3753;
}
.nav-inf{
    width: 100%;
    background: #E8EAF0;    
    padding: 6px 0 7px;
    margin: 0;
}
.nav-inf li{
    float: left;
    margin: 0 0 0 6px;
}
.nav-inf li a{
    color: #4E6498;
    font-size: 11px;
    padding: 9px 12px;
}
.nav-inf li a:hover,
.nav-inf li.active a{
    background: #2B3753;
    color: #fff;
}
footer > .container{
    padding: 50px 0 25px;
}
.logf{
    margin: 0 0 10px;
}
footer p{
    font-size: 14px;
    color: #E8EAF0;
    margin: 0 0 3px;
}
footer span{
    color: #18BDF3;
}
.data{
    text-align: right;
}
.phone{
    position: relative;
    height: 90px;
}
.phone div{
    position: absolute;
    bottom: 0;
}
.phone p{
    font-family: 'fujiyamalightregular';
    font-size: 18px;
    letter-spacing: 0.02em;
}
.followf{
    top: 0;
}
.followf span,
.fspan{
    color: #E8EAF0;
}
.fspan{
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 15px;
}
.fspan img{
    margin: 0 0 4px;
}
.fbf{
    background-position: left bottom;
}
.fbf:hover{
    background-position: 0 -44px;
}

/*PORTADA*/
.lock-slide{
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
}
.bg-all{
    background-image: url(../img/bg.jpg);
    background-repeat: repeat-x;
    width: 100%;
    position: relative;
    top: -38px;
    padding: 39px 0 0;
}
.welcome{
    padding: 0 0 30px;
}
.ph1{
    color: #2B3753;
    font-size: 33px;
    font-family: 'fujiyamalightregular';
    font-weight: bold;
    margin: 0;
    text-align: center;
}
.welcome h1{
    color: #D3BC44;
    margin: 29px 0 18px;
}
.welcome p{
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    padding: 0 20px;
}
.servh{
    position: relative;
    z-index: 1;
    width: 225px;
    height: 225px;
    margin: 20px auto 0;
    border-radius: 100%;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
}
  .servh1{background: #1c2437;}
  .servh2{background: #d6a001;}
  .servh3{background: #858781;}
  
.servh > i{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 186px;
    height: 186px;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.servh,
.servh > i{
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
}
.servh:hover{
    /* background: #0082A8; */
}
.servh:hover,
.servh:hover  .serv,
.servh > i:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.serv1{ background-image: url(../img/qh/dd.png);    background-color: #2B3753 }
.serv2{ background-image: url(../img/qh/tt.png); background-color: #ECB002;}
.serv3{ background-image: url(../img/qh/cc.png); background-color: #A7A9A4;}
.servs{}
.servs h3{
    color: #8495AE;
    font-size: 25px;
    font-family: 'fujiyamalightregular';
    margin: 29px 0;
    line-height: 0.9;
}
.servs h1{
    margin: -10px 0 2px;
}
.pdg{
    padding: 0 70px;
}
.h1up{
    margin: 38px 0 12px;
}
.full-width{
    width: 100%;
    background: #EAEBF0;
    padding: 25px 0;
}
.full-width p{
    color: #2B3753;
    font-size: 13px;
    line-height: 1.5;
    margin: 7px 0 0;
}
.hpost{
    text-align: left;
    padding: 0 0 0 15px;
    margin: 30px 0 15px;
    font-size: 28px;
    float: left;
}
.posts{ margin: 0 auto ;}
.publicacion h5{ font-size:20px;color:#2B3753;margin:17px 0 5px;line-height:1.4;}
.publicacion img{height:208px; width:100%;}
.publicacion span img{height:auto;width:auto; padding-right:6px;}


.post1{}
.post1 li div img{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    border: 1px solid #d6d6d6;
    padding: 5px;
}
.post1 li div{
    width: 260px;
    height: 180px;
    padding: 0;
    position: relative;
}
.post1 p{
    font-size: 14px;
    color: #333;
    letter-spacing: -0.01em;
    line-height: 1.3;
}
.post1 h5{
    font-family: 'fujiyamalightregular';
    font-size: 20px;
    color: #2B3753;
    line-height: 1;
    margin: 0 0 10px;
}
.post1 article{
    float: right;
    padding: 0;
}
.aviso{
    float: right;
}
.tags{
    width: 960px;
    border-top: 1px dashed #999;
    padding: 10px 0 0;
    margin: 0 auto 15px;
}
.tags p{
    font-size: 12px;
    color: #999;
    line-height: 1.2;
    margin: 0;
}

/*EMPRESA*/

.empresa{
    background: #FFF;
    border-radius: 12px;
    margin: 29px auto 0;
    padding: 43px 85px;
}
.empresa #banner{width: 100%;margin:20px auto;position:relative;}
.empresa .slide ul.slide-navs li {display:none;}
.empresa .slide{width: 100%;}
.empresa .pb{padding-bottom:30px;}

    .empresa h1{font-size: 30px;margin: 0 0 17px;}
    .empresa p{
        line-height: 1.4;
        text-align:justify;
    }
    .empresa img{
        display: initial;
        margin: 30px 0;
    }
    .mivi h1{
        text-align: inherit;
        padding: 0 0 10px;
        margin: 0 0 10px;
        border-bottom: 1px dashed #999;
    }
    .mivi p{
        font-size: 13px;
    }

/*Videos */
.abs{ position:absolute;top:0;left:0; }
.img-responsive {display: inline-block;}
.img-responsive {display: block;width: 100% \9;max-width: 100%;height: auto;}
 .ico_video {width: 100%;height: 100%;background-image: url(../../img/video.png);background-position: center;background-repeat: no-repeat;}/* icono de video */
#videos   { min-height:328px;}
#videos  .lleva-video { }
#videos  .fondores { background-color: #f7f7f7; position: relative; min-height:250px;}
#videos  .fondores figure{ min-height:250px;}
#videos  .fondores figure img{ height:265px;margin:0;}

/**videos/

    
/*SERVCIOS*/
.servi table{width:100% !important;}
.servi ul{padding:0;}
.dserv{
    min-height:360px;
    background: #E9EAEF;
    position: relative;
    top: -144px;
    margin-bottom: -144px;
    padding: 147px 15px 0;
    border-radius: 10px;
}
    .dserv h3{
        margin: 29px 0 13px;
    }
    .dserv p{
        min-height:72px;
        font-size: 14px;
        text-align: justify;
    }
    .dserv ul{
        padding: 0;
    }
    .dserv ul li{
        font-family: 'fujiyamalightregular';
        font-size: 18px;
        font-weight: bold;
    }
    .dserv img{
        margin: 30px 0 25px;
    }
    .pdl0{
        padding-left: 0;
    }
    .pdr0{
        padding-right: 0;
        float: right;
    }

/*premios */
.premio .project{margin:0}
.premio .pbb{padding-bottom:70px;}
    
/*CLIENTES*/
.clientes{}
    .clientes .empresa{
        padding: 43px 55px;
        display: inline-block;
    }
    .cliente{
        height: 230px;
        border-bottom: 1px dashed #bfbfbf;
        margin: 25px 0 0;
    }
    .cliente div{
        height: 140px;
        position: relative;
    }
    .cliente div img{
        max-width: 90%;
        max-height: 130px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .cliente p{
        font-size: 13px;
        margin: 0 0 25px;
    }


/*PROYECTOS*/
.block-b{display:block;}
.fuji{font-family: 'fujiyamalightregular'}
.proy{ min-height:255px;}


.proyectos{ margin: 0;}
.proyectos h1{ font-size:25px;color:#2C3753;}
.proyectos h1 small{font-size: 28px;line-height:30px;margin: 0 0 17px;color:#2C3753}
.proyectos select {background: transparent;width: 100%;margin-left: 0;padding-left: 25px;color: #444;-webkit-appearance: menulist;    border: 1px solid #ccc;padding: 5px;border-radius:5px;}

.proyectos .mr-b{margin-bottom:12px ;}
.proyectos .pctg{text-align:right;padding:0;font-style: italic;}
.proyectos .empresa{width:100%;padding: 20px 40px 65px;display: inline-block;position: relative;z-index: 0;}
.proyectos blockquote{font-size:15px;padding:0;margin:0;border:0;margin-bottom:5px;color:#333;}
.proyectos blockquote a, .proyectos blockquote a:hover{color:#333;}
.project{ margin: 0 0 50px; }
.project h1{font-size:18px;color:#2B3753;margin:0;padding-right:60px;padding-bottom:12px;}
.project img{margin:0;width:100%;}
.project .datos{margin:12px 0 ;}

.project #banner {margin:0; height: 320px;}
.project #demo2 li{margin:0; left:0!important;right:0!important;top:0 !important;width:100%; background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center; }
.project .lock-slide {display:none;}
.project .slide {width: 100%;height: 320px;overflow:inherit;}
.project .slide ul.slide-navs li {display:none;}
.project .slide a.prev, .project .slide a.next {top:inherit;bottom:-50px;z-index:99999;width: 49px;height: 49px;}
.project .slide a.prev{left:0;}
.project .slide a.next{left:56px;}
.project .slide a.next{background-image: url(../../img/next.jpg);}
.project .slide a.prev{background-image: url(../../img/prev.jpg);}

.project:nth-child(2n+1){
    clear: both;
}
.project p{
    margin: 0 0 5px;
}
    .empresa .pdesc{
        margin: 0 0 0 10px;
        line-height: 3.3;
        float: left;
    }
    .menu-proyecto{
        overflow: hidden;
    }
    .menu-proyecto ul{
        width: auto;
        position: relative;
        left: 50%;
        float: left;
        padding: 0;
        margin: 25px 0;
    }
    .menu-proyecto ul li{
        font-family: 'open_sansregular';
        display: inline-block;
        line-height: 1;
        text-align: center;
        position: relative;
        right: 50%;
    }
    .menu-proyecto ul li a{        
        padding: 11px 15px;
        background: #eee;
        color: #113C5E;
        font-size: 13px;
        display: table-caption;
        text-transform: uppercase;
    }
    .menu-proyecto ul li.active a,
    .menu-proyecto ul li a:hover{
        color: #fff;
        background: #00A0D1;
    }
    .proyectos .ch-item{
        height: 249px;
        margin: 0 0 10px;
    }
    .proyectos .ch-item img{
        width: 100%;
        margin: 0;
        position: relative;
        z-index: -1;
    }

/*PUBLICACIONES*/
.publicaciones{}
    .publicaciones h1.ph1,
    .contacto h1.ph1{
        text-align: left;
    }
    .post{
        background: #ECEFF3;
        padding: 15px 0;
        overflow: auto;
        margin: 0 0 20px;
    }
    .publicaciones h3{
        margin: 0;
        font-family: 'fujiyamalightregular';
        color: #2B3753;
    }
    .publicaciones span{
        font-size: 13px;
        color: #00A0D1;
        font-family: 'open_sansregular';
        display: block;
        margin: 10px 0;
    }
    .publicaciones img{
        margin: 0;
    }
    .publicaciones p{
        font-size: 15px;
        color: #333;
        line-height: 1.5;
        text-align: justify;
        margin: 0 0 15px;
    }
    .publicaciones  .post a{
        background: #00A0D1;
        font-size: 20px;
        font-family: 'fujiyamalightregular';
        color: #fff;
        border-radius: 3px;
        padding: 3px 25px;
    }
    .publicaciones .post a:hover{
        background: #333;
    }


/*DETALLE*/
.detalle{}
    .detalle ul{
        padding: 0;
        margin: 15px 0 0;
    }
    .detalle ul li{
        padding: 0 40px;
        background-image: url(../img/icons/icon-pdf.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;        
    }
    .detalle ul li a{
        font-family: 'open_sansregular';
        line-height: 3;
    }
    .shared span{
        color: #333;
        font-size: 15px;
        float: left;
        line-height: 2.2;
        margin: 10px 5px 25px 0;
    }
    .dinfo{
        font-family: 'open_sansregular';
    }


/*CONTÁCTENOS*/
.contacto{}
    .contacto span{
        font-size: 25px;
        color: #2B3753;
        font-family: 'fujiyamalightregular';
        margin: 0 0 5px;
        display: block;
    }
    .contacto img{
        margin: 0;
    }
    .formulario p{
        text-align: right;
        line-height: 2;
        margin: 0;
    }
    .formulario span{
        display: inline-block;
        color: #f00;
        font-size: 15px;
        margin: 0 5px 0 0;
    }
    .formulario form input[type="text"],
    .formulario form input[type="email"],
    .formulario form input[type="tel"],
    .formulario form textarea{
        width: 100%;
        border: 1px solid #ccc;
        background: #f5f5f5;
        padding: 5px;
        line-height: 1;
        resize: none;
        font-family: 'open_sansregular';
        margin: 0 0 5px;
    }
    .formulario form input[type="submit"]{
        background: #00A0D1;
        color: #fff;
        font-style: italic;
        float: right;
        margin: 20px 15px 0 0;
        font-family: 'open_sansregular';
        font-size: 19px;
        padding: 5px 30px;
    }
    .formulario form input[type="submit"]:hover,
    .formulario form input[type="submit"]:focus{
        background: #333;
    }
    .girl p{
        color: #2B3753;
        font-size: 25px;
        font-family: 'fujiyamalightregular';
        letter-spacing: -0.03em;
        line-height: 1;
        font-weight: bold;
        margin: 15px 0 0;
    }
    .girl i{
        width: 100%;
        display: block;
        padding: 15px 10px 15px 30px;
        letter-spacing: -0.03em;
        margin: 25px 0 0;
        background-color: #00A0D1;
        background-image: url(../img/icons/indicador.jpg);
        background-position: 10px 12px;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 20px;
        border-radius: 10px;
        font-family: 'open_sansregular';
        font-style: italic;
        cursor: pointer;
    }
    /* POPUP */
    #gmap_canvas{
        width: 100%;
        height: 500px;
    }
    .overlay{
        background:transparent url(../img/icons/overlay.png) repeat top left;
        position:fixed;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        z-index:100;
    }
    .box{
        position:fixed;
        top:-2000%;
        left:15%;
        right:15%;
        background-color:#fff;
        color:#7F7F7F;
        padding:10px;
        border:2px solid #ccc;
        -moz-border-radius: 20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -moz-box-shadow: 0 1px 5px #333;
        -webkit-box-shadow: 0 1px 5px #333;
        z-index:110;
    }
    a.boxclose{
        float:right;
        width:26px;
        height:26px;
        background:transparent url(../img/icons/cancel.png) repeat top left;
        margin-top:-5px;
        margin-right:-5px;
        cursor:pointer;
    }











/*MEDIA QUERIES*/

@media (max-width: 1040px){
    .container{
        width: 100%;
    }
    header .container{
        padding: 0 15px;
    }
    #banner{
        width: 100%;
    }
    .slide{
        width: 97%;
        left: 0;
        right: 0;
        margin: auto;
    }
    #dl-menu{
        right: 10px;
    }
    .menu li a{
        padding: 9px 16px 6px;
    }
    .tags{
        width: 93%;
    }
    .fspan{
        right: 20px;
    }
    .qsomos{
        margin: 0;
    }
}

@media (max-width: 991px){
    .pdr0, .pdl0{
        padding: 0 15px;
        text-align: left;
    }
}

@media (max-width: 990px){
    .logotipo{
        width: 80%;
    }
    .post1 li div{
        width: 50%;
    }
    .post1 article{
        padding: 0 0 0 15px;
    }
    .servh{
        width: 160px;
        height: 160px;
    }
    .servh > i{
        width: 122px;
        height: 122px;
        -webkit-background-size: 70px;
        background-size: 70px;
    }
}

@media (max-width: 950px){
    .logotipo{
        display: none;
    }
    .logo{
        margin: 15px 0 50px;
        display: block;
    }
}

@media (max-width: 920px){
    .aviso{
        width: 90%;
    }
}

@media (max-width: 860px){
    .logo{
        margin: 15px 0 60px;
    }
    .ch-item{
        height: 130px;
    }
    .posts{
        margin: 0 0 70px;
    }
    
    .project .slide {  height: 220px;}

}

@media (max-width: 767px){
  
  .bg-all {padding: 0;}
  
  .premio .pbb{padding-bottom:0;}
  .proyectos h1 {margin:20px 0 7px;}
  .proyectos blockquote {font-size: 14px;margin-bottom: 10px;}
  .proyectos .pctg{text-align:left;padding:0;margin-bottom:6px;}
  .project h1 {   margin: 0;padding-right:0;}
  
  
    header{
        padding: 0 15px;
    }
    header .container{
        padding: 0;
    }
    .menu-extra { right: 170px;}
    .menu-sup{
        display: none;
    }
    #dl-menu{
        position: absolute;
        right: 0;
        top: 60px;
    }
    #dl-menu button{
        right: -5px;
    }
    .follow{
        top: 5px;
        right: 0;
    }
    .welcome h1{
        margin: 20px 0 10px;
    }
    .welcome p{
        font-size: 14px;
    }
    .proy{ min-height:200px;}
    .proy:last-child{
        display: none;
    }
    .pnone{
        display: none;
    }
    .posts{
        margin: 0;
    }
    .skdslide,
    .post1 li{
        position: inherit !important;
    }
    .paviso{
        text-align: center;
    }
    .aviso{
        display: initial;
        width: inherit;
        float: none;
        margin: 30px 0 0;
    }
    footer .pull-right{
        float: none;
    }
    footer ul li{
        width: 100%;
    }
    footer ul li a{
        display: block;
    }
    .data{
        text-align: left;
    }
    .phone{
        height: auto;
    }
    .phone div{
        position: relative;
    }
    .followf{
        position: relative;
    }
    .fspan{
        left: 15px;
        position: relative;
        right: inherit;
        bottom: 0;
    }
    .followf span{
        display: none;
    }
    .fbf{
        float: left;
        margin: 5px 0 20px;
    }
    .mivi .col-xs-6{
        width: 100%;
        text-align: left;
        margin: 0 0 10px;
    }
    .empresa{
        padding: 43px 35px !important;
    }
    .dserv{
      min-height:120px;
        top: -20px;
        padding: 5px 15px;
        margin: 0 0 30px;
    }
    .dserv p {min-height: 42px;text-align: center;}
    .formulario .col-xs-12{
        margin: 0 -15px;
        float: left !important;
    }
    .formulario p{
        text-align: left;
    }
    .formulario form input[type="submit"]{
        margin: 20px 30px 0 0;
    }
    .girl img{
        display: none;
    }
    .box{
        left: 5%;
        right: 5%;
    }
    .lock-slide{
        display: block;
    }
    .pdg{
        padding: 0;
    }
    .servs h1 {
        margin: -10px 0 20px;
    }
}


@media (max-width: 620px){
    .post .col-xs-5,
    .post .col-xs-7,
    .detalle .col-xs-5,
    .detalle .col-xs-7{
        width: 100%;
    }
    .post img{
        margin: 0 0 10px;
    }
}
@media (max-width: 560px){

    /* .block-b{display:none !important;} */
    .menu-extra{right:120px;}
    .txt-slide{ display: none;  }
}

@media (max-width: 485px){
  .menu-extra span{display:none;}
}

@media (max-width: 420px){
    .proy{
        width: 100%;
        margin: 10px 0 20px;
        display: block !important;
    }
    .pnone{
        display: block;
    }
    .post1 li div,
    .post1 li article{
        width: 100%;
    }
    .post1 li article{
        padding: 0 0 0 5px;
        margin: 30px 0 0;
    }
    .aviso{
        width: 100%;
    }
    .skdslide{
        height: 400px;
        overflow: hidden;
    }
    .project{
        width: 100%;
    }
}