@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important;}
input:focus{box-shadow: none;}
body {-webkit-font-smoothing:antialiased;width: 100%; height: 100%; font-size:16px;position: relative; font-family:'Arial', sans-serif; font-weight:400;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#5A5A5A; color:#fff;}
h1{ }
h2{}
h3{ }
h4{ }
h5{}
a{}
a:hover, a:visited, a:active, a:focus{text-decoration: none;}
p{line-height: 1.3; color:#5A5A5A; font-size:16px;}
.container{width:95%; max-width:1250px;}

/*header*/
#header{position:fixed; z-index: 2; width:100%;background:#f4f5f9;padding:20px 0;}
#header h1{color:#4854D6; font-weight:bold; font-size:24px; margin:0; padding:0; line-height: 1;}
.redes{width:100%; text-align: right; margin-top:5px;}
.redes a img{width:25px; margin-right:20px;transition:all ease-in .2s; }
.redes a{transition:all ease-in .2s; display:inline-block;}
.redes a img:hover{margin-top:-5px; margin-bottom:5px}
.redes a.youtube img{width:35px; margin-right:0;}

/*slider*/
.info-slider{padding:185px 0 50px; min-height: 680px;}
.info-slider h2{line-height:1.1;color:#fff; font-weight:bold; font-size:70px;}
.info-slider h3{line-height:1.1;color:#fff; font-weight:bold; font-size:40px;}
.info-slider .pslider{max-width:460px; margin-top:20px; color:#fff;font-size:20px; margin-bottom:30px;}
.btn-transparente{display:inline-block; transition:all ease-in .2s;border:1px solid #fff; color:#fff; font-weight:bold; font-size:20px; border-radius:50px; padding:10px 70px; line-height: 1;}
.btn-transparente:hover{background:#fff;color:#12A397; }
.slick-dots{bottom:40px;}
.slick-dots li{width:12px; height:12px; margin: 0 10px;}
.slick-dots li button:before{background:#fff; border-radius:60px; height:12px; width:12px; content:''; transition:all ease-in .2s;}
.slick-dots li.slick-active button:before{opacity:1;}
.slick-dotted.slick-slider{margin-bottom:0;}

/*categorias*/
#categorias{text-align:center; padding:60px 0;}
.cateogrias a{display:block;}
.categorias h2{position:relative;margin-bottom:0;transition:all ease-in .2s;text-transform:uppercase;font-weight:bold; font-size:24px; color:#5A5A5A;}
.categorias h2:after{position:absolute; content:''; display:block; height:66px; width:1px; background:#5A5A5A;top:0; right:-15px;}
.categoria:last-child h2:after{width:0;}
.categoria:hover .cat-animales-de-compania h2{color:#017bff;}
.categoria:hover .cat-ganaderia h2{color:#BF1B8B;}
.categoria:hover .cat-nutricion-animal h2{color:#D69933;}
.categoria:hover .cat-aves h2{color:#12A397;}
.icono-cat{margin-bottom:25px;width:100%; height:77px; position: relative;}
.icono-adc{background:url(../img/iconos-categorias/2-animales-compania-gris.png) no-repeat center; background-size:90px; width:90px; height:77px;position: absolute;top: 50%;left: 50%;  transform: translate(-50%, -50%); transition:all ease-in .2s;}
.categoria:hover .icono-adc{background:url(../img/iconos-categorias/2-animales-compania.png) no-repeat center; background-size:90px;}
.icono-ganaderia{background:url(../img/iconos-categorias/2-ganaderia-gris.png) no-repeat center; background-size:90px; width:90px; height:77px; position: absolute;top: 50%;left: 50%;  transform: translate(-50%, -50%); transition:all ease-in .2s;}
.categoria:hover .icono-ganaderia{background:url(../img/iconos-categorias/2-ganaderia.png) no-repeat center; background-size:90px;}
.icono-na{background:url(../img/iconos-categorias/2-nutricion-animal-gris.png) no-repeat center; background-size:90px; width:90px; height:77px; position: absolute;top: 50%;left: 50%;  transform: translate(-50%, -50%); transition:all ease-in .2s;}
.categoria:hover .icono-na{background:url(../img/iconos-categorias/2-nutricion-animal.png) no-repeat center; background-size:90px;}
.icono-aves{background:url(../img/iconos-categorias/2-aves-gris.png) no-repeat center; background-size:90px; width:90px; height:77px; position: absolute;top: 50%;left: 50%;  transform: translate(-50%, -50%); transition:all ease-in .2s;}
.categoria:hover .icono-aves{background:url(../img/iconos-categorias/2-aves.png) no-repeat center; background-size:90px;}
.categoria:hover .icono-cat div{top:40%;}

.categoria-activa .icono-adc{background:url(../img/iconos-categorias/2-animales-compania.png) no-repeat center; background-size:90px;}
.categoria-activa.cat-animales-de-compania h2{color:#017bff;}
.categoria-activa .icono-ganaderia{background:url(../img/iconos-categorias/2-ganaderia.png) no-repeat center; background-size:90px;}
.categoria-activa.cat-ganaderia h2{color:#BF1B8B;}
.categoria-activa .icono-na{background:url(../img/iconos-categorias/2-nutricion-animal.png) no-repeat center; background-size:90px;}
.categoria-activa.cat-nutricion-animal h2{color:#D69933 ;}
.categoria-activa .icono-aves{background:url(../img/iconos-categorias/2-aves.png) no-repeat center; background-size:90px;}
.categoria-activa.cat-aves h2{color:#12A397;}


/*listado*/
#listado-notas{padding-bottom:130px;}
.nota-listado{margin-bottom:45px;}
.nota-listado a{display:block; width:100%;}
.img-listado-nota{overflow:hidden;height:435px; width:100%; position:relative;}
.img-listado-nota div{height:100%; width:100%; transition:all ease-in .3s;}
.nota-listado:hover .img-listado-nota div{transform: scale(1.1);}
#paginador{text-align:right; margin-top:0px;}
#paginador ul{padding:0; margin:0; list-style: none;}
#paginador li{display:inline-block;}
#paginador ul li a{color:#c0c1c3; font-size:20px; font-weight:bold; transition:all ease-in .2s; margin:0 5px;}
#paginador ul li.pagina-activa a{color:#4854D6;}
#paginador ul li a:hover{color:#4854D6;}

.listado-animales-de-compania .nota-listado a h4{font-weight:bold; font-size:22px; margin-top:20px;color:#4854D6; transition:all ease-in .2s;}
.listado-ganaderia .nota-listado a h4{font-weight:bold; font-size:24px; margin-top:20px;color:#BF1B8B; transition:all ease-in .2s;}
.listado-nutricion-animal .nota-listado a h4{font-weight:bold; font-size:24px; margin-top:20px;color:#D69933; transition:all ease-in .2s;}
.listado-aves .nota-listado a h4{font-weight:bold; font-size:24px; margin-top:20px;color:#12A397; transition:all ease-in .2s;}



/*footer*/
footer{text-align: center;}
.contacto{padding:55px 0; background:#4854D6; }
.logo-footer{width:80px;}
.aviso{background:#fff; width:100%; padding:15px 20px;}
.aviso a{color:#4854D6; display:inline-block; font-weight:bold; font-size:14px; text-align:Center; }

/*regresar*/
.regresar{padding:160px 0 40px 0;}
.btn-regresar{transition:all ease-in.2s;position:relative; color:#12A397; font-weight:bold;font-size:18px; line-height:1;display:inline-block; padding-left:20px;}
.btn-regresar:before{width:14px; height:19px; background:url(../img/flecha-regresar-color.svg) no-repeat center; background-size:10px; content:''; position:absolute;display:block; top:1px; left:0;}

/*nota*/
.doble-columna{padding:0 30px;line-height: 1.3; columns:2; column-gap: 30px; height: auto;}
.doble-columna p {display:inline-block;}
.una-columna{padding:0 30px;}
#contenido-nota{padding-bottom:60px;}
.titulo-nota{color:#4854D6; font-weight:bold;font-size:32px; margin-bottom:30px;}
#contenido-nota a:focus, #contenido-nota a:visited, #contenido-nota a{color:#4854D6; transition: all ease-in .2s; font-weight:bold;}
#contenido-nota a:hover{color:#BF1B8B;}
#contenido-nota p{margin-bottom:20px;}
#contenido-nota ol, #contenido-nota ul{line-height: 1.3; color:#5A5A5A; margin:0;display:inline-block;font-size:18px; margin-bottom:10px;}
.gris-bold{font-weight:bold; color:#979797;}
small{line-height: 1.6;display:inline-block; color:#5A5A5A; }
#contenido-nota h2{padding:0 30px;margin-top:15px;margin-bottom:15px;color:#12A397; font-size:26px; letter-spacing: 0; font-weight:bold;}
#contenido-nota img{margin:10px auto; display:block; max-width:600px;}
#contenido-nota li{margin-bottom:10px;}
#contenido-nota .pie-de-foto{max-width:600px;font-size:14px; font-weight:bold; color:#979797; margin:0 auto 30px;}



@media (max-width:1200px){

}

@media (max-width:991px){
	/*header*/
	#header h1{font-size:20px;}
	#header{padding:20px 0;}
	.redes a img{width:20px;}
	.redes a.youtube img{width:28px;}
	
	/*slider*/
	.info-slider h2{font-size:60px;}
	.info-slider h3{font-size:30px;}
	.info-slider{padding:145px 0 60px; min-height:600px; }
	.slick-dots{bottom:25px;}
	
	/*categorias*/
	#categorias{padding:40px 0;}
	.categorias h2{font-size:18px;}
	.categorias h2:after{height:50px;}
	
	/*listado*/
	.img-listado-nota{height:335px;}
	#listado-notas{padding-bottom:70px;}
	
	/*nota*/
	.regresar{padding-top:120px;}
	.titulo-nota{font-size:28px;}

}

@media (max-width:768px){
	/*categorias*/
	.cat-ganaderia h2:after{width:0;}
	.categoria{margin-bottom:40px;}
	#categorias{padding-bottom:0;}
	
	/*listado*/
	.img-listado-nota{height:235px;}
	#paginador{text-align:Center;}
	#paginador ul li a{font-size:18px;}
	
	/*slider*/
	.info-slider h2{font-size:50px;}
	.info-slider h3{font-size:24px;}
	.info-slider .pslider{font-size:18px; margin-bottom:25px;}
	.btn-transparente{font-size:18px; padding:10px 40px;}
	.info-slider{min-height:500px; padding:135px 0 60px;}
	
	/*nota*/
	.doble-columna{columns:1;}

}

@media (max-width:480px){
	.container{width:100%;}
	
	/*header*/
	.redes a img{margin-right:10px;}
	
	/*categorias*/
	.categorias h2{font-size:18px;}
	
	/*listado*/
	.nota-listado a h4{font-size:20px;}
	.nota-listado{margin-bottom:20px;}
	#listado-notas{padding-bottom:35px;}
	
	/*footer*/
	.contacto{padding:35px 0;}
	
	/*nota*/
	.titulo-nota{font-size:26px;}
	.regresar{padding:100px 0 20px 0;}
	#contenido-nota h2{font-size:24px;}
	#contenido-nota ol, #contenido-nota ul{padding-inline-start:30px;}
	#contenido-nota h2{margin-top:5px; padding:0 15px;}
	.doble-columna{padding:0 15px;}
	.una-columna{padding:0 15px;}
	
}

@media (min-width:768px){

}