a:hover{ text-decoration: none;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn_pro{ border-bottom: 3px solid #494e97; color: #005286;}

.big_text {color: #005286;font-family: "Roboto";}
/* TitilliumRegular */

.menu_p{ position: absolute; width: 100%;}

.sidebar {
  display: block;
  float: left;
  width: 250px;
  background: #333;
}
.content {
  display: block;
  overflow: hidden;
  width: auto;
}
.sidebar-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-image: -webkit-linear-gradient(left, color-stop(#333333 10px), color-stop(#222222 10px));
  background-image: linear-gradient(to right, #333333 10px, #222222 10px);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=1);
}
.sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav a,
.sidebar-nav a:hover,
.sidebar-nav a:focus,
.sidebar-nav a:active {
  outline: none;
}
.sidebar-nav ul li,
.sidebar-nav ul a {
  display: block;
}
    .sidebar-nav ul a {
        font-family: Arial;
        /* Museo 300 font-size:16 */
        padding: 10px 20px;
        color: #7f7f7f;
        font-size: 16px;
        border-top: 1px solid #dbdfe0;
    }
.sidebar-nav ul a:hover,
.sidebar-nav ul a:focus,
.sidebar-nav ul a:active {
  text-decoration: none;
}
.sidebar-nav ul ul a {
  padding:10px 30px 10px 26px;
  background-color: rgba(255, 255, 255, 0.1);
}
    .sidebar-nav ul ul a:hover,
    .sidebar-nav ul ul a:focus,
    .sidebar-nav ul ul a:active {
        background: rgba(255, 255, 255, 0.1);
        /* Controla el color del texto al pasar el mouse por las categorias*/
        color: #353535;
    }

a.activado_hijo
{
  background: rgba(255, 255, 255, 0.1);
  color: #005286 !important;
  font-weight: 700;
}

.sidebar-nav-item {
  padding-left: 5px;
}
.sidebar-nav-item-icon {
  padding-right: 5px;
  float: right;
  font-size: 20px;
}

.back_fff{ background: rgba(255,255,255,.7);}
.sidebar-nav {background:#fff; margin-top:5%;}
.active .act_int{
  /*background: #005286;*/
  text-decoration: none;
}

.active .act_int span.sidebar-nav-item-icon {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg);
  padding-top: 5px;
}

.migaja{ background: #fff;}
.breadcrumb{ margin-bottom: 0; background: transparent;padding: 8px 0;}
.breadcrumb li a{ }
    .breadcrumb li.active {
        color: #494e97;
    }
.breadcrumb > li + li:before{content: "| ";}

/*Color del titulo*/
.lin_productos h1 {
    color: #494e97;
    font-size: 22px;
    font-family: "Roboto";
    margin-top: 0;
}
/* MuseonSans300*/
.camp_search{ margin-top: 20px;}
.btn_search{color:#005286;}
.btn_search:hover{background:#005286; color: #FFF;}
.nav-tabs > li > a{ border:1px solid #888; border-radius: 0; text-align: center; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color: #FFF; background: #005286;}
.nav li.active i{content: "\f0d7";font-family: 'FontAwesome';color: #005286;font-size: 20px;position: relative;text-align: center;top: -8px;width: 100%;}
.nav li i{content: "\f0d7";font-family: 'FontAwesome'; color: #FFF;}

#tabs li a:hover{background-color:#005286; color: #FFF; border-bottom: 0 solid; background-image: }
.tab-pane {
  background: none repeat scroll 0 0 #e8e6e6;
  overflow: hidden;
  padding: 20px 10px;}
.cont_productto{padding: 6px;}
.cont_productto a:hover{
  background: rgba(0, 82, 134, 1);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;}

/*Controla color de los titulos de las miniaturas de los productos*/
    .cont_productto a h3 {
        max-height: 60px;
        min-height: 60px;
        background: none repeat scroll 0 0 #fff;
        color: #353535;
        font-size: 16px;
        margin: 0;
        padding: 10px 14px;
        text-align: center;
        border-bottom: 3px solid #494e97;
    }

.titulo_prod {
    background: rgba(255,255,255,.5);
    color: #005286;
    font-family: 'Roboto';
    /* TitilliumSemibold */
    font-size: 15px;
    bottom: 0;
    left: 0;
    padding: 8px;
    position: absolute;
    width: 100%;
}

div#content ul#itemContainer li { display: inline-block; zoom: 1; *display:inline; }
  .holder {
    margin: 15px 0;
    min-height: 15px;
  }
  /* Color de los numeros de paginación*/
    .holder a {
        margin: 0;
        padding: 2px 10px;
        font-size: 14px;
        cursor: pointer;
        color: #494e97;
        font-family: "Roboto";
        /* TitilliumRegular */
    }
  .holder a:hover {
    background-color: #222;
    color: #fff;
  }
  .holder a.jp-previous { margin-right: 15px; }
  .holder a.jp-next { margin-left: 15px; }

  /* Controla el fondo de color de los números de la páginación*/
        .holder a.jp-current, a.jp-current:hover {
            background: #494e97 !important;
            color: #fff;
            font-weight: bold;
            margin: 0;
            padding: 2px 10px;
            text-decoration: none;
        }
  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }
  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;

  }
  .holder span { margin: 0 5px; }
	#content {
	  background:#fff;
	  overflow: hidden;
	  padding: 20px 10px;
	}

/*Detalles*/
.btn_volver{color: #005286;display: inline-block;font-family: 'TitilliumSemibold';font-size: 14px;margin: 8px;}
.btn_volver i{font-size: 16px;}
.s_prod{ vertical-align: top!important;}
.btn_imprimir{ margin: 10px; display: inline-block; color: #005286;font-family: "TitilliumRegular"; font-size: 14px;}
.img_prod img{ width: 100%; max-width: 400px;}
.btn_ampliar{display: block;margin: 10px; font-size: 14px;}
.btn_ampliar i{ font-size: 18px;}
.tit_produc h1 {
    font-size: 30px;
    font-family: 'Roboto';
    color: #494e97;
    margin: 0 0 12px;
}
/* TitilliumSemibold */
#Choco_container_via{ display: none;}

/* Controla el tipo de letra en la tabla*/
table {background:#e6e6e6;color: #353535;font-family:Arial}
.tit_produc table tr:nth-child(2n) {
  background: #f5f5f5;
}

.tit_produc table.table-bordered,
.tit_produc table tr td,
.tit_produc table tr th {
  border: 0;
}
table .td-offset { text-align: right;
                   color: #444444;
}

.cont_col {float: right ;margin-right: 6px;}

.btn_cotizacion{ border:1px solid #005286;
                 border-radius:0;
                 padding: 12px 50px;
                 color: #353535;
                 font-family: Arial;
                 font-size: 18px;
                 margin-bottom: 20px;}
    .btn_cotizacion:hover {
        border: 1px solid #005286;
        background: #494e97;
        color: #FFF;
    }

.btn_cotizacion2{ border:1px solid #888; border-radius:0; color: #888;font-family: 'Roboto'; font-size: 18px;padding: 2px 10px;}
.btn_cotizacion2:hover{ border:1px solid #005286; background: #005286; color: #FFF;}

.btn_cotizacion3{ border:1px solid #888; border-radius:0; color: #888;font-family: 'Roboto'; font-size: 18px; padding: 2px 10px; display: block; margin: 0 auto;}
.btn_cotizacion3:hover{ border:1px solid #005286; background: #005286; color: #FFF;}

/*.camp_otros{ border-left: 1px dotted #888;}*/
.img_otros a{ margin:0px; padding:0; border: 1px solid #ebebeb; display: block;}
.img_otros{ margin:0px; padding: 1px 5px;}

.img_otros img{ width: 100%; margin:4px;}
.img_otros img:hover{ opacity: .8}

.camp_otros h4{color: #262626;margin-left: 10px;font-family: 'MuseoSans300'; font-size: 19px;}

.tab-content {
    margin-bottom: 30px;
}
.cont_titulo_p{
  background: rgba(0,0,0,0.5);
  color: #fff;
  margin-top: 14%;
  padding: 40px;
  text-align: center;}
.cont_titulo_p h1 {
  background: url("../img/general/bac_down_fff.png") no-repeat center bottom;
  color: #fff;
  font-family: "TitilliumBold";
  font-size: 48px;
  height: 66px;
  text-align: center;
  width: 220px;
  margin: 20px auto;}
.titulo_producto_l{ background: #005286;}
.titulo_producto_l a{cursor: default;color: #FFF!important;}
.modal-dialog{z-index: 99999;}
.input-group-addon .fa {width: 18px;}
.modal-backdrop{ background: rgba(0, 82, 134,1);}
.modal-backdrop .in{ opacity: .9}
.input-group-addon {
    background:#005286;
    color: #fff;
}
.radio_sss{ margin-bottom: 27px;}
.modal-backdrop.in{ opacity: .9;}

/* 03-01-18 **/
.banner-view {
  background-position: top center;
  background-color: #192126;
  background-repeat: no-repeat;
  height: 369px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-view h2 {
  text-align: center;
  color: #fff;
  font-family: "MuseoSans300";
  font-size: 57px;
}
/*Color del menu 1*/
.sidebar-nav > ul > li:nth-child(1) > a {
    background: #494e97;
    color: #fff;
    border-top: 1px solid #fff;
    /* #005286 **/
}
/*Color del menu 2*/
.sidebar-nav > ul > li:nth-child(2) > a {
    background: #e6830e;
    color: #fff;
    border-top: 1px solid #fff;
    /* #99c320 **/
}
.sidebar-nav > ul > li:nth-child(3) > a{
  background: #fcba06;
  color: #fff;
  border-top: 1px solid #fff;
}
.sidebar-nav > ul > li:nth-child(1) ul a.activado_hijo {
    color: #353535 !important;
}
.sidebar-nav > ul > li:nth-child(2) ul a.activado_hijo {
    color: #353535 !important;
}
.style-a1 a h3 {
    border-bottom: 3px solid #494e97;
}
.style-a2 a h3 {
    border-bottom: 3px solid #e6830e;
}
.style-a3 a h3 {
  border-bottom: 3px solid #fcba06;
}
.camp_otros h6 {
    max-height: 60px;
    min-height: 60px;
    color: #353535;
    font-size: 14px;
    margin: 0;
    padding: 10px 14px;
    text-align: center;
    border-bottom: 3px solid #005286;
}
#mainvideo .modal-dialog {
  max-width: 860px;
  width: 95%;
}
/**Fin*/


@media (max-width: 767px) {
	.camp_otros {
    border-top: 1px dotted #888;
    border-left: 0px dotted #888;}
	.img_prod{ text-align: center;}
}
@media only screen and (max-width:767px) {.mask{}}
@media only screen and (max-width:767px) {
  .cont_titulo_p{margin:10px 0;}
  .sidebar-nav{margin-top: 0;}

}


/***********************************************/
/***********************************************/
/***********************************************/
/***********************************************/
/***********************************************/


.cuadr_img_prod{ border: 2px solid transparent;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
.cuadr_img_prod:hover{ border: 2px solid #005286;}


/**trasition**/
.cont_productos.k-effect .cont_productto:hover span.mask {
    transition: all 0.3s ease-in-out 0.25s;
    -moz-transition: all 0.3s ease-in-out 0.25s;
    -webkit-transition: all 0.3s ease-in-out 0.25s;
    -o-transition: all 0.3s ease-in-out 0.25s;
}

span.mask, .cont_productos.k-effect .cont_productto, .cont_productos.k-effect img {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
/*reset*/
.cont_productos.k-effect {list-style: none outside none;margin: 0;padding: 0;}
.cont_productos.k-effect .cont_productto {list-style: none outside none;}
.cont_productos.k-effect img {border: 0 none;opacity: 1;}
.cont_productos.k-effect .cont_productto:hover img {opacity: 0.5;}

.cont_productos.k-effect .cont_productto {
    border: 0px solid rgba(0, 0, 0, 0.25);

    display: inline-block;


    position: relative;
    top: 0;
}
.cont_productos.k-effect .cont_productto > a {
	  margin: 0 auto;
    max-width: 225px;
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #ebebeb;
}
    .cont_productos.k-effect span.mask {
        background-color: rgba(0, 82, 134, .8);
        background-image: url("https://lh4.googleusercontent.com/-WQnshglkK3M/UKJ5d_syX8I/AAAAAAAADuE/0fXdBOvpYmg/s1600/full.png");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 0;
    }

/**Efecto circle**/
.cont_productos.k-effect.circle span.mask {
  border-radius: 20px;
  bottom: 0;
  height: 40px;
  margin: auto;
  opacity: 0;
  right: 0;
  top: -40px;
  width: 40px;}
.cont_productos.k-effect.circle .cont_productto:hover span.mask {top:-30px;opacity: 1;}
.cont_productos.k-effect.circle .cont_productto:hover img {
  /*transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);*/
}

/****Configurar****/
/**tamaño a cortar de la imagen*/
.cont_productos.k-effect .cont_productto > a {
    /*height: 160px;*/ /*ancho*/
    /*width: 280px;*/ /*alto*/
}

/**tamaño maximo de la imagen [Naturalmente es recomendable que este sea al menos 20 pixeles mas grande que el corte]**/
.cont_productos.k-effect img {max-width: 300px;width: 100%;min-height: 190px;}

.btn_color_1:hover{background: #98C21D;}
.btn_color_1 .typography_5_col h4 {
  height: 44px;
  background:#98C21D !important;
  color: #fff;
  font-size: 14px !important;
  margin-top: 0px !important;
  padding: 6px;
}
.btn_color_1 .typography_5_col .list_prod_new a:hover{color: #98C21D !important;}
.btn_color_2:hover{background: #009FE3;}
.btn_color_2 .typography_5_col h4 {
  height: 44px;
  background:#009FE3 !important;
  color: #fff;
  font-size: 14px !important;
  margin-top: 0px !important;
  padding: 6px;
}
.btn_color_2 .typography_5_col .list_prod_new a:hover{color: #009FE3 !important;}
.btn_color_3:hover{background: #FBBA00;}
.btn_color_3 .typography_5_col h4 {
  height: 44px;
  background:#FBBA00 !important;
  color: #363636;
  font-size: 14px !important;
  margin-top: 0px !important;
  padding: 6px;
}
.cuadr_img_prod {margin: 0 0 0 10px;}
.cuadr_img_prod > span {margin-left: -7px;}
.btn_color_3 .typography_5_col .list_prod_new a:hover{color: #FBBA00 !important;}

.prod_mobil{ display: none;}

.title-nav {
    margin: 0;
    color: #494e97;
}

@media screen and (max-width: 1024px) {
  .prod_mobil{ display: block;}
  .prod_pc{ display: none;}
  .new_slider_prod {
    overflow: hidden;}
  .sidebar-nav
  {
    margin-top: 0;
  }
}

.backform{
  z-index:0!important;
}
.lin_productos .guia_materiales{
  margin-right: 45px;
}
.guia_materiales {
    font-family: 'Arial';
    background: #494e97;
    color: #fff;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    margin-right: 30px;
}
.guia_materiales:hover,
.guia_materiales:focus{
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .guia_materiales{
    position: relative;
    top: 15px;
    font-size: 15px;
    margin-right: 0;
  }
  .lin_productos .guia_materiales{
    margin-right: 0;
  }
}