@charset "utf-8";

@font-face {
	font-family: Humnst777-Lt-BT-Clara;
	src: url('../fonts/Humnst777-Lt-BT-Clara.ttf');
}
/* CSS Document */

/* =Typography
--------------------------------------------------------------------------------------------------------*/
html, body {height:100%;overflow:hidden;}
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { 
    font: 13px "PT Sans", Arial, Helvetica, sans-serif; 
    color:#747474;
    background-size:contain !important;
}
/*.one-page body { background:url(../images/bg-html.png) repeat-y center #000; }*/
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { line-height:21px; padding:5px 0px 8px 0px; }
p.small {font-size:12px;}
p.big {font-size:18px; line-height:26px; padding-top:0}
p.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0 50px; clear:both }
p.blockquote.alignright {margin:10px 0 10px 30px; border:1px solid #cfcfcf; width:160px; padding:15px 20px 18px 20px; }
.blockquote span {font:11px "PT Sans", Arial, Helvetica, sans-serif;; color:#8d8d8d; padding-top:5px; display:block; font-style:normal }
a { color:#2d2d2d; text-decoration:none; }
a:hover { text-decoration:none; color:#747474; }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-right:5px; }
em { font-style: italic; }
i {font-style: normal !important }
/* End Typography
--------------------------------------------------------------------------------------------------------*/

#contenedor{
    float: left;
    /*margin-bottom: 80px;*/
    margin-left: 90px;
    margin-top: 50px;
    position: relative;
}

/* =Contenido
--------------------------------------------------------------------------------------------------------*/
#content{
    /*float: left;*/
    height: auto;
    margin: 0px auto;
    position: relative;
    width: 100%;
}
.col1-3 {
    float: left;
    margin: 10px 10px 10px 0px;
    width: 300px;
}
.form{
    margin-right: 0px !important;
    width: 510px;
}
.col1-3 .white {
    padding: 20px 30px;
    width: 240px;
}
.white {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    background-color: rgba(212, 241, 228, 0.5);
}
.form .white{
    width: 505px;
}
/* End Contenido
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1{
    font-family: Humnst777-Lt-BT-Clara;
}
h1#logo, h1#fin_menu { 
    /*position:relative;*/ 
    /*margin-bottom: 7px;*/ 
    /*height:auto;*/ 
    background:#ffc926;
    /*width: 100%;*/
}
h1#fin_menu{
    line-height: 42px;
    margin-left: 50%;
    width: 50%;
}
h1#logo a { 
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    /*height: 40px;*/
    letter-spacing: 9px;
    line-height: 42px;
    padding-right: 2%;
    text-align: right;
    text-indent: -9999px;
    /*width: 98%;*/
}
h2, h3, h4 { line-height:1.2; font-weight:bold; color:#2d2d2d; display:block }
h2 { font-size:48px; margin:0px 0px 19px 0px; padding-bottom:19px; padding-top:7px; border-bottom:1px solid #cfcfcf; }
h3 {font-size:24px; margin:0px 0px 14px 0px; padding-bottom:20px; padding-top:4px; border-bottom:1px solid #cfcfcf;}
h3 span {font-size:12px; margin:0; padding:0; padding-bottom:4px; text-transform:uppercase; display:block }
.col2-3 h3 {padding-top:14px; }
h4 {font-size:18px; padding:4px 0px 21px 0px; margin-bottom:14px; border-bottom:1px solid #cfcfcf; }
.col2-3 h4 {padding-top:14px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
/*#sidebar { width:280px; margin:0 0px 0 10px; margin-top:-1px; position:relative; display:block; float:right;}*/
#sidebar { 
    float: right;
    margin: 50px 0px 0 0px; 
    position: absolute; 
    display:block; 
    right: 0px;
    /*width: 32%;*/
    /*width: 25%;*/
    z-index: 9999;
}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
#nav {
    /*width: 450px;*/ 
    list-style:none;
    margin:0; 
    padding:0; 
    cursor:pointer;
    text-align: right;
}
#nav li{
    /*width: 450px;*/ 
    margin-bottom: 7px;
}
#nav li a, .menu a{
    background:#DFDFDF; 
    color: #A6A6A6; 
    display:block; 
    font-family: Humnst777-Lt-BT-Clara;
    font-size:10px; 
    font-weight:bold; 
    letter-spacing:4px;
    line-height: 20px; 
    padding: 12px 14px; 
    text-transform:uppercase; 
}

#inicio{
    margin-left: 44%;
    width: 56%;
}
#estudio{
    margin-left: 32%;
    width: 68%;
}
#proyectos{
    margin-left: 53%;
    width: 47%;
}
    .categoria_0{
        background: #d4f1e4 !important;
        margin-left: 12%;
        width: 79%;
    }
    .categoria_1{
        background: #d4f1e4 !important;
        margin-left: 5%;
        width: 86%;
    }
    .categoria_2{
        background: #d4f1e4 !important;
        margin-left: 20%;
        width: 71%;
    }
    .categoria_3{
        background: #d4f1e4 !important;
        margin-left: 0%;
        width: 91%;
    }
    .categoria_4{
        background: #d4f1e4 !important;
        margin-left: 24%;
        width: 67%;
    }
    .categoria_5{
        background: #d4f1e4 !important;
        margin-left: 9%;
        width: 82%;
    }

#prensa{
    margin-left: 58%;
    width: 42%;
}
#contacto{
    margin-left: 54%;
    width: 46%;
}

#nav li ul { 
    display: none; 
    list-style:none; 
    margin:0; 
    padding:0; 
    padding-bottom:2px;
    
    background-color: rgba(200, 200, 200, 0.7);
    margin-left: 57px;
    margin-top: 5px;
    padding-left: 7px;
    padding-top: 5px;
}
#nav li ul li { display:block; }
#nav li ul li a {
    /*padding:12px 20px 12px 0px; PB*/
    /*width:220px;*/
    background-color: #d4f1e4 !important; /* PB */
    font-size:12px; 
    font-family: Humnst777-Lt-BT-Clara;
    font-weight:normal; 
    text-transform:none; 
    letter-spacing:0;
}
#nav li ul li a.first {margin-top:4px; }
#nav li a.menu {
    /*background:url(../images/bg-close-small.png) no-repeat right center #cecdc7; 
    -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; 
    -o-transition: all 0s ease 0s; transition: all 0s ease 0s;*/
}
#nav li a.menu.open { 
    /*background:url(../images/bg-open-small.png) no-repeat right center #8c8b87;*/
    /*color: red;*/ 
    -webkit-transition: all 0s ease 0s; 
    -moz-transition: all 0s ease 0s; 
    -o-transition: all 0s ease 0s; 
    transition: all 0s ease 0s; 
}
#nav li a.selected, #nav .active {color:#000; }
#nav-button {display:none; }
a #nav-button {color:#747474; }
#nav li ul.opened {display:block}

#nav li a.sub_open { 
    color: #fff;
}

#sub_menu{
    position: absolute;
    right: 216px;
    top: 164px;
    z-index: 9999;
}

.nav li{
    margin-bottom: 7px;
    text-align: right;
    /*width: 300px;*/
}
.nav li a{
    background-color:#D4F1E4 !important;
    color: #A6A6A6; 
    display:block; 
    font-family: Humnst777-Lt-BT-Clara;
    font-size:10px; 
    font-weight:bold; 
    letter-spacing:4px;
    line-height: 20px; 
    padding: 12px 0; 
    text-transform:uppercase; 
}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/

/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {
    /*width:620px; */
    height:160px;
    margin:0;
    border:0;
}
#map:before, #map:after {background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/

/* =Blog
--------------------------------------------------------------------------------------------------------*/
.comments {background:url(../images/bg-comments.png) no-repeat 0px 3px; padding-left:18px; position:absolute; right:40px; top:63px; }
.blog a p, a .comments {color:#747474; }
.when { border-top:1px solid #cfcfcf; padding:20px 0 10px 0; margin:25px 0 0px 0;}
span.user {background:url(../images/bg-user.png) no-repeat 0px 3px; background-size:12px 12px; padding-left:21px; margin-right:20px; }
span.calendar {background:url(../images/bg-calendar.png) no-repeat 0px 2px; background-size:11px 12px; padding-left:20px; margin-right:20px; }
span.comment {background:url(../images/bg-comments.png) no-repeat 0px 3px; background-size:12px 11px; padding-left:21px; margin-right:20px; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { 
    height: 24px; 
    padding: 10px 0px; 
    margin-top:50px; 
    position:relative; 
    color:#7d7d7d;
    float: left;
    width: 100%;  
}
.one-page footer {
    padding:0;
}
footer p {
    display: inline;
    font-size:12px;
    width: 180px;
}
.cont_foot{
    border-top:1px solid #262626; 
    width: 820px;
}
.twitter {background:url(../images/bg-twitter.png) no-repeat; background-size:0px 0px; text-align: right; margin-top: 5px !important; }  
.facebook {background:url(../images/bg-facebook.png) no-repeat; background-size:0px 0px; }
.instagram {background:url(../images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype.png) no-repeat; background-size:24px 24px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/

/* =Social
--------------------------------------------------------------------------------------------------------*/
#redes_sociales{
    height: auto;
    margin-top: 0%;
    width: auto;
}
ul.social { float: right; margin-bottom:6px; letter-spacing:0; margin-top:-1px; }
.social li { /*display:inline-block;*/ padding:0; margin:0px;}
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/

/* =INICIO
--------------------------------------------------------------------------------------------------------*/
/* Bx Slider */
.bx-wrapper{
    margin: 0 auto 6px 0px !important;
}
/* --------- */

.captions{
    background: none repeat scroll 0 0 #C9C9C9;
    opacity: 0.8;
}
.captions span, #titulo_proy span{
    color: #F60000;
    display: block;
    font-family: Humnst777-Lt-BT-Clara;
    font-size: 9px;
    letter-spacing: 4px;
    padding: 10px;
    font-weight: bold;
}
/* End INICIO
--------------------------------------------------------------------------------------------------------*/


/* =ESTUDIO
--------------------------------------------------------------------------------------------------------*/
#franja{
    background: rgba(20, 20, 20, .3);
    float:left;
    font-family: Humnst777-Lt-BT-Clara;
	margin-left: 100px;
    padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 30px;
    padding-top: 50px;
	width: 42%;
}

#franja h1{
    color: red;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 13px;
}
#franja p{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 15px;
    padding: 0px;
}
#txt_nosotros p{
    line-height: 15px;
    padding: 0px;
    width: 60%;
}
#txt_servicios{
    
}
#txt_calidad{
    
}
#txt_servicios li{
    color: #FFFFFF;
    list-style: disc outside none;
    margin-left: 15px;
    font-weight: bold;    
}
/* End ESTUDIO
--------------------------------------------------------------------------------------------------------*/


/* =PROYECTOS
--------------------------------------------------------------------------------------------------------*/
.slider_proy{
    float: left;
    height: 550px;
    width: 645px; /*width: 630px;*/
}
.slide{
    display: block;
    float: right;
    margin-bottom: 2px;
    overflow: visible;
}
.img_proy{
    float: right;
}
.li_proy{
    float: right;
    padding: 32px 0px;
}
.li_proy a{
    background: none repeat scroll 0 0 #d9d9f6 !important;
    color: #A6A6A6;
    display: block;
    font-family: Humnst777-Lt-BT-Clara;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 4px;
    padding: 12px 20px 12px 8px;
    text-align: right;
}
.slide_0{
    /*width: 472px;*/
}
.slide_1{
    /*width: 602px;*/
}
.proyec_0{
    width: 360px;
}
.proyec_1{
    width: 490px;
}
.proyec_2{
    width: 370px;
}
/* End PROYECTOS
--------------------------------------------------------------------------------------------------------*/


/* =PROYECTO
--------------------------------------------------------------------------------------------------------*/
#info_proy{
    background-color: rgba(200, 200, 200, 0.3);
    /*float: right;
    height: auto;
    margin-top: 28%;
    position: absolute;
    right: 0px;*/
    /*width: 160%;*/
}
#titulo_proy{
    background-color: rgba(200, 200, 200, 0.8);
    /*margin-top: 10px;*/
    padding-left: 20px;
}
#cont_para_proy{
    /*min-height: 100px;
    width: 490px;*/
}
#desc_proy{
    font-family: Humnst777-Lt-BT-Clara;
    padding: 10px 15px 10px 30px;
}
/* End PROYECTO
--------------------------------------------------------------------------------------------------------*/

.mCSB_draggerRail, .mCSB_dragger_bar{width 10px !important;}