/* General */

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


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/load.gif) center no-repeat #fff;
}

*{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

*:focus{
	outline:0;
}


html, body{
	font-family: 'Open Sans', sans-serif;
	color:#646469;
	 -webkit-font-smoothing:antialiased;
 	 -moz-osx-font-smoothing:grayscale;
 	 font-size:15px;
}

a{
	-webkit-transition: color 0.2s ease-out;
   -moz-transition: color 0.2s ease-out;
   -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

a.btn, button.btn-defaul{
	border:solid 1px #0081bc;
	background-color:transparent;
	margin-right:15px;
	color:#0081bc;
	font-size:14px;
	padding:10px 30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-transform:uppercase;
	margin-top:15px;
	-webkit-transition: all 0.2s ease-out;
	 -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}


a.download{
	display:block;
	margin-bottom:10px;
	text-decoration: none;
}

button.btn{
	margin-top:0;
}

a.btn:hover, button.btn:hover{
	background-color:#0081bc;
	color:#fff;
	}

a.btn.btn-animal{
	border-color:#5d0c8b;
	background-color:transparent;
	color:#5d0c8b;
}

a.btn.btn-animal:hover{
	background-color:#5d0c8b;
	color:#fff;
}

a.btn.btn-light-humana{
	border-color:#fff;
	color:#fff;
}

a.btn.btn-light-humana:hover{
	background-color:#fff;
	color:#0081bc;
	}

a.btn.btn-light-animal{
	border-color:#fff;
	color:#fff;
}

a.btn.btn-light-animal:hover{
	background-color:#fff;
	color:#5d0c8b;
	}

h1, h2, h3, h4, h5, h6{
	font-family: 'Titillium Web', sans-serif;
	color:#0081bc;
	font-weight:300;
}

h3{
	font-size:21px;
}

h2{
	font-size:26px;
}

.header-section{
	position:relative;
	width:100%;
	height:170px;
	color:#fff;
	font-family: 'Titillium Web', sans-serif;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.5);
	background-size:cover;
}

.header-section.secondary{
	height:170px;
	background-color:#0081bc;
}


.header-section h1{
	color:#fff;
	padding-left:15px;
	font-size:28px;
	}

.contenido{
	margin:40px 0;
}

.humana{
	background-color:#0081bc;
}

.animal{
	background-color:#5d0c8b;
}

.cleaner{
	clear:both;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
#carrousel-home .carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
#carrousel-home .carousel-caption {
  bottom: 3rem;
  z-index: 10;
  max-width: 500px;
}

#carrousel-home .carousel-caption a.btn{
		color: #fff;
    border-color: #fff;
}

#carrousel-home .carousel-caption a.btn:hover{
		background-color: #fff;
    color: #0081bc;
}

/* Declare heights because of positioning of img element */
#carrousel-home .carousel-item {
  height: 32rem;
}
#carrousel-home .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
 #carrousel-home .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/* Header */

nav#menu-sec{
	text-align:right;
	margin-top:15px;
}

nav#menu-sec ul{
	list-style:none;
}

nav#menu-sec ul li{
	display:inline-block;
	margin:0 5px;
	color:#acacac;
}

nav#menu-sec ul li a, .dropdown-toggle.language{
	color:#acacac;
	text-decoration:none;
	font-size:13px;
}

nav#menu-sec ul li a:hover{
	color:#0081bc;
}

nav#menu-sec ul li.dropdown a{
	padding:5px;
}

nav#menu-sec ul li.dropdown.open ul.dropdown-menu li a img, nav#menu-sec ul li.dropdown ul.dropdown-menu li a img{
	margin-top:-1px;
	margin-right:5px;
	}

a.dropdown-toggle img{
	margin-top:-1px;
}

img.logo{
	padding-top:10px;
	padding-left:15px;
}

nav.navbar.navbar-default{
background-color:transparent;
border:none;
}

ul.navbar-nav{
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	color:#646469;
}

.navbar-collapse{
	padding-right:0;
}

.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top:65px;
}

.navbar-brand{
	height:auto;
}

.dropdown-menu>li>a{
	text-transform:none;
	padding-left:10px;
	padding-right:10px;
}

.dropdown-menu>li.menu-vet{
	background-color:#5d0c8b;
	margin-top:-10px;
	margin-bottom:-10px;
	padding-top:10px;
	padding-bottom:10px;
}

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

.dropdown-menu>li.menu-vet>a:hover{
	color:#fff;
	background-color:#5d0c8b;
}



img.ico-menu{
	width:16px;
	margin-right:5px;
	margin-top:-2px;
}

/* Footer */
footer{
	padding:25px 0;
	background-color:#0081bc;
	color:#fff;
	font-size:12px;
	margin-top:100px;
}

footer #legales{
	float:left;
}

footer img{
	float:left;
	margin-right:15px;
	width:46px;
}

footer ul#social-footer li{
	display:inline-block;
	font-size:18px;
	 margin-left:10px;
}

footer ul#social-footer li a{
	display:inline-block;
	background-color:#fff;
	color:#0081bc;
	padding:10px 15px;
	 border-radius: 25px;
	 text-align:center;
	 width:45px;
}


.sub-footer{
	text-align:center;
	margin-top:35px;
}


/* Inicio */
#carousel-example-generic{
	position:relative;
}

#carousel-example-generic #carousel-text{
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 10%;
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    color: #fff;
    font-size: 28px;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.5);
	padding-left:60px;
}

.carousel-control.left, .carousel-control.right{
	z-index:999;
	background-image:none;
}

#intro{
	margin:40px 0;
}

#intro .container{
	position:relative;
}


#intro p{
	font-size:18px;
	font-weight:300;
}

#intro a.btn{
	margin-bottom:25px;
}



#intro .banner-home{
	margin-bottom:15px;
	background-color:#0081bc;
	padding:25px 15px;
	height:120px;
	display:flex;
	align-items:center;

}

#intro .banner-home .icon-banner{
	display:flex;
	align-items:center;
	text-align:center;
}

#intro .banner-home .description-banner{
	display:flex;
	align-items:center;
}

#intro .banner-home .description-banner p{
	padding:0;
	margin:0;
}

#intro .banner-home .icon-banner img{
	margin:0 auto;
	text-align:center;
	padding:0;
}


#intro .col-md-4 .banner-home, #novedades .col-md-4.banner-home{
	 background-color:#0081bc;

}

#novedades .col-md-4.banner-home{
margin-top:0;
}

#intro .col-md-4 .banner-home:hover{
background-color:#007199;
}

#intro .col-md-4 img{
	margin-bottom:10px;
	width:46px;
}

.ico-invest, .info-invest{
	display:inline-block;
	float:left;
}

.ico-invest{
	width:20%;
	min-width:50px;
}

.info-invest{
	width:80%;
}


#novedades{
	background-color:#f1f1f1;
	padding:40px 0;
	margin-top:40px;
	margin-bottom:-100px;
}

#novedades h2{
	color:#0081bc;
	margin-bottom:30px;
}

#novedades h3{
margin-top:10px;
}

#novedades .col-md-4{
margin-bottom:30px;
}

#novedades .col-md-4 img{
	margin-bottom:15px;
}
#novedades .col-md-4 .nov-fecha{
color:#acacac;
margin-bottom:10px;
}

#novedades .col-md-4 h4{
margin-bottom:0;
}

#novedades .col-md-4 h2.news-section{
margin-bottom:30px;
margin-top:0px;
border-top:4px solid #fff;
padding-top:20px;
}

#novedades hr{
	width:80px;
	border-color:#fff;
	align:left;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
}


/* Institucional */

.header-section#institucional{
	background-image:url(../img/institucional.jpg);
}


.header-section#investigacion{
	background-image:url(../img/investigacion-2.jpg);
}

#valores{
	background-color:#0081bc;
	padding:40px 0;
	color:#fff;
	margin:40px 0;
}


#valores h2{
	color:#fff;
}

hr:not(.dropdown-divider){
	width:80px;
	border-color:#f2f2f2;
	align:left;
	display:inline-block;
}

/* Sustentabilidad */

.header-section#sustentabilidad{
	background-image:url(../img/sustentabilidad.jpg);
	background-size:cover;
}

/* Investigacion */


.area-col{
	padding:30px;
}

.area-col, .area-col h2 {
  position: relative;
  color:#fff;
  margin-top:0px;
  margin-bottom:30px;
 }

.logo-tech{float:left;}

.logo-tech img{margin-top:20px;width:70px;height:60px;border-right:1px solid #0081bc;padding-right:10px;margin-right:10px;}

.title-tech{float:left;margin-bottom:20px;margin-top:20px;}

.title-tech h3{margin-top:0px;}

  .title {
    position: relative;
    z-index: 3;
  }


/* Productos */

.header-section#productos{
	background-image:url(../img/productos.jpg);
}

.productos{
	margin-top:40px;
}

.productos.humana, .productos.animal{
	margin-top:0px;
	padding-top:40px;
	color:#fff;
}

.productos.humana h3, .productos.animal h3{
	color:#fff;
}

.ico-product{
	float:left;
	text-align:center;
	margin-right:10px;
	margin-top:20px;
}

.ico-product img{
	width:40px;
	height:40px;
}

.ico-product img.ela{
	width:80px;
	height:40px;
}

.ico-product p{
	font-size:12px;
	margin-top:10px;
	text-align:center;
}

.contenido.animal, .contenido.humana{
	margin-top:0;
	padding:30px 0;
	margin-bottom:0;
	text-align:center;
}

.contenido.animal a.btn, .contenido.humana a.btn {
	margin-top:0;
	}


.header-section#animal{
	background-image:url(../img/animal.jpg);
}

.header-section#humano{
	background-image:url(../img/humano.jpg);
}


#productos-animal{
	margin-top:-20px;
}


.title-block{
	position:relative;
	padding:10px 15px;
	color:#fff;
}

.title-block img{
	fill:#fff;
	stroke:#fff;
	}

.title-block h3{
	font-size:21px;
	color:#fff;
	line-height:26px;
	margin:0;
	}

.title-block .product-icons{
	position:absolute;
	right:0;
	top:0px;
}

.title-block .product-icons .ico-product{
margin-top:15px;
	}

.ico-product.izq{
border-right:solid 1px #fff;
padding-right:10px;
}

.content-block{
	padding:15px;
	background-color:#f1f1f1;
}

.content-block a.btn.btn-animal{
	margin-top:5px;
}

#productos-animal h2{
	color:#5d0c8b;
	margin-bottom:40px;
	padding-top:30px;
}

#productos-animal h2 img, #productos h2 img, .area-col.humana .title h2 img,.area-col.animal .title h2 img, #productos-humano h2 img{
	width:40px;
	height:30px;
	margin-right:10px;
	margin-top:-5px;
	padding-right:10px;
	border-right:1px solid;
}

#productos-humano h2 img.ela{
	width:70px;
}

#productos-animal .col-md-6, #productos-humano .col-md-6{
	margin-bottom:30px;
}

#productos-humano h2{
	margin-bottom:40px;
	padding-top:30px;
}

#call-action-productos{
	background-color:#f1f1f1;
	padding:60px 0px;
	margin-top:60px;
	text-align:center;
	margin-bottom:-100px;
}

#call-action-productos a.btn{
	margin-top:0px;
}


/* Producto */

.header-section.secondary.animal{
	background-color:#5d0c8b;
} 


.header-section.secondary{
	height:180px;
	margin-bottom:60px;
}

.header-section.secondary container{
	position:relative;
}

.header-section.secondary a{
	color:#fff;
	padding-left:15px;
	margin-bottom:10px;
	text-decoration: none;
	}

.header-section.secondary h1{
	position:relative;
	color:#fff;
	}

.header-section.secondary .product-icons{
	color:#fff;
}

.header-section.secondary .product-icons .ico-product{
	margin-top:5px;
}

.header-section.secondary .product-icons .ico-product.izq{
border:none;
padding:0;
margin-right:0;
}

.header-section.secondary .product-icons .separator{
	width:1px;
	background-color:#fff;
	height:40px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
}

.contenido.producto{
	font-size:17px;
}

.contenido.producto img{
	margin-bottom:25px;
}

.contenido.producto ul{
	padding-left:20px;
}


.col-md-2 #extra-info, .col-md-4 #extra-info{
	margin-top:25px;
	border-top:1px solid #f1f1f1;
	padding-top:25px;
}

.col-md-2 #extra-info, #extra-info h4, .col-md-4 #extra-info{
	font-size:14px;
}

#extra-info p.aclaracion{
	font-size:12px;
	color:#acacac;
}

#extra-info p.num-ref{
	font-size:12px;
	margin-top:-10px;
	color:#acacac;
}

#related-products{
	background-color:#f1f1f1;
	padding:60px 0px;
	margin-bottom:-100px;
}

#covid-videos{
	background-color:#f1f1f1;
	padding:60px 0px;
	margin-bottom:50px;
}

#covid-videos h3, #faqs h3{
	margin-bottom:20px;
}

#related-products h1{
	margin-bottom:40px;
}

#related-products .content-block{
	background-color:#fff;
	margin-bottom:30px;
}


/* Prensa */

article{
margin-bottom:25px;
color:#fff;
}

article h3{
color:#fff;
margin-top:0px;
}

.article-content{
	padding:25px;
	background-color:#0081bc;
	min-height:220px;
}


/* Contacto */

p.contacto-info{
	margin-bottom:25px;
	font-size:16px;
}

p.contacto-info .lnr{color:#0081bc;}

form{
	margin-top:20px;
}

form.contacto .form-control, form.rrhh .form-control {
	background-color:#f1f1f1;
	border:none;
	border-radius:0;
	line-height:40px;
}

input.form-control{
	height:40px;
}

form.contacto label, form.rrhh label{
	font-family: 'Titillium Web', sans-serif;
	color:#0081bc;
	font-weight:300;
	margin-bottom:10px;
	font-size:18px;
}

.form-group{
	margin-bottom:20px;
}