@font-face
{
    font-family: 'neoligth';
    src: url('../css/NEOSANSSTD-LIGHT.woff');
}   
@font-face
{
    font-family: 'neobold';
    src: url('../css/NEOSANSSTD-BOLD.woff');
}  

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
    margin-top: -10px;
    background-color: #333333;
    color: #CCCCCC;
    font-family: 'neoligth';
}
footer{
    min-height: 40px;
    background-color: #635004;
}
.container{
    width: 100%;
    padding-right:0px;
    padding-left: 0px;
}
.row{
    margin-right: 0px;
    margin-left: 0px;
}
/* -------------------------------------------logo */

.logo{
    position: absolute;
    z-index: 100;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.4);
    max-width: 35%;
    border-left: 4px solid #635004;
    margin-left: 10px;
}
/* -------------------------------------------menu */
.menu{
    position: absolute;
    z-index: 150;
    list-style: none;
    top: 8px;
    right: 0;
    margin-top: 50px;
    margin-right: 120px;
    font-size: x-large;
    font-family: 'neobold';
}

.menu li{
    float: left;
    padding-right: 20px;
}

.activo {
    /* color: #99C1DA; */
    font-family: 'neobold';
    border-top: 4px solid #a9890a;
}

.menu a {
    color: #ffffff;
}

.menu a:hover {
    text-decoration: none;
    color: #a9890a;
}
/* -------------------------------------------carousel */
.carousel-caption {
    bottom: 200px;
    text-align: left;
    left: 43%;
    font-size: 50px;
    right: 0px;
    top: 30%;
    font-family: 'neobold';
}
.carousellabe{
    font-size: 50px;
    font-family: 'neobold';
    color: white;
    position: static;
    background-color: #333333;
    padding-left: 25px;
}
.carousel-inner a{
    color: #ffffff;
    text-decoration: none;
    background-color: #635004;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;
    font-size: x-large;
}

.carousel-inner a:hover{
    color: #ffffff;
    background-color: #CCCCCC;
}

.carousel-indicators {
    margin-left: 20%;
    width: 20%;
}

.carousel-indicators .puntos {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.carr {
    height: 500px !important;
    /* height: 100%; */
}
/* -------------------------------------------us */
.us{
    border-top: 7px solid #635004;
}
.titulos{
    margin: 100px;
    margin-left: 200px;
    margin-bottom: 0px;
    position: absolute;
    font-size: 50px;
    color: white;
    padding-right: 60px;
    font-family: 'neobold';
}

.nosotros {
    position: absolute;
    color: white;
    width: 100%;
    margin: 200px;
    padding-top: 20px;
    max-width: 70%;
    font-size: x-large;
    text-align: justify;
}

.fondo {
    width: 100%;
    max-height: 650px;
}

.us a{
    color: #ffffff;
    text-decoration: none;
    background-color: #CCCCCC;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;
    font-size: x-large;
    font-family: 'neobold';
}

.us a:hover{
    color: #ffffff;
    background-color: #635004;
}

/* -------------------------------------------service */

.service{
    background-color: #ffffff;
    min-height: 650px;
    color: #635004;    
    font-size: x-large;
}

.titulosservice{
    background-color: #635004;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 50px;
    color: white;
    font-family: 'neobold';
}

.servicios{
    padding-right: 0px;
    padding-left: 0px;
}

.fondoservice {
    width:100%;
    min-height: 333px;
    max-height: 333px;
}

.link {
    background: #5858582b;
    right: 10px;
    left: 10px;
    bottom: 37px;
    position: absolute;
    text-align: left;
    top: 10px;
    /* max-width: 93%; */
    border-width: 1px;
    border-style: solid;
    border-color: #5858585e;
    /* transition: all 0.3s ease; */
    font-size: 30px;
    min-height: 312px;
    max-height: 312px;
}

.link:hover {
    background: #33333380;
    box-shadow: inset 0 0 0 0 #555953;
    transition: 0.5s all ease;
    font-size: 60px;
}

.imgtext {
    text-align: center;
    width: 100%;
    padding: 95px 20px 60px;
    font-size: 50px;
    color: white;
    font-family: 'neobold';
}
.service li{
    padding-top: 10px;
    /* text-align: justify; */
    padding-right: 20px;
    font-family: 'neobold';
}

.service ul{
    height: 270px;
    margin-top: 20px;
}

.service a{
    color: #635004;
    /* font-size: large; */
}
/* -------------------------------------------contact */
.contact{
    /* background-color: #ffffff; */
    min-height: 600px;
    
}
.tituloscontact{
    font-size: 50px;
    color: white;
    font-family: 'neobold';
    padding-top: 60%;
}
.contactenos {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    font-size: x-large;
}

.contactenos b {
    font-family: 'neobold';
}

.datos{
    padding-top: 5%;
}
.fondocontact {
    width: 100%;
    min-height: 600px;
}

@media screen and (min-height: 800px) {   
    .fondo {
        max-height: 950px;
    }
}

@media only screen and (max-width: 800px) {
    /* -------------------------------------------service */
    .titulosservice {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: larger;
    }
    /* -------------------------------------------contact */
    .tituloscontact {
        font-size: large;
        padding-top: 10px;
    }
    .datos{
        padding-top:20px
    }
    
    .carousel-caption {
        bottom: 200px;
        text-align: left;
        left: 3%;
        font-size: large;
        right: 70px;
        top: 25%;
        font-family: 'neobold';
    }
    .carousellabe {
        height: 100px;
        font-size: xx-large;
        overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .logo {
        position: absolute;
        z-index: 100;
        margin-top: 5px;
        background: rgba(255, 255, 255, 0.8);
        max-width: 50%;
        border-left: 4px solid #635004;
        margin-left: 5px;
    }
    .carousel-indicators {
        margin-left: 40%;
        width: 9%;
    }
    .titulos {
        /* margin: 92px; */
        margin-left: 20px;
        margin-top: 4px;
        position: absolute;
        font-size: xx-large;
        color: white;
        /* padding-right: 60px; */
        font-family: 'neobold';
    }
    .nosotros {
        position: absolute;
        color: white;
        width: 100%;
        padding-left: 10px;
        padding-top: 55px;
        max-width: 95%;
        font-size: medium;
        text-align: justify;
        margin: 0px;
    }
    .service a {
        color: #635004;
        font-size: large;
    }
    .service li {
        text-align: left;
    }
    .carousel-inner .item img {
        height: 350px !important;
    }
    /* .carr {
        height: 300px !important;
    } */
}