* {
	box-sizing: border-box;
}

body{
	position: relative;
	/*font-family: 'Open Sans Condensed', sans-serif;
	font-family: 'Oswald', sans-serif;
  	font-family: "Open Sans", sans-serif;*/
	font-family: 'Archivo Narrow', sans-serif;
}

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

@font-face {
	font-family: 'Helvetica LT Std';
	src: url('../fonts-tylvax/HelveticaLTStd-BlkCond.otf');	 	
}

@font-face {
	font-family: 'Helvetica LT Ult Compreseed';
	src: url('../fonts-tylvax/HelveticaLTStd-UltraComp.otf');	 	
}

@font-face {
	font-family: 'Helvetica LT Std Cond Light';
	src: url('../fonts-tylvax/HelveticaLTStd-LightCond.otf');	 	
}

@font-face {
	font-family: 'Helvetica LT Std Cond';
	src: url('../fonts-tylvax/HelveticaLTStd-BoldCond.otf');	 	
}

@font-face {
	font-family: 'Helvetica LT Std Roman';
	src: url('../fonts-tylvax/HelveticaLTStd-Roman.otf');	 	
}

@font-face {
	font-family: 'Helvetica LT Std Black';
	src: url('../fonts-tylvax/HelveticaLTStd-Blk.otf');	 	
}

@font-face {
	font-family: 'Helvetica LT Std Bold';
	src: url('../fonts-tylvax/HelveticaLTStd-Bold.otf');	 	
}



header {
	background-color: #fff;
}
a, button {
	outline: none;
}

a {
	color: #f0f0f0;
	text-decoration: none;
}

p {
	font-size: 14px!important;
	line-height: 20px;	
	
}

img {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

/*BOTON TOP*/

.ir-arriba {
	display:none;
	padding:15px;
	background:#232323;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:85px;
	right:20px;
	display: inline-block;
	z-index: 10;

	-webkit-transition: all 1s ;
	-moz-transition: all 1s ;
	-ms-transition: all 1s ;
	-o-transition: all 1s ;
	transition: all 1s ;
}

.ir-arriba:hover {
	
	background: #333;
}

.ancho-1024 {
	width: 90%;
	max-width: 1024px;
	margin: auto;
}

.copyright {
	font-size: 12px!important;
	font-weight: 600;
	padding: 0 8px 0 3px;
	position: relative;
	top: -16px;

	-webkit-transform: scaleY(.9);
	-moz-transform: scaleY(.9);
	-ms-transform: scaleY(.9);
	-o-transform: scaleY(.9);
	transform: scaleY(.9);
}

.enlace-credito {
	color: #fff!important;
}

.enlace-credito:hover {
	text-decoration: underline;
	color: #fff!important;
}

.numeral-arriba {
	font-size: 9px;
	position: relative;
	top:-6px;
}


.click-uno {
	-webkit-transform: rotate(180deg) ;
	 -moz-transform: rotate(180deg) ;
	 -ms-transform: rotate(180deg) ;
	 -o-transform: rotate(180deg) ;
	 transform: rotate(180deg) ;
}

.bloque-reconocimiento {	
	display: block;
	--display: -webkit-flex;
	text-align:center;
	position: absolute;
	bottom:5px;
	right: 5px;
	background-color: #fff;
	width:150px !important
}

	.medalla {
		display: block;
		width: 100%;
		height: 70px;		
		margin-right: 10px;
		margin-bottom: 50px
	}
	.medalla  img{
		width: 70px !important;
	}
	.icon-segunda-medalla {
		display: block;
		display: -webkit-flex;
		text-align:center;
		width:100%; height:50px; padding:15px 5px;
	}

		.icon-segunda-medalla > i {
			font-size: 13px;
			margin-right: 3px;
		}

		.icon-segunda-medalla > span {
			font-size: 13px;
			margin-right: 10px;
		}

	.segunda-medalla {
		display: block;
		width: 50px;
		height: 50px; float:right; margin-top:-15px;	 
	}

.registro-texto {
	font-size: 7px!important;
	position: relative;
	top: -6px;
}
.registro-texto-pie {
	font-size: 5px!important;
	position: relative;
	top: -6px;
}
/*HEADER TELEFONO - CORREO - SOCIAL MEDIA*/
.bloque-contacto-header {
	background-color: #000;
	color:#f1f1f1;
}

.fila {
	padding: 10px 0;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	align-items:center;
}
	
	.contacto-header {
		display: flex;
	}

	.contacto-header span {
		display: inline-block;
		padding: 0 10px;
		font-size: 15px;
	}

	.contacto-header span i{
		margin-right: 5px; 
		font-size: 18px;		
		top:1px;
		margin-right: 10px; 
		-webkit-transform:translateY(5px);
		-moz-transform:translateY(5px);
		-ms-transform:translateY(5px);
		-o-transform:translateY(5px);
		transform:translateY(5px);
	}

	/*SOCIAL HEADER*/	

	.social-header {		
		display: flex;
		display: -webkit-flex;
	}

	.social-header span  i{
		display: inline-block;
	}

	.social-header a  i{
		font-size: 14px;
		display: inline-block;
		padding: 7px;
		color:#fff;
		z-index: 1;
		margin: 0 2px;
		position: relative;	
	}

	.social-header a i:after {
		content:'';		
		position: absolute;
		top:0;
		left:0;
		bottom: 0;
		right: 0;
		border: 1px solid #6E6E6E;
		z-index: -1;		
		-webkit-transform: skew(-10deg,0deg) ;
		-moz-transform: skew(-10deg,0deg) ;
		-ms-transform: skew(-10deg,0deg) ;
		-o-transform: skew(-10deg,0deg) ;
		transform: skew(-10deg,0deg) ;

		-webkit-transition: all .3s ;
		-moz-transition: all .3s ;
		-ms-transition: all .3s ;
		-o-transition: all .3s ;
		transition: all .3s ;	
	}

	.social-header a:hover > i:after {
		background-color: #EC7D07;			
	}

/*FILA UNO NAV - LOGOTIPO*/

.fila-uno {
	margin-top: 20px;
	margin-bottom: 10px;	 
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	
}

	.logotipo {
		display: inline-block;
		margin: 10px 0; 
		width:24.99999%;
		max-height: 103px;			
	}

	.logotipo img{
		width: 250px;
	}

.bloque-nav {
	width:66.66666%;	
	display: block;
	padding: 2px;		
}

	.bloque-nav > section {
		display: block;
	}

	.navegacion {
		width: 100%;
		display: flex;
		display: webkit-flex;
	}

	.navegacion li {
		flex:auto;	
		text-align: center;		
	}

	.navegacion li a {
		text-transform: uppercase;
		font-size: 14px;
		padding: 7px 6px;
		display: block;
		z-index: 1;
		color: #333;
		line-height: 20px;
		position: relative;

		-webkit-transition: all .1s ;
		-moz-transition: all .1s ;
		-ms-transition: all .1s ;
		-o-transition: all .1s ;
		transition: all .1s ;
	}

	.navegacion li a:hover {
		color: #fff;
	}

	.navegacion li a:after {
		content: '';
		position: absolute;
		top:0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: -1;

		border-left:1px solid #333;
		border-top:1px solid #333;
		border-bottom:1px solid #333;
		-webkit-transform: skew(-6deg) ;
		-moz-transform: skew(-6deg) ;
		-ms-transform: skew(-6deg) ;
		-o-transform: skew(-6deg) ;
		transform: skew(-6deg) ;

		-webkit-transition: all .1s ;
		-moz-transition: all .1s ;
		-ms-transition: all .1s ;
		-o-transition: all .1s ;
		transition: all .1s ;
	}

	.navegacion li:nth-child(6) a:after {
		border-right:1px solid #333;
	}

	.navegacion li:hover > a:after {
		background-color: #EC7D07;
		border:1px solid #EC7D07;		
	}

/*BLOQUE FRASE LOGOTIPO*/

.bloque-frase-logotipo {
	background-color: #000;
	color:#f1f1f1;
	display: block;
}

	.frase-logotipo {			
		display: flex;
		display: -webkit-flex;
		align-items:center;
		justify-content:space-between;
	}

		.frase {
			display: block;
			padding: 5px;				
		}

			.frase > p {
				font-size: 20px!important;
				font-weight: 600;
				line-height: 25px;
				font-family: 'Helvetica LT Std Cond Light'!important; text-transform: uppercase
			}

		.logotipo-avivet {
			display: block;								
		}
		
		.enlace-avivet {
			display: block;			
		}

		.enlace-avivet a {
			display: block;
			width: 150px;
			padding: 8px;
			position: relative;
			z-index: 1;

			display: flex;
			display: -webkit-flex;
			justify-content:center;
			align-items:center;
		}

		.enlace-avivet a:after {
			content:'';
			position: absolute;
			top:0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: #fff;
			z-index: -1;

			-webkit-transform: skew(-15deg) ;
			-moz-transform: skew(-15deg) ;
			-ms-transform: skew(-15deg) ;
			-o-transform: skew(-15deg) ;
			transform: skew(-15deg) ;
		}

		.enlace-avivet img {
			max-width: 140px;
		}

/*BLOQUE FRASE LOGOTIPO*/
	
/* PAGINA TILVALOSINA EN AVES*/
	.tilvalocina-enlaces > article{
		display: block;
		margin-bottom: 10px;		
		overflow: hidden;
	}

	.bloque-tv {
		background-color: lightblue;
		overflow: hidden;
		display: block;
		position: relative;
	}

	.tilvalocina-enlaces > article a {
		color: #333;
		text-transform: uppercase;
		font-size: 14px;
		padding: 5px;
		position: relative;
		border: 1px solid #000;
		font-weight: 600;
		display: flex;
		display: -webkit-flex;
		align-items:center;
	}

	.bloque-tv:after {
		content:'';		
		position: absolute;
		top:0;
		right: 0;
		left:0;
		bottom: 0;
		border-right: 51px solid #ddd;
		border-top: 200px solid transparent;
	}

	.tilvalocina-enlaces > article a:before {
		content:'';
		z-index: -1;
		position: absolute;
		top:0;
		right: 12px;
		width: 1px;
		height: 100px;
		background-color: #000;
		z-index: -1;
		-webkit-transform: skew(-13deg) ;
		-moz-transform: skew(-13deg) ;
		-ms-transform: skew(-13deg) ;
		-o-transform: skew(-13deg) ;
		transform: skew(-13deg) ;
	}


	.imagen-tilvalosina-enlace-aves {
		display: block;
		max-width: 25px;
		margin-right: 8px;
	}

.bloque-tilvalosina {
	display: flex;
	display: -webkit-flex;
	padding: 40px 0; 
}

.bloque-tilvalosina > article {
	padding: 5px;
	margin: 5px;	
}

	.bloque-tilvalosina-izquierda {
		width:24.99999%;
		padding: 10px!important;
		border-right: 1px solid #B8B8B8 ;
	}

	.bloque-tilvalosina-derecha {
		width:74.99999%;
	}

	.bloque-cuadro-tilvalosina {
		
	}

	.titulo-bloque-tilvalosina {
		display: block;		
		padding: 5px;
		text-align: center;
	}

	.contenedor-bloque-tilvalosina {
		display: block;		
		width: 100%;
		
		overflow: hidden;
	}

	.contenedor-bloque-tilvalosina:after {
		
	}

	.tilvalosina-aves-titulo {
		width: 100%;
		color: #EC7D07;
		cursor: pointer;
		padding: 5px 5px 5px 0;
		border-bottom: 1px solid #EC7D07;
		display: flex;
		display: -webkit-flex;
		align-items:center;
		justify-content:space-between;
	}

		.titulo-aves {
			display: flex;
			display: -webkit-flex;
		}

		.titulo-aves p {
			font-size: 15px!important;	
			font-family: 'Helvetica LT Std Bold'!important;
			font-weight: 800!important;			
			padding: 5px;
		}

	.contenedor-bloque-tilvalosina > section {	
		display: block;
		margin-bottom: 20px;
		width: 100%;
		position: relative;
	}
	
	.contenedor-bloque-tilvalosina > section article {
		
	}

	.contenedor-bloque-tilvalosina > section article div {		
		padding: 2px;
		display: block;
		border-left:1px solid #EC7D07;
		border-bottom:1px solid #EC7D07;				
	}

	.contenedor-bloque-tilvalosina > section article div p {
		padding: 5px 15px 5px 7px;		
		display: block;
		font-size: 14px!important;
	}

	.contenedor-bloque-tilvalosina > section article div p:nth-child(1) {
		font-size: 13px!important;
	}

	.contenedor-bloque-tilvalosina > section article div p:nth-child(2) {
		text-transform: none;
		font-weight: normal;
	}

	.recuadro-tilvalosina {
		position: relative;		
		overflow: hidden;		
	}

	.recuadro-tilvalosina:after {
		content:'';
		position: absolute;
		top:1px;
		right: 0;
		left:0;
		bottom: 0;
		border-right: 53px solid #fff;
		border-top: 1500px solid transparent;
	}

	.recuadro-tilvalosina:before {
		content:'';
		position: absolute;
		top: 0;
		right: 18px;
		width: 1px;
		height: 1000px;
		background-color: #EC7D07;

		-webkit-transform: skew(-2deg);
		-moz-transform: skew(-2deg);
		-ms-transform: skew(-2deg);
		-o-transform: skew(-2deg);
		transform: skew(-2deg);
	}	

	.bloque-subtitulos-tilvalosina > div p {		
		display: block;		
	}

	.enfasis-tilvalosina > div p {
		font-weight: 600;
		font-size: 12px!important;
		text-transform: uppercase;
	}

/* PAGINA TILVALOSINA EN AVES*/	

	/*BLOQUE ENLACES HOME*/

	.bloque-enlaces-home {
		display: block;
		padding: 40px 0;				
	}

	.enlace-home {
		display: flex;
		display: -webkit-flex;
		align-items:center;
	}

	.enlace-home-contenido {
		width: 33.3333%;		
		margin: 10px; 			
		box-shadow: 0 0 0 1px #E8E8E8 ; 
		position: relative;
		overflow: hidden;				
	}

		.enlace-home-contenido > section {
			display: block;
			width: 100%;
			height: 214px;			
			max-height: 214px;
			overflow: hidden;	
			box-shadow: 0 0 0 4px #F2F2F2 inset;
			position: relative;	

			-webkit-transition: all .3s ;
			-moz-transition: all .3s ;
			-ms-transition: all .3s ;
			-o-transition: all .3s ;
			transition: all .3s ;	
		}

		.enlace-home-contenido > section:hover {			
			box-shadow: 0 0 0 4px #333 inset;			
		}

		.texto-enlace-home {			
			position: relative;
			height: 100%;
			width: 100%;			
			text-align: center;	
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			align-items:center;
		}

		.texto-enlace-home h5 {
			font-size: 30px;
			display: block;	
			font-family: 'Helvetica LT Ult Compreseed';
			font-weight: 500;
			text-transform: uppercase;		
		}

		.texto-enlace-home span {
			font-size: 40px;			
			font-family: 'Helvetica LT Ult Compreseed';
			font-weight: 600;			
			display: block;
			text-transform: uppercase;
		}

		.logotipo-home-enlace section {
			position: absolute;
			background:#fff;			
			right: 0;
			left:0;
			width: 100%;
			height: 100%;
			top:0%;
			cursor: pointer;
			-webkit-transition: .8s ;
			-moz-transition: .8s ;
			-ms-transition: .8s ;
			-o-transition: .8s ;
			transition: .8s ;	

			display: flex;
			display: -webkit-flex;
			justify-content:center;
			align-items:center;	
		}

		.enlace-home-contenido section a {
			color: #000;
		}

		.enlace-home-contenido:hover section > .logotipo-home-enlace section {
			top:100%;
		}


	.fila-dos-a {
		overflow: hidden;
		display: flex;
		display: -webkit-flex;	
		flex-wrap:wrap;

	}

	.seccion-uno,
	.seccion-dos {
		width: 50%;
		padding: 20px;
		padding-bottom: 25px;
		color: #F8F8F8;

	}

	.seccion-uno {	
		background-color: #F6902B;
		
		display: flex;
		display: -webkit-flex;
		justify-content:flex-end;
		
	}

		.seccion-uno div {
			max-width: 512px;
			position: relative;

		}

		.seccion-uno p {
			font-size: 17px;			
			line-height: 19px;
			padding-right: 10px;		
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: normal;
			letter-spacing: 0.8px;
			
		}
			
		
		.seccion-dos {
			position: relative;
			background-color: #F36E21;
				
		}

			.seccion-dos p {
				font-size: 17px;				
				line-height: 19px;	
				font-family: 'Archivo Narrow', sans-serif;
				font-weight: normal;
				letter-spacing: 0.8px;		
			}

			.icono-titulo {
				display: flex;
				display: -webkit-flex;
				align-items:center;
			}

			.icono-titulo i{
				padding: 10px 10px 10px 0px;
				font-size:50px;
				-webkit-transform: translateY(-8px) ;
				-moz-transform: translateY(-8px) ;
				-ms-transform: translateY(-8px) ;
				-o-transform: translateY(-8px) ;
				transform: translateY(-8px) ;
			}

			

		.seccion-dos:after {
			content:'';
			position: absolute;
			top:0;
			left:-20px;
			width: 0;
			height:0; 
			border-left:20px solid transparent;
			border-bottom:240px solid #F36E21;
		}
	

		.seccion-dos div {			
			max-width: 512px;			
		}

		.fila-dos-a .contenido h4{
			margin-bottom: 15px;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 28px;
			line-height: 40px;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: -.2px;	
			position: relative;
			z-index: 1;
			position: relative;

		}


			
	
	.titulo-cabecera {			
		text-align: center;
		margin-bottom: 20px; 
	}

	.titular-uno h1{		
		display: inline-block;	
		padding: 15px;
		font-family: 'Helvetica LT Std';
		font-style: italic;
		font-size: 30px;		
		font-weight: bold;		
		line-height: 33px;
		position: relative;
                text-transform: uppercase
	
	}		

		.titulo-cabecera p{		
			display: inline-block;					
			padding: 10px;	
			max-width: 850px;	
			font-size: 16px;					
			color: #232323;
			line-height: 20px;
			position: relative;
			
			left: -12px;
			font-family: 'Open Sans Condensed', sans-serif;
			font-family: 'Oswald', sans-serif;
		  	font-family: "Open Sans", sans-serif;
			font-family: 'Archivo Narrow', sans-serif;
			z-index: 1;
		}			

		

.fondo-cuatro {
	
	width: 100%;
	height: 30vh;	
	background:linear-gradient(90deg, rgba(0,0,0,0.4), rgba(243, 110, 33,0.2)),url(../image/fondo-cuatro.jpg);
	overflow: hidden;
	background-attachment: fixed;
}

.fondo-potencia-cuatro {
	width: 100%;
	height: 30vh;	
	background:linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../image/fondo-cuatro-potencia.jpg);
	overflow: hidden;
	background-attachment: fixed;
}

.fondo-tylvax-px2 {
	width: 100%;
	height: 30vh;	
	background:linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../image/fondo-tylvax-px2.jpg);
	overflow: hidden;
	background-attachment: fixed;
}

.fila-cuatro {
	
	width: 100%;
	height: 20vh;
	display: flex;
	display: -webkit-flex;
	justify-content:center;
	align-items:flex-end;
}

	.fila-cuatro p {
		
		display: inline-block;
		padding: 25px 20px;
		line-height: 20px;
		color: #fff;	
		font-size: 18px;
		text-align: center;
		z-index: 1;
		font-weight: 400;
		font-family: 'Archivo Narrow', sans-serif;
		position: relative;
		left: 15px;

		animation-name: flipInX;
    	animation-duration: 4s;
	}

		.fila-cuatro p:after {
			content:'';
            background-color: rgba(0,0,0,.7);
            color:#000;
            position: absolute;
            top:0;
            bottom: 0;
            left: 0;
            right: 0;        
            z-index: -1;
            -webkit-transform:skew(-10deg) ;
            -moz-transform:skew(-10deg) ;
            -ms-transform:skew-10deg) ;
            -o-transform:skew(-10deg) ;
            transform:skew(-10deg) ; 

		}


		/*ANIMATION P*/
		
/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

		/*ANIMATION P*/



	.fondo-seis {
		background-color: #F5F5F5;
		padding-top: 15px;
		overflow: hidden;
	}

	.fila-seis {		
		width: 100%;
		max-width: 600px;
		margin: auto;
		padding:20px 0;

		display: flex;
		display: -webkit-flex;
	}

	.titulo-seis h5 {
		text-align: center;
		color:#585858;
		font-family: 'Archivo Narrow', sans-serif;
	}

	.logo-item {
		width: 32%;		
	}

		.logo-item a {
			display: block;
			padding: 0 1em;
			background-color: #fff;
			border: 1px solid #ddd;
			margin:0 .2em; 
		}

		.logo-holder {
			display: block;
			overflow: hidden;
		}
			
			.logo-item img {
				display: block;
				width: 100%;
				height: auto;
				filter:grayscale(1);
				-webkit-filter:grayscale(1) ;
				-moz-filter: grayscale(1);
				-ms-filter: grayscale(1);
				-o-filter: grayscale(1);

				-webkit-transition: filter 5s ;
				-moz-transition: filter 5s ;
				-ms-transition: filter 5s ;
				-o-transition: filter 5s ;
				transition: filter 5s ;
			}

			.logo-item img:hover {
				filter:grayscale(0);
				-webkit-filter:grayscale(0) ;
				-moz-filter: grayscale(0);
				-ms-filter: grayscale(0);
				-o-filter: grayscale(0);			
			}
	
.correo-social {
	display: flex;
	display: -webkit-flex;
}

	.icon-menu{
		font-size: 18px!important;
		padding: 5px!important;

		-webkit-transform:translateY(1px) ;
		-moz-transform:translateY(1px) ;
		-ms-transform:translateY(1px) ;
		-o-transform:translateY(1px) ;
		transform:translateY(1px) ;			
	}

	#toggle-menu {		
		color: #fff;
		background-color: #000;		
		cursor: pointer;
		display: none;		
		text-align: right;
		padding: 3px;
	}

	.icon-menu {
		display: block;
		margin-right: 7px;

	}

/*****************
 ESTILOS - FOOTER
******************/

.bloque-footer {
	background-color: #000;
	color: #fff;
}

	.footer {
		padding: 20px 0; 
		display: flex;
		display: -webkit-flex;			
	}

	.footer article {
		width: 33.3333%;
		text-align: center;		
		margin: 2px;
		display: block;
		padding: 5px;
		font-size: 15px;
	}

		.titulos-footer {
			text-transform: uppercase;
			display: block;
			font-size: 14px;
			margin-bottom: 20px;
			font-family: 'Helvetica LT Std Cond Light';
		}

		.footer-contacto {
			display: block;
			text-align: left;
		}

		.footer-contacto p {
			margin-bottom: 5px;
		}

	 	.footer-contacto p i {
	 		font-size: 16px;
	 		padding: 0 5px;
	 		margin-right: 5px;
	 		position: relative;
	 		top:2px;
	 	}
        .footer-contacto a:hover{text-decoration: underline;color: #fff;}
		.enlaces-externos {
			display: inline-block;
            text-align: center;
		}

			.enlaces-externos a {
				display: block;
				margin-bottom: 5px;
				line-height: 20px;
				font-family: 'Helvetica LT Std Cond Light'!important;
                text-align: left;
			}

			.enlaces-externos a:hover {
				text-decoration: underline;
				color: #fff;
			}

	.social-footer {
		display: flex;
		display: -webkit-flex;
		justify-content:center;
	} 

		.social-footer a i{
			display: block;
			position: relative;
			padding: 5px;			
			color:#000;
			margin: 0 3px;
			z-index: 1;			
		}

		.social-footer a i:hover{						
			color:#fff;

			-webkit-transition: all .3s ;
			-moz-transition: all .3s ;
			-ms-transition: all .3s ;
			-o-transition: all .3s ;
			transition: all .3s ;						
		}

		.social-footer a i:after {
			content:'';
			position: absolute;
			top:0;
			left:0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;			
			z-index: -1;
			background-color: #f1f1f1;

			-webkit-transform: skew(-5deg);
			-moz-transform: skew(-5deg);
			-ms-transform: skew(-5deg);
			-o-transform: skew(-5deg);
			transform: skew(-5deg);
		}
		
		 .social-footer a i:hover:after {
			background-color: #EC7D07;	

			-webkit-transition: all .3s ;
			-moz-transition: all .3s ;
			-ms-transition: all .3s ;
			-o-transition: all .3s ;
			transition: all .3s ;						
		}

		/*BLOQUE CREDITOS FOOTER*/

		.bloque-creditos-footer {
			background-color: #000;
			color: #f1f1f1;
		} 

			.creditos {
				border-top: 1px solid rgba(255,255,255,.1);
				padding-top: 10px;
				font-size: 13px;
				padding-bottom: 20px;
				text-align: center;
			}	
		

		form {
			display: block;						
		}

			.block-content {
										
				display: flex;
				display: -webkit-flex;
				flex-wrap:wrap;
				
			}

			.form-subscribe-header {
				width: 33.333%;
				display:block;
				padding: 5px;	
					
				font-size: 14px;
				text-transform: uppercase;
			  	font-family: "Open Sans", sans-serif;

			
			}

			.form-subscribe-header label {
				-webkit-transform: translateY(8px);
				-moz-transform: translateY(8px);
				-ms-transform: translateY(8px);
				-o-transform: translateY(8px);
				transform: translateY(8px);
			}

		label {
			display: inline-block;
			font-size: 13px;
			font-weight: 600;
			-webkit-user select: none ;
			-moz-user select: none ;
			-ms-user select: none ;
			-o-user select: none ;
			user select: none ;
		}

			.input-box {				
				width: 33.333%;
				display:block;
				padding: 5px;
			}

			.input-text {
				width: 100%;
				background-color: transparent;
				border: 1px solid #fff!important;
				color: #fff;
				border:0;
				padding: 5px;
				font-size: 12px;
				color: #ddd;
				margin-bottom: 10px;
				line-height: 30px;
				height: 30px;
			}

			.actions {
				padding: 5px; 
				width: 33.333%;
				display:block;
			}

				.actions .button {
					height: 30px;
					font-weight: 500;
					width: 100%;
					font-size: 15px;
					font-family: 'Archivo Narrow', sans-serif;
					color:#000!important;
					border:1px solid #fff;
					background-color: #fff;
					padding: 0;
					border-radius:0px!important; 
				}

figure.ui-gotipo-footer-01{
    margin: 1em 0;
    width: 200px;
}
/*ESTILOS PARA SECCION PORTAFOLIO*/

.bloque-portafolio {	
	padding: 20px 0;
}

	.portafolio {	
		padding: 20px 0;		
		display: flex;
		display: -webkit-flex;		
	}

	.portafolio article {	
		width: 33.3333%;
		padding: 8px;
		margin: 5px;
		text-align: center;			
	}

		.subtitulo-portafolio {
			font-size: 30px;
			display: block;
			/*font-family: 'Helvetica LT Std Black';*/
			font-family: 'Helvetica LT Std Bold';
			margin-bottom: 30px;
			letter-spacing: -1px;
			font-weight: bolder;

			/*-webkit-transform: scaleY(1.2) ;
			-moz-transform: scaleY(1.2) ;
			-ms-transform: scaleY(1.2) ;
			-o-transform: scaleY(1.2) ;
			transform: scaleY(1.2) ;*/
		}

		.subtitulo-portafolio i{	
			font-size: 15px; 
			position: relative;
			top:-12px;	
			left: -4px;

			-webkit-transform: scaleY(.9) ;
			-moz-transform: scaleY(.9) ;
			-ms-transform: scaleY(.9) ;
			-o-transform: scaleY(.9) ;
			transform: scaleY(.9) ;
		}

	.bloque-producto {
		display: block;
		width: 100%;
		max-height: 250px;
		height: 250px;		
		position: relative;
		overflow: hidden;
		border:1px solid #ddd;
		padding: 3px;
		box-shadow: 0 0 0 3px #686868  inset;
		
		-webkit-transition: all .4s ;
		-moz-transition: all .4s ;
		-ms-transition: all .4s ;
		-o-transition: all .4s ;
		transition: all .4s ;
	}

	.bloque-producto:hover {
		box-shadow: 0 0 0 3px #333 inset;
	}

	.texto-producto-tylvax {
		width: 100%;
		height: 100%;		
		display: block;
		position: relative;
	}

	.imagen-producto-tylvax {
		position: absolute;
		top:0%;
		left:0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;		
		display: block;
		width: 100%;
		height: 100%;	

		-webkit-transition: all 1s ;
		-moz-transition: all 1s ;
		-ms-transition: all 8s ;
		-o-transition: all 1s ;
		transition: all 1s ;
	}

	

	.texto-producto-tylvax {		
		background-color: #fff;		

		display: flex;
		display: -webkit-flex;
		align-items:center;
		justify-content:center;
		
	}

	.texto-producto-tylvax  p {
		display: block;			
		padding: 5px;
		font-size: 15px;
		max-width: 220px;
		font-weight: 200;
		color: #000;
	}
		

	.bloque-producto:hover > .imagen-producto-tylvax  {	
		top:100%;			
	}

/*ESTILOS PARA PA PAGINA BLOQUE DE TYLVAX PX*/

.bloque-tylvax-px-contenedor{
	padding: 40px 0; 	
	display: flex;
	display: -webkit-flex;
}

	.bloque-tylvax-px-contenedor > article {
		padding: 5px;
		margin: 5px;		
	}

	.tylvax-px-izquierda {
		width:24.99999%;
	}

	.tylvax-px-derecha{
		width:74.99999%;
		padding: 10px!important;
		border-left:1px solid #ddd;
	}

	.tylvax-px-izquierda p {
		font-size: 14px;
	}

		.tylvax-px-izquierda-titulo {
			display: block;
			font-size: 32px;
			border-bottom: 2px solid #000;
			padding-bottom: 8px;
			font-family: "Helvetica LT Std Bold";/*'Helvetica LT Std Black';*/
			margin-bottom: 15px;

			letter-spacing: -1px;

			-webkit-transform: scaleY(1.1);
			-moz-transform: scaleY(1.1);
			-ms-transform: scaleY(1.1);
			-o-transform: scaleY(1.1);
			-transform: scaleY(1.1);
		}


		.tylvax-px-izquierda-subtitulo {
			display: block;
			margin-bottom: 10px;
			font-size: 15px;
		}

		.tylvax-px-izquierda-resaltar {
			display: block;
			font-weight: 600;
			font-size: 14px;
			margin-bottom: 15px;
		}

		.tylvax-px-izquierda-peso {
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
		}		

		.tylvax-px-izquierda-indicaciones {
			margin: 35px 0 15px 0;
			display: block;
		}

		.bloque-imagen-derecha-tylvax-producto {
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			border:1px solid #ddd;
			margin-bottom: 20px;
			position: relative;
		}

		.bloque-imagen-derecha-tylvax {
			max-width: 350px;
		}


		.bloque-tylvax-px-derecha {
			display: block;	
			margin-bottom: 20px;		
		}

			.bloque-tylvax-px-derecha-cuadro {
				display: block;
			}
				
			.bloque-tylvax-px-derecha-cuadro > section {
				display: block;
			}
			
			.bloque-tylvax-px-derecha-titulo {
				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:space-between;
				padding: 7px;
				border-bottom:1px solid #EC7D07;
				color: #EC7D07;
			}

			.bloque-tylvax-px-derecha-titulo > h5 {
				font-size: 15px;	
				font-family: 'Helvetica LT Std Bold';
				font-weight: 800;		
				
			}

			.subtitulo-tylvax-general {
				font-size: 15px!important;	
				font-family: 'Helvetica LT Std Bold'!important;
				font-weight: 800!important;
			}

			.bloque-tylvax-px-derecha-contenido {
				display: block;
			}

			.bloque-tylvax-px-derecha-contenido p {
				font-size: 14px;
			}


			.bloque-tylvax-px-derecha-contenido > section {
				display: block;
				padding: 5px;
			}

				.bloque-tylvax-px-derecha-contenido > section div {
					padding: 5px;
					display: flex;
					display: -webkit-flex;
				}

				.bloque-tylvax-px-derecha-contenido > section > div > i{
					font-size: 14px;
					padding: 0 8px;
				}

	.bloque-contenedor-tylvax-derecha {
		display: block;		
		overflow: hidden;
		margin-bottom: 40px;
		margin-left: 20px;
	}	

		.bloque-contenedor-tylvax-derecha > article {
			display: block;
			/*margin-bottom: 20px;*/
			position: relative;
			overflow: hidden;
		}

		

		.bloque-contenedor-tylvax-derecha-titulo {
			padding: 10px 5px;
			border-bottom: 1px solid #EC7D07;
			color: #EC7D07;
			cursor: pointer;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}

		.bloque-contenedor-tylvax-derecha-descripcion {
			display: none;		
			position: relative;	
			/*margin-bottom: 20px;		*/
		}	
		
			
			.bloque-contenedor-tylvax-derecha-descripcion > article {
				display: flex;
				display: -webkit-flex;
			}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section {
				width: 22%;
				font-size: 14px;
			}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div{
				border-left:1px solid #EC7D07;
				border-bottom:1px solid #EC7D07;
				width: 100%;
				height: 140px;

				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;				
			}
				
				.bloque-contenedor-tylvax-derecha-descripcion > article > section:nth-child(5){
					border-right:1px solid #EC7D07;							
				}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;				
				width: 100%;
				height: 100%;
			}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section > p {
				width: 100%;
				height: 50%;
				display: block;

				/*display: flex;*/
				display: -webkit-flex;
				--align-items:center;
				text-align: center;
			}
			
			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section > p.linea-bottom {
				border-bottom: 1px solid #EC7D07;
			}
			.imagen-tylvax-derecha-descripcion {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				align-items:center;
			}
			
			.imagen-tylvax-derecha-descripcion > div {
				max-width: 80px; 
			}

			.bloque-contenedor-tylvax-derecha-descripcion p {
				padding: 8px;
			}

	/*ESTILOS SEGUNDO RECUADRO TYLVAX PX*/

	.segundo-bloque-contenedor-tylvax-derecha-titulo {
			padding: 15px 5px;
			border: 1px solid #EC7D07;
			border-top: 0px; 
			color: #EC7D07;
			background-color: #fff;
			cursor: pointer;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}

		.segundo-bloque-contenedor-tylvax-derecha-descripcion{
			display: none;		
			position: relative;
			margin-bottom: 20px;			
		}

		.color-texto-px {
			color:#EF4A2D;
		}

		.border-bottom-px {
			border-bottom-color:#EF4A2D!important;
		}
		
			
			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article {
				display: flex;
				display: -webkit-flex;
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section {
				width:16.66666%;
				font-size: 14px;
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div{
				border-left:1px solid #EC7D07;
				border-bottom:1px solid #EC7D07;
				width: 100%;
				height: 140px;

				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;				
			}
			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div.contenido{
				height: 250px;				
			}	
			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section:nth-child(6){
				border-right:1px solid #EC7D07;							
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;				
				width: 100%;
				height: 100%;
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section > p {
				width: 100%;
				height: 50%;
				display: block;

				/*display: flex;*/
				display: -webkit-flex;
				text-align:center;
			}
			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section > p.linea-bottom {
				border-bottom: 1px solid #EC7D07;
			}
			.imagen-tylvax-derecha-descripcion {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				align-items:center;
			}
			
			.imagen-tylvax-derecha-descripcion > div {
				max-width: 60px; 
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion  p {
				padding: 5px;
				display: block;
			}

/*ESTILOS  RECUADRO TYLVAX CPX*/

	.bloque-contenedor-tylvax-derecha-titulo {
			padding: 15px 5px;
			border: 1px solid #EC7D07;
			color: #EC7D07;			
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}

		.bloque-contenedor-tylvax-derecha-titulo > i {
			display: block;
		}

		.bloque-contenedor-tylvax-derecha-descripcion-cpx{
			display: block;		
			position: relative;			
		}

		.border-bottom-cpx {
			border-bottom-color: #D3A02C!important; 
		}

		.color-texto-cpx {
			color: #D3A02C;
		}

		.tylvax-cpx-uno,
		.tylvax-cpx-dos {
			display: none;
		}
		
			
			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article {
				display: flex;
				display: -webkit-flex;
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section {
				width:24.99999%;
				font-size: 14px;
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section > div{
				border-left:1px solid #EC7D07;
				border-bottom:1px solid #EC7D07;
				width: 100%;
				height: 120px;

				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;				
			}
				
				.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section:nth-child(4){
					border-right:1px solid #EC7D07;							
				}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section > div > section {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;				
				width: 100%;
				height: 100%;
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section > div > section > p {
				width: 100%;
				height: 50%;
				display: block;

				/*display: flex;*/
				display: -webkit-flex;
				--align-items:center;
				text-align: center;
			}

			.imagen-tylvax-derecha-descripcion-cpx {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				align-items:center;
			}
			
			.imagen-tylvax-derecha-descripcion-cpx > div {
				max-width: 60px; 
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx  p {
				padding: 5px;
				display: block;
			}

			.bloque-portafolio-enlaces {
				display: block;
				margin-top: 40px;
				margin-bottom: 40px;
			}

			.top-enlace-portafolio {
				margin-top: 6px;
			}

/*ESTILOS PARA TYLVAX WS*/

	.border-bottom-ws {
		border-bottom-color:#ED822A!important;
	}

	.color-texto-ws {
		color:#ED822A!important;
	}

/*ESTILOS PARA LA PAGINA MOLECULA SUPERIOR*/

.fondo-molecula-uno {
	width: 100%;
	height: 20vh;
	display: block;
	background: url(../image/fondo-cuatro.jpg); 
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	/*background-attachment: fixed; *//* Indicamos que la imagen estara estatica importante para efecto parallax */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-position: center;
}

.fondo-portafolio-uno {
	width: 100%;
	height: 20vh;
	display: block;
	background: url(../image/fondo-tylvax-cpx.jpg); 
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	/*background-attachment: fixed; *//* Indicamos que la imagen estara estatica importante para efecto parallax */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-position: center;
}

.fondo-potencia {
	width: 100%;
	height: 20vh;
	display: block;
	background: url(../image/fondo-cuatro-potencia.jpg); 
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	/*background-attachment: fixed; *//* Indicamos que la imagen estara estatica importante para efecto parallax */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-position: center;
}
	


.fila-tres-molecula {
	padding: 40px 0;
	display: flex;
	display: -webkit-flex;		
}

	.fila-tres-molecula > article {
		padding: 5px;
		margin: 5px;
	}

	.fila-tres-molecula > article:nth-child(1) {
		width:33.33333%;	
		display: block;
		border-right: 1px solid #B8B8B8;
		padding-right: 10px;	
	}
	

	.fila-tres-molecula > article:nth-child(2) {
		width:66.66666%;		
	}	

	.molecula-primer-contenido div p:nth-child(2){
		margin-bottom: 10px;		
	}

	.molecula-primer-contenido div p:nth-child(3){
		margin-bottom: 10px;		
	}

	.molecula-primer-contenido > div:nth-child(2) {
		margin: 10px 0 40px 0;
		padding-right: 7px; 
	}

		.subtitulo-tilvalosina-tylvax {
			margin-bottom: 20px;				
			font-weight: bold;
			font-style:italic;
			font-size: 20px;			
			font-family: 'Helvetica LT Std';					
			text-transform: uppercase;
			text-align: left;
			line-height:1.3;
			
		}
		.subtitulo-tilvalosina-tylvax span {
			margin-bottom: 20px;				
			font-style:normal;
			font-size: 30px;			
			font-family: 'Helvetica LT Std Bold';
			text-align: left;
			font-weight: normal;
			text-transform: none; ;
			
		}

		.bloque-enfermedades {
			display: block;		
		}

			.bloque-enfermedades > article {
				display: block;
				overflow: hidden;
				margin-bottom: 5px;								
			}	
			

			.btn-tilvalosina {
				position: relative;
				overflow: hidden;
				display: inline-block;	
				width: 100%;
				max-width: 250px;			
			}	
			
			.bloque-enfermedades > article a {
				display: flex;
				display: -webkit-flex;
				align-items:center;				
				padding: 8px;
				border:1px solid #000;
				color:#000;
				font-family: 'Helvetica LT Std Bold';
				font-size: 18px;
				/*font-weight: 500;								*/
				position: relative;
				overflow: hidden;
				
			}

			.registro-submenu {
				font-size: 9px!important;
				position: relative;
				top:-5px;
			}
			.registro-titulo {
				font-size: 12px!important;
				position: relative;
				top:-12px;
			}
			.btn-tilvalosina:after {
				content: '';
				position: absolute;
				top:-3px;
				right: 0px;

				width: 0;
				height: 0;
				border-right:15px solid #fff;
				border-top:60px solid transparent;
			}

			.bloque-enfermedades article a:before {
				content: '';
				position: absolute;
				top:-3px;
				right: 5px;
				background-color: #000;
				width: 1px;
				height: 50px;

				-webkit-transform: skew(-14deg) ;
				-moz-transform: skew(-14deg) ;
				-ms-transform: skew(-14deg) ;
				-o-transform: skew(-14deg) ;
				-transform: skew(-14deg) ;
				
			}				

			.imagen-enfermedad {
				max-width: 23px;
				margin-right: 10px;
			}

			

		.molecula-primer-contenido p{
			line-height: 19px;	
		}

	/*ESTILOS ACORDEON MOLECULA SUPERIOR*/
		
	.bloque-molecula-superior-acordeon {
		display: block;		
		margin-bottom: 20px;
	}

	.bloque-molecula-superior-acordeon-header {
		border-bottom: 1px solid #FF6F0F;
		padding-bottom: 5px;
		cursor: pointer;
		display: flex;
		display: -webkit-flex;
		align-items:center;
		justify-content:space-between;
	}

		.bloque-molecula-superior-imagen-titulo {			
			display: flex;
			display: -webkit-flex;
			align-items:center;
		}

		.bloque-molecula-superior-imagen-titulo > div {
			width: 30px; 
			margin-right: 8px;
		}

		.bloque-molecula-superior-imagen-titulo > h6 {
			display: block;
			font-family: 'Helvetica LT Std Bold';
			font-size: 15px;
			color: #FF6F0F;
		}

		.bloque-molecula-superior-flecha > i{
			color: #FF6F0F;
		}

		.bloque-molecula-superior-acordeon-parrafo {
			display: block;
			position: relative;
			overflow: hidden;
		}

		.bloque-molecula-superior-acordeon-parrafo:after {
			content: '';
			position: absolute;
			top:0;
			right: 0;
			width: 0;
			height: 0;
			border-right:14px solid #fff;
			border-top:150px solid transparent;
		}

		.bloque-molecula-superior-acordeon-parrafo:before {
			content: '';
			position: absolute;
			top:0;
			right: 7px;
			width: 1px;
			height: 150px;
			background-color: #FF6F0F;

			-webkit-transform: skew(-5deg);
			-moz-transform: skew(-5deg);
			-ms-transform: skew(-5deg);
			-o-transform: skew(-5deg);
			transform: skew(-5deg);
		}

			.bloque-molecula-superior-acordeon-parrafo > section {
				display: block;
				border-left:1px solid #FF6F0F;
				border-bottom:1px solid #FF6F0F;
			}

			.bloque-molecula-superior-acordeon-parrafo > section > p {
				padding: 10px; 
			}

	
	.bloque-cuadro-accion-micoplasma {
		display: block;
		margin-bottom: 20px;
		width: 100%;
		
	}

	.cuadro-accion-micoplasma{
		display: block;
	}

	.cuadro-accion-micoplasma-titulo {
		display: block;
	}

	.cuadro-accion-micoplasma-titulo > h6 {
		color: #FF6F0F;
		font-size: 15px!important;
		font-family: 'Helvetica LT Std Bold'!important; 
		font-weight: normal;
		display: block;
		padding: 10px 0;
		border-bottom:1px solid #FF6F0F;
	}
	.cuadro-accion-micoplasma-titulo > h6 span {
		color: #ED822A;
		font-size: 12px!important;
		font-weight: normal;
		display: block;
		text-align: center; 
	}
	.cuadro-accion-micoplasma-contenido {
		display: flex;
		display: -webkit-flex;
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.cuadro-accion-micoplasma-contenido:after {
		content:'';
		position: absolute;
		top:0;
		right: 0;
		width: 0;
		height: 0;
		border-top: 400px solid transparent;
		border-right: 40px solid #fff;
	}

	.cuadro-accion-micoplasma-contenido:before {
		content:'';
		position: absolute;
		top:0px;
		right: 11px;
		width: 1px;
		height: 200px;
		background-color: #FF6F0F;

		-webkit-transform: skew(-6deg) ;
		-moz-transform: skew(-6deg) ;
		-ms-transform: skew(-6deg) ;
		-o-transform: skew(-6deg) ;
		transform: skew(-6deg) ;
	}

	.cuadro-accion-micoplasma-contenido > article{
		width: 33.333%;		
	}

	.cuadro-accion-micoplasma-contenido > article > div {
		width: 100%;
		height: 35px;
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		align-items:center;
		border-bottom:1px solid #FF6F0F;
		border-left:1px solid #FF6F0F;
	}


	/*ANIMACION PARA EL DIV*/
	

.fila-tres-molecula h6 img{
	margin-right: 10px;
	max-width: 30px;
}

/*INICIA ESTILOS PARA POTENCIA Y ACCION*/
	.fondo-potencia-uno {
		height: 30vh;
		width: 100%;
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(243, 110, 33,0.3), rgba(249, 166, 48,0.3)), url(../image/fondo-potencia.jpg);
		background-position: center;
	}

	.fondo-tylvax-px {
		height: 20vh;
		width: 100%;
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background: url(../image/fondo-tylvax-px.jpg);
		background-position: center;
	}

	.fondo-tylvax-cpx {
		height: 30vh;
		width: 100%;
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background-position: center;
		background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(243, 110, 33,0.3), rgba(249, 166, 48,0.3)), url(../image/fondo-tylvax-cpx.jpg);
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
	}

	.fondo-tylvax-cpx2 {
		height: 30vh;
		width: 100%;
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background-position: center;
		background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(243, 110, 33,0.3), rgba(249, 166, 48,0.3)), url(../image/fondo-tylvax-cpx2.jpg);
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
	}

	.fondo-tylvax-ws {
		height: 30vh;
		width: 100%;
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(243, 110, 33,0.3), rgba(249, 166, 48,0.3)), url(../image/fondo-tylvax-ws.jpg);
		background-position: center;
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
	}

	.fondo-tylvax-ws2 {
		height: 30vh;
		width: 100%;
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(243, 110, 33,0.3), rgba(249, 166, 48,0.3)), url(../image/fondo-tylvax-ws2.jpg);
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-position: center;
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
	}

	.fondo-efectividad {
		height: 20vh;
		width: 100%;
		background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
		background-repeat:no-repeat; /* Indicamos que no se repetira */
		background: url(../image/fondo-efectividad.jpg);
		background-size:cover; /* Encajamos la imagen al 100% del ancho */
		background-position: center;
	}

/*SECCION POTENCIA Y ACCION*/

.fondo-potencia-accion {
	padding: 40px 0;
}

.fila-tres-potencia {
	display: flex;
	display: -webkit-flex;
}

.fila-tres-potencia > article {	
	margin: 5px;
	padding: 8px; 	
}

	.potencia-accion-contenido-izquierda {
		width: 33.3333%;		
		display: block;				
		border-right: 1px solid #B8B8B8 ;		
	}

	.potencia-accion-contenido-derecha {
		width: 66.6666%;	
	}

		.potencia-accion-texto {			
			display: block;
			padding: 5px;
		}

		.potencia-accion-texto > p {
			margin-bottom: 10px;
		}

.enlaces-potencia {
	margin-top: 30px;
}

.enlaces-potencia span{
	display: inline-block;	
}

	.enlaces-potencia span a{
		padding: 8px;
		color: #000;
		box-shadow: 0 0 0 1px #000 inset;
		font-size: 12px;
		max-width: 200px;
		text-align: center;
		letter-spacing: 2px;
		line-height: 20px;
		display: inline-block;		
		font-weight: bold;
	}

	.enlaces-potencia span a:hover{
		color:#fff;
		background: #000;
	}

	.potencia-primer-contenido div {
		margin-bottom: 20px;
		padding-top: 10px;
	}		

		.potencia-primer-contenido p {
			margin-bottom: 10px;
		}

		

		.potencia-contenido {
			margin-bottom: 25px;			
			position: relative;		
			overflow: hidden;
			
		}		

		.potencia-contenido > article {			
			width: 100%!important;	
			position: relative;
			overflow: hidden;							
		}

		.titulo-lista-molecula {
			border-bottom: 1px solid #EC7D07;			
			padding: 5px 8px;			
			cursor: pointer;
			color: #fff;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}
		
		.titulo-lista-molecula > section:nth-child(1) {
			display: flex;
			display: -webkit-flex;
			align-items:center;
		}		
			
		.imagen-lista {
			max-width: 22px;
			margin-right: 15px;			
		}

			.subtitulo-potencia-accion-tylvax {
				color: #FF6F0F;
				font-size: 15px!important;	
				font-family: 'Helvetica LT Std Bold'!important;
				font-weight: 800!important;
				margin-bottom: 10px;				
			}

			.potencia-lista  {
				display: none;
				position: relative;
				overflow: hidden;							
			}

				.potencia-lista:after {
					margin-bottom: 20px;
					content:'';
					position: absolute;
					top:0;
					right: 0;
					width: 0;
					height: 0;
					border-right:35px solid #fff;
					border-top:500px solid transparent;
				}

				.potencia-lista:before {
					content:'';
					position: absolute;
					top:0px;
					right: 14px;
					width: 1px;
					height: 400px;
					background-color: #FF6F0F;

					-webkit-transform: skew(-4deg) ;
					-moz-transform: skew(-4deg) ;
					-ms-transform: skew(-4deg) ;
					-o-transform: skew(-4deg) ;
					transform: skew(-4deg) ;
				}

				.potencia-lista > div {
					border-left:1px solid #EC7D07;
					border-bottom:1px solid #EC7D07;
				}

				.potencia-lista > div article {
					display: flex;
					display: -webkit-flex;					
					width: 100%;
					padding: 10px;
				}	

				.potencia-lista > div article div{
					width:33.33333%;
					margin-bottom: 1px;					
					display: flex;
					display: -webkit-flex;

				}	

				.potencia-lista div article div p{
					padding: 0 8px 0 0;					
				}				
		
				.potencia-contenido i {
					font-size: 17px;
					padding: 0 8px;
					color:#EC7D07;
				}			
				.potencia-contenido i.italic {
					font-size: 100%;
					padding: 0px;
					color:#323232;
					font-style: italic;
				}		
				
					
/*TERMINA ESTILOS PARA POTENCIA Y ACCION*/


/*INICIA ESTILOS EFECTIVIDAD*/	

.bloque-efectividad-eficiencia-tylvax {
	display: flex;
	display: -webkit-flex;
	padding: 40px 0;
}

	.bloque-efectividad-eficiencia-tylvax > article {
		padding: 5px;
		margin: 5px;
	}

	.bloque-efectividad-eficiencia-tylvax-izquierda {
		width: 33.333%;
		border-right:1px solid #B8B8B8;
	}

	.bloque-efectividad-eficiencia-tylvax-derecha {
		width: 66.666%;
	}

		.bloque-titulo-contenido-icon {
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
			align-items:center;
			margin-bottom: 20px;
			cursor: pointer;
		}

		.titulo-contenido-icon {
			display: block;
		}

		.bloque-estadistico-barra-color {
			display: block;
			margin-bottom: 20px;
			position: relative;
			overflow: hidden;
		}

			.bloque-estadistico-barra-color:after {
				content:'';
				position: absolute;
				top:-10px;
				bottom: 0;
				right: 0;
				left:0;

				border-top: 350px solid transparent;
				border-right: 30px solid #fff;
			}

			.bloque-estadistico-barra-color:before {
				content: '';
				position: absolute;
				top:0px;
				right:18px;					
				width: 1px;
				height: 400px;
				background-color:#FF6F0F;
					
				-webkit-transform:  skew(-5deg);
				-moz-transform:  skew(-5deg);
				-ms-transform: skew(-5deg) ;
				-o-transform: skew(-5deg) ;
				transform: skew(-5deg) ;
			}

		.bloque-estadistico-barra-color > article {
			display: flex;
			display: -webkit-flex;
			align-items:center;
			width: 100%;
			padding: 10px 7px;
			border-bottom:1px solid #FF6F0F;
			border-top:1px solid #FF6F0F;
			border-left:1px solid #FF6F0F;
		}

		.bloque-estadistico-barra-color > article > div {
			padding: 5px;
			margin: 5px; 
		}

			.bloque-estadistico {
				width: 49.999%;
			}

				.bloque-estadistico > div {
					max-width: 310px; 
				}

			.barra-color{
				width: 49.999%;
			}

				.barra-color-texto {
					display: block;
					margin-bottom: 20px;
				}

					.barra-color-texto > div {
						display: flex;
						display: -webkit-flex;
						align-items:center;
					}

					.barra-color-texto > div > span {
						width: 30px;
						height: 7px;						
						margin-right: 5px;
					}

					.barra-color-uno {
						background-color: #F36E21;
					}

					.barra-color-dos {
						background-color: #1197D6;
					}

			.bloque-checkcontenido {
				display: block;
				margin-bottom: 20px;
			}

			.bloque-checkcontenido > div {
				display: flex;
				display: -webkit-flex;
				margin-bottom: 5px;
			}

				.bloque-checkcontenido > div > i {
					font-size: 13px;
					margin-right: 5px;
					position: relative;
					top: 2px;
				}


/*TERMINA ESTILOS EFECTIVIDAD*/

/*INICIA ESTILOS CONTACTO*/
	.fila-contacto {
		overflow: hidden;
		height: 20vh;
		position: relative;
	}

	.fila-contacto div{
		position: absolute;
		z-index: 100;
		top: 0;
		color: #fff;
		width: 100%;
		height: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		align-items:center;
		background: linear-gradient(90deg,rgba(0,0,0,0.1),rgba(0,0,0,.1) ),url(../image/fondo-tylvax-ws.jpg);
		background-size:cover;  /*Encajamos la imagen al 100% del ancho */
		background-position: center;
		background-repeat:no-repeat; /* Indicamos que no se repetira */		
	}

		
	.fondo-contacto {		
		width: 100%;
		background-color: #FAFAFA;		
	}

		.fila-uno-contacto {
			padding: 40px 0; 			
			width: 90%;
			max-width: 1024px;
			margin: auto;
			overflow: hidden;
		}		

		.icono-de-contacto {
			display: flex;
			display: -webkit-flex;
		}

		.icono-de-contacto i {
			font-size: 28px;
			padding-right: 8px;
			position: relative;
			top: -5px;	
			display: inline-block;		
		}

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

		.distribuidores-display{				
			color: #000;
			display: flex;
			display: -webkit-flex;
			
		}
			.fila-uno-contacto > article > div > section{					
				padding: 15px;	
				margin: 5px;					
			}

			.distribuidores-contacto {				
				width:33.33333%;
			}

			.bloque-listado-distribuidores {				
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom:1px solid #EC7D07;
				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:space-between;
				cursor: pointer;				
			}

			.listado-distribuidores {
				display: block;
				text-transform: uppercase;
				font-size: 17px;
				font-style: italic;
				font-family: 'Helvetica LT Std';
				margin-bottom: 20px;
			}

				.bloque-listado {					
					margin-bottom: 40px;
				}				
				.bloque-listado .info-contacto{					
					padding: 10px; border: 1px solid; border-radius: 0 0 20px 0;
				}				
                                .bloque-listado .info-contacto .titulo{ font-size: 22px; color:#EC7D07}
                                .bloque-listado .info-contacto .titulo.subtitulo{ font-size: 20px; color:#EC7D07}
                                .bloque-listado .info-contacto .desc{ font-size: 16px;}
                                .pais-listado {
					display: block;
					font-family: 'Helvetica LT Std Bold'!important;
					font-size: 15px;
					color: #EC7D07;
				}

				.bloque-listado-distribuidores > i  {
					color: #EC7D07;
				}

				.empresa-listado {
					font-weight: 600;									
					font-size: 15px;
					margin-bottom: 5px;	
					color: #2E2E2E;						
				}
                                .submenu-distribuidores span{ font-weight: bold; color:#2E2E2E }
				.submenu-distribuidores > section {
					display: block;
					margin-bottom: 15px;					
				}			

				.submenu-distribuidores > section p {
					font-size: 14px;
				}	

			.bloque-formulario {			
				width:66.66666%;
				border-left: 1px solid #B8B8B8; 
				padding: 20px!important;
			}

			.ciudad-distribuidora {
				display: flex;
				display: -webkit-flex;
				justify-content:space-between;
				padding: 5px 0;
				margin-bottom: 10px;
				border-bottom: 1px solid #333;
				cursor: pointer;
			}

				.titulo-ciudad-distribuidora > h5 {
					font-size: 15px;					
					display: block;
				}

				

		.fondo-informacion {
			/*height: 50vh;*/
			width: 100%;
			background: linear-gradient(90deg, rgba(0,0,0,0.5),rgba(0,0,0,0.4) ), url(../image/fondo-cuatro.jpg);
			background-size:cover;/* Encajamos la imagen al 100% del ancho */
			background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
			background-repeat:no-repeat; /* Indicamos que no se repetira */
			background-position: center;
		}

		.informacion-decontacto {
			padding: 40px 0;
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			text-align: center;
		}

		.informacion-decontacto article {
			padding: 30px;
			color:#fff;
			display: inline-block;
			z-index: 1;
			position: relative;
		}

		.informacion-decontacto article:after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: rgba(0,0,0,.5);
			z-index: -1;
			-webkit-transform: skew(-5deg) ;
			-moz-transform: skew(-5deg) ;
			-ms-transform: skew(-5deg) ;
			-o-transform: skew(-5deg) ;
			transform: skew(-5deg) ;
		}

			.informacion-decontacto h4{
				font-weight: bold;
				text-transform: uppercase;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-top: 4px solid #ddd;
				padding-top: 10px;
				border-bottom: 4px solid #ddd;
				font-size: 32px;
			}


			.informacion-decontacto p{				
				text-transform: uppercase;
				margin-bottom: 10px;
				font-size: 18px;
				padding-bottom: 10px;
				border-bottom: 2px solid #fff;
			}

				.informacion-decontacto span{				
					
					margin-bottom: 5px;
					font-size: 24px;
					display: block;
				}

				.informacion-decontacto div{					
					margin-top: 20px;
					display: block;
				}

					.informacion-decontacto i{					
						display: inline-block;
						padding: 15px 20px;
						position: relative;
						z-index: 5;
						color: #fff;
					}

					.informacion-decontacto i:hover{					
						color: #fff;
					}

					.informacion-decontacto i:after{					
						content: '';
						position: absolute;
						top:0;
						bottom: 0;
						right: 0;
						color:#fff;
						left: 0;
						
						border:1px solid #ddd;
						z-index: -1;
						-webkit-transform: skew(-10deg) ;
						-moz-transform: skew(-10deg) ;
						-ms-transform: skew(-10deg) ;
						-o-transform: skew(-10deg) ;
						transform: skew(-10deg) ;
					}

					.informacion-decontacto  a:hover > i:after{					
						background-color: #F4802A;

					}

		.content-formulario {
			display: block;
			float: left;
			background-color: lightblue;
			width: 100%;
			max-width: 1024px;
			overflow: hidden;
		}

		
		/*ESTILOS PARA FORMULARIO*/

		#formulario div{
			display: flex;
			display: -webkit-flex;
		}

		

		#formulario {
			background-color: yellow;
			
			padding: 10px; 
		}

			#formulario h2{
				font-size: 16px;
				text-transform: uppercase;
				margin-bottom: 20px;
			}

			#label {
				display: block;
				font-weight: bold;				
				text-align: left;
				font-size: 12px;
				margin: 15px 0;
				text-transform: uppercase;
			}

                        .label {
                                width: 100%;
                                display: block;
                                font-size: 14px;
                                padding: 5px;
                                border:1px solid #ddd!important;
                        }
                        section .asunto label {
				display: block;
				font-weight: bold;				
				text-align: left;
				font-size: 12px;
				margin: 15px 0;
				text-transform: uppercase;
                                width: 100%;
                                padding: 5px;
			}
                        section .asunto input {margin-bottom: 5px}
			#caja {
				padding: 4px;
				
				margin: 2px 0 5px 0;
			}

			.enviar-borrar-contacto {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
			}

			.enviar-borrar-contacto button {
				clear: both;
				text-transform: uppercase;
				font-size: 16px;
				margin: 0 5px;
				padding: 10px 40px;
				background-color: #000;
				text-align: center;
				line-height: 18px;
				color: #fff;
				border:0px;

				-webkit-transition: 1s ;
				-moz-transition: 1s ;
				-ms-transition: 1s ;
				-o-transition: 1s ;
				transition: 1s ;
				
			}

			.enviar-borrar-contacto button:hover {
				background-color: #F4802A;
			}
                        /*#asuntos_id-1 ,#asuntos_id-2, #asuntos_id-3, #asuntos_id-4{margin: 0 100px 0 0}*/
			.fila-uno-contacto textarea {
				width: 100%;
				display: block;
			}

			.asunto {
				display: flex;
				width: 100%!important;				
			
			}

			.asunto .label{
				border:0px!important;				
			
			}

			.asunto input {
				margin-right: 5px;
				position: relative;
				top: 2px;
			}

			.checked {
				margin-right: 8px;
				position: relative;
				top:2px;
			}

		/*ESTILOS PARA FORMULARIO*/


			
				.fila-uno-contacto article:nth-child(1) h4 {
					font-size: 33px;
					margin-bottom: 10px;				
					text-transform: uppercase;
					
				}

				.fila-uno-contacto article:nth-child(1) div {
					font-size: 18px;										
				}

				.fila-uno-contacto article:nth-child(1) div a{							
					position: relative;	
					padding: 10px;
					z-index: 1;						
				}

				.fila-uno-contacto article:nth-child(1) div a:after{
					position: absolute; 
					content:'';
					right: 0;
					left: 0;
					top: 0;					
					bottom: 0;
					z-index: -1;				
					border:1px solid #ddd;
					/*color: #fff;*/
					/*-webkit-transform: skew(-10deg) ;
					-moz-transform: skew(-10deg) ;
					-ms-transform: skew(-10deg) ;
					-o-transform: skew(-10deg) ;
					transform: skew(-10deg) ;*/

					-webkit-transition: .5s ;
					-moz-transition: .5s ;
					-ms-transition: .5s ;
					-o-transition: .5s ;
					transition: .5s ;
				}			

				.fila-uno-contacto article:nth-child(1) div a.email:after{
					border:0px solid #ddd;
					color:#000; padding: 2px; text-decoration: underline;
				}	
				.fila-uno-contacto article:nth-child(1) div a.email{
					border:0px solid #ddd; padding: 2px; 
					color:#000; text-decoration: underline;
				}	
				.fila-uno-contacto article:nth-child(1) div a:hover:after{
					border:1px solid #ddd;					
				}	
				.fila-uno-contacto article:nth-child(1) div a.email:hover:after{
					border:0px; color:#EC7D07; padding: 2px; 					
				}	
				.fila-uno-contacto article:nth-child(1) div a.email:hover{
					padding: 2px; 	
					border:0px;	color:000;				
				}	
				.fila-uno-contacto article:nth-child(1) div a:hover{
					color: #EC7D07;					
				}							

				.formulario-contacto form {
					display: block;
					margin: 0;

				}

					.bv-hidden-submit {
						background-color: #FBB032;
					}

					.formulario-contacto .form-group {
						margin-bottom: 15px;

					}

					.formulario-contacto .has-feedback {
						position: relative;

					}

					.sr-only {
						position: absolute;
						width: 1px;

						height: 1px;
						padding: 0;
						margin: -1px;
						overflow: hidden;
						clip:rect(0,0,0,0);
						border:0; 
					}

					.formulario-contacto div {
						width: 100%;						
					}

					.formulario-contacto label {
						font-size: 13px;
						display: inline-block;
						width: 100%;
						max-width: 100%;
						margin-bottom: 15px;
						font-weight: 700;						
						cursor: default;

					}

					.formulario-contacto textarea {
						width: 100%;
						color: #fff;
					}

					.formulario-contacto .form-control {
						background: transparent;						
						color:#fff;  
						padding: 10px;
						font-size: 14px;
						position: relative;
						border:0px;
					}				

					.formulario-contacto input {
						color: #fff;						
						width: 100%;	
						position: relative;		
						letter-spacing: 1px;			
					}

					.form-control {
						position: relative;
						border:1px solid #ddd!important;
					}

					.form-control:after {
						content:'';
						top:0;
						bottom: 0;
						right: 0;
						left: 0;
						border:1px solid #ddd!important;
						position: absolute;

						-webkit-transform: skew(-10deg) ;
						-moz-transform: skew(-10deg) ;
						-ms-transform: skew(-10deg) ;
						-o-transform: skew(-10deg) ;
						transform: skew(-10deg) ;
					}

					.formulario-contacto button {
						padding: 10px;
						text-align: center; 
						color: #fff;
						width: 100%;
						z-index: 1;

						border:0px;
						background-color: transparent;
						position: relative;
						-webkit-transition: .5s ;
						-moz-transition: .5s ;
						-ms-transition: .5s ;
						-o-transition: .5s ;
						transition: .5s ;
					}

					.formulario-contacto button:after {
						content:'';
						position: absolute;
						cursor: pointer;
						top: 0;
						bottom: 0;
						right: 0;
						left: 0;
						z-index: -1;
						background-color: #F36E21;

						/*-webkit-transform: skew(-8deg) ;
						-moz-transform: skew(-8deg) ;
						-ms-transform: skew(-8deg) ;
						-o-transform: skew(-8deg) ;
						transform: skew(-8deg) ;*/

						-webkit-transition: .5s ;
						-moz-transition: .5s ;
						-ms-transition: .5s ;
						-o-transition: .5s ;
						transition: .5s ;
					}

					.formulario-contacto button:hover:after {
						background-color: #000;
					}
				

					.form-control-feedback {
						position: absolute;
						top: 0;
						right: 0;
						z-index: 2;
						display: block;
						width: 34px;
						height: 34px;
						line-height: 34px;
						text-align: center;
						pointer-events:none;
					}

					.help-block {
						display: block;
						margin-bottom: 5px;
						margin-top: 10px;
						color: #fff;
					}

/*TERMINA ESTILOS CONTACTO*/

/*ESTILOS PARA FILA TRES TYLVAX PX*/

.fila-tres-tylvax-px {
	padding: 20px 0 30px;
	display: flex;
	display: -webkit-flex;
	align-items:center;
}

.fila-tres-tylvax-px article{
	color:#000;
}

.fila-tres-tylvax-px article {
	padding: 10px; 
	text-transform: uppercase;
}

	.fila-tres-tylvax-px article:nth-child(1){
		width:33.33333%;		
		
	}

		.fila-tres-tylvax-px article:nth-child(1) div{
			margin-bottom: 20px;			
			display: inline-block;								
		}

		.fila-tres-tylvax-px article:nth-child(1) h3{
			font-size: 16px;
			letter-spacing: 6px;
			padding: 5px;
			font-weight: bold;		
			margin-bottom: 40px;	
			font-family: 'Oswald', sans-serif;		
		}

			.fila-tres-tylvax-px article:nth-child(1) div:nth-child(2){			
				overflow: hidden;								
			}

		.fila-tres-tylvax-px article:nth-child(1) div img{			
			max-width: 250px;			
			animation-name: bounceIn;
   			animation-duration: 5s;	
			 			
		}

		/***********
		* bounceIn *
		************/
		@-webkit-keyframes bounceIn { 
		    0% { 
		        opacity: 0; 
		        -webkit-transform: scale(.3); 
		    } 

		    50% { 
		        opacity: 1; 
		        -webkit-transform: scale(1.05); 
		    } 

		    70% { 
		        -webkit-transform: scale(.9); 
		    } 

		    100% { 
		         -webkit-transform: scale(1); 
		    } 
		} 

		@keyframes bounceIn { 
		    0% { 
		        opacity: 0; 
		        transform: scale(.3); 
		    } 

		    50% { 
		        opacity: 1; 
		        transform: scale(1.05); 
		    } 

		    70% { 
		        transform: scale(.9); 
		    } 

		    100% { 
		        transform: scale(1); 
		    } 
		} 	


		.fila-tres-tylvax-px article:nth-child(1) div p{
			font-size: 13px;
			margin-top: 20px;
			font-weight: bold;
		}

		.fila-tres-tylvax-px article:nth-child(1) span{
			font-size: 12px;
			font-weight: bold;
			max-width: 250px;
			text-align: left;
			display: inline-block;							
		}

		.fila-tres-tylvax-px article:nth-child(1) span:nth-child(5){
			margin-top: 10px;								
		}

		.fila-tres-tylvax-px article:nth-child(1) span:nth-child(6){
			margin-top: 10px;					
		}

	.fila-tres-tylvax-px article:nth-child(2){
		width:66.66666%;	
	}

	.fila-tres-tylvax-px article:nth-child(2) section{
		margin-bottom: 20px;
		
	}

	/*EFECTO TYLVAX*/

	.efecto-tylvax-1 {
		animation-name: fadeInRight;
   		animation-duration: 4s;		
	}

	/****************
	* bounceInRight *
	****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(10px); 
    } 
    60% { 
        
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(10px); 
    } 
    60% { 
        
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}


		.titulo-tylvax-px {
			display: flex;
			display: -webkit-flex;
			align-items:center;
			margin-bottom: 20px;
			color: #F04A24;
		}

			.titulo-tylvax-px h5{
				font-weight: bold;
				font-size: 18px;
				padding: 5px;	
			}

			.titulo-tylvax-px i{
				font-weight: bold;
				font-size: 28px;
				padding: 5px;	
			}

		.lista-tylvax-px div {
			display: flex;
			display: -webkit-flex;
		}

		.lista-tylvax-px div i{
			padding: 5px;
			font-size: 18px;
		}

		.lista-tylvax-px div p{
			padding: 5px;
			font-size: 15px;
			text-transform: none;
		}


/*ESTILOS PX*/

/*FILA UNO PX*/

.estructura {
	display: flex;
	display: -webkit-flex;
	align-items:center;
	margin: 40px 0;
}

.estructura >  section {
	
	margin: 5px;
	padding: 5px;
}

	.fila-uno-px {
		width:33.33333%;
	}

	.fila-dos-px {
		width:66.66666%;
	}

	.composicion {
		margin-bottom: 20px;
	}

	.composicion h2 {
		font-size: 33px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 30px;
		font-family: 'Helvetica LT Std';	
		
		
	}

	.composicion h4 {
		font-size: 17px;
		margin-bottom: 20px;
	}

	.composicion h5 {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.imagen-px {
		margin: 40px 0;	
		height: 250px;
		box-shadow: 0 0 0 2px #fff,
					0 0 0 3px #ddd; 
				
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		align-items:center;	
		position: relative;			
	
	}

	.imagen-px div{
		max-width: 280px;
		
	}

	.imagen-px section {
		position: absolute;		
		top:0;		
		left:0;	
		
	}

	.imagen-px i {
		font-size: 35px;		
		display: inline-block;			
	}

	.indicaciones h4{
		font-size: 15px;
		margin-bottom: 20px;
	}

	.indicaciones p{
		font-size: 13px!important;
		margin-bottom: 20px;
	}



	/*FILA DOS PX*/

	.fila-dos-px div {
		
	}

	.fila-dos-px div article{
		
		margin-bottom: 20px;
	}

		.px-titulo{
			display: block;
			background-color: #F24A24;
			padding: 5px 13px;
			color: #fff;
		}

		.header-fila-dos-px {
			position: relative;
			overflow: hidden;
		}			

		.header-fila-dos-px section {
			border-left:1px solid #F24A24;
			border-bottom:1px solid #F24A24;
			position: relative;
		}

		.header-fila-dos-px section:after {
			content:'';
			position: absolute;
			top:0;
			right: 0;
			left:0;
			bottom: 0;
			border-right: 30px solid #fff;
			border-top: 400px solid transparent;
		}

		.header-fila-dos-px section:before {
			content:'';
			position: absolute;
			top:0px;
			right: 15px;
			width: 1px;
			height: 400px;
			background-color: #F24A24;

			-webkit-transform:skew(-4deg) ;
			-moz-transform:skew(-4deg) ;
			-ms-transform:skew(-4deg) ;
			-o-transform:skew(-4deg) ;
			transform:skew(-4deg) ;
		}

		

		.header-fila-dos-px h3 {
			letter-spacing: 1px;
			font-weight: 500;
		} 

		.lista-fila-dos-px {
			padding: 10px;
		}
		
		.lista-fila-dos-px div {
			display: flex;
			display: -webkit-flex;
			margin-bottom: 5px;
		}

		.lista-fila-dos-px i {
			font-size: 14px;
			padding: 0 10px;
		}
		
		.px-titulo h3 {
			padding: 0 8px;
			font-size: 17px;
		}

/*FILA TRES PX*/

.fila-tres-px {
	display: flex;
	display: -webkit-flex;
}

	.px-titulo h5 {
		font-weight: 500;
		font-size: 17px;
	}

	.fila-tres-px  > article {
		margin: 5px;
		
	} 

	.docis {
		width:24.99999%;
		display: none;
	}

	.administracion {
		width:100%;		
	}

	.docis h4 {
		margin-bottom: 20px;
	}

	.docis p {
		max-width: 200px;
		
	}

	.administracion > section {
		margin-bottom: 20px;
		position: relative;	
		overflow: hidden;	
	}

	.administracion > section:after {
		content: '';
		position: absolute;
		top:0;
		bottom: 0;
		left:0;
		right:0;
		border-top:400px solid transparent;
		border-right:25px solid #fff;		
	}
	.contenido-px {
		border:1px solid #F24A24;
	}

	.celda-px {
		display: flex;
		display: -webkit-flex;
		border-bottom:1px solid #F24A24;
		position: relative;
	}

	.celda-px:after {
		content: '';
		position: absolute;
		right: 12px;
		top: 0px;
		width: 1px;
		height: 350px;
		background-color: #F24A24;

		-webkit-transform: skew(-3deg) ;
		-moz-transform: skew(-3deg) ;
		-ms-transform: skew(-3deg) ;
		-o-transform: skew(-3deg) ;
		transform: skew(-3deg) ;

	}

	.image-px {
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		align-items:center;	
	}

	.image-px  span {
		max-width: 60px;

	}

	.celda-px:nth-child(3) {		
		border-bottom:none;
	}
	
	.celda-px > div {		
		border-right:1px solid #F24A24;
		width: 20%;	
		padding: 5px;	
		display: flex;
		display: -webkit-flex;
		align-items:center;	
	}

	.celda-px > div span {	
		display: block;
		width: 100%;		
	}

	.celda-center {
		text-align: center;
	}

	.texto-naranja {
		font-weight: bold;
		color:#F24A24;
	}

	.celda-px p {
		font-size: 13px!important;
	}

	.celda-px > div p {		
		display: block;		
	}

	.celda-px > div:nth-child(5) {
		border-right:none;			
	}

	.texto {
		max-width: 130px;
	}

	.borde {
		border-right:1px solid #F24A24!important;
			
	}

	
/*ESTILOS MODULAR CPX*/

.modular-cpx {	
	width: 100%;
}

.modular-cpx > section {
	margin-bottom: 20px;
	position: relative; 
	overflow: hidden;
}

.modular-cpx > section:after {
	content:'';
	position: absolute;
	top: -20px;
	right: 0;
	left:0;
	right:0;
	border-right: 54px solid #fff;
	border-top: 1000px solid transparent;
}

.modular-cpx > section:before {
	content:'';
	position: absolute;
	top:0px;
	right: 15px;
	width: 1px;
	height: 500px;
	background-color: #F24A24;

	-webkit-transform: skew(-3deg) ;
	-moz-transform: skew(-3deg) ;
	-ms-transform: skew(-3deg) ;
	-o-transform: skew(-3deg) ;
	transform: skew(-3deg) ;
}

.division-cpx {
	border:1px solid #F24A24;
}

	.division-cpx section{		
		display: flex;
		display: -webkit-flex;
		border-bottom:1px solid #F24A24;		
	}

		.division-cpx section:nth-child(3){			
			border-bottom:none;		
		}

	.division-cpx section div{
		width: 25%;
		display: block;
		border-right:1px solid #F24A24;	

		display: flex;
		display: -webkit-flex;
		align-items:center;

	}

	.division-cpx section div:nth-child(4){		
		border-right:none;
	}

	.division-cpx section div p{
		padding: 8px;		
		display: block;
		width: 100%;
		max-width: 180px;
		margin: auto;
	}
	
	.block {
		display: flex;
		display: flex;
		flex-direction:column;
				
	}

		.block p{
			width: 100%;
			display: block;
		}
		
		.center {
			text-align: center;
		}
		
		.image-cpx {
			text-align: center;
			padding: 10px;
			
		}
		.image-cpx img {
			max-width: 55px;
			margin: auto; 		
		}

		.dosis-administracion {			
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
			align-items:center;	
			margin-bottom: 10px;			
			
		}

		.dosis-administracion > section > h5 {
			display: block;
			margin-bottom: 10px;
		}


	
/*MODULAR WS*/

.modular-ws > section:before {
	content:'';
	position: absolute;
	top:0px;
	right: 15px;
	width: 1px;
	height: 300px;
	background-color: #F24A24;

	-webkit-transform: skew(-5deg) ;
	-moz-transform: skew(-5deg) ;
	-ms-transform: skew(-5deg) ;
	-o-transform: skew(-5deg) ;
	transform: skew(-5deg) ;
}

.division-ws {
	border:1px solid #F24A24;
}

	.division-ws section{		
		display: flex;
		display: -webkit-flex;
		border-bottom:1px solid #F24A24;		
	}

		.division-ws section:nth-child(4){			
			border:none;
		}

	.division-ws section div{
		width: 20%;		
		display: block;
		border-right:1px solid #F24A24;	

		display: flex;
		display: -webkit-flex;
		align-items:center;

	}

	.texto-naranja {
		color:#FF6F0F;
		font-weight: bold;
	}

	.borde-none {
		border: none!important;
	}

	.division-ws section div:nth-child(4){		
		
	}

	.division-ws section div p{
		padding: 8px;		
		display: block;
		width: 100%;
		max-width: 180px;
		margin: auto;
	}
	
	.block {
		display: flex;
		display: flex;
		flex-direction:column;
				
	}

		.block p{
			width: 100%;
			display: block;
		}
		
		.center {
			text-align: center;
		}
		
		.image-cpx {
			text-align: center;
			
		}
		.image-cpx img {
			max-width: 55px;
			margin: auto; 
			
		}

@media screen and (max-width: 1139px) {
	.bloque-tilvalosina {
		display: flex;
		display: -webkit-flex;
		flex-wrap:wrap;
		padding: 40px 0; 
	}

	.bloque-tilvalosina > article {
		padding: 5px;
		margin: 5px;	
	}

		.bloque-tilvalosina-izquierda {
			width:100%;
			padding: 10px!important;
			border-right: none ;
		}

		.bloque-tilvalosina-derecha {
			width:100%;
		}

}
	
@media screen and (max-width:1024px) {

	/*PAGINA TILVALOSINA AVES-CERDOS*/

	.bloque-subtitulos-tilvalosina {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction:column;
	}

	.contenedor-bloque-tilvalosina > section article div {
		width:100%;
		padding: 2px;
		display: block;
		border-left:1px solid #EC7D07;
		border-bottom:1px solid #EC7D07;				
	}

	.recuadro-tilvalosina {
		position: relative;		
		overflow: hidden;
	}

	.recuadro-tilvalosina:after {
		content:'';
		position: absolute;
		top:1px;
		right: 0;
		left:0;
		bottom: 0;
		border-right: 0px solid #fff;
		border-top: 0px solid transparent;
	}

	.recuadro-tilvalosina:before {
		content:'';
		position: absolute;
		top: 0;
		right: 0px;
		width: 1px;
		height: 1000px;
		background-color: #EC7D07;

		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-ms-transform: skew(0deg);
		-o-transform: skew(0deg);
		transform: skew(0deg);
	}
	
	/*PAGINA TILVALOSINA AVES-CERDOS*/

}

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

	/*LOGOTIPO*/

	.logotipo {
		width: 100%;
		text-align: center; 	
	}

	.logotipo img{
		width: 100%;
		max-width: 200px;		
	}

	/*BARRA DE NAVEGACIÓN*/

	.bloque-nav {
		width: 100%;
	}

	.navegacion {
		width: 100%;
		display: flex;
		display: webkit-flex;
		flex-direction:column;
	}

	.navegacion li {
		display: block;
		flex:none;
		width: 100%;	
		text-align: left;		
	}

	.navegacion li a:after {
		content: '';
		position: absolute;
		top:0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: -1;

		border-left:1px solid #333;
		border-right:1px solid #333;
		border-bottom:none;
		-webkit-transform: skew(0deg) ;
		-moz-transform: skew(0deg) ;
		-ms-transform: skew(0deg) ;
		-o-transform: skew(0deg) ;
		transform: skew(0deg) ;

		-webkit-transition: all .1s ;
		-moz-transition: all .1s ;
		-ms-transition: all .1s ;
		-o-transition: all .1s ;
		transition: all .1s ;
	}

	.navegacion li:nth-child(6) a:after {
		border-bottom:1px solid #333;
	}

	.navegacion li:hover > a:after {
		background-color: #EC7D07;
		border:none;		
	}

	#toggle-menu {	
		width: 100%;	
		color: #fff;
		background-color: #000;		
		cursor: pointer;
		display: block;		
		text-align: right;
		padding: 3px;
	}

	.icon-menu {
		-webkit-transform: translateY(2px) ;
		-moz-transform: translateY(2px) ;
		-ms-transform: translateY(2px) ;
		-o-transform: translateY(2px) ;
		transform: translateY(2px) ;
		display: block;		
		margin-right: 7px;
	}

	.fila-tres-molecula > article:nth-child(1) {
		width:33.33333%;	
		display: block;
		border-right: none;
		padding-right: 10px;	
	}

	/*MOLECULA SUPERIOR*/


	.fila-tres-molecula {

	padding: 20px 0;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	
	}

		.fila-tres-molecula > article {
			padding: 5px;
			margin: 5px;
			
		}
		.fila-tres-molecula > article:nth-child(1){
			width:100%;
		}

		.fila-tres-molecula > article:nth-child(2){
			width:100%;
		}

		.fila-tres-molecula h6 {
			line-height: 22px;
			font-size: 14px;
		}

			.imagen-molecula-uno {
				height: 425px;
				width: 100%;
				
				background-size:cover; /* Encajamos la imagen al 100% del ancho */
				background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
				background-repeat:no-repeat; /* Indicamos que no se repetira */
				background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(243, 110, 33,0.3), rgba(249, 166, 48,0.3)), url(../image/fondo-molecula-dos.jpg);
			}

			.molecula-contenido {
				margin-bottom: 20px;			
				padding-bottom: 10px;			
				position: relative;
				overflow: hidden;
			}	

			.molecula-contenido:after {
				content:'';
				position: absolute;
				top:-8px;
				right: 0;
				width: 0;
				height: 0;
				border-top: 600px solid transparent;
				border-right:64px solid #fff;
			}	
				.molecula-contenido div:nth-child(2):after {
					content:'';
					position: absolute;
					top: 0;			
					width: 1px;
					height: 100px;
					background-color: #FF6F0F;				
			
					-webkit-transform: skew(-6deg);
					-moz-transform: skew(-6deg) ;
					-ms-transform: skew(-6deg) ;
					-o-transform: skew(-6deg) ;
					transform: skew(-6deg) ;	

			}


/*INICIA ESTILOS EFECTIVIDAD*/	

.bloque-efectividad-eficiencia-tylvax {
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	padding: 40px 0;
}

	.bloque-efectividad-eficiencia-tylvax > article {
		padding: 5px;
		margin: 5px;
	}

	.bloque-efectividad-eficiencia-tylvax-izquierda {
		width: 100%;
		border-right:none;
	}

	.bloque-efectividad-eficiencia-tylvax-derecha {
		width: 100%;
	}

		.bloque-titulo-contenido-icon {
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
			align-items:center;
			margin-bottom: 20px;
		}

		.titulo-contenido-icon {
			display: block;
		}

		.bloque-estadistico-barra-color {
			display: block;
			margin-bottom: 20px;
			position: relative;
			overflow: hidden;
		}

			.bloque-estadistico-barra-color:after {
				content:'';
				position: absolute;
				top:-10px;
				bottom: 0;
				right: 0;
				left:0;

				border-top: 350px solid transparent;
				border-right: 30px solid #fff;
			}

			.bloque-estadistico-barra-color:before {
				content: '';
				position: absolute;
				top:0px;
				right:18px;					
				width: 1px;
				height: 400px;
				background-color:#FF6F0F;
					
				-webkit-transform:  skew(-5deg);
				-moz-transform:  skew(-5deg);
				-ms-transform: skew(-5deg) ;
				-o-transform: skew(-5deg) ;
				transform: skew(-5deg) ;
			}

		.bloque-estadistico-barra-color > article {
			display: flex;
			display: -webkit-flex;
			align-items:center;
			width: 100%;
			padding: 10px 7px;
			border-bottom:1px solid #FF6F0F;
			border-top:1px solid #FF6F0F;
			border-left:1px solid #FF6F0F;
		}

		.bloque-estadistico-barra-color > article > div {
			padding: 5px;
			margin: 5px; 
		}

			.bloque-estadistico {
				width: 49.999%;
			}

				.bloque-estadistico > div {
					max-width: 310px; 
				}

			.barra-color{
				width: 49.999%;
			}

				.barra-color-texto {
					display: block;
					margin-bottom: 20px;
				}

					.barra-color-texto > div {
						display: flex;
						display: -webkit-flex;
						align-items:center;
					}

					.barra-color-texto > div > span {
						width: 30px;
						height: 7px;						
						margin-right: 5px;
					}

					.barra-color-uno {
						background-color: #F36E21;
					}

					.barra-color-dos {
						background-color: #1197D6;
					}

			.bloque-checkcontenido {
				display: block;
				margin-bottom: 20px;
			}

			.bloque-checkcontenido > div {
				display: flex;
				display: -webkit-flex;
				margin-bottom: 5px;
			}

				.bloque-checkcontenido > div > i {
					font-size: 13px;
					margin-right: 5px;
					position: relative;
					top: 2px;
				}


/*TERMINA ESTILOS EFECTIVIDAD*/

}

@media screen and (max-width:565px) {
	.mol-1	{
		background-color: blue;
		display: flex;
		display: -webkit-flex;
		flex-direction:column;
	}

	.mol-1 div {
		background-color: orange;
		width: 100%;
	}

	.mol-2 article	{
		background-color: blue;
		display: flex;
		display: -webkit-flex;
		flex-direction:column;
		
	}

	.mol-2 article div {
		background-color: orange;
		width: 100%!important;
	}

	.mol-3 article	{
		background-color: blue;
		display: flex;
		display: -webkit-flex;
		flex-direction:column;
		
	}

	.mol-3 article div {
		background-color: orange;
		width: 100%!important;
	}

	.mol-4 article	{
		background-color: blue;
		display: flex;
		display: -webkit-flex;
		flex-direction:column;		
	}

	.mol-4 article div {
		background-color: orange;
		width: 100%!important;
	}
}

@media screen and (max-width: 890px) {
	.fila-tres-potencia {
			padding: 40px 0;
			display: flex;
			display: -webkit-flex;
			flex-wrap:wrap;
		}

		.fila-tres-potencia article {			
					
			font-size: 14px;
		}

			.fila-tres-potencia article:nth-child(1){
				width:100%;
			
			}

			.fila-tres-potencia article:nth-child(2){
				width:100%;
			}

			.potencia-lista article {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;
			}

			.potencia-lista article div {
				width: 100%;
				
			}

			.potencia-contenido:after {
				margin-bottom: 20px;
				content:'';
				position: absolute;
				top:0;
				right: 0;
				width: 0;
				height: 0;
				border-right:none;
				border-top:none;
			}		

			.potencia-contenido > article:before {			
				content:'';
				position: absolute;
				top:0;
				right: 0;
				width: 1px;
				height: 400px;
				background-color: #FF6F0F;
				display: none;
				-webkit-transform: skew(0deg) ;
				-moz-transform: skew(0deg) ;
				-ms-transform: skew(0deg) ;
				-o-transform: skew(0deg) ;
				transform: skew(0deg) ;
			}		

			

			.imagen-potencia {
				margin-top: 20px;
				display: block;
				width: 100%;
			
				max-width: 774px;
				height: 285px;
				background-size:cover; /* Encajamos la imagen al 100% del ancho */
				background-attachment: fixed; /* Indicamos que la imagen estara estatica importante para efecto parallax */
				background-repeat:no-repeat; /* Indicamos que no se repetira */
				background: linear-gradient(360deg, rgba(0, 0, 0,0.3), rgba(249, 166, 48,0.1)), url(../image/accion-dos.jpg);
				background-position: center;
				position: relative;				
			}

				.imagen-potencia section{
					position: absolute;	
					
					width: 100%;
					height: 100%;
					overflow: hidden;
					display: flex;
					display: -webkit-flex;
					align-items:center;
					justify-content:center;	
				}

					.imagen-potencia section article {
						padding: 5px;						
						width: 90%!important;
						max-width: 250px;
						display: inline-block;
						text-align: left;	
						color: #fff;
						padding-top: 20px;
						position: relative;					
						left: 300px;
						background-color: rgba(0,0,0,.3);
						opacity: 0;
						-webkit-transition: 1s ;
						-moz-transition: 1s ;
						-ms-transition: 1s ;
						-o-transition: 1s ;
						transition: 1s ;
						
					}

					.imagen-potencia section:hover > article {
						position: relative;
						left: 0;
						opacity: 1;
					}

					/*FILA EFECTIVIDAD*/

					.fila-tres-efectividad {
						display: flex;
						display: -webkit-flex;
						flex-wrap:wrap;
						font-size: 15px;
						line-height: 18px;
						padding: 40px 0; 
					}

						.fila-tres-efectividad > article {							
							padding: 20px 10px;
						}

							.fila-tres-efectividad article:nth-child(1) {
								width:100%;							
							}

							.fila-tres-efectividad article:nth-child(2) {
								width:100%;
								background-color: #fff;
							}
		

				.division-ws section{		
					display: flex;
					display: -webkit-flex;
					flex-wrap:wrap;
					border-bottom:1px solid #F24A24;		
				}

				.division-ws section:nth-child(4){			
					border:none;
				}

				.division-ws section div{
					width: 33.3333%;
					
					display: block;
					border-right:1px solid #F24A24;	
					
					display: flex;
					display: -webkit-flex;
					align-items:center;
				}

				.division-ws section div:nth-child(3){				
					border-right:none;						
				}

				.division-ws section div:nth-child(6){				
					border-right:none;						
				}



				.center {
					text-align: left;
				}

				.modular-cpx > section:after {
					content:'';
					position: absolute;
					top: 0;
					right: 0;
					left:0;
					right:0;
					border-right: none;
					border-top: none;
				}

				.modular-cpx > section:before {
					content:'';
					position: absolute;
					top:0px;
					right: 15px;
					width: 1px;
					height: 500px;
					background-color: #F24A24;
					display: none;
					-webkit-transform: skew(0deg) ;
					-moz-transform: skew(0deg) ;
					-ms-transform: skew(0deg) ;
					-o-transform: skew(0deg) ;
					transform: skew(0deg) ;
				}

	/*ESTILOS PARA PA PAGINA BLOQUE DE TYLVAX PX*/

	.bloque-tylvax-px-contenedor{
		padding: 40px 0; 	
		display: flex;
		display: -webkit-flex;
		flex-wrap:wrap;
	}

		.bloque-tylvax-px-contenedor > article {
			padding: 5px;
			margin: 5px;		
		}

		.tylvax-px-izquierda {
			width:100%;
		}

		.tylvax-px-derecha{
			width:100%;
			padding: 10px!important;
			border-left:1px solid #ddd;
		}

		.potencia-accion-contenido-izquierda {
			width: 33.3333%;		
			display: block;				
			border-right: none; ;		
		}
		
		.fila-tres-efectividad article:nth-child(1) {
			border-right:none;
		}
				
}



@media screen and (max-width: 800px) {
	
	.seccion-uno,
	.seccion-dos {
		width: 100%;
		padding: 20px;
		padding-bottom: 25px;
		color: #F8F8F8;
		
		display: flex;
		display: -webkit-flex;
		justify-content:center;
	}

	/*PAGINA PORTAFOLIO*/

	.portafolio {	
		width: 100%;
		padding: 20px 0;		
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		flex-wrap:wrap;				
	}

	.portafolio article {	
		width: 100%;
		max-width: 315px;		
		padding: 8px;
		margin: 5px;
		text-align: center;			
	}
	

}

@media screen and (max-width: 750px) {
	.fila-uno-contacto article div{				
			font-family: 'Archivo Narrow', sans-serif;	
			color: #000;
			display: flex;
			display: -webkit-flex;
			flex-wrap:wrap;
			
		}

			.fila-uno-contacto article div section{				
				width: 100%;
				padding: 10px;
				margin: 10px; 			
			}

		/*TYLVAX PX*/

		.fila-tres-tylvax-px {
			padding: 20px 0 30px;
			display: flex;
			display: -webkit-flex;
			align-items:flex-start;
			flex-wrap:wrap;
		}

		.fila-tres-tylvax-px article{
			color:#000;
		}

		.fila-tres-tylvax-px article {
			padding: 10px; 
			text-transform: uppercase;
		}

			.fila-tres-tylvax-px article:nth-child(1){
				width:100%;		
				text-align: center;			
				margin-bottom: 30px;
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				flex-direction:column;
				align-items:center;

			}		

			.fila-tres-tylvax-px article:nth-child(2){
				width:100%;	
			}

			.estructura {
				display: flex;
				display: -webkit-flex;
				flex-wrap:wrap;
			}

			.fila-uno-px {
				width: 100%;
			}

			.fila-dos-px {
				width: 100%;
			} 

			/*CAMBIO DE ESTILOS */

			.bloque-formulario {			
				width:66.66666%;
				border-left: none; 
				padding: 20px!important;
			}	

/*ESTILOS PARA PA PAGINA BLOQUE DE TYLVAX PX*/

.bloque-tylvax-px-contenedor{
	padding: 40px 0; 	
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
}

	.bloque-tylvax-px-contenedor > article {
		padding: 5px;
		margin: 5px;		
	}

	.tylvax-px-izquierda {
		width:100%;
	}

	.tylvax-px-derecha{
		width:100%;
		padding: 10px!important;
		border-left:none;
	}

	.tylvax-px-izquierda p {
		font-size: 14px;
	}

		.tylvax-px-izquierda-titulo {
			display: block;
			font-size: 32px;
			border-bottom: 2px solid #000;
			padding-bottom: 8px;
			font-family: 'Helvetica LT Std';
			margin-bottom: 15px;

		}

		.tylvax-px-izquierda-subtitulo {
			display: block;
			margin-bottom: 10px;
			font-size: 15px;
		}

		.tylvax-px-izquierda-resaltar {
			display: block;
			font-weight: 600;
			font-size: 14px;
			margin-bottom: 15px;
		}

		.tylvax-px-izquierda-peso {
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
		}		

		.tylvax-px-izquierda-indicaciones {
			margin: 35px 0 15px 0;
			display: block;
		}

		.bloque-imagen-derecha-tylvax-producto {
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			border:1px solid #ddd;
			margin-bottom: 20px;
		}

		.bloque-imagen-derecha-tylvax {
			max-width: 350px;
		}


		.bloque-tylvax-px-derecha {
			display: block;	
			margin-bottom: 20px;		
		}

			.bloque-tylvax-px-derecha-cuadro {
				display: block;
			}
				
			.bloque-tylvax-px-derecha-cuadro > section {
				display: block;
			}
			
			.bloque-tylvax-px-derecha-titulo {
				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:space-between;
				padding: 7px;
				border-bottom:1px solid #EC7D07;
				color: #EC7D07;
			}

			.bloque-tylvax-px-derecha-titulo > h5 {
				font-size: 15px;				
				text-transform: uppercase;
				font-weight: 600;
				
			}

			.bloque-tylvax-px-derecha-contenido {
				display: block;
			}

			.bloque-tylvax-px-derecha-contenido p {
				font-size: 14px;
			}


			.bloque-tylvax-px-derecha-contenido > section {
				display: block;
				padding: 5px;
			}

				.bloque-tylvax-px-derecha-contenido > section div {
					padding: 5px;
					display: flex;
					display: -webkit-flex;
				}

				.bloque-tylvax-px-derecha-contenido > section div i{
					font-size: 14px;
					padding: 0 8px;
				}

	.bloque-contenedor-tylvax-derecha {
		display: block;		
		overflow: hidden;
	}	

		.bloque-contenedor-tylvax-derecha > article {
			display: block;
			margin-bottom: 20px;
			position: relative;
			overflow: hidden;
		}

		.bloque-contenedor-tylvax-derecha > article:after {
			content:'';
			position: absolute;
			top:-60px;
			right: -1px;
			width: 0;
			height: 0;
			border-left:none;
			border-bottom:none;
		}

		.bloque-contenedor-tylvax-derecha > article:before {
			content:'';
			position: absolute;
			top:0;
			right: 5px;
			width: 1px;
			z-index: -1;
			height: 600px;
			background-color: #EC7D07;
			display: none;
			-webkit-transform: skew(-1deg);
			-moz-transform: skew(-1deg);
			-ms-transform: skew(-1deg);
			-o-transform: skew(-1deg);
			transform: skew(-1deg);
		}

		.bloque-contenedor-tylvax-derecha-titulo {
			padding: 10px 5px;
			border-bottom: 1px solid #EC7D07;
			color: #EC7D07;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}

		.bloque-contenedor-tylvax-derecha-descripcion {
			display: block;		
			position: relative;			
		}	
		
			
			.bloque-contenedor-tylvax-derecha-descripcion > article {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;
				flex-wrap:wrap;
			}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section {
				width: 100%;
				font-size: 14px;				
			}



			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div{
				border-left:1px solid #EC7D07;
				border-right:1px solid #EC7D07;
				border-bottom:1px solid #EC7D07;
				width: 100%;
				height: 90px;
				text-align: center;
				display: flex;
				display: -webkit-flex;
				align-items:center;
				flex-direction:column;
				justify-content:center;				
			}
				
				.bloque-contenedor-tylvax-derecha-descripcion > article > section:nth-child(5){
					border-right:none;							
				}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;				
				width: 100%;
				height: 100%;
			}

			.bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section > p {
				width: 100%;
				height: 50%;
				
				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;
			}

			.imagen-tylvax-derecha-descripcion {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				align-items:center;

			}
			
			.imagen-tylvax-derecha-descripcion > div {
				max-width: 80px; 
			}

			.bloque-contenedor-tylvax-derecha-descripcion p {
				padding: 8px;
			}

	/*ESTILOS SEGUNDO RECUADRO TYLVAX PX*/

	.segundo-bloque-contenedor-tylvax-derecha-titulo {
			padding: 10px 5px;
			border-bottom: 1px solid #EC7D07;
			color: #EC7D07;
			background-color: #fff;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}

		.segundo-bloque-contenedor-tylvax-derecha-descripcion{
			display: block;		
			position: relative;			
		}
		
			
			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article {
				display: flex;
				display: -webkit-flex;
				flex-wrap:wrap;
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section {
				width:100%;
				font-size: 14px;
				text-align: center;
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div{
				border-left:1px solid #EC7D07;
				border-right:1px solid #EC7D07;
				border-bottom:1px solid #EC7D07;
				width: 100%;
				height: 140px;

				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;				
			}
				
				.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section:nth-child(6){
					border-right:none;							
				}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;				
				width: 100%;
				height: 100%;
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion > article > section > div > section > p {
				width: 100%;
				height: 50%;
				display: block;

				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;
			}

			.imagen-tylvax-derecha-descripcion {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				align-items:center;
			}
			
			.imagen-tylvax-derecha-descripcion > div {
				max-width: 60px; 
			}

			.segundo-bloque-contenedor-tylvax-derecha-descripcion  p {
				padding: 5px;
				display: block;
			}

/*ESTILOS  RECUADRO TYLVAX CPX*/

	.bloque-contenedor-tylvax-derecha-titulo {
			padding: 10px 5px;
			border-bottom: 1px solid #EC7D07;
			color: #EC7D07;
			background-color: #fff;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:space-between;
		}

		.bloque-contenedor-tylvax-derecha-descripcion-cpx{
			display: block;		
			position: relative;			
		}		
			
			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article {
				display: flex;
				display: -webkit-flex;
				flex-wrap:wrap;
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section {
				width:100%;
				font-size: 14px;
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section > div{
				border-left:1px solid #EC7D07;
				border-right:1px solid #EC7D07;
				border-bottom:1px solid #EC7D07;
				width: 100%;
				height: 120px;
				text-align: center;
				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;				
			}
				
				.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section:nth-child(4){
					border-right:none;							
				}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section > div > section {
				display: flex;
				display: -webkit-flex;
				flex-direction:column;				
				width: 100%;
				height: 100%;
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx > article > section > div > section > p {
				width: 100%;
				height: 50%;
				display: block;

				display: flex;
				display: -webkit-flex;
				align-items:center;
				justify-content:center;
			}

			.imagen-tylvax-derecha-descripcion-cpx {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				align-items:center;
			}
			
			.imagen-tylvax-derecha-descripcion-cpx > div {
				max-width: 60px; 
			}

			.bloque-contenedor-tylvax-derecha-descripcion-cpx  p {
				padding: 5px;
				display: block;
			}

			.bloque-portafolio-enlaces {
				display: block;
				margin-top: 40px;
			}

			.top-enlace-portafolio {
				margin-top: 6px;
			}
}


@media screen and (max-width: 690px) {
	.enlace-home {
	padding: 20px 0;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
}

	.enlace-home article {
		width: 100%;		
		margin: 5px;		
		padding: 10px;
		position: relative;
		overflow: hidden;
	}
	

	.block-content {
		display: flex;
		display: -webkit-flex;
		flex-wrap:wrap;
	}


	.form-subscribe-header {
		width: 100%;
		display:block;
		padding: 5px;	
					
		font-size: 14px;
		text-transform: uppercase;
		font-family: "Open Sans", sans-serif;			 
	}

	.input-box {				
		width: 100%;
		display:block;
		padding: 5px;
	}	

	.input-text {
		text-align: center;
	}	

	.actions {
		padding: 5px; 
		width: 100%;
		display:block;
	}

	/*FILA CONTACTO*/


		.fila-uno-contacto article{			
			width: 100%;
			padding: 0 10px!important;
			margin: 0px;	
			font-family: 'Archivo Narrow', sans-serif;	
			color: #fff;			
		}

		.fila-uno-contacto article span{			
			font-size: 21px!important;		
		}

		.fila-uno-contacto article:nth-child(1):after {
			content: '';
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			top: 0;
			z-index: -1;
			background-color: rgba(0, 0, 0,.5);	
			-webkit-transform: skew(0deg) ;
			-moz-transform: skew(0deg) ;
			-ms-transform: skew(0deg) ;
			-o-transform: skew(0deg) ;
			transform: skew(0deg) ;
		}

		.formulario-contacto {
			margin-top: 15px!important;
			padding: 0px!important;
		}

}

@media screen and (max-width: 648px) {
	.fila-dos {	
		padding: 20px 0;
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;	
		
	}	

	.fila-dos div:nth-child(1){	
		text-align: center;	
		display: block;
		width: 100%;
		
	}	

		.fila-dos div:nth-child(1) article p{	
			font-size: 15px;
			line-height: 20px;
			margin-bottom: 20px;
		}	

	.fila-dos div:nth-child(2){			
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		background: #fff;
		width: 60%;
	}	

		.fila-dos div:nth-child(2) .enlace{			
			width: 100%;
			max-width: 100px;
		}	

		.fila-cuatro p {
		
		display: inline-block;
		padding: 25px 20px;
		line-height: 20px;
		color: #fff;	
		font-size: 18px;
		text-align: center;
		z-index: 1;
		font-weight: 400;
		font-family: 'Archivo Narrow', sans-serif;
		position: relative;
		top: 10%;
		left: 0;

		animation-name: flipInX;
    	animation-duration: 4s;
	}

		.fila-cuatro p:after {
			content:'';
            background-color: rgba(0,0,0,.7);
            color:#000;
            position: absolute;
            top:0;
            bottom: 0;
            left: 0;
            right: 0;        
            z-index: -1;
            -webkit-transform:skew(0deg) ;
            -moz-transform:skew(0deg) ;
            -ms-transform:skew0deg) ;
            -o-transform:skew(0deg) ;
            transform:skew(0deg) ; 
   		}

/*****************
 ESTILOS - FOOTER
******************/

.bloque-footer {
	background-color: #000;
	color: #fff;
}

	.footer {
		padding: 20px 0; 
		display: flex;
		display: -webkit-flex;	
		flex-wrap:wrap;		
	}

	.footer article {
		width: 100%;
		text-align: left;		
		margin: 2px;
		display: block;
		padding: 5px;
		font-size: 15px;
	}

		.titulos-footer {
			text-transform: uppercase;
			display: block;
			font-size: 14px;
			margin-bottom: 20px;
			font-family: 'Helvetica LT Std Cond Light';
		}

		.footer-contacto {
			display: block;
			text-align: left;
		}

		.footer-contacto p {
			margin-bottom: 5px;
		}

		 	.footer-contacto p i {
		 		font-size: 16px;
		 		padding: 0 5px;
		 		margin-right: 5px;
		 		position: relative;
		 		top:2px;
		 	}

		.enlaces-externos {
			display: inline-block;
            text-align: center;
		}

			.enlaces-externos a {
				display: block;
				margin-bottom: 5px;
				line-height: 20px;
				font-family: 'Helvetica LT Std Cond Light'!important;
                text-align: left;
			}

			.enlaces-externos a:hover {
				text-decoration: underline;
				color: #fff;
			}

	.social-footer {
		display: flex;
		display: -webkit-flex;
		justify-content:center;
	} 

		.social-footer a i{
			display: block;
			position: relative;
			padding: 5px;			
			color:#000;
			margin: 0 3px;
			z-index: 1;			
		}

		.social-footer a i:hover{						
			color:#fff;

			-webkit-transition: all .3s ;
			-moz-transition: all .3s ;
			-ms-transition: all .3s ;
			-o-transition: all .3s ;
			transition: all .3s ;						
		}

		.social-footer a i:after {
			content:'';
			position: absolute;
			top:0;
			left:0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;			
			z-index: -1;
			background-color: #f1f1f1;

			-webkit-transform: skew(-5deg);
			-moz-transform: skew(-5deg);
			-ms-transform: skew(-5deg);
			-o-transform: skew(-5deg);
			transform: skew(-5deg);
		}
		
		 .social-footer a i:hover:after {
			background-color: #EC7D07;	

			-webkit-transition: all .3s ;
			-moz-transition: all .3s ;
			-ms-transition: all .3s ;
			-o-transition: all .3s ;
			transition: all .3s ;						
		}

		/*BLOQUE CREDITOS FOOTER*/

		.bloque-creditos-footer {
			background-color: #000;
			color: #f1f1f1;
		} 

			.creditos {
				border-top: 1px solid rgba(255,255,255,.1);
				padding-top: 10px;
				font-size: 13px;
				padding-bottom: 20px;
				text-align: center;
			}

	/*INICIA ESTILOS EFECTIVIDAD*/	

.bloque-efectividad-eficiencia-tylvax {
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	padding: 40px 0;
}

	.bloque-efectividad-eficiencia-tylvax > article {
		padding: 5px;
		margin: 5px;
	}

	.bloque-efectividad-eficiencia-tylvax-izquierda {
		width: 100%;
		border-right:none;
	}

	.bloque-efectividad-eficiencia-tylvax-derecha {
		width: 100%;
	}

		.bloque-titulo-contenido-icon {
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
			align-items:center;
			margin-bottom: 20px;
		}

		.titulo-contenido-icon {
			display: block;
		}

		.bloque-estadistico-barra-color {
			display: block;
			margin-bottom: 20px;
			position: relative;
			overflow: hidden;
		}

			.bloque-estadistico-barra-color:after {
				content:'';
				position: absolute;
				top:-10px;
				bottom: 0;
				right: 0;
				left:0;

				border-top: 350px solid transparent;
				border-right: 30px solid #fff;
			}

			.bloque-estadistico-barra-color:before {
				content: '';
				position: absolute;
				top:0px;
				right:18px;					
				width: 1px;
				height: 400px;
				background-color:#FF6F0F;
					
				-webkit-transform:  skew(-5deg);
				-moz-transform:  skew(-5deg);
				-ms-transform: skew(-5deg) ;
				-o-transform: skew(-5deg) ;
				transform: skew(-5deg) ;
			}

		.bloque-estadistico-barra-color > article {
			display: flex;
			display: -webkit-flex;
			align-items:center;
			flex-wrap:wrap;
			width: 100%;
			padding: 10px 7px;
			border-bottom:1px solid #FF6F0F;
			border-top:1px solid #FF6F0F;
			border-left:1px solid #FF6F0F;
		}

		.bloque-estadistico-barra-color > article > div {
			padding: 5px;
			margin: 5px; 
		}

			.bloque-estadistico {
				width: 100%;
				display: flex;
				display: -webkit-flex;
				justify-content:center;
			}

				.bloque-estadistico > div {
					max-width: 310px; 
				}

			.barra-color{
				width: 100%;
			}

				.barra-color-texto {
					display: block;
					margin-bottom: 20px;
				}

					.barra-color-texto > div {
						display: flex;
						display: -webkit-flex;
						align-items:center;
					}

					.barra-color-texto > div > span {
						width: 30px;
						height: 7px;						
						margin-right: 5px;
					}

					.barra-color-uno {
						background-color: #F36E21;
					}

					.barra-color-dos {
						background-color: #1197D6;
					}

			.bloque-checkcontenido {
				display: block;
				margin-bottom: 20px;
			}

			.bloque-checkcontenido > div {
				display: flex;
				display: -webkit-flex;
				margin-bottom: 5px;
			}

				.bloque-checkcontenido > div > i {
					font-size: 13px;
					margin-right: 5px;
					position: relative;
					top: 2px;
				}

				.barra-color > section:nth-child(2) > p {
					padding-right: 15px;
				}



/*TERMINA ESTILOS EFECTIVIDAD*/


}

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

	#slider-texto-uno {
		display: none;
	}

	.cabecera section {
		margin: 10px 0;
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		flex-direction:column;
		
	}

	.cabecera section div{
		text-align: center;		
	}

	.correo-social {
		padding-top: 5px;
		width: 100%;
		
	}

	.correo-social div {
		display: block;		
		width: 100%;

	}

	.correo-social span {		
		display: flex;
		display: -webkit-flex;
		align-items:center;
		justify-content:center;

	}

	.correo-social span i{
		-webkit-transform: translateY(2px) ;
		-moz-transform: translateY(2px) ;
		-ms-transform: translateY(2px) ;
		-o-transform: translateY(2px) ;
		transform: translateY(2px) ;
	}

	
	

	.fila {		
		display: flex;
		display: -webkit-flex;
		justify-content:space-between;
		flex-direction:column;
		align-items:center;	
	}

	.fila div {
		padding: 3px 0;
		width: 100%;
		display: block;
		text-align: center;
		
	}	

/*BLOQUE FRASE LOGOTIPO*/

.bloque-frase-logotipo {
	background-color: #000;
	color:#f1f1f1;
	display: block;
	padding-bottom: 15px;
}

	.frase-logotipo {			
		display: flex;
		display: -webkit-flex;
		align-items:center;
		flex-wrap:wrap;		
	}

		.frase {
			display: block;
			padding: 10px;				
		}

			.frase > p {
				font-size: 20px;
				font-weight: 600;
				line-height: 25px;
				text-align: center;
			}

		.logotipo-avivet {
			display: block;
			width: 100%;

		}
		
		.enlace-avivet {
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			width: 100%;			
		}

		.enlace-avivet a {
			display: block;
			width: 150px;
			padding: 8px;
			position: relative;
			z-index: 1;

			display: flex;
			display: -webkit-flex;
			justify-content:center;
			align-items:center;
		}

		.enlace-avivet a:after {
			content:'';
			position: absolute;
			top:0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: #fff;
			z-index: -1;

			-webkit-transform: skew(0deg) ;
			-moz-transform: skew(0deg) ;
			-ms-transform: skew(0deg) ;
			-o-transform: skew(0deg) ;
			transform: skew(0deg) ;
		}

		.enlace-avivet img {
			max-width: 140px;
		}
		
/*BLOQUE FRASE LOGOTIPO*/

		/*FILA EFECTIVIDAD */

		.fila-tres-efectividad article:nth-child(2) section {
			display: flex;
			display: -webkit-flex;
			flex-wrap:wrap;
			border:1px solid #FBB032;
			margin-bottom: 5px;
			padding-top: 8px;
			background-color: #fff;							
		}		

			.fila-tres-efectividad article:nth-child(2) section div{
				width: 100%;
				display: flex;
				display: -webkit-flex;
				flex-direction:column;						
			}					


		/*SECCION CONTACTO*/

		.informacion-decontacto article {
			padding: 30px 20px;
			color:#fff;
			display: inline-block;
			z-index: 1;
			position: relative;
		}

		.informacion-decontacto article:after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: rgba(0,0,0,.5);
			z-index: -1;
			-webkit-transform: skew(0deg) ;
			-moz-transform: skew(0deg) ;
			-ms-transform: skew(0deg) ;
			-o-transform: skew(-0deg) ;
			transform: skew(-0deg) ;
		}

			.informacion-decontacto h4{
				font-weight: bold;
				text-transform: uppercase;
				margin-bottom: 10px;
				font-size: 28px;
			}


			.informacion-decontacto p{				
				text-transform: uppercase;
				margin-bottom: 10px;
				font-size: 17px;
			}

				.informacion-decontacto span{				
					
					margin-bottom: 5px;
					font-size: 22px;
					display: block;
				}

				.informacion-decontacto div{					
					margin-top: 20px;
					display: block;
				}

					.informacion-decontacto i{					
						display: inline-block;
						padding: 10px;
						position: relative;
						z-index: 5;
						color: #fff;
					}

					.informacion-decontacto i:hover{					
						color: #fff;
					}

					.informacion-decontacto i:after{					
						content: '';
						position: absolute;
						top:0;
						bottom: 0;
						right: 0;
						color:#fff;
						left: 0;
						
						border:1px solid #ddd;
						z-index: -1;
						-webkit-transform: skew(-10deg) ;
						-moz-transform: skew(-10deg) ;
						-ms-transform: skew(-10deg) ;
						-o-transform: skew(-10deg) ;
						transform: skew(-10deg) ;
					}

					.informacion-decontacto  a:hover > i:after{					
						background-color: #F4802A;

					}

					.fila-uno-molecula h5{
						z-index: 100;
						display: inline-block;
						font-size: 30px;
						padding: 8px;
						letter-spacing: 4px;
						position: relative;
						font-style: italic;
						line-height: 30px;		
						text-align: center;
						font-family: 'machinen';
					}

					.division-cpx section {
						display: flex;
						display: -webkit-flex;						
						align-items:center;
						flex-wrap:wrap;

					}

					.division-cpx section div{
						width: 100%;
						display: block;
						border-right:1px solid #F24A24;	
						
						display: flex;
						display: -webkit-flex;						
						align-items:center;

					}

					.division-cpx section div:nth-child(4){		
						border-right:none;
					}

					.division-cpx section div:nth-child(3){		
						border-right:none;
					}

					.division-cpx section div:nth-child(2){		
						border-right:none;
					}

					.division-cpx section div:nth-child(1){		
						border-right:none;
					}
	
}



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

	.fila-seis {
		display: flex;
		display: -webkit-flex;
		flex-direction:column;		
	}
	.logo-item {
		width: 100%;
		max-width: 200px;
		margin: auto;
		margin-bottom: 5px;				
	}

	.fila-footer {
		width: 100%;
		margin: auto; 
	}

	.icono-de-contacto i {
		font-size: 28px;
		padding-right: 8px;
		position: relative;
		top: -2px;	
		display: none;		
	}

	#boton {
		clear: both;
		text-transform: uppercase;
		font-size: 16px;
		width: 100%;
		margin-bottom: 5px;
		display: block;
		padding: 10px 40px;
		background-color: #000;
		text-align: center;
		line-height: 18px;
		color: #fff;
		border:0px;

		-webkit-transition: 1s ;
		-moz-transition: 1s ;
		-ms-transition: 1s ;
		-o-transition: 1s ;
		transition: 1s ;
	}

		.header-fila-dos-px section {
			border-left:1px solid #F24A24;
			border-bottom:1px solid #F24A24;
			position: relative;
		}

		.header-fila-dos-px section:after {
			content:'';
			position: absolute;
			top:0;
			right: 0;
			left:0;
			bottom: 0;
			border-right: none;
			border-top: none;
		}

		.header-fila-dos-px section:before {
			content:'';
			position: absolute;
			top:0px;
			right: 0px;
			width: 1px;
			height: 400px;
			background-color: #F24A24;

			-webkit-transform:skew(0deg) ;
			-moz-transform:skew(0deg) ;
			-ms-transform:skew(0deg) ;
			-o-transform:skew(0deg) ;
			transform:skew(0deg) ;
		}

				.division-ws section div{
					width: 100%;
					
					display: block;
					border-right:1px solid #F24A24;	

					
					display: flex;
					display: -webkit-flex;
					align-items:center;
				}

				.division-ws section div:nth-child(1){					
					border-right:none;				
				}
				.division-ws section div:nth-child(2){					
					border-right:none;				
				}
				.division-ws section div:nth-child(3){					
					border-right:none;				
				}
				.division-ws section div:nth-child(4){					
					border-right:none;				
				}
				.division-ws section div:nth-child(5){					
					border-right:none;				
				}


				.modular-cpx > section {
					margin-bottom: 20px;
					position: relative; 
					overflow: hidden;

				}

				.modular-cpx > section:after {
					content:'';
					position: absolute;
					top: -20px;
					right: 0;
					left:0;
					right:0;
					border-right: none;
					border-top: none;
				}

				.modular-cpx > section:before {
					content:'';
					position: absolute;
					top:0px;
					right: 15px;
					width: 1px;
					height: 500px;
					background-color: #F24A24;

					-webkit-transform: skew(0deg) ;
					-moz-transform: skew(0deg) ;
					-ms-transform: skew(0deg) ;
					-o-transform: skew(0deg) ;
					transform: skew(0deg) ;
				}

				.division-cpx {
					border:1px solid #F24A24;
				}

				.header-fila-dos-px section {
					border-left:none;
					border-bottom:none;
					border:1px solid #F24A24;
					position: relative;
				}

				.header-fila-dos-px section:after {
					content:'';
					position: absolute;
					top:0;
					right: 0;
					left:0;
					bottom: 0;
					border-right: none;
					border-top: none;
				}

				.header-fila-dos-px section:before {
					content:'';
					position: absolute;
					top:0px;
					right: 0px;
					width: 1px;
					height: 400px;
					background-color: #F24A24;
					display: none;
					-webkit-transform:skew(0deg) ;
					-moz-transform:skew(0deg) ;
					-ms-transform:skew(0deg) ;
					-o-transform:skew(0deg) ;
					transform:skew(0deg) ;
				}

	/*CUADRO MOLECULAR*/

	.bloque-cuadro-accion-micoplasma {
		display: block;
		margin-bottom: 20px;
		width: 100%;
		
	}

	.cuadro-accion-micoplasma{
		display: block;
	}

	.cuadro-accion-micoplasma-titulo {
		display: block;
	}

	.cuadro-accion-micoplasma-titulo > h6 {
		color: #FF6F0F;
		font-size: 15px!important;
		font-family: 'Helvetica LT Std Bold'!important; 
		font-weight: normal;
		display: block;
		padding: 10px 0;
		border-bottom:1px solid #FF6F0F;
	}

	.cuadro-accion-micoplasma-contenido {
		display: flex;
		display: -webkit-flex;
		flex-wrap:wrap;
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.cuadro-accion-micoplasma-contenido:after {
		content:'';
		position: absolute;
		top:0;
		right: 0;
		width: 0;
		height: 0;
		border-top: none;
		border-right: none;
	}

	.cuadro-accion-micoplasma-contenido:before {
		content:'';
		position: absolute;
		top:0px;
		right: 0px;
		width: 1px;
		height: 500px;
		background-color: #FF6F0F;

		-webkit-transform: skew(0deg) ;
		-moz-transform: skew(0deg) ;
		-ms-transform: skew(0deg) ;
		-o-transform: skew(0deg) ;
		transform: skew(0deg) ;
	}

	.cuadro-accion-micoplasma-contenido > article{
		width: 100%;		
	}

	.cuadro-accion-micoplasma-contenido > article > div {
		width: 100%;
		height: 35px;
		display: flex;
		display: -webkit-flex;
		justify-content:center;
		align-items:center;
		border-bottom:1px solid #FF6F0F;
		border-left:1px solid #FF6F0F;
	}
 


}


@media screen and (max-width: 408px) {
	.molecula-contenido {
				margin-bottom: 20px;			
				padding-bottom: 10px;			
				position: relative;
				overflow: hidden;
			}	

			.molecula-contenido:after {
				content:'';
				position: absolute;
				top:0;
				right: 0;
				width: 0;
				height: 0;
				display: none;
				border-top: 600px solid transparent;
				border-right:58px solid #ddd;
			}	
				.molecula-contenido div:nth-child(2):after {
					content:'';
					position: absolute;
					top: 0;
					left:295px;			
					width: 1px;
					height: 150px;
					background-color: #FF6F0F;				
					display: none;
					-webkit-transform: skew(-6deg);
					-moz-transform: skew(-6deg) ;
					-ms-transform: skew(-6deg) ;
					-o-transform: skew(-6deg) ;
					transform: skew(-6deg) ;	

			}
}
/*Languages*/
a.language{padding: 8px 15px; display: block}
a.language:hover{color:#FFFFFF}
a.language i {width: 18px;height: 12px;}
a.language i.es{background: url(../image/es.png); }      
a.language i.en{background: url(../image/gb.png); }                        

/*Formulario contactos*/
form input {margin:15px 0 0 0}
.red { color: #FF0000;font-size: 14px}
.invalid { color: #FF0000; font-size: 14px; text-decoration: none}
.state-error{ background-color: #fff0f0; border: 1px #F0CECE }
.state-success{background-color: #f0fff0; border: 1px #f0fff0}

/*Captcha*/
button.captchaButTry{
    border:0;
    background: none;
    background-image: url("/image/refresh.gif");
    background-repeat: no-repeat;
    background-position: 0 50%;
    cursor: pointer;
}
.captchaButTry span.text{
    padding-left: 20px;
}
.captchaShuffleButton button {
    color: #000000;
    font-size: .9em;
}

.captchaShuffleButton button :hover{
   text-decoration: underline;
}


 ul.errors{
     color: red; padding-top: 3px; 
 }

ul, li {
    line-height: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.errors li.ui-corner-all{
    color: red !important;
    line-height: normal;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#captcha_valida_contacto-element input{width: 180px; vertical-align: top; border: 1px solid #ddd !important; font-size: 14px; padding: 5px;}
#captcha_valida_contacto-element img{height: 60px;    width: 180px;}
#captcha_valida_contacto-input-label {margin: 5px 0}

section .asunto label{margin: 0 15px; width: auto}

#cookieChoiceInfo { border:0;font-size:10pt;margin:0 auto;padding:5px 0;text-align:center;width:100%;z-index:9999;border-bottom:4px solid #ff6f0f;} #cookieChoiceInfo span,#cookieChoiceInfo a { vertical-align:middle;} #cookieChoiceInfo a { color:#ff6f0f;} #cookieChoiceDismiss,#cookieChoiceDismiss:visited { background:#222 url('../images/overlay.png') repeat-x;display:inline-block;padding:5px 10px 6px;color:#ffffff !important;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;margin:auto 10px;} #cookieChoiceDismiss:hover { background-color:#111;color:#ffffff;} #cookieChoiceDismiss:active { top:1px;}

/*======================================================
                     Whatsapp Button
======================================================*/
#whatsapp-to-link {
    position: fixed;
    bottom: 4.5rem;
    right: 0.8rem;
    z-index: 9999;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#whatsapp-to-link.show {
    opacity: 1;
}
#whatsapp-to-link img { width:55px;}
@media( max-width: 578px ){
    #whatsapp-to-link {
        bottom: 1rem;
        right: 0.5rem;
    }
 }   
 
.ir-arriba{
    bottom: 0.8rem;
    right: 4.5rem;
}

sup{
   font-size:70% !important; 
}