@charset "utf-8";
/* CSS Document */
body {
    font-family: 'Montserrat', sans-serif;
}

figure img,
.datafiscal img {
    width: 100%;
}

h1,
h2 {
    color: #00ccff;
}
h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
}
h4 {
    padding: 30px 0;
    margin-bottom: 0;
}

.bg-1 {
    background: #f5f5f5;
}
.bg-tit {
    background: #00ccff;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.header-top {
    background: #4d4d4d;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
}
.header-top a {
    color: #fff;
}
.header-top i {
    color: #00ccff;
}
.header-top .navbar-right{
    margin-right: 0;
}

.navbar-right a{
    padding-right: 1rem;
}

.box-idiomas {
    margin-left: 30px;
}

.btn-default,
.btn-primary {
    background: #00ccff;
    color: #fff;
}
.btn-default:hover,
.btn-primary:hover {
    background: #000000;
    color: #fff;
}

.btn {
    border-radius: 0;
    border: none;
}

/* menu header */

.navbar-brand {
    height: auto;
    max-width: 250px;
}
.navbar-brand img {
    width: 100%;
}
.navbar-inverse {
    background: #e5e5e5;
}

header .navbar {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

header .nav {
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000000; /* #00CCFF; */
    font-weight: 600;
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background: #000;
    color: #fff;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

header .navbar-inverse .navbar-collapse,
header .navbar-inverse .navbar-form {
    border: none;
}

.box-galeria {
}

.galeria {
    list-style-type: none !important;
}

/* submenu ::: muestra submenu con mousehover */
@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
}

/* submenu colores */
.dropdown-menu {
    background-color: #000;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #e1e1e1;
    text-decoration: none;
    background-color: #0479bf;
}

/* box-categorias-descargas */
.box-categorias-descargas {
    background: #4d4d4d;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
/*  .box-categorias-descargas .btn{ color:#FFF;}  */

/* menu-top */

.menu-top {
    background: #dddddd;
    color: #4c4c4c;
    padding: 30px 15px;
    margin-bottom: 30px;
}
.menu-top a {
    color: #4c4c4c;
}

/* slider */

.camera_caption div .btn-default {
    background: #00ccff;
    padding: 10px;
}
.camera_caption div .btn-default:hover {
    background: #000000;
}

/* slider trabajos */

.box-trabajo-content .bx-viewport {
    padding-left: 15px;
}

/* box trabajos realizados  */

.box-trabajo-content {
    padding: 30px 0;
    background: #00ccff;
}

.box-trabajo-content h1 {
    color: #fff;
    padding: 0;
    margin: 0 0 20px 0;
}
.box-trabajo {
    background: #fff;
    padding: 15px;
    text-align: center;
}
.box-trabajo figure,
.box-trabajo img {
}

.box-trabajo figure {
    background: #fff;
    margin-bottom: 20px;
}

.box-trabajo img {
}

.box-trabajo h2 {
    color: #4c4c4c;
    font-size: 18px;
}
.box-trabajo .precio {
    color: #238c00;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 10px;
}

/* box producto  */

.box-prod {
    margin-bottom: 15px;
    overflow: hidden;
}

/* box-detalle */
.box-detalle {
    background: #fff;
    padding: 30px;
}
.box-detalle h3 {
    background: #f5f5f5;
    color: #4c4c4c;
    padding: 15px;
}
.box-detalle .precio {
    color: #238c00;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 10px;
}
/* aside */

aside .nav > li > a,
aside .nav > li > a:visited {
    background: #4d4d4d;
    color: #f3f3f3;
}
aside .nav > li > a:hover {
    background: #4d4d4d;
    color: #00ccff;
}
aside .nav li ul {
    list-style-type: none;
    background: #dddddd;
    padding: 30px 0 30px 30px;
}
aside .nav li ul li a {
    color: #4c4c4c;
}

/* box-noticias */

.box-noticias {
    background: #f5f5f5;
    padding: 30px 0;
}
.box-noticias h1 {
    margin-bottom: 20px;
}
.box-noticia {
    padding: 20px;
    background: #fff;
    text-align: center;
}

.box-noticia figure {
    padding-left: 0;
}

.box-noticia h2 {
    font-size: 20px;
    padding: 0;
    margin: 15px 0;
}

.noticia {
    border-bottom: #f5f5f5 solid 1px;
    margin-bottom: 15px;
    -webkit-box-shadow: 11px 10px 19px -5px rgba(209, 209, 209, 1);
    -moz-box-shadow: 11px 10px 19px -5px rgba(209, 209, 209, 1);
    box-shadow: 11px 10px 19px -5px rgba(209, 209, 209, 1);
}
/* gallery */

figure.ampliar {
    /*background: url(../img/icon-lupa.png) no-repeat center center;*/
}
figure.ampliar:hover img {
    z-index: 1;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* columna menu listado */

.menu-listado {
    margin: 0;
    padding: 0;
}

.menu-listado > li {
    border-bottom: #ededed solid 1px;
    list-style-type: none;
}
.menu-listado li:last-child {
    border-bottom: none;
}
.menu-listado > li > a {
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: #545454;
}
.menu-listado > li > a:hover,
.menu-listado > li > a:focus {
    color: #00ccff;
}
.menu-listado > li > a span {
    color: #00ccff;
}
.menu-listado .arrow {
    margin-right: 10px;
}
.menu-listado li ul {
    margin-left: 30px;
    padding-bottom: 10px;
}
.menu-listado li ul li {
    border-bottom: none;
}

/* listado producto*/

.box-info-producto {
    margin-bottom: 30px;
    height: 180px;
}
.txt-producto {
    background-color: #fff;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    overflow: hidden;
    height: 100%;
    display: table;
    width: 100%;
}
.txt-producto span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 24px;
    line-height: 23px;
    text-transform: uppercase;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
    -webkit-text-shadow: 0 0 10px #0f0f0f;
    -moz-text-shadow: 0 0 10px #0f0f0f;
    -o-text-shadow: 0 0 10px #0f0f0f;
    text-shadow: 0 0 10px #0f0f0f;
}

.box-info-producto a:hover .txt-producto span {
    background: none;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
}

/* formulario */

.form-control {
    color: #111;
    border: 1px solid #444444;
    border-radius: 0;
}

label.error {
    font-weight: normal;
    font-size: 12px;
    color: #c30;
}
input.error,
select.error,
textarea.error {
    border-color: #c30;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(204, 51, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(204, 51, 0, 0.6);
}

.form-load {
    background: rgba(255, 255, 255, 0.75) url(../img/loading.gif) no-repeat
        center center;
    z-index: 999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#mapa {
    width: 100%;
    height: 250px;
    border: #fff solid 6px;
    margin-top: 30px;
}

/* footer */

.box-marcas {
    padding: 30px 0;
    border-top: #b0b0b0 solid 1px;
}
.box-marcas h2 {
    color: #000;
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
}

footer .copy {
    padding: 30px 0;
    background: #000;
    color: #a5a5a5;
    text-align: center;
}

/* box-redes */

.box-redes {
    margin-right: 30px;
}
.box-redes img {
    /* 2nd set of icons. Rotate them 60deg onmouseover and out */
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.box-redes img:hover {
    -moz-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    transform: rotate(70deg);
}

/* scrollup */

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
}

@media (min-width: 768px) {
    .navbar-nav {
        margin-top: 15px;
    }

    /* box-prod */
    .box-prod figure {
        width: 140px;
        float: left;
    }
    .box-prod .desc {
        margin-left: 170px;
        text-align: left;
    }
    .box-prod .codigo,
    .box-detalle .codigo {
        font-size: 12px;
    }
    .box-prod .codigo span,
    .box-detalle .codigo span {
        font-weight: bold;
    }
    .box-detalle .codigo {
        margin-top: 15px;
    }

    .box-prod .desc .botones {
        text-align: right;
    }

    /* slider */
    .camera_caption {
        left: 50px;
        bottom: 50px;
        width: 600px;
        text-align: center;
    }
    .camera_caption div {
        padding: 30px 40px;
    }
    .camera_caption div .btn-default {
        padding: 10px 15px;
    }

    /* carrousel */
    .box-trabajo-content .bx-wrapper .bx-prev {
        left: -20px;
    }
    .box-trabajo-content .bx-wrapper .bx-next {
        right: -20px;
    }

    .box-marcas .bx-wrapper .bx-prev {
        left: -38px;
    }
    .box-marcas .bx-wrapper .bx-next {
        right: -38px;
    }

    .datafiscal {
        width: 40px;
        float: left;
        margin: -16px 0 0 20px;
    }
}

@media (max-width: 768px) {
    /* slider */
    .camera_caption div h1 {
        font-size: 16px;
        font-weight: 600;
    }
    .camera_caption div .btn-default {
        padding: 6px 8px;
    }

    .box-redes,
    .copy {
        text-align: center;
    }
    .scrollup {
        display: none !important;
    }

    .datafiscal {
        width: 40px;
        margin: 20px auto 0 auto;
    }
}