

html, body {
    height: 100%;
    width: 100%;
}
body{
    font-family: 'Arimo', sans-serif;
    font-size: 1em;

}
#home , #service, #experience_back, #we_back{
    background-image: url(../images/fondo_2a.jpg) ; 
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: white;
    min-height: 100%;
    width: 100%;
    padding-top: 16%;
}
#service{ background-image: url(../images/back_1.jpg) ;           
          padding-top: 9%;
          padding-bottom: 4.9%;
}
#experience_back{ background-image: url(../images/back_2.jpg) ;           
                  padding-top: 9%;
                  padding-bottom: 4.9%;
}

#we_back{ background-image: url(../images/back_3.jpg) ;           
                  padding-top: 9%;
                  padding-bottom: 4.9%;
}

.content-home, .content-home-es{
    background-color: rgba(0, 0, 0, 0.6);
    width: 42%;
    padding: 20px;
}
.content-home h1, .content-home-es h1{
    font-size: 1.4em;
    margin-bottom: 5px;
}

.content-home-es h1{
    font-size: 1em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.lema{
    /*font-size: 0.9em;*/
}
/********FOOTER*************/


.mplus{    
    text-align: center;
    line-height: 40px;
    color: white;
    font-size: 0.7em;
    background-color: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2cf76+1,c3a01c+30,c3a01c+70,e2cf76+100 */
background: rgb(226,207,118); /* Old browsers */
background: -moz-linear-gradient(left, rgba(226,207,118,1) 1%, rgba(195,160,28,1) 30%, rgba(195,160,28,1) 70%, rgba(226,207,118,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(226,207,118,1) 1%,rgba(195,160,28,1) 30%,rgba(195,160,28,1) 70%,rgba(226,207,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(226,207,118,1) 1%,rgba(195,160,28,1) 30%,rgba(195,160,28,1) 70%,rgba(226,207,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2cf76', endColorstr='#e2cf76',GradientType=1 ); /* IE6-9 */;
    z-index:999;       
    bottom: 0;
    position:fixed!important;
}
/********NAV*************/

.bg-faded {
    background-color: white;
}
.nav-item a {color: #004888!important;}

.m-right{margin-right: 20px;
         margin-left: 50px;
}

.nav-item span{
    color:#004888;
    font-style:italic;
}

.navbar-nav{
    margin-left: 24%;
    margin-top: -65px;
}
.esp{
    margin-left: 20px;

}

.nav-item a:hover {
    color: #C39317!important;
}

/*.navbar-light .navbar-toggler {
    margin-top: -58px;
    border-color: rgba(0,0,0,.1);
}*/
/*.m-top{
    margin-top: 30px;
}

.espanol{
    margin-left: 40px;
}

.exp, .cont, .wwa{
    margin-left: 20px;
}*/
/********FOOTER*************/
footer{
    width: 100%;
    text-align: left;     
    background-color: grey;
    position: absolute;

}

/********index******************/
.vermas a{
    color: #C39317;
    font-size: 0.9em;
    text-transform: uppercase;
}

nav ul li{
    list-style: none;    

}

.pad-40{
    padding-left: 50px;
}

.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 4.5rem;
}

.title {
    text-transform: uppercase;
    color: #C39317;
    font-size: 0.9em;
    font-weight: bold;
    min-height: 38px;   
    margin: 0px;
}


.contenido{
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 0.9em;

}

.text-blue-p, .cajas-traye2{
    color: #004888;
    text-align: justify;
}

.contenido ul li, .text-blue{
    padding-top: 4%;
    color: #004888;
    text-align: justify;
}
.border-gold{
    border-right: 1px solid #C39317; 

}

.border-gold-izq{
    border-left: 1px solid #C39317;   
    padding-left: 18px;
}


.exp-es ul{    
    padding-left: 15px;

}

ul{
padding-left: 10px;
}


.min-ali{
    min-height: 540px;
}
/********who we are*************/
.equipo span{
    font-size:1.5em;
    font-weight:bold;}

.equipo a {text-decoration:none;}

#equipolist {list-style:none;}
h5{
    font-weight: bold;
}
.bsq-avan2{
    color: #C39317;
    cursor: pointer !important;
}
.text-detalle{
    display: none;
    text-align: justify;
}

.cajas-traye-int{
    background-color: #EBEBEC;
    text-align: center;
    color: #C39317;
    font-family: 'Arimo', sans-serif;
    padding: 18% 6% 6%;
    min-height: 208px;  
}

.cajas-traye{       
    padding: 10px;
}

.cajas-traye a{
    color: #004888;
    text-decoration: none;
    font-size: 0.8em; 
    font-weight: bold;   
}
.cajas-traye2{
    padding-top: 1%;
    text-align: justify;
}

.cajas-traye-int p{
        min-height: 64px;
}
/********CONTACTO******************/
#contact{
    background-image: url(../images/line.jpg) ; 
    min-height: 6px;
}

#form_con label{
    color: #004888;
    font-weight: 600;
    font-size: 0.8em;
}

.caja{
    width: 45%;
}

#cajaf{
    float: right;
}


.form-control{
    margin-top: 2%;
    border: 0px;
    background-color: #EAEAEB;
    border-radius: 0px;
}

textarea{
    min-height: 150px;
}

.form-control:focus{
    margin-top: 2%;
    border: 0px;
    background-color: #EAEAEB;
    border-radius: 0px;
}

.btn{
    padding: 14px 38px;
    border-radius: 0px;
    float: right;
    color: white;
    background-color: #C39317;
}

.contact{
    margin-top: 34%;
    color: #004888;
}

.contact p{
    margin-bottom: 0px;
}

.thanks{
    text-align: right;    
    font-size: 16px;
    text-transform: uppercase;
    color: #C39317;
}

.error{
    text-align: right;    
    font-size: 16px;
    text-transform: uppercase;
    color: #d20909;
}
/********media query*************/
/*@media (max-width: 1200px) {
     .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-toggleable-md .navbar-toggler
    {
        display: inline-block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
/*.navbar-collapse.collapse.in { 
    display: block!important;
}
.collapsing {
    overflow: hidden!important;
}
#bs-example-navbar-collapse-1{
z-index: 999;
position: relative;
background-color: white;
margin-top: 9%;
border-bottom: 1px solid rgb(182, 183, 178);
}
/*.navbar-toggler-right{
margin-top: -52px !important;
}


}*/
@media (max-width: 1199px) {
    ul li a{
        font-size: 0.9rem;
    }

}

@media (max-width: 992px) {
    .pull-right{float: left!important;}
    .navbar-default {background-color: white!important;}
    .redes li{margin: 0% 8%;width: 33%;}
    .imgn img{width: 32px;}
    .nav, .navbar-nav {
        margin-top: 50px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }

    .content-home h1 {
        font-size: 1em;
    }

    .content-home {
        width: 82%;
    }

    #home {
        padding-top: 8%;
    }

    .nav, .navbar-nav {
        margin-top: 2px;
    }
    .navbar-nav{
        margin-left: 0px;

    }
    .esp{
        margin-left: 0px;
    }

    .navbar {
        padding: .1rem 1rem;
        border-top: 1px solid #ffeec1;
        margin-top: 2%;
    }
    .navbar-brand {
        display: inline-block;
        padding-top: 0rem; 
        padding-bottom: 0rem; }

    .mplus{    
        position: absolute; 
    }
    .navbar-toggler-right{
        margin-top: -52px !important;   
    }
    .img-brand{
        width: 120px;
    }

}
@media (max-width: 767px) {

    .border-gold{
    border-right: 0px; 

}

.border-gold-izq{
    border-left: 0px;   
    padding-left: 18px;
}

}


@media (max-width: 580px) {

    .contenido{
        padding: 0px 15px;
    }
}
