@font-face {
    font-family: MavenPro-Regular;
    src: url('../fonts/MavenPro-Regular.ttf');
}

 @font-face {
    font-family: MavenPro-Bold;
    src: url('../fonts/MavenPro-Bold.ttf');
}
 @font-face {
    font-family: MavenPro-Black;
    src: url('../fonts/MavenPro-Black.ttf');
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: MavenPro-Regular !important;
  overflow-x: hidden;
}

.whats{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  width: 55px;
  height: 55px;
  border-radius: 90px;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.whats svg{
  display: block;
  margin-top: 13px;
  color: #fff;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}


img{
	width: 100%;
}

header{
	/*border-bottom: 1px solid #a8a8a8;*/
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	width: 100%;
	z-index: 99;
}

h1{
	color: #d01c21;
	font-family: MavenPro-Bold;
	font-size: 400%;

}
h2{
	color: #fff;
	font-family: MavenPro-Regular;
	font-size: 300%;

}
h3{
	color:#e6333a;
	font-family:  MavenPro-Black;
}

h4{
	color: #4d4c4c;
	font-family: MavenPro-Regular;
	font-size: 200%;
}
h5{
	color: #ffffff;
	font-family: MavenPro-Regular;
	font-size: 16px;

}
h6{
    font-size: 16px;
}

a{
	color: #fefefe;
	font-family: MavenPro-Regular;
}

a:hover{
	color: #d3273d;
    text-decoration: none;
}
.a:hover{
  cursor: pointer;
}

span{color: #fff;}
p{
	color: #a0a0a0;
	font-family: MavenPro-Regular;
	font-size: 14px;

}

button{
	background: #d3273d;
}
footer{
    background-color: #000;
}
footer p{
    font-size: 12px;
}
.aviso{
    text-align: center;
    width: 60%;
    margin-left: 20%;
}

.form-control{
    background-color: #090f13;
    border-color: #090f13;
    color: #fff !important;
}

form{
    color: #fff;
}
@media(max-width: 992px){
	h1{
		font-size:200%;
	}
	h5{
		font-size:16px;
	}
}

.negro{
    color: #343434;
}
.red{
    color: #d01c21;
}
.blanco{
  color: #fff;
}
.img-pdf{
  width: 20px;
}

.btn-primary{
    background-image: none !important;
    background-repeat: repeat-x !important; 
    border-radius: none !important; 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important;     
	background-image: none;
	background-color: #d3273d;
    border-color: #d3273d;
}
.btn-primary:hover{
    background-image: none;
    color: #d3273d;
    background-color: #fff;
    border-color: #d3273d;
}
.btn-primary:active{
    background-image: none;
    color: #d3273d;
    background-color: #fff;
    border-color: #d3273d;
}
.btn-primary:focus{
    background-image: none;
    color: #d3273d;
    background-color: #fff;
    border-color: #d3273d;
}
.btn-primary:hover span{
    color:#d3273d;
}

.navbar-default{
    padding: 0;
    border: 0;
    margin: 0;
    background-image: none !important;
    background-repeat: repeat-x !important; 
    border-radius: none !important; 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
    background-color: transparent !important;
}
.nav > li > a {
    padding: 15px 15px;
}
header .nav > li > a {
    padding: 22px 15px;
}

@media (min-width: 768px){
.navbar-header {
    float: none;
}
}

@media (max-width: 1129px){
  .navbar-nav {
    margin: 5px -15px;
  }
}

@media (max-width: 1098px){
    .navbar-nav {
      background: #ffF;
    }
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
  font-size: 15px;
}

.navbar-toggle {
  margin-top: 32px;
}

@media (max-width: 1130px){
  .navbar-nav {
    background: #ffF;
  }
}

.nav-tabs > li > a {
border-radius: none !important;

}


.nav > li > a:hover{
  background-color: #eee;
} 
.nav > li > a:focus {
    text-decoration: none;
    background-color:transparent;
}

@media (max-width: 1130px) {
  
} 




.logo{
    width: 250px;
}

/*------------------------------------*/
.logo{
    width: 325px;
    position: absolute;
    left: 20px;
    top: 15px;
}

.header{
    height: 100px;
}


header .nav > li > a {
    padding: 40px 12px;
}

/*------------------------------------*/


.menu{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.logo2{margin-bottom: 12px;}
.manchester{padding: 30px;}

.submenu{width: 100%; text-align: center;}
.submenu a{color: #a0a0a0; font-family: MavenPro-Bold; font-size: 13px;}
.submenu a:hover{color: #ed1c24;}
@media(max-width: 992px){.submenu li a{font-size: 8px;}}

.container-bienvenida div {padding: 0px;}

/*.scroll{
	height: 330px;
    overflow: scroll;
}
 */

.menu-tabs{
    background: #656363;
}





#principal{
    background-image: url("../img/fondo1.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;  
}

/*.ulhome{
width: auto;
max-width: 921px;
margin-left: auto;
margin-right: auto;
}
*/


ul.nav > li > ul{
display: none;
background: #343434;
padding: 0;
margin: 0;
position: absolute;
padding-left: 3px;
padding-right: 3px;  
padding-top: 3px;
padding-bottom: 3px;
}
ul.nav > li > ul > a > li{
padding-left: 20px;
padding-right: 20px;    
padding-top: 5px;
padding-bottom: 5px;    
list-style: none;
text-align: center;
}
ul.nav > li > ul > a:hover > li{
    background: #FFF;
}

ul.nav > li > ul > a:hover > li {
  background: transparent;
/*  animation-duration: 2s;
  animation-name: slidein;   */

}



  ul.nav > li > ul > a > li  {
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
  }
  ul.nav > li > ul > a:hover > li {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }


/*ul.nav > li:hover > ul{
  animation-duration: 2s;
  animation-name: slidein;    
  display: inline-block;
}*/

/*@keyframes slidein {
  from {
   opacity:0;

  }
  to {
    opacity: 1;

  }
}*/



ul.nav > li > ul#sub > a > li {
  list-style: initial;
  text-align: left;
  color: #d3001a;
padding-left: 0px;
padding-right: 0px;


}

ul.nav > li > ul#sub > a > li:hover {
 color: #fff;
}

#sub p{
  color: #fff;
}

#sub p:hover{
    color: #d3001a;
}

#sub {
padding-left: 30px;
padding-right: 30px;
}
/*servicios*/

#servicios{
    width: 100%;
    height: auto;
    background-image: url("../img/fondo-servicios.png");
    background-position: left top;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    z-index: -3;    
}

.container-servicio{padding-top: 30px;padding-bottom: 30px;}
.eservicio img{width: 80%; padding: 30px;}
.eservicio{text-align: center; padding: 20px}
.eservicio:hover{cursor: pointer;}



#clientes{
    background-image: url("../img/fondo-clientes.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -3; 	
    padding-top: 100px;
}

@media (min-width:992px) { 
    #clientes{
        background-attachment: fixed;
    }
}

#clientes .container .txt{
    margin: 100px;
}
@media(max-width: 1200px){
    #clientes p{
       font-size: 16px;
    }
    #clientes h2{
       font-size: 20px;
    }    
}

@media(max-width: 992px){
    #clientes p{
       font-size: 12px;
    }
    #clientes h2{
       font-size: 16px;
    }      
    #clientes {
         padding-top: 20px;
    }
}
@media(max-width: 1130px){
    #clientes p{
       font-size: 12px;
    }
    #clientes h2{
       font-size: 16px;
    }   
    #clientes .container .txt{
    margin: 50px;
} 
    #clientes {
     padding-top: 20px;
}     
#clientes {
     padding-top: 20px;
} 
}
@media(max-width: 600px){
    #clientes p{
       font-size: 12px;
    }
    #clientes h2{
       font-size: 14px;
    }   
    #clientes {
     padding-top: 20px;
} 
}

@media(max-width: 550px){
    .flecha{
        margin-top:140px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #clientes .texto{
        padding: 0;
    }
}
#eco{
    background-color: #f0efef;  
}
#eco img{width: 50%;}

.sust{
    position: absolute;
 
    /*width: 500px !important;*/
    width: 440px !important;
    top: 0;
}
@media(max-width: 992px){
    .sust{
        display: none;
    }  
}
.txt-sust{
    padding-top: 30px;
    padding-bottom: 100px;
}


#sustentabilidad{
background-color: #f0efef;  
}
@media(min-width: 992px){
    #sustentabilidad{
        /*background-image: url("../img/fondo-sustentabilidad.png");*/
        background: #f0efef;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -3;    
    }    
}
.sustentabilidad{width: 39%;float: left; }
.sust-txt{width: 60%; float: left;}
.container2{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 400px){
    .container2{
        height: 100px;
        overflow: scroll;
    }
}

@media(max-width: 1000px){
    .container2{
        height: 600px;
        overflow: scroll;
    }
}
@media(max-width: 1400px){
    .container2{
        height: 900px;
        overflow: scroll;
    }
}

#contacto{
    background-color: #242424;
    padding-top: 10px;
		padding-bottom: 10px;
}
.ubicacion{
    padding-top: 10px;
}
.ubicacion span{
    font-size: 52px;
    color: #d3273d;
    float: left;
}
@media (max-width: 786px) {
	.ubicacion span{padding:0px;font-size:52px;}
}
.ubicacion p {
    font-size: 12px;
}
.fa{
	font-size:20px;
}
.contacto span, .fa{
    color: #d3273d;
}
.menufooter{
    /* color: #fff; */
    padding: 10px;
}
.redes{
    padding-top: 10px;
		padding-bottom: 10px;
    color: #a0a0a0 !important;
  font-family: MavenPro-Regular !important;
}
.ubi{padding: 0px;}
.redes img{
    width: 40%;
}
.redes .fa{
	margin-left:5px;
	margin-right:5px;
}
.redes h6{
	display:initial;
}
.redes a i{
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;    
}
.redes a:hover i{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); 
}


.face img{width: 30%;}
footer h4{
    color: #d3273d;
}



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






.noticia{padding: 30px;}
.noticia-desglose{padding-top: 20px;padding-bottom: 20px;}






    * {
      box-sizing: border-box;
    }

    .slider {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    
    }

    .slick-slide {
      margin: 20px 20px;
      text-align: center;
      margin-top: 120px;
    }

    .slick-slide img {
        width: 50%;
        margin-left: auto;
        margin-right: auto;

    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }


@media(max-width: 786px){
    .slick-slide {
      margin-top: 20px;
    }

    .slick-prev {
        left: 25px;
    }
    .slick-next{
        right: 25px;
    }
}




.headerproductos{
    position: relative;
}

/*.over{
    overflow: scroll;
    height: 450px;
}
*/
.destacados{
    position: absolute;  
}




.responsive-tabs.nav-tabs {
  position: relative;
  z-index: 10;
  height: 42px;
  overflow: visible;
  border-bottom: none;

}

.submenu .responsive-tabs.nav-tabs {
 width: auto;
height: 45px;
display: inline-block;
margin-left: auto;
margin-right: auto;   
}

@media(max-width: 992px){
    .submenu .responsive-tabs.nav-tabs {
        width: 100%;
    }
}
@media (min-width: 1000px) {
  .responsive-tabs.nav-tabs {
    /*border-bottom: 1px solid #ddd;*/
  }
}
.responsive-tabs.nav-tabs span.glyphicon {
  position: absolute;
  top: 14px;
  right: 22px;
}
.responsive-tabs.nav-tabs span.glyphicon.glyphicon-triangle-top {
  display: none;
}
@media (min-width: 1000px) {
  .responsive-tabs.nav-tabs span.glyphicon {
    display: none;
  }
}
.responsive-tabs.nav-tabs > li {
  display: none;
  float: none;
  text-align: center;
}
.responsive-tabs.nav-tabs > li:last-of-type > a {
  margin-right: 0;
}
.responsive-tabs.nav-tabs > li > a {
  margin-right: 0;
  border-left: 1px solid #989696;
  border-right: 1px solid #989696;
}
@media (min-width: 1000px) {
  .responsive-tabs.nav-tabs > li > a {
    margin-right: 4px;
  }
}
.responsive-tabs.nav-tabs > li.active {
  display: block;
}

.responsive-tabs.nav-tabs > li.active a {
border-left: 1px solid #989696;
border-right: 1px solid #989696;
  border-radius: none;
  background: #302f2e;
  color: #fff;

}
@media (min-width: 1000px) {
  .responsive-tabs.nav-tabs > li.active a {
    border-bottom-color: transparent;
  }
}
@media (min-width: 1000px) {
  .responsive-tabs.nav-tabs > li {
    display: block;
    float: left;
  }
}
.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
  display: block;
}
@media (min-width: 1000px) {
  .responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
    display: none;
  }
}
.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-bottom {
  display: none;
}
.responsive-tabs.nav-tabs.open > li {
  display: block;
}
.responsive-tabs.nav-tabs.open > li a {
  border-radius: 0;
}
.responsive-tabs.nav-tabs.open > li:first-of-type a {
  border-radius: 2px 2px 0 0;
}
.responsive-tabs.nav-tabs.open > li:last-of-type a {
  border-radius: 0 0 2px 2px;
}

@media (max-width: 1000px) {
.responsive-tabs.nav-tabs.open > li {
    margin: 0px;
    background-color: #fff;
}
}

@media (max-width: 1200px) {
  .responsive-tabs > li a{
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .responsive-tabs > li a{
    font-size: 9px;
  }
}
@media (max-width: 1000px) {
  .responsive-tabs > li a{
    font-size: 12px;
  }
}

@media (max-width: 992px){
  .responsive-tabs > li a{
    font-size: 14px;
  }
}
.table-responsive{
  padding: 0;
}

@media (min-width: 1130px){

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
width: 100%;
}

}
.responsive-tabs.nav-tabs > li.active a {
height: 100% !important;
}



.texto-slider{color: #030303 !important;}

@media (max-width: 992px){
    .texto-slider{color: #fff !important;}

}


















        
        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('img/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        /* jssor slider thumbnail navigator skin 16 css */
        /*
        .jssort16 .p            (normal)
        .jssort16 .p:hover      (normal mouseover)
        .jssort16 .pav          (active)
        .jssort16 .pav:hover    (active mouseover)
        .jssort16 .pdn          (mousedown)
        */
        .jssort16 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 100px;
        }
        
        .jssort16 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 100px;
            border: none;
        }
        
        .jssort16 .p img {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 100px;
            filter: alpha(opacity=55);
            opacity: .55;
            transition: opacity .6s;
            -moz-transition: opacity .6s;
            -webkit-transition: opacity .6s;
            -o-transition: opacity .6s;
        }
        
        .jssort16 .pav img, .jssort16 .pav:hover img, .jssort16 .p:hover img {
            filter: alpha(opacity=100);
            opacity: 1;
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
        }
        
        .jssort16 .pav:hover img, .jssort16 .p:hover img {
            filter: alpha(opacity=70);
            opacity: .7;
        }
        
        .jssort16 .title, .jssort16 .title_back {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 200px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #000;
            font-size: 20px;
        }
        
        .jssort16 .title_back {
            background-color: #fff;
            filter: alpha(opacity=50);
            opacity: .5;
        }
        
        .jssort16 .pav .title_back {
            background-color: #000;
            filter: alpha(opacity=50);
            opacity: .5;
        }
        
        .jssort16 .pav .title {
            color: #fff;
        }
        
        .jssort16 .p.pav:hover .title_back, .jssort16 .p:hover .title_back {
            filter: alpha(opacity=40);
            opacity: .4;
        }
        
        .jssort16 .p.pdn img {
            filter: alpha(opacity=100);
            opacity: 1;
        }

        li a{
            font-family: MavenPro-Bold;
        }






/*.over{margin-top: 50px; margin-bottom: 50px;}*/

.contenido{margin-top: 30px;margin-bottom: 30px;}




.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #d3273d;
    background-color: #fff;
    border-color: #d3273d;
}



.ir-arriba {
    display:none;
    padding:20px;
    background:#d01c21;;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    position: fixed;
    bottom:20px;
    right:20px;
}


.maps iframe{
    pointer-events: none;
}



.form-control:focus {
    border-color: #d3273d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211, 39, 61, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211, 39, 61, .6);
}


/*bolsa de trabajo*/


#bolsa{
    padding-top: 130px;
    background-image: url("../img/fondo-bolsa.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}




#bolsa-formulario{
    background-image: url("../img/fondo-formulario-bolsa.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 40px;
}


#bolsa-formulario .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}




.puestos{
    display: none;
}

#iframepdf{
    height: 1200px;
}

@media(max-width: 992px){
     #iframepdf{
        height: 500px;
    }   
}


.tab-pane{
    padding-bottom: 50px;
    padding-top: 20px;
}









.btn1{
    width: 163px;
    height: 109px;
    background: red;
    position: absolute;
    top: 18px;
    left: 25px ;
}





#sub{
    border-top: 5px solid red;
    z-index: 999999 !important;
}




@media(max-width: 992px){
  .logo{width: 250px !important;left: 0 !important;}
  .header{height: 60px !important}
  .manchester-logo {margin-top: -15px;}
  .navbar-toggle {margin-top: 10px;}
}





#noticia1,#noticia2,#noticia3,#noticia4{
  display: none;
}




.box-im{
  background: #000;display: inline-block;width: 100%;height: 100px;
}
.dat{
  color: #fff;padding: 8px;
}


.col_1{background-image: url("../img/reactivos/1.jpg");background-repeat: repeat;}
.col_2{background-image: url("../img/reactivos/3.jpg");background-repeat: repeat;}
.col_3{background-image: url("../img/reactivos/5.jpg");background-repeat: repeat;}


.col_4{background-image: url("../img/directos/1.jpg");background-repeat: repeat;}
.col_5{background-image: url("../img/directos/3.jpg");background-repeat: repeat;}
.col_6{background-image: url("../img/directos/5.jpg");background-repeat: repeat;}

.col_7{background-image: url("../img/dispersos/1.jpg");background-repeat: repeat;}
.col_8{background-image: url("../img/dispersos/3.jpg");background-repeat: repeat;}
.col_9{background-image: url("../img/dispersos/5.jpg");background-repeat: repeat;}



.col_10{background-image: url("../img/sulfuro/20.jpg");background-repeat: repeat;}
.col_11{background-image: url("../img/sulfuro/25.jpg");background-repeat: repeat;}
.col_12{background-image: url("../img/sulfuro/30.jpg");background-repeat: repeat;}

.col_13{background-image: url("../img/indigo/10g_L.jpg");background-repeat: repeat;}
.col_14{background-image: url("../img/indigo/35g_L.jpg");background-repeat: repeat;}
.col_15{background-image: url("../img/indigo/50g_L.jpg");background-repeat: repeat;}


.inf{
  padding-bottom: 35px;
  display: inline-block;
}







.modal .form-group label{
  color: #333;
  text-align: left;
} 


.modal .form-control{
    background-color: #f9f9f9;
    border-color: #d3273d;
} 


.modal .btn{
  color: #fff ;
}




.click{
  color: #ff0000;
}



pre{
  font-family: MavenPro-Regular;
}