@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');


/*----Reset-----------*/
html, body, div, span, applet, object, iframe,
 blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
/*-----Fin Reset----*/

/*=================================================/
                    HEADER
=================================================*/
header{
  color:#ffffff;
  height: auto;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

.top{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e171c+0,bb1e25+100 */
  background: #8e171c; /* Old browsers */
  background: -moz-linear-gradient(top, #8e171c 0%, #bb1e25 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8e171c 0%,#bb1e25 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8e171c 0%,#bb1e25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e171c', endColorstr='#bb1e25',GradientType=0 ); /* IE6-9 */
}

.contacto-head h3{
  line-height: 33px;
  margin-top: 14px;
}

.contacto-head h4{
  font-size: 22px;
  line-height: 28px;
  margin-top: 10px;
}


/*----menu principal----*/
.menu{
  background-color: #ededed;
}

@media (max-width: 768px) {
  .menu {
    background-color: transparent !important;
  }
}

.navbar{
  border-bottom: 0px !important;
  border-top: 0px !important;
  margin-bottom: 0px !important;
}

.navbar-nav > li > a {
  color:#3e4956;
  font-size: 14px;
  padding: 0 5px;
}

.navbar-nav > li > a:hover {
  background-color: #333 !important;
  color:#fff;
}

.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  background-color:#333 !important; 
  color: #000;
  font-weight: bold;
}

.dropdown-toggle:focus {
  background-color: #333 !important;
  color:#fff;
  outline: 0;
}

@media (max-width: 768px) {

  .navbar {
    margin-top: 0px !important;
  }

  .nav {
    margin-top: 0px !important;
  }

  .navbar-nav {
    background-color: #ededed !important;
    margin-top: 0px !important;
  }

  .collapse .navbar-collapse{
    border-top:0px !important;
  }
}

.dropdown .dropdown-menu {
  background-color: #fff !important;
}

/*toggle icono móvil*/
.navbar-toggle .icon-bar {
  background-color: #fff;
  border-radius: 1px;
  display: block;
  height: 3px !important;
  width: 30px !important;
}

/*buscador*/
.margin-input{
  margin-top: 2.20em;
}

/*Breadcrumb*/
.breadcrumb {
  background-color: #fff !important;
}

.breadcrumb li a{
  color:#8e171c;
  font-weight: bold;
}


/*=================================================/
                    BODY
=================================================*/
.contenido{
  margin-top:50%;
}

/*Thumbnails*/

/*categorias*/
.thumbnail-maq{
  border:1px dashed #ddd;
  box-shadow: 5px 5px 3px #d9d9d9;
  margin:20px 0;
  padding: 8px;
}


/*articulos*/
.thumbnail{
  box-shadow: 5px 5px 3px #d9d9d9;
  border-radius:0px !important;
  padding: 15px !important;
}

@media screen and (min-width: 480px) {
  .thumbnail {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 4em !important;
  }
}

@media screen and (min-width: 768px) {
  .thumbnail {
    width: 100%;
    margin: 0 auto;
  }
}

.thumbnail-aviso{
  border:3px solid #bb1e25;
  
  padding: 50px 15px;
  position: relative;
}

.thumbnail-lider{
  border:3px solid #ddd;
  padding: 50px 15px;
  position: relative;
}

.label-tit{
  background-color: #ededed;
  color:#fff;
  display: block;
  font-weight: bold;
  line-height: 2em;
  padding: 10px 15px;
}

.label-tit-null{
  color:#fff;
  display: block;
  font-size: 20px !important;
  font-weight: bold;
  line-height: 1.5em;
  padding: 10px 15px;
}

/*titulo descripción*/
h4.tit-articulo{
  color:#3e4956 !important;
  line-height: 1.4em;
  text-align: center;
}

h5.tit-fichas{
  color:#3e4956;
  margin-bottom: 15px;
}

.informes{
  border:1px dashed #ddd;
  padding:15px;
  font-size:15px;
}


/*divisor sección*/
.head-cat h2 {
    color:#000;
    overflow: hidden;
    text-align: center;
}
.head-cat h2:before,
.head-cat h2:after {
  background-color: #ddd;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.head-cat h2:before {
  margin-left: -50%;
  right: 1em;
}
.head-cat h2:after {
  left: 1em;
  margin-right: -50%;
}

.box-fichas{
  border-bottom:1px dashed #ddd;
  border-top:1px dashed #ddd;
  margin: 10px 0 15px 0;
  overflow: hidden;
  padding: 10px 0 20px 0;
}

/* box menu principal */
.box-productos{
  margin-bottom: 20px;
  margin-top:50px !important;
  margin: 0 auto;
  padding: 25px 0px;
  position: relative;
  width:90%;
  border:1px dotted #ddd;
  border-bottom:8px solid #bb1e25;
}

.box-productos:hover{
  border:1px dotted #000;
  box-shadow: 3px 3px 4px #ddd;
  cursor: pointer;
  border-bottom: 8px solid #8e171c;
}

.box-productos img{
 width: 80%;
 padding:8px;
}

.box-productos a:hover{
  text-decoration: none;
  color:#000 !important;
}

.box-productos .caption h4{
  text-align: center;
  font-family: arial, verdana, sans-serif;
  margin-top: 20px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  color:#232323;
  padding: 10px;
  line-height: 1.3em;
}

.box-productos .caption p{
  color:#444;
  text-align: center;
  padding: 10px;
}


/*textos*/
h2{
line-height: 1.5em !important;
}

.t-h1{
font-size: 28px !important;
}

.t-h2{
font-size: 20px;
}

.t-h3{
font-size: 18px;
}

.t-h4{
font-size: 16px;
}

.t-h5{
font-size: 14px;
}

.size-12{
  font-size: 12px;
}

.size-14{
  font-size: 14px;
}

.size-16{
  font-size: 16px;
}

.size-18{
  font-size: 18px;
}

.size-20{
  font-size: 20px;
}

.t-error{
  font-size: 60px;
  font-weight: bold;
  color: #000;
}

.parrafo{
  line-height: 2em;
  font-size: 15px;
  font-weight: 400;
}

h5.texto{
  font-style: normal;
  font-weight: bold;
  line-height: 1.5em;
  color:#3e4956;
  font-size:14px;
}

/*interlineado*/
.salto-linea1{
  line-height: 1em;
}

.salto-linea2{
  line-height: 1.5em;
}

.salto-linea3{
  line-height: 1.72em;
}

.salto-linea4{
  line-height: 2em;
}

.salto-linea5{
  line-height: 2.5em;
}



/*listas*/
ul.listado{
  margin-left: 0px;
  padding-left:0px;
  list-style-position: inside;
  list-style: none;
  line-height: 1.7em;
  font-size: 13px;
  color:#777;
}

ul.listado > li::before{
    content:"•";
    color: #777;
    font-size: 25px;
    font-weight: bold;
    margin-right: 5px;
    vertical-align: middle;
  }

ul.descripcion{
  margin-left: 0px;
  padding-left:0px;
  list-style-position: inside;
  list-style: none;
  line-height: 1.7em;
  font-size: 13px;
  color:#777;
  margin-bottom: 0px;
}

ul.descripcion > li::before{
    content:"•";
    color: #777;
    font-size: 25px;
    margin-right: 5px;
    vertical-align:middle;
  }

dl{
  color:#3e4956;
}

dt{
  font-weight: bold;
  line-height: 2em;
  color:#3e4956;
  font-size: 14px;
}

dd{
  padding-left: 7px;
  font-size: 13px;
  line-height: 1.5em !important;

}

#text-bottom{
  bottom: 44px;
  position: absolute;
  right: 0;
}

/*colores*/
.t-negro{
  color:#000;
}

.t-blanco{
  color:#fff;
}

.t-gris{
  color:#eee;
}
.t-gris2{
  color:#3e4956;
}
.t-gris3{
  color:#666;
}

.t-gris4{
  color:#777;
}

.t-azul{
  color:#1dadea;
}

.t-azul2{
  color:#36255c;
}

.t-rojo{
  color:#ba0c2f;
}

.t-rojo2{
  color:#E61248;
}

.bg-gris{
  background-color: #e4e4e4;
}

.bg-gris2{
  background-color: #333333;
}

.bg-gris-claro{
  background-color:#f2f7f9;
}


.bg-blanco{
  background-color:#fff !important;
}

.bg-rojo{
  background-color:#ba0c2f;
}


/*saltos*/
.clear{
  padding: 5px;
}

.clear-xs{
  padding: 10px;
}

.clear-sm{
  padding: 16px;
} 

.clear-md{
  padding: 26px;
} 

.clear-lg{
  padding-top: 180px;
}

.space{
  line-height: 1.5em !important;
}

/*lineas*/

hr.dashed {
  background: none;
  border-top: 1px dashed #dee1e2;
  height: 1px;
  margin: 20px 0;
}

hr.striped {
  height: 14px;
  margin: 20px 0;
  background: url(../img/bg-head.jpg) repeat;
}

hr.shadow-2 {
  margin: 35px 0;
  background: none;
  border-top: none;
}

.pleca-roja{
  border-bottom: 1px solid #ddd;
  width: 100%;
}

#bolded-line{
  background-color: #bb1e25;
}
#bolded-line{
    display: block;
    height: 5px;
    margin-bottom: -2px;
    text-indent: -9999px;
    width: 100px;
}

.linea-roja{
  border: 3px solid #bb1e25;
  width: 100%;
  margin:0 auto;
  margin-top:3em;
  margin-bottom: 2em;
}

.linea-gris{
  border:3px solid #f2f7f9;
  width: 100%;
  margin:0 auto;
  margin-top:3em;
  margin-bottom: 2em;
}

/*imagenes*/
.borde{
  border:1px solid #ddd;
}

.borde-dashed{
 border:1px dashed #ddd;
}

/*table*/
table ul {
  padding-left: 12px; 
}



/*links*/
.link{
 color:#fff;
}

.link:hover{
 color:#fff;
 text-decoration: none;
}

.lmq{
  color:#333;
  text-decoration: none;
  display: block;
}

.lmq:hover{
  color:#bb1e25;
  text-decoration: none;
}

.redes{
  color:#333;
}

.redes:hover{
  color:#bb1e25;

}

.link-tit{
  color:#3e4956;
  text-decoration: none;
  display: block;
}

.link-tit:hover{
  color:#0b599e;
  text-decoration: underline;
}

.pdf{
  color:#3e4956;
  font-size: 14px;
  padding: 7px;
  border:1px solid #ddd;
  background-color: #f9f9f9;
}

.pdf:hover{
 
  border:1px solid #ddd;
  text-decoration: none;
  color: #3e4956;
  background-color: #e4e4e4;
}

/*botones*/
.btn-pdf {
  color: #3e4956;
  background-color: #f9f9f9;
  border-color: #ccc;
  padding:7px 15px; 
  font-size:14px;
  display: block;
  width: auto;
  border:1px solid #ddd;
  text-align: center;
}

.btn-pdf:focus,
.btn-pdf.focus {
  color: #333;
  background-color: #f9f9f9;
  border-color: #8c8c8c;
  
}
.btn-pdf:hover {
  color: #3e4956;
  background-color: #e4e4e4;
  border-color: #adadad;
  cursor: pointer;
  text-decoration: none;
  border:1px solid #ddd;
}
.btn-pdf:active,
.btn-pdf.active,
.open > .dropdown-toggle.btn-pdf {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}


.btn-danger{
  background-color: #cb1135 !important;
  font-weight: normal;
}

.btn-danger:hover{
  background-color: #8e171c !important;
  color:#fff !important;
  border:1px solid #9b9b9b !important;
}

.btn-ecommerce {
  border-radius: 0px !important;
  border:2px solid #121e36 !important;
  background-color:#121e36;
  color: #fff;
  display: block !important;
  font-size:14px;
  font-weight:bold !important;
  margin-top: 20px !important;
  padding:7px 15px !important; 
  text-align: center;
  width: auto;
}

.btn-ecommerce:focus,
.btn-ecommerce.focus {
  background-color:#d8d8d8;
  border:2px solid #8c8c8c;
  color: #333;
  
}
.btn-ecommerce:hover {
  background-color: #333;
  border:2px solid #666 !important;
  cursor: pointer;
  text-decoration: none;
  color:#fff !important;
}
.btn-ecommerce:active,
.btn-ecommerce.active,
.open > .dropdown-toggle.btn-pdf {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333;
}

/*formulario*/
.input-submit{
  display: block !important;
  margin: 0 auto !important;
}

.error{
  color: #d30303;
  font-weight: 500;
  font-size:14px;
}

/*button whatsapp*/
.float{
  background-color:#20b038;
  border-radius:50px;
  bottom:80px;
  box-shadow: 2px 2px 3px #999;
  color:#FFF;
  height:60px;
  position:fixed;
  right:60px;
  text-align:center;
  width:60px;
  z-index:100;
}

.my-float{
  margin-top:10px;
}


.float-xs{
  background-color:#20b038;
  border-radius:50px;
  box-shadow: 2px 2px 3px #999;
  color:#FFF;
  font-size:12px;
  font-weight: 400;
  height:55px;
  position:fixed;
  right:20px;
  text-align:center;
  top:75%;
  width:55px;
  z-index:100;
}

.my-float-xs{
  margin-top:10px;
}

.whatsapp:hover{
  text-decoration: none;
  color:#fff;
}
.whatsapp:visited{
  text-decoration: none;
  color:#fff;
}

.whatsapp:active{
  text-decoration: none;
  color:#fff;
}

/*=================================================/
                    FOOTER
=================================================*/

.footer{
background-color: #efefef;
border-top:1px solid #bbb;
padding-top:10px;
}

.footer h5 b {
  padding-bottom: 7px;
  border-bottom:1px dotted #ba0c2f;
}


/*=================================================/
                    SLIDER
=================================================*/
/* Carousel indicator */
.slider .carousel-indicators {
    background-color: #333;
    bottom: 0;
    font-weight: 100 !important;
    left: 0;
    margin-top:1px;
    margin: 0;
    position: relative;
    width: 100%;
}

.slider .carousel-indicators li {
    background-color: #333;
    border-radius:0px;
    border:0px;
    height: inherit;
    margin:0px !important;
    text-indent: initial;
    width: 16.3%;
}

.slider .carousel-indicators li.active {
    background: #8e171c; /* Old browsers */
    background: -moz-linear-gradient(top, #8e171c 0%, #bb1e25 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8e171c 0%,#bb1e25 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8e171c 0%,#bb1e25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e171c', endColorstr='#bb1e25',GradientType=0 ); /* IE6-9 */
    margin: 0px;
    position: relative;
    right:0px;
}

.slider .carousel-indicators li:hover{
  background: #8e171c; /* Old browsers */
  background: -moz-linear-gradient(top, #8e171c 0%, #bb1e25 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8e171c 0%,#bb1e25 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8e171c 0%,#bb1e25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e171c', endColorstr='#bb1e25',GradientType=0 ); /* IE6-9 */
  opacity: 1;

}

.slider .indicator-inner {
    border-left:1px dashed #888;
    border-right:1px dashed #888;
    margin:0 !important;
    padding: 15px;
    text-align: center;
}

.slider .indicator-inner span {
    color: #fff;
    font-size: 14px;
    font-weight: 200 !important;
    font-family: arial, verdana, sans-serif;
}


/* Media query for 959px */
@media only screen and (max-width: 959px) {
    /* Main slider section */
    .slider .carousel {
        padding: 70px 0 50px 0;
    }

    .slider .slider-content .btn {
        font-size: 12px;
        margin-bottom: 60px;
        padding: 6px 18px;
    }

    .slider .carousel-indicators li {
    background-color: #333;
    border-radius:0px;
    border:0px;
    height: inherit;
    margin:0px !important;
    text-indent: initial;
    width: 16.2%;
  }

  .slider .indicator-inner span {
    color: #fff;
    font-size: 10px;
    font-weight: 300 !important;
  }
}

/* Media query for 768px */
@media only screen and (max-width: 768px) {
    /* Main slider section */
    .slider .slider-content p {
        font-size: 35px;
        line-height: 70px;
    }

    .slider .indicator-inner {
        padding-top: 10px;
    }

    .slider .slider-content h3 {
        font-size: 35px;
    }

    .slider .indicator-inner span {
        font-size: 10px !important;
    }

    .slider .indicator-inner span.number {
        font-size: 10px;
        margin-right: 0;
    }

     .slider .carousel-indicators li {
    width:15.6%;
    }
}

/* Media query for 420px */
@media only screen and (max-width: 420px) {
    /* Main slider section */
    .slider .carousel {
        padding: 50px 0 50px 0;
    }
    
    .slider .indicator-inner {
        padding-top: 10px;
    }

    .slider .slider-content h3 {
        font-size: 35px;
    }

    .slider .indicator-inner span {
        font-size: 7px;
    }

    .slider .indicator-inner span.number {
        font-size: 7px;
        margin-right: 0;
    }

    .slider .indicator-inner .fa-circle {
        vertical-align: middle !important;
    }
}

/*=================================================/
                    NAV TABS
=================================================*/
.tab-content img{
  border:1px dashed #ddd;

}

.nav{
  border:0px !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; border:1px solid #000; }
.nav-stacked > li + li {
    margin-top: 0px;
    border:0px !important;
}
.nav-tabs > li > a {
    background-color: #ffffff;
    border-radius: 0px !important;
    border:1px dotted #dddddd !important;
    border: 0px;
    color: #333;
    margin: 5px 0px;
    padding: 25px !important;
    font-size: 20px;
    font-weight: bold;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color:#000 !important;
    color: #bb1e25 !important;;
    z-index: 99;
    background-color: #fff !important;
}

.nav-tabs > li.active > a {
    z-index: 100;
    border-color: #000 !important;
    color: #bb1e25 !important;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   color: #bb1e25 !important;
   border-color: #000 !important;   
}


.btn-nav {
  display: inline-block;
  padding: 10px 16px;
  margin-bottom: 0;
  border: 1px dotted #ddd;
  border-radius: 0px !important;
}

.btn-nav:hover, .btn-primary:focus {
  border-color:#000 !important;
}



.vertical-divider {
  position: absolute;
  z-index: 10;
  top: ;
  left: 50%;
  margin: 0;
  padding: 0;
  width: auto;
  height: 65%;
  line-height: 0;
  text-align:center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.vertical-divider:before, 
.vertical-divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 9;
  border-left: 1px dashed rgba(34,36,38,.15);
  border-right: 1px dashed rgba(255,255,255,.1);
  width: 0;
  height: calc(100% - 1rem);
}


.row-divided > .vertical-divider {
  height: calc(50% - 1rem);    
}

.vertical-divider:before {
  top: ;
}

.vertical-divider:after {
  top: auto;
  bottom: 0;
}

.row-divided {
  position:relative;
}

.row-divided > [class^="col-"],
.row-divided > [class*=" col-"] {
  padding-left: 30px;  /* gutter width (give a little extra room) 2x default */
  padding-right: 30px; /* gutter width (give a little extra room) 2x default */
}




/* just to set different column heights - not needed to function */          
.column-one {
  height: 300px; 
  background-color: #EBFFF9;
}
.column-two {
  height: 400px;
  background-color: #F7F3FF;
}

/*=================================================/
                    FONT AWESOME
=================================================*/

.circle-icon {
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 2px #eee;
    color:#ba0c2f;
    height: 100px;
    line-height: 100px;
    margin:10px 0;
    padding: 30px 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

/* Media query for 420px */
@media only screen and (max-width: 420px) {
.form-ch{
 margin-left: 20px;
}

}