@charset "UTF-8";
@font-face {
    font-family: "Raleway Light";
    src: url("../fonts/Raleway-Light.ttf") format("truetype");
}


/************* PRINCIPAL *************/

section#map {
    height: 440px;
    width: 100%;
}


/************* INFORMACION DE CONTACTO *************/

.informacionContacto {
    color: #233059;
    padding: 30px 0px 70px 0px;
}

.informacionContacto h4 {
    font-family: "Raleway";
    font-size: 35pt;
}

.informacionContacto p {
    font-family: "OpenSans";
    font-size: 13pt;
}

ul {
    color: #646464;
    font-family: "OpenSans Bold";
    font-size: 10pt;
    margin-top: 10px;
}

ul li {
    margin-bottom: 20px;
}

.titContactoInfo {
    color: #b4b4b4;
}

#primera {
    background: url("../images/itemlocacioncontacto.jpg") no-repeat left top;
    padding: 0px 0px 0px 58px;
}

#segunda {
    background: url("../images/itemventascontacto.jpg") no-repeat left top;
    padding: 0px 0px 0px 58px;
}

#tercera {
    background: url("../images/itememailcontacto.jpg") no-repeat left top;
    padding: 0px 0px 0px 58px;
}

#cuarta {
    background: url("../images/reloj.png") no-repeat left top;
    padding: 0px 0px 0px 58px;
}

@media screen and (max-width: 767px) {
    .informacionContacto1 {
        padding-left: 4em;
        margin-bottom: 2em;
    }
}

@media screen and (max-width: 320px) {
    .informacionContacto1 {
        padding-left: 2em;
    }
    ul {
        padding-left: 1em;
    }
}


/************* SHOWROOM *************/

.showroom {
    padding-bottom: 60px;
    min-height: 400px;
}

.carousel-indicators li {
    border: none;
    border-radius: 0px;
    background: #dcdcdc;
    height: 4px;
    width: 29px;
    margin-right: 4px;
}

.carousel-indicators .active {
    background: #fff;
    height: 4px;
    width: 29px;
    margin: 1px;
    margin-right: 4px;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    min-height: 385px !important;
}


/*************** Carrousel fade ******************/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/************* FORMULARIO CONTACTO *************/

.contacto {
    text-align: center;
    padding-bottom: 50px;
}

#contactForm {
    margin-top: 10px;
}

.contacto h4 {
    color: #233059;
    font-family: "Raleway Bold";
    font-size: 22pt;
}

.separadorShowroom {
    margin-top: 19px;
    margin-bottom: 20px;
}

#nombre,
#email,
#tel,
#msg,
#asunto {
    font-family: "OpenSans Bold";
    font-size: 10.5pt;
    background: transparent;
    border: 1px solid #CFCFCF;
    border-radius: 0px;
    color: #646464;
    margin-bottom: 1em;
    outline: 0px;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#submit {
    background: #233059;
    border: 1px solid #233059;
    color: #fff;
    font-family: "OpenSans Bold";
    font-size: 10.5pt;
    padding: 12px 50px 12px 58px;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

#submit:hover,
.cierre a:hover {
    background: #fff;
    color: #233059;
}

textarea {
    resize: none;
}