p.big{

font-size: 1.2em !important;

}


.col-padding-intro {

  padding-right: 3%;
  padding-left: 3%;
  padding-top: 31px;
}

/*.controlls-over .owl-controls {

    left: -38px !important;
    right: -38px !important;;
   
    z-index: 1 !important;;

  }
*/

@media (min-width: 992px) {

.hidden-fila-sup {


  display: none!important;
}

}


@media (max-width: 992px) {

.hidden-fila-inf{


  display: none!important;

}

}


.btn-403 {
  color: #333;

  background-color: rgba(255,255,255,.6);

  border: 1px solid #d6d6d6;


  border-radius: 0px;

    -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.btn-403:hover {

  background-color: rgba(255,255,255,1);


  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.bg-imagen-index {
background: url(../img/background/fondo_403.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.error-wrapper {
    position: absolute;
    left: 25%;
    right: 25%;
    top: 33%;
    margin-bottom: 20px;
    padding: 20px;
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
    background-color: rgba(255,255,255,.8);
    box-shadow: 0 8px 17px rgba(22,24,27,.2);
    text-align: center;
    font-size: 1.2em;
    border: 3px solid #ffffff;

}

#cierre a{
  position: absolute;
  top: 0px;
  right: 0px;

}



.error-wrapper .error-brand {
    font-size: 2.5em;

}


.checkbox + .checkbox, .radio + .radio {

    margin-top: 10px;

}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {

    margin-left: -20px;

    /*margin-top: 0px;*/

    position: absolute;

}

.label-icono-idioma {
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    background-color: #999999;
    color: rgb(255,255,255);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 0;

}

label.idioma {

  margin-top: 10px;

  margin-left: 40px;
}
/*

#wrapper-index {


  display: block;

  visibility: hidden;


}

#wrapper{

	min-height: 850px !important;
	padding-top: 141px !important;
}*/

/* 
#loading {
  top: 33%;
  left: 50%;
  margin: 0 auto;
  position: fixed;
  z-index: 10000;
  width: 93px;
  margin-left: -46px;
  height: 88px;
  background: url('../img/iconos/ajax-loader.gif') no-repeat;
  cursor: wait;
}
*/

h1 {
   font-size: 3.8em;
   line-height: 60px;
}

#slider {
   margin-bottom: 0 !important;
}

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

.margin-top-20 {
	margin-top: 20px;
}



.margin-top-40 {

	margin-top: 40px;

}



.btn-davos{



background-color: #dddddd;

padding: 8px 18px;

color: #ffffff;



}



.btn-davos:hover{



background-color:#777777 ;

padding: 8px 18px;

color: #ffffff;



}

   .re-filterbox.no-top {

      margin-top: -250px;

   }



.contenedor-logo-ficha-fabricante {

	height: 50px;

}



/*img.logo-ficha-fabricante{

	min-width: 100%;

	max-width: 100%;

	height: auto;

	padding-left: 0;

	overflow: show;

}*/



img.logo-ficha-fabricante {

    /*min-width: 100%;*/

    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;

    /*height: 100px;

    width: auto;*/

   /* max-height: 80px;*/

    padding-left: 0;

    

    /*margin-bottom: 20px;*/

}



.centrado{

	margin:0 auto;

	} 



p.ficha-fabricante {

	padding-top: 12px;

}



/* CSS3 STYLE GENERIC */

.view {

   width: 200px;

   height: 200px;

   margin: 10px;

   float: left;

   border: 5px solid #fff;

   overflow: hidden;

   position: relative;

   text-align: center;

   box-shadow: 0px 0px 5px #aaa;

   cursor: default;

}



.mask {

   width: 200px;

   height: 200px;

}

/* la mascara que se mostrará con el hover tiene el mismo tamaño que la imagen y posicion absoluta  0 0 con respecto a la misma */

.view .mask, .view .content {

   width: 200px;

   height: 200px;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view img {

   display: block;

   position: relative;

   height: 200px;

   width: auto;

}



/* el icono de la lupa */

.view a.info {

   background:url(../img/link.png) center no-repeat;

   display: inline-block;

   text-decoration: none;

   padding:0;

   text-indent:-9999px;

   width:20px;

   height:20px;

}





.third-effect .mask {

   opacity: 0;

   overflow:visible;

   border:100px solid rgba(243,106,33,0.7);

   -moz-box-sizing:border-box;

   -webkit-box-sizing:border-box;

   box-sizing:border-box;

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}

.third-effect a.info {

   position:relative;

   top:-10px;

   left: -10px;

   opacity: 0;

   -webkit-transition: opacity 0.5s 0s ease-in-out;

   -moz-transition: opacity 0.5s 0s ease-in-out;

   -o-transition: opacity 0.5s 0s ease-in-out;

   -ms-transition: opacity 0.5s 0s ease-in-out;

   transition: opacity 0.5s 0s ease-in-out;

}

.third-effect:hover .mask {

   opacity: 1;

   border:100px solid rgba(243,106,33,0.7);

}

.third-effect:hover a.info {

   opacity:1;

   -moz-transition-delay: 0.3s;

   -webkit-transition-delay: 0.3s;

   -o-transition-delay: 0.3s;

   -ms-transition-delay: 0.3s;

   transition-delay: 0.3s;

}



.socialApis h3 {

      color:#333;

      display:block;

      margin:20px 0 !important;

   }

.socialApis .api {

      display:block;

        /*margin:5px 0 10px 0;

    border-left:#eee 2px solid;

      padding:5px 0 0 10px;

   }



div.mega-price-table h4 {

   display:block;

   text-align:center;

   font-size:44px;

   padding:20px 0; margin:0;

   font-weight:400;

   color:#666;

   height:85;

   background-color:rgba(0,0,0,0.03);

}

div.mega-price-table .pricing:hover h4 {

   color:#333;

   text-align:center;

}

div.mega-price-table .pricing h4 sup,

div.mega-price-table .pricing h4 sub {

   font-size:30px;

}

div.mega-price-table .pricing-head small {

   font-size:12px;

   display:block;

   color:rgba(255,255,255,0.7);

   font-weight:300;

}



.top-no-header {

   position:relative;

   padding-top:20px;

}



.modal {

   padding-top:160px;

   z-index: 9999;

   background:rgba(0,0,0,0.3);

}



.content-hero.content-hero-md {

    min-height: 130px;

}





@media only screen and (max-width: 992px) {



 

   /*texto sobre slider */

   .texto-slider {

     

      top: 100px;

     

   }

   

   .re-filterbox.no-top {

      margin-top: -290px;

   }



  



}





@media only screen and (max-width: 768px) {



   h1 {

      font-size: 2.5em;

      line-height: 45px;

  

   }

   

   /*texto sobre slider */

   .texto-slider {

      position: absolute;

      top: 80px;

      width: 100%;

      text-align: center;

      margin: 0px auto;

      z-index: 999;

   }




   

   .re-filterbox.no-top {

      margin-top: -350px;

      margin-bottom: 30px;

   }



   .item-box.fixed-box figure {

      max-height: 285px;

   }



   #shop h2.product-title {

      font-size: 1.8em !important;

   }



   h6.item-font {

    font-size: 15px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 8px;

    overflow: hidden;

    text-overflow: ellipsis;

 }



 .tab-content, ul.nav.nav-tabs {

   font-size: 13px;

 }



   .view {

      width: 150px;

      height: 150px;

      margin: 10px;

      float: left;

      border: 5px solid #fff;

      overflow: hidden;

      position: relative;

      text-align: center;

      box-shadow: 0px 0px 5px #aaa;

      cursor: default;

   }



   .mask {

      width: 150px;

      height: 150px;

   }

   /* la mascara que se mostrará con el hover tiene el mismo tamaño que la imagen y posicion absoluta  0 0 con respecto a la misma */

   .view .mask, .view .content {

      width: 150px;

      height: 150px;

      position: absolute;

      overflow: hidden;

      top: 0;

      left: 0;

   }

   .view img {

      display: block;

      position: relative;

      height: 150px;

      width: auto;

   }



   .third-effect .mask {

      opacity: 0;

      overflow:visible;

      border:75px solid rgba(243,106,33,0.7);

      -moz-box-sizing:border-box;

      -webkit-box-sizing:border-box;

      box-sizing:border-box;

      -webkit-transition: all 0.4s ease-in-out;

      -moz-transition: all 0.4s ease-in-out;

      -o-transition: all 0.4s ease-in-out;

      -ms-transition: all 0.4s ease-in-out;

      transition: all 0.4s ease-in-out;

   }

}





@media only screen and (max-width: 450px) {



   header#topNav button.btn-mobile {

      display:block;

      float:right;

   }



   body {

      font-size: 13px;

      line-height: 20px;


   }



   .margin-top-bottom-50 {

       margin-top: 20px;

       margin-bottom: 0px;

   }

   h1 {

      font-size: 2.2em;

      line-height: 45px;

      margin: 0;

      padding: 10px;

   }



   h2 {

      font-size: 2.2em;

      font-weight: 300;

      line-height: 36px;

      margin: 0 0 16px 0;

   }

   

   /*texto sobre slider */

   .texto-slider {

      position: absolute;

      top: 60px;

      width: 100%;

      text-align: center;

      margin: 0px auto;

      z-index: 999;

   }




   

   .re-filterbox.no-top {

      margin-top: -370px;

      margin-bottom: 20px;

   }



   #avanzada {

      margin-top: 13px;

   }



   #paginacion {

      display: none;

   }



   h6.item-font {

    font-size: 16px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

 }



 img.logo-ficha-fabricante {

   max-width: 100%;

 }



 .carousel-control {

   display: none;

 }



 #captcha {

   float: none;

   margin-bottom: 10px;

 }

 #captcha label {

       text-align: left;

 }

}







/*FIN max-width 450px*/





/**/



@media only screen and (max-width: 363px) {



.texto-slider {

      position: absolute;

      top: 35px;

      width: 100%;

      text-align: center;

      margin: 0px auto;

      z-index: 999;

   }





  }

/**/

.margin-top-30{



   margin-top: 30px;

}



.margin-bottom-30{



   margin-bottom: 30px;

}



.margin-bottom-40{



   margin-bottom: 40px;

}



.form-group{



   /*line-height: 30px !important;*/



}

.re-filterbox{

   padding: 0px 1px !important;

}



.form-control{



   height: 42px !important;

   padding: 12px !important;

   border-radius: 3px !important;

   border: 1px solid #c7c7c7 !important;

   font-size: 13px;

}



/*.btn{



   padding: 10px 18px !important;

}*/



.panel-orange{

   color: #ffffff !important;

    background-color:#f36b21 !important;

}



.panel-grey{



   color: #222!important;

    background-color:#fafafa !important;

    padding-bottom: 12px;

    border-bottom: 1px solid #ddd;

    margin-bottom:20px;



}



.owl-carousel .owl-caption{



   background: rgba(243,107,33,0.7) !important;

}



.paises a{



   color: #777 !important; 

   font-weight: 400;

}



.paises a:hover{



   color: #f36b21 !important;

  text-decoration: none; 



}



.color-orange{

   color: #f36b21 !important;

    

}



.nav a {



   color: #333333;

   font-size: 13px;

   /*padding-right: 10px;*/

   text-decoration: none;

   margin-bottom: 20px;

}



.navlogin{

   margin-top: 12px;

}





@media only screen and (max-width: 1006px) {



 .navlogin{

   margin-top: -2px;

}



.cabecera-search{



  margin-top: 0px !important;

}

  



}



.card{



   background-color: #ffffff;

}



.bs-callout{
   margin: 30px 0 !important;
}

.fondocolor{
    background-color: #fff!important;
   /* background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/background/header-2.jpg");*/
}

/*.jumbotron>hr{*/
/*    margin: 30px;*/
/*}*/

/*.white-row{
    background-color: rgba(255, 255, 255, 0.6);
}*/

.asterisco{
   font-size: 18px;
   font-weight: 600;
}

#cabecerabutton {
    height: 42px !important;
    border: 1px solid #c7c7c7;
    margin-top: 0px !important;
}

#inputcabecera{

}



.cabecera-search{



  margin-top: 15px;

}



/*Wrapper en Cabecera de index.php y resultados de búsqueda*/



#wrapper-index {

  padding: 0;   /* top nav height */

  z-index:98;     /* under top nav */

  position:relative;

  /*background-color:rgba(244,245,247,0.9);*/ /* if background image used */

  background-color: #ffffff;

  overflow:hidden;

  min-height:550px;

  padding-top:90px !important;

}





/** 02. Boxed Layout*/



  body.boxed #wrapper-index{

    background-color:#f4f5f7;

  }



  body.boxed #wrapper-index

{

    margin:auto;

    max-width:1170px;

  }





  @media only screen and (max-width: 767px) {

    #wrapper-index {

      padding-top:90px !important;

    }



    #wrapper {

      padding-top:170px !important;

    }





/*revisar topNav en layout-responsive y layout*/

    .heightTopNav{

      height:150px !important;

    }

    

     .topNavIndex {

      height:60px !important;

    }


  }



.fb_iframe_widget span {

 height: 22px !important;
}


.padding-top15{

  padding-top: 15px;
}


div.mega-price-table .pricing-title {
    background-color: transparent !important;
    padding: 0px !important; 
     margin: 0px !important; 
    height: 99px !important; 
}


div.mega-price-table .pricing-title h3 {
    font-size: 40px !important;
    line-height: 45px !important;
}


@media only screen and (min-width:  0px) and (max-width: 360px) {
 
    .title-slider{

      margin-bottom: -8px;

    }

  }



@media only screen and (min-width:  360px) and (max-width: 448px) {
 
    .title-slider{

      margin-bottom: 0px;

    }

  }


@media only screen and (min-width:  448px) and (max-width: 732px)  {
 
    .title-slider{

      margin-bottom: 16px;

    }

  }


@media only screen and (min-width:  732px) and(max-width: 767px)  {
 
    .title-slider{

      margin-bottom: 35px;

    }

  }



@media only screen and (min-width:  767px) and (max-width: 1369px) {
 
    .title-slider{

      margin-bottom: 16px;

    }



  }

@media only screen and (min-width: 1369px) {
  .title-slider{

  margin-bottom: 42px;

      }

}



p.lista {
    margin-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


hr.lista {
  border: 0;
  margin: 10px 0;
  border-top: #ddd 1px solid;
  border-bottom: #fff 1px solid;
}
/*
@media only screen and (min-width:  767px)  {
#wrapper{

  padding-top: 141px !important;
}

}

@media only screen and (min-width:  448px) and (max-width:  767px)  {
 
   #wrapper{

     padding-top: 90px!important;

    }


  }


@media only screen and (max-width:  448px) {
 
   #wrapper{

     padding-top: 40px!important;

    }


  }*/
/************************************************************************************/