@font-face {
  font-family: DaxlineProBlack;
  src: url(./DaxlinePro-Black.otf);
}

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

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

@font-face {
  font-family: DaxlineBold;
  src: url(./DaxlinePro-Bold_13127.ttf);
}@font-face {
  font-family: 'DaxlinePro-Bold';
  src: url(./DaxlinePro-Bold_13127.ttf);
}

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

@font-face {
  font-family: OpenSansBold;
  src: url(./OpenSans-Bold.ttf);
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url(./OpenSans-Bold.ttf);
}

@font-face {
  font-family: OpenSansSemiBold;
  src: url(./OpenSans-SemiBold.ttf);
}@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url(./OpenSans-SemiBold.ttf);
}

@font-face {
  font-family: OpenSansExtraBold;
  src: url(./OpenSans-ExtraBold.ttf);
}@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url(./OpenSans-ExtraBold.ttf);
}

@viewport{
    zoom: 1.0;
    width: device-width;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

/**{
transition:0.5s;
}*/

a:focus{
	text-decoration:none;
}


/*--------------------------------------------------------------------------------- CSS  LAYOUT E INTERIOR ------------------------------------------------------*/


/****************************************
************** GENERAL **************/



html{
	margin:0;
	padding:0;
}
/*FONTS*/
@font-face {
    font-family: 'arialregular';
    src: 
        url('../fonts/DaxlinePro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

body{
	background-color: #fff;
	font-family:'arialregular';
}

ul{
	
}

a{
	text-decoration:none;
	cursor:pointer;
	border:none;
}

*:focus{
	outline: none;
}

input:focus{
	border:2px solid #337AB7;
	box-shadow:none; 
	outline: none;
}

li{
	list-style:none;
}

a:hover{
	text-decoration:none;
}

p{
	font-family:'OpenSans';
}
	.tabla-aftosa p{
		line-height: 29px;
		font-size: 15.5px;
		color:rgb(87, 87, 86);
		font-family:"OpenSans";
	}
.header{
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 13%, rgba(255,255,255,0.91) 32%, rgba(255,255,255,0.61) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 13%,rgba(255,255,255,0.91) 32%,rgba(255,255,255,0.61) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 13%,rgba(255,255,255,0.91) 32%,rgba(255,255,255,0.61) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9cffffff',GradientType=1 );
	position:fixed;
	z-index:9999; 
	margin-top: -2%; 
	padding-top: 1%;
}

.tabla-aftosa .p-widget-v{
	font-size: 12px;
	text-transform:uppercase;
	margin-left:2%;
}

.p-widget{
	line-height:1.5;
}

.mob-dv p {
font-size: 22px;
}

/**test fran menu mobile **/
.headerMobile .navbar-collapse.in{
	/*height:100vh !important;*/
	min-height:100vh !important;
	overflow:visible;
}


/****************** HOME  VIDEO *******************/
.h1-home-ev{    
    text-align: center;
    color: white;
    text-shadow: 0px 3px black;
    letter-spacing: 1px;
    font-family: 'DaxlineBold';
	text-transform:uppercase;
}

.h1-home-ev.bienvenidos{
	font-family:"OpenSans";
	text-transform:initial;
}

.salud-animal{
    color: #79C8EE;
    font-size: 80px;
    margin-top: 0;
    font-weight: bold;
	line-height: 120px;
}

.bienvenidos{
    font-size: 28px;
    text-align: center;
}

.redes-home-video{
	display:inline-block;
	z-index:333;
    text-align:right;
}

.redes-home-video img{
	height:30px;
	width:auto;
}

.overlay-video{
	background-image:none;
	width:100%; 
	height:100%;
	background-size:100% 100%; 
	position:fixed; 
	z-index:-1;
	top:0;
    background-color: rgba(0, 0, 0, 0.50);
	opacity:0.5 !important;
	
	
}
/****************** NUESTRAS PLANTAS *******************/
.h3-plantas{
	font-size: 17px;
    margin-left: 0%;
    color: #8C8C8C;
}

.li-plantas{
	font-family:'OpenSans';
	color:rgb(87, 87, 86);
	font-size:15px;
	line-height:30px;
}

.border-inst{
    border: 2px solid white;
    width: 8%;
    margin-top: -1%;
	display:inline-block;
}


.general-texto-home-header{
	position:relative; 
	z-index:1;
	width:100%;
	overflow:hidden;
	padding-bottom:1%;
	text-align:center;
}

.div-inst{ 
	min-height: 35vh;     
	padding-top:20vh;
}

.img-punto-home{
	display:inline-block;    
	vertical-align: sub;
}

.h1-inst-home{
	display:inline-block; 
	color:white; 
	font-size: 30px;
	margin-left: 3px;
	font-family:Daxline;
	font-weight:initial;
}

h2#titulo,h2#titulo-vad{
	font-family:Daxline;
	font-weight:initial;
	text-transform:uppercase;
}

#contenido-vad h2#titulo-vad{
	color:rgb(33,176,225) !important;
}

h1#contacto{
	line-height:0.8em; 
	color:rgb(33,176,225) !important;
}

.border-video{
	width: 9%;
    border: 1px solid white;
    margin: auto;
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
}

.logo-blanco{
    margin-top: 0%;
    width: 100%;
    height: 300px;
    object-fit: contain;
    object-position: center;
}

.p-inst-home{
	color: white;
    font-size: 22px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 2%;
    line-height: 32px;
	display:inline-block;
}
.box {
    width: 100%;
    height: 27%;
    vertical-align: top;
    background: #42AAC9;
    display: none;
    z-index: 33333333;
}


.container-flecha{
	text-align:center;position:absolute;bottom:60px;
}

.container-h1-home{
	position:relative;padding-top:20px;
}


@media screen and (min-width: 300px) {

	/***************************************************
	************** NAV BAR GENERAL **************
	***************************************************/
	.ul-nav{
		display: inline-block;
		vertical-align: middle;
		float:right;
		margin-top:2vh;
		transition: 0.4s all ease-in-out;
	}
	
	.a-nav{
		text-decoration:none;
		color:#969696;
		cursor:pointer;
		font-size:14px;
		text-transform:uppercase;
		transition: 0.4s all ease-in-out;
		border-bottom:none;
		display:inline-block;
	}
	
	.li-nav{
		list-style:none;
		display:inline-block;
		margin-right:2%;
		font-size:0.9em;
		transition: 0.4s all ease-in-out;
		color:#969696;
	}
	
	

	.li-nav a:hover{
		color:#202020;
	}

	
	.a.nav:hover{
		text-decoration:none;
		transition: 0.4s all ease-in-out;
		color:#731a42;
		font-size:20px;	
		transition: 0.4s all ease-in-out;
	}
	
	/* .ul-nav li a { */
		/* text-decoration:none; */
		/* display:block; */
		/* color:#656565; */
		/* text-transform:uppercase; */
		
	/* } */
	
	.ul-nav .li-nav .a-nav{
		color:#969696;
	}
	
	.ul-nav .li-nav a:hover {
		transition: 0.4s all ease-in-out;
		color:#202020;
	}
	
	.headerDesktop.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display:none;
		position:absolute;
		min-width:200px;
		margin-left:-50px;
		text-align:center;
		padding-top:20px;
	}
	
	.headerDesktop.ul-nav li:hover > ul {
		display:block;
		transition:0.4s all ease-in-out;
		color:#656565;
	}
	.headerDesktop .glyphicon{
		color: #1B6F9B;
		font-size:9px;
	}
	
	.ul-nav li ul li {
		background-color:white;
		position:relative;
		padding-top:10px;
		padding-bottom: 10px;
		transition: 0.4s all ease-in-out;
		color:#656565;
		box-shadow: none;
	}
		
	.li-nav-2{
		display:inline-block;
		font-weight:700;
		padding-right:4%;
	}
	
	.li-nav-2:last-child{
		padding-right:0;
	}
	
	#ul-nav-2{
		display:inline-block;
		float:right;
		text-transform:uppercase;
		font-size:13px;
		color:#0C6594;
		margin-top:1%;
	}
	
	
	#logo-bago{
		display:inline-block;
		
		/* width: 21%; */
		padding: 0;
		object-fit: contain;
		object-position: bottom left;
	}
	
	
	/****************************************
	************** FOOTER ***************
	****************************************/
	.redes-footer{
		background:var(--pan296);
		border:none;
	}
	
	.copyright{
		background:#122551;
		color:white;
		padding-top:1%;
		padding-bottom:1%;
		font-family:'OpenSans';
		letter-spacing:0.5px;
		font-size:12px;
	}
	
	footer{
		width:100%;
	}
	
	
	/**************************************
	************** WIDGET**************
	**************************************/
	
	.img-widget{
		display:inline-block;
	}
	
	.p-widget{
		display:inline-block;
		vertical-align:middle;
		text-transform:uppercase;
		color:#515050;
	}
	
	.td-widget{
		border:none;
		width:50px;
	}
	
	.tr-widget{
		padding-bottom:15px;
	}
	
	#table{
		border:none;
		padding-left:5%;
		font-size:15px;
		height:400px;
		
	}
	
	#table td{
		padding:0;
	}
	
	.volver-mobile{
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto auto;
	-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
			transition: all 1s ease;

		
	}
	
	.volver-mobile:hover{
		background-image: url(../img/volver-activado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;   
	}
	
	.volver-mobile p{
		display:none;
		vertical-align: middle;
		margin-top: 2.5%;
		margin-left: 120px;
		color: #B2B2B2;
		font-size: 17px !important;
		font-family: 'OpenSans';
	-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
			transition: all 1s ease;
	}
	
	.volver:hover p{
		color:#4D4D4D;
	}
	
	#volver-mobile{
		margin-left: 1%;
	}
	
	
	/**************************************************
	************** HEADER-LAYOUT ***************
	***************************************************/
	
	/*AFTOSA*/
	.header-layout-aftosa{
		background-repeat: no-repeat;
		width:100%;
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
		margin-bottom:50px;
	}
	
	.titulo-layout-aftosa{
		color:white;
		
		text-shadow:0px 0px 7px #494949;
		letter-spacing:2px;
		font-size:60px;
		text-align:left;
		margin-left:20px;
	}
	
	
	/*QUIENES SOMOS*/
	.header-layout-quienes{
		background-image:url('../img/quienes-somos-header-mobile.png');
		background-repeat: no-repeat;
		width:100%;
		height:480px;
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
	}
	
	.titulo-layout-quienes{
		color:white;
		margin-top:32%;
		text-shadow:0px 0px 7px #494949;
		letter-spacing:2px;
		font-size:60px;
		text-align:center;
	}
	
	
	/*MISION VISION*/
	.header-layout-mision{
		background-image:url('../img/mision-header-mobile.png');
		background-repeat: no-repeat;
		width:100%;
		height:480px;
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
	}
	
	.mision-ul{
		margin-top:7%;
	}
	
	.mision-li{
		font-size:15px;
	}
	
	/*INFO PROVEEDORES*/
	.header-layout-proveedores{
		background-image:url('../img/mision-header-mobile.png');
		background-repeat: no-repeat;
		width:100%;
		height:480px;
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
	}
	
	.proveedores-li{
		margin-bottom:8%;
		font-weight:700;
	}
	
	/*************************************
	************** INDEX ***************
	*************************************/
	
	header{
		background-color: #fff;
		padding-top:1%;
		width:100%;
		box-shadow: 0px 0px 17px  #131313;
		position:fixed;
	}
		
		
		
	footer{
		text-align:center;
		padding-top:2%;
		padding-bottom:2%;
	}
	
	h1{
		margin-left:1%;
		color:black;
	}
	
	h2{
	
	}
	
	p{
		
	}
	
	/**************************************************
	************** CONTRA AFTOSA ***************
	***************************************************/
	.div-texto-aftosa-mobile{
		padding-left:;
		margin-top:3%;
		float:left;
		color:#656565;
		margin-left: 3%;
	}
	
	.h2-aftosa-mobile{
		color:#02204C;
		font-size:43px;
		font-family:'OpenSans';
	}
	
	.h3-aftosa{
		color:#02204C;
		font-size:18px;
	}
	
	.p-aftosa{
		text-align: justify;
	}
	
	.span-aftosa{
		text-decoration:underline;
	}
	
	
	.tabla-aftosa{
		display:inline-block;
		margin-bottom:4%;
		font-family:'OpenSans';
		margin-top: 0;
	}
	



	.tabla-aftosa p{
		line-height: 29px;
		font-size: 15.5px;
		color:rgb(87, 87, 86);
	}
	
	.tr{
		width:100%;
	}
	
	
	/***********************************
	*************** RSE **************
	***********************************/
	.h3-rse{
		color:#02204C;
		font-size:19px;
		font-family:'OpenSans';
		font-weight:700;
		margin-bottom: 15px !important;
		    padding-right: 8%;
	}
	
	.h2-rse{
		color:#8C8C8C;
		font-size:17px;
		font-family:'OpenSans';
		font-weight:700;
		padding-bottom: 5px;
		
	}
	

	.h4-rse{
		color:#66CCED;
		margin-top:15%;
		font-family:'OpenSans';
	}	
	
	.linea-rse{
		border:1px solid #D1D1D1;
		margin-top: -1.2%;

	}
	
	/*************************** ICONOS *****************************/
	.icono-bullet{
		width:auto;
		float: left;
		padding-top: 5px;
	}
	
	/*************************** VADEMECUM*************************/
	

	.vademecum, .vademecum-producto{
		color:#7F7F7F;
		text-align:center;
		margin: 0;
		font-size:18px
	}
	
	

	/**TITULO AFSTOSA HARDOCODEADO **/

	.titulo-aftosa #gota-vademecum , .titulo-aftosa #gota-producto{ margin-left: -3%; }
	.titulo-aftosa{
		color:#0082C8 !important;
	}
	
	/**TITULO AFSTOSA HARDOCODEADO **/

	.icono-quienes{
		background-image:url(../img/icono-quienes-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
			transition: all 0.3s ease;
			background-size:contain;
	}
	
	.tr-widget:hover .icono-quienes,
	.tr-widget.active .icono-quienes{
		background-image:url(../img/home-quienes.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.icono-mision{
		background-image:url(../img/ICONO_MISION_VISION-60gray.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size:contain;
	}
	
	.tr-widget:hover .icono-mision,
	.tr-widget.active .icono-mision{
		background-image:url(../img/ICONO_MISION_VISION-60.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.icono-normas{
		background-image:url(../img/ICONO_CUMPLIMIENTO_OFF.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size:contain;
	}
	
	.tr-widget:hover .icono-normas,
	.tr-widget.active .icono-normas{
		background-image:url(../img/ICONO_CUMPLIMIENTO_ON.PNG);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	.icono-linea{
		background-image:url(../img/ICONO_linea_integ_off.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size:contain;
	}
	
	.tr-widget:hover .icono-linea,
	.tr-widget.active .icono-linea{
		background-image:url(../img/ICONO_linea_integ_on.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	.icono-trayectoria{
		background-image:url(../img/icono-trayectoria-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size:contain;
	}
	
	.tr-widget:hover .icono-trayectoria,
	.tr-widget.active .icono-trayectoria{
		background-image:url(../img/home-trayectoria.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	.icono-aftosa{
		background-image:url(../img/icono-aftosa-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size:contain;
	}
	
	.tr-widget:hover .icono-aftosa,
	.tr-widget.active .icono-aftosa{
		background-image:url(../img/home-aftosa.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	
	.icono-plantas{
		background-image:url(../img/icono-plantas-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.tr-widget:hover .icono-plantas{
		background-image:url(../img/icono-plantas-act.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	
	.icono-rse{
		background-image:url(../img/icono-rse-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.tr-widget:hover .icono-rse{
		background-image:url(../img/icono-rse-act.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	
	.icono-proveedores{
		background-image:url(../img/icono-proveedores-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.tr-widget:hover .icono-proveedores{
		background-image:url(../img/icono-proveedores-act.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	
	.icono-prensa{
		background-image:url(../img/icono-prensa-des.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.tr-widget:hover .icono-prensa{
		background-image:url(../img/icono-prensa-act.png);
		background-repeat:no-repeat;
		height:50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
		.cuerpo-producto ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cuerpo-producto li {
  padding-left: 1em; 
  text-indent: -.7em;
}
	
	figure.snip1156:hover .sal{
		border: 2px solid #26CBD4;
	}
	
	.sal-h2{
		color: #26CBD4;
	}
	
	
	
	figure.snip1156:hover .vit{
		border: 2px solid #003B5D;
	}
	
	.vit-h2{
		color: #003B5D;
	}
	
	
	
	figure.snip1156:hover .ext{
		border: 2px solid #0D553F;
	}
	
	.ext-h2{
		color: #0D553F;
	}
	
	
	figure.snip1156:hover .int{
		border: 2px solid #00955F;
	}
	
	.int-h2{
		color: #00955F;
	}
	
	
	
	figure.snip1156:hover .biologicos{
		border: 2px solid #656668;
	}
	


	
	.biologicos-h2{
		color: #656668;
	}
	
	
	.end-h2{
		color: #9B9501;
	}
	
	
	
	figure.snip1156:hover .far{
		border: 2px solid #6D3A5D;
	}
	
	.far-h2{
		color: #6D3A5D;
	}
	
	
	
	figure.snip1156:hover .rep{
		border: 2px solid #FF671B;
	}
	
	.rep-h2{
		color: #FF671B;
	}

}


@media screen and (min-width: 769px) {

	/***************************************************
	************** NAV BAR GENERAL **************
	***************************************************/
	.ul-nav{
		display: inline-block;
		vertical-align: middle;
		float:right;
		margin-top:2vh;
		transition: 0.4s all ease-in-out;
		width:68vw;
	}
	
	.a-nav{
		text-decoration:none;
		color:#969696;
		cursor:pointer;
		font-size:14px;
		text-transform:uppercase;
		transition: 0.4s all ease-in-out;
		border-bottom:none;
		display:inline-block;
	}
	
	.li-nav{
		list-style:none;
		display:inline-block;
		margin-right:2%;
		font-size:0.9em;
		transition: 0.4s all ease-in-out;
		color:#969696;
	}
	
	.li-nav:hover{
		transition: 0.4s all ease-in-out;
	}
	
	.a.nav:hover{
		text-decoration:none;
		transition: 0.4s all ease-in-out;
		color:#731a42;
		font-size:20px;	
		transition: 0.4s all ease-in-out;
	}
	
	.ul-nav li a {
		text-decoration: none;
		display: block;
		color: #656565;
		text-transform: uppercase;
		font-size: 9px;
	}
	
	.a-sub{
		text-align: left;
		padding-left:0;
	}
	
	
	.ul-nav .li-nav .a-nav {
		color: #5A5A5A;
		font-size: 9px;
	}
	
	.ul-nav .li-nav a:hover {
		transition: 0.4s all ease-in-out;
	}
	
	.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display:none;
		position:absolute;
		min-width:200px;
		margin-left:-50px;
		text-align:center;
		padding-top:20px;
	}
	
	.headerDesktop.ul-nav li:hover > ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
		margin-top: -1.6%;
		margin-left: -8%;
	}
	
	.ul-nav li ul li {
		background-color:white;
		position:relative;
		padding-top:10px;
		padding-bottom: 10px;
		transition: 0.4s all ease-in-out;
		color:#656565;
		box-shadow: none;
	}
		
	
	.li-nav-2 {
		display: inline-block;
		font-weight: 700;
		padding-right: 4%;
		font-size: 11px;
	}
	
	
	#ul-nav-2 {
		display: inline-block;
		float: right;
		text-transform: uppercase;
		font-size: 11px;
		color: #0C6594;
		margin-top: 1%;
	}
	
	#logo-bago{
		
		display:inline-block;
		/* width:21%; */
	}
	
	
	/****************************************
	************** FOOTER ***************
	****************************************/
	.redes-footer{
		background:var(--pan296);
		border:none;
	}
	
	.copyright{
		background:#122551;
		color:white;
		padding-top:1%;
		padding-bottom:1%;
		font-size:12px;
	}
	
	
	/**************************************
	************** WIDGET**************
	**************************************/
	
	.img-widget{
		display:inline-block;
		max-width: 100%;
	}
	
	.p-widget{
		display:inline-block;
		vertical-align:middle;
		text-transform:uppercase;
		color:#515050;
		
	}
	
	.td-widget{
		border:none;
	}
	
	.tr-widget{
		padding-bottom:4px;
	}
	
	#table{
		border:none;
		font-size:13.5px;
		height:400px;	
	}
	
	#table td{
		padding:0;
	}
	
	
	/**************************************************
	************** HEADER-LAYOUT ***************
	***************************************************/
	
	/*AFTOSA*/
	.header-layout-aftosa{
		background-repeat: no-repeat;
		width:100%;
		
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
	}
	
	.titulo-layout-aftosa{
		color:white;
		
		text-shadow: 0px 0px 7px #000000;
		font-size:56px;
		text-align:center;
		font-family:'OpenSans';
		font-weight:700;
	}
	
	
	/*QUIENES SOMOS*/
	.header-layout-quienes{
		background-image:url('../img/quienes-somos-header.png');
		background-repeat: no-repeat;
		width:100%;
		height: 737px;
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
	}
	
	.titulo-layout-quienes{
		color:white;
		margin-top:15%;
		text-shadow:0px 0px 10px #494949;
		font-weight:700;
		font-size:56px;
		text-align:center;
		font-family:'OpenSans';
	}
	
	
	/*MISION VISION*/
	.header-layout-mision {
		background-image: url('../img/valores.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 737px;
		background-size: 100% auto;
		background-position: center top;
		z-index: -1;
	}
	
	.mision-ul{
		margin-top:7%;
	}
	
	.mision-li {
		font-size: 12px;
	}
	
	/*INFO PROVEEDORES*/
	.header-layout-proveedores{
		background-image:url('../img/proveedores-header.png');
		background-repeat: no-repeat;
		height: 737px;
		background-size: 100% auto;
		background-position: center top;
		z-index:-1;
	}
	
	.proveedores-li{
		margin-bottom:8%;
		font-weight:700;
	}
	
	/*NUESTRAS PLANTAS*/
	.img-plantas{
	}
	/*************************************
	************** INDEX ***************
	*************************************/
	
	header{
		background-color: #fff;
		padding-top:1%;
		width:100%;
		box-shadow: 0px 0px 17px  #131313;
		position:fixed;
	}
		
		
		
	footer{
		text-align:center;
		padding-top:2%;
		padding-bottom:2%;
	}
	
	h1{
		margin-left:1%;
		color:black;
	}
	
	h2{
			font-family:'OpenSans';
	}
	
	p{
		margin-left:1%;
	}
	
	/**************************************************
	************** CONTRA AFTOSA ***************
	***************************************************/
	.div-texto-aftosa{
		float:left;
		color:#656565;
		padding-left:1%;
		min-height:80vh;
	}
	
	.div-texto-aftosa p{
		font-size: 15px;
	}
	
	.div-texto-aftosa-2{
		padding-left: 30%;
		margin-top:3%;
		float:left;
		color:#656565;
	}
	
	.h2-aftosa{
		color:#02204C;
		display:inline-block;
		font-size:20px;
		font-family:'OpenSans';
	}
	
	.h3-aftosa{
		color:#00173B;
		font-size:18px;
	}
	
	.p-aftosa{
		padding-top:%;
	}
	
	.span-aftosa{
		text-decoration:underline;
	}
	
	
	.tabla-aftosa{
		display:inline-block;
		margin-bottom:4%;
		margin-top: 0;
	}
	.tabla-aftosa p{
		color:rgb(87, 87, 86);
		margin: 0;
	}
	
	.div-años-aftosa-1{
		margin-top:5%; 
		display:inline-block;
	}
	
	.div-años-aftosa-2{
		margin-top:15%; 
		padding-left:5%;
		display:inline-block;
	}
	
	.div-años-aftosa-3{
		margin-top:0%; 
		display:inline-block;
	}
	
	
	.div-años-aftosa-4{
		margin-top:7%; 
		padding-left:5%;
		display:inline-block;
	}
	
	
	/**********************************************************
	************** RSE-SUSTENTABILIDAD ***************
	**********************************************************/
	.img-rse{
		filter: url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(100%);
		-moz-filter:    grayscale(100%);
		-ms-filter:     grayscale(100%);
		-o-filter:      grayscale(100%);
		filter: gray; 
		transition: 0.3s all ease;
	}
	
	.img-rse:hover{
		filter: none;
		-webkit-filter: grayscale(0%);
		-moz-filter:    grayscale(0%);
		-ms-filter:     grayscale(0%);
		-o-filter:      grayscale(0%);
		transition: 0.3s all ease;
	}
	
	.h3-rse{
		color:#02204C;
		font-size:20px;
		font-family:'OpenSans';
		font-weight:700;
		margin-top: 0px;
		margin-bottom: 15px !important;
		padding-right: 8%;
	}	
	
	.linea-rse{
		border:1px solid #D1D1D1;
	}
	
	.h4-rse{
		color:#66CCED;
		margin-top:15%;
		font-family:'OpenSans';
		font-weight:500;
	}
	
	
	.btn{
		position: relative;
	}
	
	
	.animateCollapse{
		position: relative;
		margin: 0;
	}
	
	.animateCollapse li{
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		height: 0;
		opacity: 0;
		overflow: hidden;
		padding: 0 1em;
		border:1px solid #E0E0E0 ;
	}
	
	.after li{
		height: auto;
		opacity: 1;
		padding: 0.5em 1em;
		width: 100%;
		margin-left: 0;
		padding-right: 0;
	}
	
	.toggleIcon {
		width: 1em;
		height: 1em;
		left:90%;
		top: 1em;
		bottom: 0;
		position: absolute;
		color:#66CCED;
	}
	
	.toggleIcon::before, .toggleIcon::after {
		content: '';
		position: absolute;
		background: #66CCED;
		-webkit-transition: 0.3s cubic-bezier(0.45, 0.01, 0.27, 1.4);
		transition: 0.3s cubic-bezier(0.45, 0.01, 0.27, 1.4);
	}
	
	
	.toggleIcon::before {
		width: 2px;
		height: 100%;
		left: calc(101% - 2px);
		margin-left: 1px;
	}
	
	.toggleIcon::after {
		width: 100%;
		height: 2px;
		top: calc(50% - 1px);
	}
	
	.after .toggleIcon::before {
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		text-shadow: 0 0 3px #333;
	}
	
	.after .toggleIcon::after {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	/* ripple */
	.ripple{
		overflow: hidden;
		position: relative;
	}
	
	.ripple-effect{
		position: absolute;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		background: white;
		-webkit-animation: ripple-animation 2s;
		animation: ripple-animation 2s;
	}
	
	
	@-webkit-keyframes ripple-animation {
		from {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 0.4;
		}
		to {
		-webkit-transform: scale(100);
				transform: scale(100);
		opacity: 0;
		}
	}
	@keyframes ripple-animation {
		from {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 0.4;
		}
		to {
		-webkit-transform: scale(100);
				transform: scale(100);
		opacity: 0;
		}
	}
	
	
	
	.ttl{
		color: #002E75;
		margin: 0;
		font-weight: bold;
		letter-spacing: 5px;
		padding: 1px 0 0 0;
		float:left;
	}
	
	.animateCollapse{
		overflow: hidden;
		width: 100%;
		margin:2% auto;
		
	}
	
	#boxes p{
		text-align:center;
		display:inline-block;
		color:#ccc;
		position:absolute;
		width:auto;
		right:5%;
		top:5%;
	}
	
	#boxes a.closelink{
		text-decoration:none;
		width:40px;
		padding:3px;
		font-size:14px;
		
	}
	
	
	.box{
		width:100%;
		height:27%;
		vertical-align:top;
		background:#42AAC9;
		display:none;
		z-index:33333333;
	}
	
	
	.ul-paises{
		/*margin-left:8%;*/
		padding: 20px 8%;
	}
	
	
	.li-paises{
		display:inline-block;
		color:white;
		width: 16%;
		font-size:13px;
	}
	
	.li-paises a{
		color:white;
		font-family:'OpenSans';
		letter-spacing:1px;
	}
	
	.h1-noticias-rse{
		color:#002A68;
		font-size:15px;
		font-family:'OpenSans';
		font-weight:700;
		letter-spacing:0.5px;
		margin-left:0;
		width:93%;
	}
	
	.linea-rse-not{
		border:1px solid #67C6DB; 
		width:94%;
		margin-top:0;
	}
	
	.ripple:hover{
		background:#F7F7F7;
	}
	
	
	.ripple p{
		color:#696969;
	}
	
	/*********************** VADEMECUM*********************/
	#table-vad{
		border: none;
		font-size: 11.5px;
		margin-top: 7%;
		height: 400px;
		display:inline-block;
		
	}
	
	.p-img-vad{
		background:#f7f8f8;
		position:relative;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		font-family:'OpenSans';
		font-weight:700;
		font-size:1.3vw;
		color:#606060;
	}
	
	.container:hover .image {
		-webkit-transform:scale(1.3);
		transform:scale(1.3);
	}
	
	.container {
		overflow:hidden;    
		width: 27%;
		margin-right:3%;
		margin-top:3%;
	}
	
	.image {
		-webkit-transition: all 1.5s ease;
		transition: all 1.5s ease;
	}
	
	.container:hover p{
		display:none;
	}
	
	figure{
		margin:0;
	}
	
	
	figure.snip1156 {
		color: #fff;
		position: relative;
		overflow: hidden;
		color: #000000;
		text-align: left;
	}
	
	figure.snip1156 * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
	}
	
	figure.snip1156 img {
		opacity: 1;
		width: 100%;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}
	
	figure.snip1156 figcaption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	figure.snip1156 figcaption > div {
		height: 50%;
		overflow: hidden;
		width: 100%;
		position: relative;
	}
	
	
	figure.snip1156 h2,
	figure.snip1156 p {
		margin: 0;
		opacity: 0;
		position: absolute;
		width: 100%;
		left: 0;
	}
	
	figure.snip1156 h2 {
		display: inline-block;
		font-weight: 400;
		text-transform: uppercase;
		bottom: 0;
		-webkit-transform: translate3d(0%, 150%, 0);
		transform: translate3d(0%, 150%, 0);
		font-family:'OpenSans';
		font-size:19px;
	}
	
	figure.snip1156 h2 span {
		font-weight: 400;
	}
	
	figure.snip1156 p {
		padding: 0 50px;
		font-size: 0.8em;
		font-weight: 500;
		-webkit-transform: translate3d(0%, -150%, 0);
		transform: translate3d(0%, -150%, 0);
	}
	
	
	figure.snip1156 a {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
	}
	
	figure.snip1156:hover img,
	figure.snip1156.hover img {
		
	}
	
	figure.snip1156:hover figcaption h2,
	figure.snip1156.hover figcaption h2,
	figure.snip1156:hover figcaption p,
	figure.snip1156.hover figcaption p {
		-webkit-transform: translate3d(0%, 0%, 0);
		transform: translate3d(0%, 0%, 0);
	}
	
	figure.snip1156:hover figcaption h2,
	figure.snip1156.hover figcaption h2 {
		opacity: 0.9;
	}
	
	figure.snip1156:hover figcaption p,
	figure.snip1156.hover figcaption p {
		opacity: 0.6;
	}
	
	.div-aft{
		margin-left:5%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	
	.img-cat-aft{
		width: 104%;
		margin-right:1%;
		display:inline-block;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	figure.snip1156:hover .d-a{
		border: 2px solid #FFFFFF;
		margin-top: 15%;
		width: 68%;
		margin-left: 16%;
		height: 125px;
	}
	
	figure.snip1156:hover .d-a-2{
		border: 2px solid #7F781A;
		width: 90%;
		height: 90%;
	}
	
	figure.snip1156:hover .d-a-2 h2{
		font-size:15px;
	}
	
	/********** BUSCADOR *************/
	
	.buscador {
		background-color: #E8E6E6;
		border:none;
		width:88%;
		height: 30px;
		margin-bottom: 15%;
		padding-left: 4%;
		display:inline-block;
		float: left;
	}
	
	.p-widget {
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		color: #515050;
		font-size: 9px;
	}
	
	

	.fundaciones{
		color:rgba(189,189,189,1);
		font-family:'OpenSans';
		font-weight:700;
		letter-spacing:1px;	
		margin-left:6%;
		font-size: 13px;
		margin-top:48%;
	}
	
	
	.h4-vad{
		color:#968D19;
		font-family:'OpenSans';
		margin-top:5%;
		margin-left: 0%;
	}
	
	.h4-reproductivos{
		color: #FF671B;
	}
	
	.cuerpo-reproductivos ul li::before {
	  content: "• ";
	  color: #FF671B;
	}
	
	.h4-vitaminicos-y-minerales{
		color: #003B5D;
	}
	
	.cuerpo-vitaminicos-y-minerales ul li::before {
	  content: "• ";
	  color: #003B5D;
	}
	
	.h4-farmaceuticos{
	    color: #6D3A5D;
	}
	
	
	.cuerpo-farmaceuticos ul li::before {
	  content: "• ";
	  color: #6D3A5D;
	}
	
	.h4-salud-ambiental{
	    color: #26CBD4;
	}
	
	.cuerpo-salud-ambiental ul li::before {
	  content: "• ";
	  color: #26CBD4;
	}
	
	.p-vad {
		font-family: 'OpenSans';
		font-size: 15px;
		line-height: 27px;
		color: #A0A0A0;
	}
	

	.volver p{
	display: inline-block;
    vertical-align: middle;
    margin-top: 3%;
    margin-left: 184px;
    color: #B2B2B2;
    font-size: 17px;
    font-family: 'OpenSans';
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

	}
	
	.volver:hover p{
		color:#4D4D4D;
	}
	
	#volver{
		
	}
	
	
	#facebook{
		-webkit-transition: all .3s linear; 
		-o-transition: all .3s linear; 
		-moz-transition: all .3s linear; 
		transition: all .3s linear;
	}
	
	
	#facebook:hover{
		margin-top:-3%;
		-webkit-transition: all .3s linear; 
		-o-transition: all .3s linear; 
		-moz-transition: all .3s linear; 
		transition: all .3s linear;
	}
	
	#gmail{
		-webkit-transition: all .3s linear; 
		-o-transition: all .3s linear; 
		-moz-transition: all .3s linear; 
		transition: all .3s linear;
	}
	
	#gmail:hover{
		margin-top:-3%;
		-webkit-transition: all .3s linear; 
		-o-transition: all .3s linear; 
		-moz-transition: all .3s linear; 
		transition: all .3s linear;
	}
	
	
	#youtube{
		-webkit-transition: all .6s linear; 
		-o-transition: all .3s linear; 
		-moz-transition: all .3s linear; 
		transition: all .3s linear;
	}
	
	/* #youtube:hover{ */
		/* margin-top:-3%; */
		/* -webkit-transition: all .3s linear;  */
		/* -o-transition: all .3s linear;  */
		/* -moz-transition: all .3s linear;  */
		/* transition: all .3s linear; */
	/* } */
	
	
	
	figure.snip1156:hover .d-a-2 {
		width: 90%;
		height: 90%;
		font-weight:900;
		letter-spacing:1px;
	}
	
	figure.snip1156:hover .ant{
		border: 2px solid #D0323A;
	}
	
	.ant-h2{
		color: #D0323A;
	}
	
	figure.snip1156:hover .aftosa{
		border: 2px solid #0082C8;
	}
	
	.aftosa-h2{
		color: #0082C8;
	}
	
	figure.snip1156:hover .sal{
		border: 2px solid #26CBD4;
	}
	
	.sal-h2{
		color: #26CBD4;
	}
	
	
	
	figure.snip1156:hover .vit{
		border: 2px solid #003B5D;
	}
	
	.vit-h2{
		color: #003B5D;
	}
	
	
	figure.snip1156:hover .ext{
		border: 2px solid #0D553F;
	}
	
	.ext-h2{
		color: #0D553F;
	}
	
	figure.snip1156:hover .int{
		border: 2px solid #00955F;
	}
	
	.int-h2{
		color: #00955F;
	}
	
	
	
	figure.snip1156:hover .biologicos{
		border: 2px solid #656668;
	}
	
	.biologicos-h2{
		color: #656668;
	}
	
	
	
	.end-h2{
		color: #9B9501;
	}
	
	
	
	figure.snip1156:hover .far{
		border: 2px solid #6D3A5D;
	}
	
	.far-h2{
		color: #6D3A5D;
	}
	
	
	figure.snip1156:hover .rep{
		border: 2px solid #FF671B;
	}
	
	.rep-h2{
		color: #FF671B;
	}

}




@media screen and (min-width: 1024px) {
	figure.snip1156:hover .d-a-2 h2{
		font-size:12px;
	}
	
	figure.snip1156:hover .d-a-2 {
		border: 2px solid #7F781A;
		/*margin-top: 16%;*/
		width: 90%;
		/*margin-left: 16%;*/
		height: 90%;
		font-weight:900;
		letter-spacing:0.5px;
	}
	
	figure.snip1156:hover .ant{
		border: 2px solid #D0323A;
		color: #D0323A;
	}
	
	.ant-h2{
			color: #D0323A;
	}
	
	figure.snip1156:hover .aftosa{
		border: 2px solid #0082C8;
	}
	
	.aftosa-h2{
		color: #0082C8;
	}
	
	figure.snip1156:hover .sal{
		border: 2px solid #26CBD4;
	}
	
	.sal-h2{
		color: #26CBD4;
	}
	
	
	figure.snip1156:hover .vit{
		border: 2px solid #003B5D;
	}
	
	.vit-h2{
		color: #003B5D;
	}
	
	
	
	figure.snip1156:hover .ext{
		border: 2px solid #0D553F;
	}
	
	.ext-h2{
		color: #0D553F;
	}
	
	
	figure.snip1156:hover .int{
		border: 2px solid #00955F;
	}
	
	.int-h2{
		color: #00955F;
	}
	
	
	
	figure.snip1156:hover .biologicos{
		border: 2px solid #656668;
	}
	
	.biologicos-h2{
		color: #656668;
	}
	
	
	.end-h2{
		color: #9B9501;
	}
	
	
	figure.snip1156:hover .far{
		border: 2px solid #6D3A5D;
	}
	
	.far-h2{
		color: #6D3A5D;
	}
	
	
	figure.snip1156:hover .rep{
		border: 2px solid #FF671B;
	}
	
	.rep-h2{
		color: #FF671B;
	}


}

@media screen and (min-width: 1100px) {

	
	.buscador {
		background-color: #E8E6E6;
		border-radius: 5px;
		width:88%;
		height: 30px;
		margin-bottom: 15%;
		padding-left: 4%;
		display:inline-block;
	}
	
	figure.snip1156:hover .d-a-2 {
		width: 90%;
		height: 90%;
		font-weight:900;
		letter-spacing:0.5px;
	}
	
	.p-widget {
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		color: #515050;
		font-size: 11px;
	}
	
	.li-nav-2{
		display:inline-block;
		font-weight:700;
		padding-right: 2%;
		font-size: 12px;
	}
	
	.ul-nav .li-nav .a-nav{
		color:#5A5A5A;
		font-size:12px;
	}
	
	
	.headerDesktop.ul-nav li:hover > ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
		margin-top: -1.6%;
		margin-left: -8%;
	}
	
	.ul-nav li a {
		text-decoration:none;
		display:block;
		color:#656565;
		text-transform:uppercase;
		font-size: 11.5px;
	}
	
	
	.mision-li{
		font-size:13px;	
	}
	
	.header-layout-mision{
		background-image:url('../img/valores.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 737px;
		background-size: 100% auto;
		background-position: center top;
		z-index: -1;
	}
	
	figure.snip1156:hover .d-a-2 h2{
		font-size:15px;
	}
	
	figure.snip1156:hover .ant{
		border: 2px solid #D0323A;
		color: #D0323A;
	}
	
	.ant-h2{
		color: #D0323A;
	}
	
	figure.snip1156:hover .aftosa{
		border: 2px solid #0082C8;
	}
	
	.aftosa-h2{
		color: #0082C8;
	}
	
	
	figure.snip1156:hover .sal{
		border: 2px solid #26CBD4;
	}
	
	.sal-h2{
		color: #26CBD4;
	}
	
	
	figure.snip1156:hover .vit{
		border: 2px solid #003B5D;
	}
	
	.vit-h2{
		color: #003B5D;
	}
	
	
	figure.snip1156:hover .ext{
		border: 2px solid #0D553F;
	}
	
	.ext-h2{
		color: #0D553F;
	}
	
	
	figure.snip1156:hover .int{
		border: 2px solid #00955F;
	}
	
	.int-h2{
		color: #00955F;
	}
	
	
	figure.snip1156:hover .biologicos{
		border: 2px solid #656668;
	}
	
	.biologico-h2{
		color: #656668;
	}
	
	.end-h2{
		color: #9B9501;
	}
	
	
	
	figure.snip1156:hover .far{
		border: 2px solid #6D3A5D;
	}
	
	.far-h2{
		color: #6D3A5D;
	}
	
	
	figure.snip1156:hover .rep{
		border: 2px solid #FF671B;
	}
	
	.rep-h2{
		color: #FF671B;
	}
	
	


}

#noticias h5{
	padding: 10px 10px;
	padding-left:0;
	font-size:12px;
}

#noticias p {
    padding: 0px 0px;
    margin: 0;
    padding-left: 0;
    font-size: 12.5px;
   
}

#descarga-margin p{
	 flex: 1 1 100%;
    text-align: left;
    padding-left: 65px;
}

#list-menu li a{
	text-decoration:none;
}

/*--------------------------------------------------------------------------------- CSS CONTACTO ------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */


/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 



/************ ESTILOS	 ***********/
p{
	font-family:'OpenSans';
}


#contenido{
	/*background:url(../img/fondo-contacto.png);*/
	background-size:100% 100%;    
    width: 100%;
	font-family:'OpenSans';
}


#contacto{
	color:#0093C9;
	font-family: 'OpenSans';
	
	text-align:center;
	margin-top:0%;
	height:90px;
    margin-left: -4%;
}


#info{
	margin-top:5%;
}


#descripcion{
	color:#FFF;
	border-right:#fff solid thin;
	display:inline-block;float:initial;padding-bottom:20px;overflow:hidden;
   
    
}


.ico-ubi{
	padding:1%;
	width:4%;
	vertical-align: text-bottom;
}


.mapa{
	-webkit-box-shadow: inset 0px 0px 5px 4px rgba(53, 177, 228, 0.7);
	-moz-box-shadow:inset 0px 0px 5px 4px rgba(53, 177, 228, 0.7);
	box-shadow:inset 0px 0px 5px 4px rgba(53, 177, 228, 0.7);
	position:absolute;
	z-index:100;
	width: 89%; 
	height: 50vh;
	display:inline-block;
}


#formdcha{	
	color:#FFF;
}



#formizq{
	color:#FFF;
}


#textarea{
	color:#FFF;
	background:rgba(255,255,255,0.5);
}


#btnenviar{
	display:inline-block;
	text-align:right;
    width: 95%;
}


/*
#form1 #enviar,.send-rrhh{
	background:#359FBD;
	opacity:1;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border:none;
    height: 40px;
    color: #fff;
    width: 100%;
    margin-top: 4%;
    font-size: 17px;
    letter-spacing: 1px;
	font-family:'OpenSans';
	transition: all 0.5s ease;
	display:inline-block;
	max-width:200px;
	border-radius:25px;
}*/

.send-rrhh{
	padding-top:10px;
}

.rrhh-text{
	padding-top:10vh;
}

.send-rrhh:hover{
	
	background:black;
}

/*#enviar:hover{
	border: 2px solid #FFFFFF;
    color: #FFFFFF;
    background: transparent;
	transition: all 0.5s ease;
}*/


#redsoc{
	text-align:center;
}


footer{
	margin-top:5%;
	
}
	
/*** VER QUE ONDA **/
	
.copy{
    text-align: center;
	/**background-image:url(../img/fondo-contacto-footer.png);**/
	background-color:rgba(0, 0, 0, 0.5);
	margin-bottom: 0%;

    height: 6vh;
}

.copy p{
	font-family:'OpenSans';
	color: white;
	letter-spacing:1px;
	font-size:12px;
}





#form1 textarea{
	width: 100%;
    background: rgba(255,255,255,0.2);
    height: 130px;
    /*margin-left: -15px;*/
}



#form1 input{
	width: 100%;
	background: rgba(255,255,255,0.2);
    display: inherit;
	border:none;
	height:25px;
	
}

.input-contacto{
	display:inline-block;
	text-align:center;
	max-width:500px;
	display:inline-block;
	margin:0;
	width:95%;
	margin-top:15px;
}

.input-contacto input{
	
}

#form1{
    width: 89%;
    display:inline-block;
}

#form1 input:focus{
	outline:white;
	border:1px solid white;
	
}

#form1 textarea:focus{
	outline:white;
	border:1px solid white;
	
}

#infodcha{
	
}


#form1 label{
	color:white;
	font-family:'OpenSans';
    font-weight: lighter;
    letter-spacing: 0.5px;
	display:block;
	text-align:left;
}

#textarea-label{
    margin-bottom: 3%;
}

#textarea{
	/*border:1px solid white;*/
	border:none;
	padding-left:2%;
	padding-top:2%;
	font-family:'OpenSans';
	letter-spacing:2px;
	
}

.textarea-contacto{
	margin-top: 4%;
	display:inline-block;
	text-align:center;
	display:inline-block;
	margin:0;
	width:98%;
	margin-top:15px;
	/*max-width:500px;*/
    /*margin-left: 10px;*/
    
}

.ubicacion{
    font-size: 18px;
	vertical-align: text-bottom;
}

.form-inline{
	border:1px solid white;
	padding-left:3%;
	color:white;
	font-family:'OpenSans';
	letter-spacing:2px;
}

/*--------------------------------------------------------------------------------- CSS  FILIALES ------------------------------------------------------*/

/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 



/************ ESTILOS ***********/
#referencias {
    font-family: 'OpenSans';
    margin:auto;
    color: white;
}


#ref-unica {
    padding-bottom: 0;
}

.icn-ubicacion {
    width: 2%;
    display: inline-block;
	margin-top: 0; 
}

#nom-ref {
    display: inline-block;
    font-size: 12px;
}

#info-mapa{
	color:white;
}


#mapa-total{
	font-family:'OpenSans';
	
	
	
}


#mapa-total h1{
	color:white;
	font-family:Daxline;
	font-weight:initial;
	text-transform:uppercase;
    margin-bottom: 7%;
    margin-bottom: 5%;
    font-size: 32px;
}


#titulo-mapa{
	
}


#img-mapa{
	width:95%;
    margin-left: -3%;
}


.border-celeste{
	border-bottom:3px #8BCDE0 solid ;
}


.icn-ubicacion{
	width:1.5%;
	display:inline-block;
}


#referencias{
	font-family: 'OpenSans';
	margin:auto;
}


#nom-ref{
	display:inline-block;
	font-size:12px;
}


#ref-unica{
	padding-bottom:0;
}



#info-mapa h4{
	font-family: 'OpenSans';
    font-size: 14px;

}

.bio{
	font-weight:700;
	font-size:16px;
}

#titulo-info-mapa{
	font-family: 'OpenSans';
	color:#8BCDE0;
}


#titulo-cont{
	font-family: 'OpenSans';
	color:#8BCDE0;
	font-size:13px;
}


.dist{
	margin-top: 12%;
}


.bold-fil{
	font-weight:700;
}

.mar{
    margin-left: 0%;
}


#titulo-dist{
	font-family: 'OpenSans';
	color:#8BCDE0;
	font-size:18px;
}


#separador{
    border: 1px solid #fff;
    width: 11%;
    margin-top: 5%;
}
#separador-mayor{
    border: 1px solid #fff;
    width: 95%;
    margin-top: 5%;
}

.info-mapa{
	display:none;
}


#sub-filiales{
    font-size:13px;
}


.band-filiales{
	margin-top:-2%;
	width:8%;
}

 
.h4-fil{ 
	margin-top: 6%;
}

p{
	font-family: OpenSans;
}


/*--------------------------------------------------------------------------------- CSS  INFORMACIÓN TÉCNICA ------------------------------------------------------*/

/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 


/************ ESTILOS ***********/


#info-tec{
	background: rgb(129, 206, 231);
	color:white;
	padding-bottom:30px;
}

.right{
	margin-right:8px;
}

.left{
	margin-left:8px;
}


#titulo-info{
	text-align:center;
    padding-top: 3%;
	font-family:'OpenSans';
}


#list-menu{
	list-style:none;
	margin-top:2%;
	
}


#list-menu li a{
	background:rgba(255, 255, 255, 0.3);
	color:#2988AF;
	padding:7px;
	display:inline-block;
	font-family: 'OpenSans';
	text-align:center;
	transition: all 0.4s ease;
    width: 95px;
    line-height: 16px;
}


#list-menu li a:hover{
	background:none;
	color:#fff;
	transition: all 0.4s ease
}


#border-menu{
	display:inline-block;
	text-align:left;
	padding-left:4%;
	margin-top:1%;
	box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.42);
    margin-left: 4%;
    margin-bottom: 3%;
    border: 1px solid rgba(87, 87, 87, 0.18);
    width: 70%;
}


#border-menu img{
	width:73%;
}


#noticias-trabajos{
	padding:0 3%;
}

#noticias-planes{
	padding-left:4%;
	margin-top:3%;
	font-family:'OpenSans';
	flex-wrap:wrap;
	justify-content:center;
}
	

#noticias-planillas{
	padding-left:4%;
	margin-top:3%;
	font-family:'OpenSans';
}


#texto{
	font-family: 'OpenSans';
    margin-right: 0;
    text-align: left;
	padding:10px;
	padding-left:0;
	padding-right:20px;
}


#fecha-info-tec{
	font-family: 'OpenSans';
	border-bottom:#fff solid thin;
	display:inline-block;
}


#fecha-num{
	font-size:48px;
}


#titulo-info-tec{
	font-family: 'OpenSans';
	font-weight:bold;
	margin-top:0;
	margin-top:5%;
}


#protocolo-info-tec{
	font-weight:bold;
	font-size:13.5px;
	letter-spacing:1px;
	line-height:18px;
	margin-top:4%;
}


#leer-mas{
	font-family: 'OpenSans';
	font-weight:bold;
	font-size:13.5px;
}


#btn-mas{
	display:inline-block;
	text-align:center;
	
}


#resumen-noticias{
	margin-top:-3%;
	color:rgb(87, 87, 86);
	font-family:'OpenSans';
}


#texto-btn-mas{
	font-family: 'OpenSans';
	font-size:17px;
	padding-top:2%;
	margin-top: 10px !important;
}


.info-rev{
    margin-left: -26%;
}


.b-l{
	margin-left: 3%;
    margin-top: 0;
    margin-bottom: 1%;
    width: 72%;
}

. #border-menu{
	display:inline-block;
	text-align:left;
	padding-left:4%;
	margin-top:1%;
	box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.42);
    margin-left: 4%;
    margin-bottom: 3%;
    border: 1px solid rgba(87, 87, 87, 0.18);
    width: 70%;
}




#archivos-descargas{
	margin-left:3%;
}


#titulo-archivo{
	display:inline-block;
	font-family: 'OpenSans';
	margin-left:-4%;
	margin-top:-2%;
	width:62%;
	font-size:15px;
	letter-spacing:1px;
}


#descarga-link{
	display:inline-block;
	font-family: 'OpenSans';
	margin-left:-4%;
}


#descarga-margin {
    margin-bottom: 40px;
    flex: 0 0 261px;
    display: flex;
    flex-wrap: wrap;
}

div#descarga-margin img {
    flex: 0 0 30px;
    margin: 0;
}

#titulo-archivo {
    display: inline-block;
    font-family: 'OpenSans';
    /* margin-left: -4%; */
    /* margin-top: -2%; */
    /* width: 62%; */
    font-size: 15px;
    letter-spacing: 1px;
    flex: 1 0 30px;
    text-align: left;
    padding-left: 20px;
    margin-top: 0;
    align-self: center;
}

.img-d{
	width: 18%;
    margin-right: 8%;
}

#img-btn-mas:hover{
	cursor:pointer;
}

/*--------------------------------------------------------------------------------- CSS  INSTITUCIONAL ------------------------------------------------------*/

/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 


/************ ESTILOS ***********/
.h1-1-home{
	font-size: 16px;
    color: #00173B;
	font-family:'OpenSans';
	font-weight:700;
}

.item-institucional a:focus{
	text-decoration: none;
	outline-color: transparent;

}

.p-inst-home{
    color: white;
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
	margin-left: 0;margin-right:0;
    margin-top: 2%;
    line-height: 32px;
	display:inline-block;
}

.pren{
	margin-left: 0%;
}

.p-in-h{
	width: 80%; 
	text-align: center;
	font-size:12px;
	margin:0;
	display:inline-block;
	color:#A7A7A7;
}



.content-home {
min-height:100vh;
    -webkit-animation: fadein 5s; 
       -moz-animation: fadein 5s; 
        -ms-animation: fadein 5s;
         -o-animation: fadein 5s;
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.item-institucional {
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
	height:auto;overflow:hidden;
}

.item-institucional img{
	display:inline-block;
	text-align:center;
    width: 60px;
    height: 60px;
}


/*SETTEADO EL MOUSSE OVER PARA CADA ITEM A MODO PRUEBA PERO NO PARA EL TEXTO NI EL TITULO.*/
.item-institucional img:hover { opacity: 0.6; }

/** Style parallax **/

::-webkit-scrollbar {
	width: 13px; // to adjust width
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
  -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
  border: 1px solid #D8D8D8; //color of the track of scroll bar
}

::-webkit-scrollbar-thumb {
  background: #646464;
  -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
  background: #aaaaaa;
}

::-webkit-scrollbar-thumb:active {
  background: #888;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

html {
  width: 100%;
  height: 100%;
}

body {
  background: #ffffff;
  color: #666;
}


section .cover {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
}

section .cover img {
	position: absolute;
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

section .cover div {
	position: absolute;
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



section .content {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;

}

section .text {
	width: 100%;
}

.centralize {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateZ(0px) translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 1000px) {
	
	#lucha-aftosa-container,#mision-container{
		padding:0 20px;
	}
	
	
	#header-container-fluid{
		padding:0 !important;
	}
	
  section .text {
    width: 90%;
  }
  
  #info-mapa{
    left: 5% !important;
    right: 5% !important;
	width: 90% !important;
  }

}


a.iprodev {
	line-height: normal;
	font-family: Varela Round, sans-serif;
	font-weight: 600;
	text-decoration: none;
	font-size: 13px;
	color: #A7AAAE;
	position: fixed;
	left: 20px;
	bottom: 20px;
	border: 1px solid #A7AAAE;
	padding: 12px 20px 10px;
	border-radius: 50px;
	transition: all .1s ease-in-out;
	text-transform: uppercase;
	z-index: 100;
}

a.iprodev:hover {
	background: #A7AAAE;
	color: white;
}

/** Style RRHH **/



/*--------------------------------------------------------------------------------- CSS  RRHH ------------------------------------------------------*/

/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 



/************ ESTILOS ***********/
/* #header-rrhh{ */
	/* background-color:white; */
	/* background-repeat:no-repeat; */
	/* background-position: center -30px; */
	/* background-image:url(../img/rrhh-02.png); */
	/* background-size: 100% auto; */
	/* width:100%; */
    /* z-index: -1; */
/* } */
#header-rrhh{
	background-color:var(--pan296);
}


.p-rrhh-home{
	
    color: #0C5582;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1.5px;
	max-width:50%;
	margin:0;
	padding-top:100px;
}


.d-rrhh-home{
	z-index: 99999999;
	background-size: 100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

/* .send-rrhh{ */
    /* background:#0C5582; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    /* padding:15px; */
    /* z-index: 99999999;     */
	/* font-size: 15px; */
	/* transition: all 0.5s ease; */
	/* border:2px solid transparent; */
/* } */



#rrhh-img{
	width: 100%;
	margin-top: -8%;
    z-index: 4444;
}

/** Style Vademecum**/



/*--------------------------------------------------------------------------------- CSS  VADEMÉCUM ------------------------------------------------------*/


/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

/************ ESTILOS ***********/
section{ 
	font-family:'arialregular';
}


#botones a{
	color:#fff;
	display:inline-block;
}


#botones a:hover{
	color:#fff;
	text-decoration:none;
}


#botones a:link{
	color:#fff;
	text-decoration:none;
}


#botones a:active{
	color:#fff;
	text-decoration:none;
}


#botones a:visited{
	color:#fff;
	text-decoration:none;
}


#contenido-vad{
	text-align:center;
	background-color:white;
	padding-bottom:30px;
}


#botones{
	display:inline-block;
	text-align:center;
	float:initial;
	margin-top:5%;
}


/* Botones vademecum */

#nom-btn{
    display: inline-block;
    text-align: center;
    margin-top: 44%;
    font-size: 10px;
    font-family: 'OpenSans';
	padding:0 10px;
}

#titulo-vad{
	color:white;
	margin-left:8px;
	margin-right:8px;
    display: inline-block;
    vertical-align: middle;
}

.border-vad{
	border-bottom: 2px solid #FFFFFF;
    padding-bottom: 0.5%;
    width: 6%;
    margin-left: 47%;
}

.border-vad-2{
	border-bottom: 2px solid #FFFFFF;
    padding-bottom: 0.5%;
    width: 5%;
}


.input-vad{
	width: 80%;
    background: rgba(255,255,255,0.2);
    display: inline-block;
    height: 35px;
    border: 1px solid white;
	padding-left:5%;
	font-family:'OpenSans';
	color:white;
	letter-spacing:2px;
}

.input-vad:focus{
	outline:none;
	border: 1px solid white;
}


#botonera-af{
	margin-bottom:60px;
}


.botonVademecum-Af{
	background:url(../img/vad-af-normal.png);
	width:158px;
	height:158px;
	transition: all 0.5s ease;
}


.botonVademecum-Af:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-af-hover.png);
	background-repeat:no-repeat;
}


.outerLine-Af{
	width:105%;height:105%;
	background:url(../img/vad-af-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}


.botonVademecum-Af:hover .outerLine-Af{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


#botonera-ant{margin-bottom:60px;}


.botonVademecum-Ant{
	background:url(../img/vad-ant-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}



.botonVademecum-Ant:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-ant-hover.png);
	background-repeat:no-repeat;
}


.outerLine-Ant{
	width:105%;
	height:105%;
	background:url(../img/vad-ant-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}


.botonVademecum-Ant:hover .outerLine-Ant{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


#botonera-int{margin-bottom:60px;}


.botonVademecum-Int{
	background:url(../img/vad-int-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}


.botonVademecum-Int:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-int-hover.png);
	background-repeat:no-repeat;
}


.outerLine-Int{
	width:105%;
	height:105%;
	background:url(../img/vad-int-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Int:hover .outerLine-Int{
	transition: all 0.5s ease;
	background-size:100% 100%;
}

#botonera-ext{margin-bottom:60px;}
.botonVademecum-Ext{
	background:url(../img/vad-ext-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Ext:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-ext-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Ext{
	width:105%;
	height:105%;
	background:url(../img/vad-ext-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Ext:hover .outerLine-Ext{
	transition: all 0.5s ease;
	background-size:100% 100%;
}

#botonera-bio{margin-bottom:60px;}
.botonVademecum-Bio{
	background:url(../img/vad-bio-normal.png);
	width:158px;height:158px;
	transition:1s;;
}

.botonVademecum-Bio:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-bio-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Bio{
	width:105%;
	height:105%;
	background:url(../img/vad-bio-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Bio:hover .outerLine-Bio{
	transition: all 0.5s ease;
	background-size:100% 100%;
}

#botonera-ende{margin-bottom:60px;}
.botonVademecum-Ende{
	background:url(../img/vad-ende-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Ende:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-ende-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Ende{
	width:105%;
	height:105%;
	background:url(../img/vad-ende-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Ende:hover .outerLine-Ende{
	transition: all 0.5s ease;
	background-size:100% 100%;
}

#botonera-farma{margin-bottom:60px;}
.botonVademecum-Farma{
	background:url(../img/vad-farma-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Farma:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-farma-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Farma{
	width:105%;
	height:105%;
	background:url(../img/vad-farma-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition:1s;
}

.botonVademecum-Farma:hover .outerLine-Farma{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


#botonera-nutri{
	margin-bottom:60px;
}


.botonVademecum-Nutri{
	background:url(../img/vad-nutri-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Nutri:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-nutri-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Nutri{
	width:105%;
	height:105%;
	background:url(../img/vad-nutri-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Nutri:hover .outerLine-Nutri{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


#botonera-repro{
	margin-bottom:60px;
}


.botonVademecum-Repro{
	background:url(../img/vad-repro-normal.png);
	width:158px;
	height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Repro:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-repro-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Repro{
	width:105%;
	height:105%;
	background:url(../img/vad-repro-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}



.botonVademecum-Repro:hover .outerLine-Repro{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


#botonera-amb{
	margin-bottom:60px;
}


.botonVademecum-Sal-Amb{
	background:url(../img/vad-sal-amb-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Sal-Amb:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-sal-amb-hover.png);
	background-repeat:no-repeat;
}

.outerLine-Sal-Amb{
	width:105%;
	height:105%;
	background:url(../img/vad-sal-amb-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Sal-Amb:hover .outerLine-Sal-Amb{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


#botonera-vit-min{
	margin-bottom:60px;
}

.botonVademecum-Vit-Min{
	background:url(../img/vad-vit-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Vit-Min:hover{
	transition: all 0.5s ease;
	background:url(../img/vad-vit-min-hover.png);
}

.outerLine-Vit-Min{
	width:105%;
	height:105%;
	background:url(../img/vad-vit-min-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Vit-Min:hover .outerLine-Vit-Min{
	transition: all 0.5s ease;
	background-size:100% 100%;
}

#botonera-inter{
	margin-bottom:60px;
}

.botonVademecum-Inter{
	background:url(../img/inter-normal.png);
	width:158px;height:158px;
	transition: all 0.5s ease;
}

.botonVademecum-Inter:hover{
	transition: all 0.5s ease;
	background:url(../img/inter-min-hover.png);
}

.outerLine-Inter{
	width:105%;
	height:105%;
	background:url(../img/inter-min-aro-hover.png);
	background-size:95% 95%; 
	background-position:center;
	background-repeat:no-repeat;
	transition: all 0.5s ease;
}

.botonVademecum-Inter:hover .outerLine-Inter{
	transition: all 0.5s ease;
	background-size:100% 100%;
}


/* Termina botones vademecum */


#botonera-buscar{
    font-family: OpenSans;
    display: inline-block;
    text-align: center;
    /*padding-top: 6%;*/
    width: 100%;
    /*margin-left: 4.5%;*/
}


.form-control{
	color:#fff;
	opacity:0.2;
	border:#fff thin solid;
}


.btn-palabra{
	border:#fff solid thin;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}


#btn-buscar{
	background-image:url(../img/lupa-2-01.png);
	width:38px;	
	height:48px;
	border:none;
	background-color:transparent;
    margin-top: -17%;
    margin-left: 10%;
}

#btn-buscar:focus{
	outline:none;
	border:none;
}

/*--------------------------------------------------------------------------------- CSS CARROUSEL ------------------------------------------------------*/


/************ FONTS ***********/
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.eot');
    src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
/** de aca para abajo 2 **/

/************ ESTILOS ***********/
#slider1 {
    min-height: 30vh;
    overflow: hidden;
    position: relative;
    padding: 0 50px 10px;
	background-size: 100% auto;
	margin-left:0%;
	
}

#slider1 .viewport {
    min-height: 265px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {
    display: block;
    position: absolute;
    top: 45%;
    left: 0px;
    width: 48px;
    height: 48px;
    color: #359FBD;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 45%;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
	top: 50px;
}

#slider1 .overview li {
    float: left;
    margin: 10px 20px 0 0;
    padding: 1px;
    height: 190px;
    border: 1px solid #359FBD;
    /*width: 405px;*/
	max-width:67vw;
 }
 
 #slider1 .overview li img{
	position:absolute;
 }

/* estilos personalizados*/

.fech-rev{
	color:#fff;
	position:relative;
	text-align:left;
	padding-bottom:1%;
	margin-top:2%;
    font-size:12px;
}


.border{
    border-bottom: 2px solid white;
    padding-bottom: 1%;
    margin-left: 44%;
    width: 10%;
}

.border-2{
    border-bottom: 2px solid white;
    padding-bottom: 1%;
    width: 10%;
}


.tit-rev{
	color:#fff;
	position:relative;
	text-align:left;
	padding-bottom:1%;
	font-family: 'OpenSans';
	font-size: 14px;
    font-weight: 700;
}


.desc-rev{
	color:#fff;
	font-size:12px;
	text-align:left;
	width:100%;
	position:relative;
	padding-bottom:1%;
	margin-top:2%;
	padding-right:2%;
}


#ver-revista{
    padding-left:5%;
}


#info-revista{
	margin-top:2%;
	color:#8c8c8c;
	padding:0 30px;
}

@media screen and (max-width: 883px)
{#info-revista{
	padding-left:0;}
}

#info-revista p{
    margin-left: 0%;
    font-size: 13px;
    width: 57%;
}

#info-revista h1{
	color:#359FBD;
	font-family: 'OpenSans';
}

#p-3{
	width:100% !important;
	font-size:15px;
}


#img-rev{
	width:26.5%;
    box-shadow: 2px 2px 20px;
    margin-right: 7%;
}


.border-tit{
	border-bottom: 2px solid #359FBD;
}


#btn-rev{
	color:#fff;
	font-family: 'OpenSans';
    font-size: 17px;
    letter-spacing: 1px;
	opacity:1;
	background:#359FBD;
	border:none;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    height: 50px;
    width: 36%;
    margin-top: 60px;
	transition: all 0.6s ease;
}

#btn-rev:hover{
    border: 2px solid #359FBD;
    background: transparent;
    color: #359FBD;
	transition: all 0.6s ease;
}

p{
	font-family:'OpenSans';
    line-height: 30px;
    letter-spacing: 1px;
} 

#p-1{
    width: 100% !important;
    font-size: 15px !important;
    margin-bottom: 30px;
}


#p-2{
    margin-top: 10%;
    font-size: 12.5px;
    margin-bottom: -1.5%;
}

#h2-1{
    font-size: 23px;
}


.rev-30{
	background-image:url(../img/30-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-30:hover{
	background-image:url(../img/30-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}


.rev-29{
	background-image:url(../img/29-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-29:hover{
	background-image:url(../img/29-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}

.rev-28{
	background-image:url(../img/28-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-28:hover{
	background-image:url(../img/28-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}


.rev-27{
	background-image:url(../img/27-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-27:hover{
	background-image:url(../img/27-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-26{
	background-image:url(../img/26-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-26:hover{
	background-image:url(../img/26-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-25{
	background-image:url(../img/25-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-25:hover{
	background-image:url(../img/25-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-24{
	background-image:url(../img/24-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-24:hover{
	background-image:url(../img/24-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-23{
	background-image:url(../img/23-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-23:hover{
	background-image:url(../img/23-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-22{
	background-image:url(../img/22-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-22:hover{
	background-image:url(../img/22-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-21{
	background-image:url(../img/21-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-21:hover{
	background-image:url(../img/21-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-20{
	background-image:url(../img/20-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-20:hover{
	background-image:url(../img/20-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-19{
	background-image:url(../img/19-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-19:hover{
	background-image:url(../img/19-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;

}



.rev-18{
	background-image:url(../img/18-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-18:hover{
	background-image:url(../img/18-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-17{
	background-image:url(../img/17-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-17:hover{
	background-image:url(../img/17-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-16{
	background-image:url(../img/16-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-16:hover{
	background-image:url(../img/16-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}



.rev-15{
	background-image:url(../img/15-147x188-desaturada.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;	
	z-index: 2;
	width:36%;
}


.rev-15:hover{
	background-image:url(../img/15-147x188.png);
    background-repeat: no-repeat;
    height: 188px;
    background-size: cover;
	transition: all 0.5s ease;
}

.rev-30,.rev-29,.rev-28,.rev-27,.rev-26,.rev-25,.rev-24,.rev-23,.rev-22,.rev-21,.rev-20,.rev-19,.rev-18,.rev-17,.rev-16,.rev-15,.rev-30:hover,.rev-29:hover,.rev-28:hover,.rev-27:hover,.rev-26:hover,.rev-25:hover,.rev-24:hover,.rev-23:hover,.rev-22:hover,.rev-21:hover,.rev-20:hover,.rev-19:hover,.rev-18:hover,.rev-17:hover,.rev-16:hover,.rev-15:hover{
	height:100%;
	width:36%;
	display:inline-block;
	background-size: auto 100%;
	overflow:hidden;
	
}

.overview .info-rev{
	height:100%;
	width:60%;
	display:inline-block;
	overflow:hidden;
	padding:0;
	margin:0;
	padding-top:15px;
}

.mirrored{
	display:none;
}

#targets{
	width:50%;
	display:table-row;
	text-align:right;
	line-height: 10%;
	position: relative;
	margin:50%;
}

#targets h3 { 
	float: left;
	margin:50%; 
}

#targets img{
	width:35px;
	margin: 50%;
	display: table-row;
}

#targets-inner{
	width:100%;
	display:inline-block;
	text-align:left;
	float:top;
    padding-top: 55px;
}

#targets-inner img{
	width:auto;
	max-width:58px;
}


figure.snip1156:hover .antiparasitarios-externos{
	border: 2px solid #0D553F;
}

.antiparasitarios-externos-h2 {
	color: #0D553F;
}

figure.snip1156:hover .antiparasitarios-internos{
	border: 2px solid #00955F;
}

.antiparasitarios-internos-h2 {
	color: #00955F;
}

.titulo-endectocidas{
	color:#9B9501 !important;
}


figure.snip1156:hover .endectocidas{
	border: 2px solid #9B9501;
}

.endectocidas-h2 {
	color: #9B9501;
}

.titulo-antibioticos{
	color:#FF0423 !important;
}


figure.snip1156:hover .antibioticos{
	border: 2px solid #FF0423;
}

.antibioticos-h2 {
	color: #FF0423 !important;
}

.titulo-intramamarios{
	color:#e6007e !important;
}


figure.snip1156:hover .intramamarios{
	border: 2px solid #e6007e;
}

.intramamarios-h2 {
	color: #e6007e !important;
}

.titulo-reproductivos{
	color:#FF671B !important;
}


figure.snip1156:hover .reproductivos{
	border: 2px solid #FF671B;
}

.reproductivos-h2 {
	color: #FF671B !important;
}


.titulo-vitaminicos-y-minerales{
	color:#003B5D !important;
}


figure.snip1156:hover .vitaminicos-y-minerales{
	border: 2px solid #003B5D;
}

.farmaceuticos-h2 {
	color: #003B5D !important;
}

.titulo-farmaceuticos{
	color:#6D3A5D !important;
}


figure.snip1156:hover .farmaceuticos{
	border: 2px solid #6D3A5D;
}

.farmaceuticos-h2 {
	color: #6D3A5D !important;
}

.titulo-salud-ambiental{
	color:#26CBD4 !important;
}


figure.snip1156:hover .salud-ambiental{
	border: 2px solid #26CBD4;
}

.salud-ambiental-h2 {
	color: #26CBD4 !important;
}

.header-inner{
	position: fixed; 
	z-index: 9999; 
	margin-top: -2%; 
	padding-top: 1%;
}

@media screen and (min-width: 300px) {
	.header-inner{
		position:initial;
	}

	.snip1156.image h3{
		display:none;
		color:#b8b8b8;
		font-size:16px;
		margin-left:15px;
		margin-right:15px;
	}
	
	#logo-bago{
		width:100%;
		max-width:300px;
	}
	
	.headerDesktop .li-nav{
		list-style:none;
		width:100%;
		display:inline-block;
		margin-right:2%;
		font-size:0.9em;
		transition: 0.4s all ease-in-out;
		color:#969696;
	}
	
	
	.li-nav-2{
		display:inline-block;
		width:100%;
		font-weight:700;
		padding-right:4%;
	}
	
	.headerDesktop .ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display:none;
		width:100%;
		position:absolute;
		min-width:200px;
		margin-left:-50px;
		text-align:center;
		padding-top:20px;
	}
	.headerDesktop .ul-nav li a {
		text-decoration:none;
		display:block;
		color:var(--pan296);
		text-transform:uppercase;
		font-size:10px;
		font-family:"OpenSansSemiBold";
	}
	
	.headerDesktop .ul-nav li:hover > ul {
		display:block;
		transition:0.4s all ease-in-out;
		color:#656565;
	}
	
	.ul-nav li ul li {
		background-color:white;
		position:relative;
		padding-top:10px;
		padding-bottom: 10px;
		transition: 0.4s all ease-in-out;
		color:#656565;
		box-shadow: none;
		border-bottom:2px solid var(--celeteInermedio);
	}
	
	.ul-nav li ul li:last-child {
		border-bottom:0;
	}
	
	#logo-bago{
		display:none;
	}
	
	#logo-bago-mobile{
		display:inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 10px;
	}
	
	.li-paises {
		display: inline-block;
		color: white;
		width: 16%;
		font-size: 13px;
	}

	#ul-nav-2 {
		border-bottom:1px solid #D3D3D3;
	}
	
	.ul-nav {
		float: left;
		text-align: left;
	    line-height: 60px;
	}

	.dropdown-menu{
		box-shadow: none;
		background: white;
		border: none;
		transition: all 0.4s ease;
	}
	
	.dropdown{
		transition: all 0.4s ease;
	}
	.open{
		transition: all 0.4s ease;
	}
	
	.ul-nav li ul li {
		box-shadow: none;
		text-align: left;
	}
	
	
	.dropdown-menu>li>a {
		background:transparent;
		padding: 3px 10px;
	}
	
	.headerDesktop .ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		width: 100%;
		position: absolute;
		min-width: 200px;
		padding-top: 0px;
	}

	#flecha-submenu{
		display:none;
	}	
	
	#ul-nav-2{
		display:none;
	}
	
	#ul-nav-principal{
		height:auto;
		display: inline-block;
		width: 100%;
		position: initial;
		float: initial !important;
	}
	
	
	.li-nav-2{
		width:auto;
		display:inline-block;
	}
	
	.li-paises-nav{
		display: inline-block;
		padding:0;
		margin:0;
		width:48%;
	}
	
	.div-nav-2{
		width: auto;
		display: inline-block;
		float: right;
		padding-right: 10px;
	}
	
	.main{
		position:fixed;
	}
	
	#container-ul-nav-header{
		height:auto;
		overflow: auto;
		width: 100%;
	}
	
	
	#box-desktop{
		display:none;
	}
	
	#box-mobile{
		display:block;
	}
	
	.dropdown-menu>li>a {
		color:#b6b6b6;
	}
	
	#ul-paises-nav{
	    width: 100%;
		left: 0;
		position: initial;
		background:transparent;
		transition: all 0.4s ease;
		padding: 0;
		margin:0;
	}
}

@media screen and (min-width: 769px) {
	.header-inner{
		position: fixed;
		min-height:auto;
	}
	
	#ul-nav-2 {
		display: flex;
		justify-content: flex-start;
		align-content: flex-end;
		align-items: baseline;
		padding: 0 0px;
		flex: 0 0 150px;
		margin: 0 !important;
		flex-wrap:wrap;
	}

	.div-nav-2{
		display: none;
	}
	
	
	
	#ul-nav-principal {
		height: auto;
		text-align: right;
		position: initial;
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 1080px;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	.snip1156.image h3{
		display:initial;
		color:#b8b8b8;
		font-size:16px;
		margin-left:15px;
		margin-right:15px;
	}
	#logo-bago{
		/* width:21%; */
		max-width:300px;
	}
	
	.li-nav{
		list-style:none;
		display:inline-block;
		width:auto;
		margin-right:2%;
		font-size:0.9em;
		transition: 0.4s all ease-in-out;
		color:#969696;
	}
	
	.li-nav-2{
		display:inline-block;
		width:auto;
		font-weight:700;
		padding-right:4%;
	}
	
	.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display:none;
		min-width:200px;
		margin-left:-50px;
		text-align:center;
		padding-top:20px;
	}
	
	.headerDesktop .ul-nav li:hover > ul {
		display:block;
		transition:0.4s all ease-in-out;
		color:#656565;
		margin: 0;
		padding: 0;
		min-width: 200px;
		width: 200px;
	}
	
	.ul-nav li ul li {
		background-color:white;
		padding-top:10px;
		padding-bottom: 10px;
		transition: 0.4s all ease-in-out;
		color:#656565;
		box-shadow: none;
		width: calc(100% - 30px);
		margin: auto;
	}
	
	.ul-nav li a {
		text-decoration:none;
		display:block;
		color:#656565;
		text-transform:uppercase;
	}
	
	#logo-bago{
		display:inline-block;
	}
	
	#logo-bago-mobile{
		display:none;
	}
	
	#ul-nav-2 {
		border-bottom:none;
	}
	
	.ul-nav {
		float:right;
		line-height:20px;
	}

	.ul-nav li ul li {
		box-shadow:none;
	}
	
	.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		width: 100%;
		position: absolute;
		min-width: 200px;
		margin-left: -50px;
		text-align: center;
		padding-top: 20px;
	}

	#flecha-submenu{
		display:inline-block;
	}	
	
	.headerDesktop .ul-nav li:hover > ul{
	    background: none;
	}
	

	
	#container-ul-nav-header{
		height:auto;
		overflow:initial;
		display: inline-block;
		position:relative;
		flex:1 0 500px;
`	}

	#box-mobile{
		display:none;
	}
	
	#box-desktop{
		display:block;
	}
	
}

.h1-1-home{
	text-transform:uppercase;
}

.aftosa-fechas-container{
	width:100%;	
	padding-top: 25%;
}
.aftosa-fechas-container .div-años-aftosa:nth-child(1),.aftosa-fechas-container .div-años-aftosa:nth-child(3),.aftosa-fechas-container .div-años-aftosa:nth-child(5){
	margin-top:-20%;
	padding-right:5%;
	padding-left:0%;
}
.aftosa-fechas-container .div-años-aftosa{
	margin-bottom:30px;
	padding-right:0%;
	padding-left:5%;
}

.td-widget div{
	width:100%;
}

.side-title{
	width:100%;text-align:right;
	padding-right:2.5%;
	
}

.side-title h2{
	margin-top:10px;
	margin-bottom:0;
}

.tabla-aftosa p{
	line-height:25px;
}

.img-widget{
	background-position:100% center;
}

.a-paises-principal{
	color:white; 
	font-family:'OpenSans';
}

.a-paises-principal img{
	display:block;
	margin:auto;
	width: auto;	
	height:auto;
}

.a-paises-principal p{
	text-align:center;
	line-height: 25px;
	font-weight:700;
	font-size:15px;
	letter-spacing:1px;
}

.banderas-paises-principal{
	margin-bottom:5vh;
	opacity:0.4;
	transition:all 0.5s ease;
}

.banderas-paises-principal:hover{
	margin-bottom:5vh;
	opacity:1;
	transition:all 0.5s ease;
}

.banderas-paises-principal a:focus{
	text-decoration: none;
	color: inherit;
}

.banderas-paises-principal a:active{
	text-decoration: none;
	color: inherit;
}


.a-paises-principal:hover{
	color:white;
}

.h2-aftosa{
		color:#02204C;
		display:inline-block;
		font-size:20px;
		font-family:'OpenSans';
		margin-top: 40px;
	}

.h2-aftosa-celeste	{
		color:white;
		display:inline-block;
		font-size:20px;
		font-family:'OpenSans';
		background-color: #26CBD4;
		width: 100%;
		height: 100%;
		padding-top: 10px;
		padding-left: 20px;
		padding-bottom: 10px;
}


#contenedor-cuadro {
	border:1px solid #999;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;
	padding-bottom: 20px;
}


	.container-lista-360 img{
		width: 96%;
		padding-left: 2%;
	}
	
	.container-anios-linea-tiempo{
		margin: auto;
		text-align: center;
	}
	
	.container-anios-linea-tiempo div{
		background: #011E49;
		width: 100px;
		height: 100px;
		border-radius: 100px;
		margin: auto;
	}
	
	.container-anios-linea-tiempo div p{
		text-align: center;
		padding-top: 35px;
		color: white;
		font-weight: 700;
		letter-spacing: 1px;
		font-size: 25px;
	}
	
	.nace-linea-tiempo{
		display:inline-block;    
		font-weight: 700;    
		padding-top: 10px;
	}
	
	.bago-linea-tiempo{
		display:inline-block;
		font-weight: 700;
		color: #011E49;
	}
	
	

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  {
   #barra-vademecum-aftosa, #barra-vademecum-antibioticos,#barra-vademecum-vitaminicos-y-minerales,#barra-vademecum-salud-ambiental,
#barra-vademecum-reproductivos, #barra-vademecum-farmaceuticos, #barra-vademecum-endectocidas, #barra-vademecum-biologicos,
#barra-vademecum-antiparasitarios-internos, #barra-vademecum-antiparasitarios-externos {display: none !important;}

  	.h1-1-home { 
		margin-top: 0px; 
	}
	
	.h2-cd {
		color: #C8C6C6;
		font-weight: 700;
		font-family: 'OpenSans';
		font-size:18px;
		margin-top: 0;
	}
	
	.cd-timeline-content .cd-date{
		visibility:hidden;
	}
	
	.volver-mobile {
		background-image: url(../img/volver-desactivado.png);    
		height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 7%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		margin-left: -44%;
	}
	
}



@media only screen 
  and (min-device-width: 325px) 
  and (max-device-width: 736px)
  {
	.h2-cd {
		color: #B2B2B2;
		font-weight: 700;
		font-family: 'OpenSans';
		font-size:18px;
		margin-top: 0;
	}

	.cd-timeline-content .cd-date{
		display:none;
	}

}


.header-layout-aftosa .titulo-sección{
	margin:0;
}

.header-layout-aftosa .titulo-integridad{
	width:1080px;
	margin:auto;
	text-align:left;
}

.header-layout-aftosa > div {
    position: absolute;
    width: 100%;
    height: 277px;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 70px;
}


.header-layout-integridad > div {
    flex-wrap:wrap;
		padding-bottom:0;
}

.header-layout-integridad > div > img{
	position:absolute;
	opacity:0;
	transition:0.5s;
}

.header-layout-integridad > div > img.active-image{
	opacity:1;
}





@media screen and (max-width: 1024px) {
	
	#container-ul-nav-header{
		display:none;
		
	}
	
	.header-layout-aftosa > div {
		padding-bottom:0px;
		height:100px;
	}
	
	
	[aria-expanded="true"] #container-ul-nav-header{
		display:block;
	}
	
	.rrhh-text{
		padding-top:1vh;
	}
	
	
	.aftosa-fechas-container .div-años-aftosa:nth-child(1),.aftosa-fechas-container .div-años-aftosa:nth-child(3),.aftosa-fechas-container .div-años-aftosa:nth-child(5){
		margin-top:0;
		padding-right:0;
		padding-left:5%;
	}
	.aftosa-fechas-container .div-años-aftosa{
		
		padding-right:0%;
		padding-left:0%;
		width:90%;
		padding-left:5%;
	}
	.inner-text{
		width:90%;
		padding-left:5%;
	}
	.side-title{
		text-align:center;
		padding-right:0;
	}
	.aftosa-fechas-container{
		padding-top:10px;
	}
	.titulo-layout-aftosa{
		font-size:20px;
	}
	.header-layout-aftosa{
		/* padding-bottom:20px; */
	}
}


#vademecum-loading{
	right:10000px;
	position:relative;
}

#vade{
	padding-top:30px;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
	.icn-ubicacion {
		width: 3%;
		display: inline-block;
	}

	.curva-rrhh{
		display:inline-block;
		width:100%;
		position:relative;
		z-index:3;
	}

	#btnmenu {
		display: inline-block;
		margin-top: -5%;
		margin-right: 1%;
		transition: all 0.5s ease;
		float: right;
	}
}


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
  
	#form1 textarea {
		width: 99%;
		background: rgba(255,255,255,0.2);
		height: 15vh;
		/*margin-left: -11px;*/
	}

	#btn-buscar {
		background-image: url(../img/lupa-2-01.png);
		width: 39px;
		height: 48px;
		border: none;
		background-color: transparent;
		margin-top: 10px;
		margin-left: -7px;
		display: block;
	}
	
	.input-vad {
		width: 70%;
		background: rgba(255,255,255,0.2);
		display: inline-block;
		height: 35px;
		border: 1px solid white;
		padding-left: 5%;
		font-family: 'OpenSans';
		color: white;
		letter-spacing: 2px;
	}


	.input-group-btn {
		display: inline-block;
		text-align: center;
		margin: auto;
	}
	
	
	.volver-mobile {
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 10%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		margin-left: -44%;
	}
	
  	.container-title-info-revista{
		display:inline-block; 
		margin-left: -60px;
	}
	
    .header-infotec-revista{
		background: #66CCED;
		margin-top: 1vh;
		padding-bottom: 4%;
		margin-bottom: 5vh;
	}
	
	.header-inner{
		position:initial;
	}


	.ul-nav li:hover > ul {
		background: none;
		left: 0px;
		top: 60px;
	}
	
	.ul-nav .li-nav .a-nav {
		color: #5A5A5A;
		font-size: 12px;
	}

	.snip1156.image h3{
		display:none;
		color:#b8b8b8;
		font-size:16px;
		margin-left:15px;
		margin-right:15px;
	}
	
	#logo-bago{
		width:100%;
		max-width:300px;
	}
	
	.li-nav{
		list-style:none;
		width:100%;
		display:inline-block;
		margin-right:2%;
		font-size:0.9em;
		transition: 0.4s all ease-in-out;
		color:#969696;
		padding-bottom: 30px;
	}
	
	
	.li-nav-2{
		display:inline-block;
		width:100%;
		font-weight:700;
		padding-right:4%;
	}
	
	.headerDesktop .ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display:none;
		width:100%;
		position:absolute;
		min-width:200px;
		margin-left:-50px;
		text-align:center;
		padding-top:20px;
	}
	.ul-nav li a {
		text-decoration:none;
		display:block;
		color:#656565;
		text-transform:uppercase;
		font-size:10px;
	}
	
	.headerDesktop .ul-nav li:hover > ul {
		display:block;
		transition:0.4s all ease-in-out;
		color:#656565;
	}
	
	.ul-nav li ul li {
		background-color:white;
		position:relative;
		padding-top:7%;
		padding-bottom: 5%;
		transition: 0.4s all ease-in-out;
		color:#656565;
		box-shadow: none;
	}
	
	#logo-bago{
		display:none;
	}
	
	#logo-bago-mobile{
		display:inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 5%;
		margin-left:0;	
	}
	
	.li-paises {
		display: inline-block;
		color: white;
		width: 16%;
		font-size: 13px;
	}

	#ul-nav-2 {
		border-bottom:1px solid #D3D3D3;
	}
	
	.ul-nav {
		float: left;
		text-align: left;
	    line-height: 60px;
	}

	.dropdown-menu{
		box-shadow: none;
		background: white;
		border: none;
		transition: all 0.4s ease;
	}
	
	.dropdown{
		transition: all 0.4s ease;
	}
	.open{
		transition: all 0.4s ease;
	}
	
	.ul-nav li ul li {
		box-shadow: none;
		text-align: left;
	}
	
	.dropdown-menu>li>a {
		background:white;
		padding: 3px 13px;
	}
	
	.headerDesktop .ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		width: 100%;
		position: absolute;
		min-width: 200px;
		padding-top: 0px;
	}

	#flecha-submenu{
		display:none;
	}	
	
	#ul-nav-2{
		display:none;
	}
	
	#ul-nav-principal{
		height:auto;
		display: inline-block;
		width: 100vw;
		position: initial;
		float: initial !important;
		text-align:left;
	}
	
	
	.li-nav-2{
		width:auto;
		display:inline-block;
	}
	
	.li-paises-nav{
		display: inline-block;
		padding:0;
		margin:0;
		width:48%;
	}
	
	.div-nav-2{
		width: auto;
		display: inline-block;
		float: right;
		padding-right: 10px;
	}
	
	.main{
		position:fixed;
	}
	
	#container-ul-nav-header{
		height:auto;
		overflow: visible;
		width: 100vw;
		max-width:100vw;
	}
	
	
	#box-desktop{
		display:none;
	}
	
	#box-mobile{
		display:block;
	}
	
	.dropdown-menu>li>a {
		color:#b6b6b6;
		font-size:12px;
	}
	
	#ul-paises-nav{
	    width: 100vw;
		left: 0;
		top: 20vh;
		position: initial;
		min-height: 20vh;
		transition: all 0.4s ease;
		padding: 0;
		margin:0;
	}
	
	
	.b-l {
		width: 73%;
	}
	
	#ul-filiales-paises{
		display:none;
	}
	
	#info-mapa{
		border:none;
	}
	
	#img-rev {
		width: auto;
		box-shadow: 2px 2px 20px;
		
	}
	
	.desc-rev{
		width: 100%;
		opacity:0;
	}
	
	.curva-rrhh{
		display:inline-block;
		width:100%;
		position:relative;
		z-index:3;
		margin-top: -8%;
	}

	
	#container-error{
		padding-top:20vh;
		color:#D00032;
	}
	
	#container-type-error{
		text-align: right;
	}
	
	#container-error-title{
		padding-left: 6vw;
		text-align:center
	}
	
	#container-type-error h1{
		color:#D00032;
		font-weight: 700;
		font-family: 'OpenSans';
		letter-spacing: 3px;
		font-size: 50px;
		text-align: center;
		display:inline-block;
		margin: 0;
		padding: 0 3vw;
		text-shadow: 0px -1px 6px rgba(0, 0, 0, 0.49);
	}
	
	.point-error{
		width: 15px;
		height: 15px;
		display: inline-block;
		background: #D00032;
		text-align: center;
		border-radius: 100px;
		vertical-align: super;
	}
	
	#error-number img{
		width:27%;
	}
	
	#container-text-error{
		text-align:left;
	}
	
	#container-text-error h2{
	    color: #BD0020;
		font-size: 20px;
		padding-top: 4vh;
		text-align: left;
		padding-left: 7vw;
	}
	
	#error-border{
	    border-top: 1px solid #656565;
		text-align: left;
		margin-left: 7vw;
		width: 15%;
		margin-top: 3vh;
	}
	
	#error-description{
	    padding-left: 6.5vw;
		padding-top: 2vh;
	}
	
	#error-description p{
		color: grey;
		font-family: 'OpenSans';	
	}

	#volver-p {
		margin-left: 15%;
		padding-top: 1%;
	}

	.container-nota-revista{
		margin-bottom: 8%;
	}
	
	.bienvenidos {
		margin: 0; 
		margin-top: 70px;
		text-align: left; 
		margin-left: 60px;
	}
	
  	.logo-blanco {
		width: 100%;
		height: 200px;
		margin-top: 15%;
	}
	
}


/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
  {
	.bienvenidos {
		margin: 0; 
		margin-top: 70px;
		text-align: left; 
		margin-left: 60px;
	}

	#infodcha div.error {
		color: #ffcf5c;
		position: absolute;
		padding-top: 3px;
		font-size: 10.5px;
	}
	
	.logo-blanco {
		width: 100%;
		margin-top: 0%;
	}	
 
 	.360-inside{
		text-shadow:none;
		padding-top:0;
		margin-bottom:2.5%;
	}
	
	.container-nota-revista{
		margin-bottom:2%;
	}
	
  	.container-title-info-revista{
		display:inline-block; 
		margin-left: -100px;
	}
	
    .header-infotec-revista{
		background: #66CCED;
		padding-bottom: 4%;
		margin-bottom: 5vh;
	}
	
	.border-celeste{
		border:none;
	}
	
	.icn-ubicacion {
		width: 5%;
		display: inline-block;
	}
	
	#ul-filiales-paises{
		display:none;
	}

	.border-tit {
		border-bottom: none;
	}
	
	.desc-rev{
		width: 100%;
	}
	
	#ul-nav-2-mobile{
		display:none;
	}
	
	.curva-rrhh{
		display:inline-block;
		width:100%;
		position:relative;
		z-index:3;
	}
	
	.buscador {
		background-color: #E8E6E6;
		width:80%;
		height: 25px;
		margin-bottom: 15%;
		padding-left: 4%;
		display:inline-block;
	}

	.img-fundaciones-1{
		width:70%;
		
	}

	.img-fundaciones-2{
		width:65%; 
	}
	
	.img-fundaciones-3{
		width:70%;
	}
	
	.img-fundaciones-4{
		width:70%;
	}
	
	.img-fundaciones-5{
		width:70%;
	}
	
	.img-fundaciones-6{
		width:75%;
	}	
    
    .img-fundaciones-7{
		width:50%;
		float: initial;
	}
	
	.img-fundaciones-8{
		width:50%;
		padding-right:20%;
	}

	
	
	#container-error{
		padding-top:20vh;
		color:#D00032;
	}
	
	#container-type-error{
		text-align: right;
	}
	
	#container-error-title{
		padding-left: 11vw;
		text-align:center
	}
	
	#container-type-error h1{
		color:#D00032;
		font-weight: 700;
		font-family: 'OpenSans';
		letter-spacing: 3px;
		font-size: 55px;
		text-align: center;
		display:inline-block;
		margin: 0;
		padding: 0 4vw;
		text-shadow: 0px -1px 6px rgba(0, 0, 0, 0.49);
	}
	
	.point-error{
		width: 15px;
		height: 15px;
		display: inline-block;
		background: #D00032;
		text-align: center;
		border-radius: 100px;
		vertical-align: super;
	}
	
	
	
	#error-number img{
		width:27%;
	}
	
	#container-text-error{
		text-align:left;
	}
	
	
	
	#container-text-error h2{
	    color: #BD0020;
		font-size: 20px;
		padding-top: 10vh;
		text-align: left;
		padding-left: 7vw;
	}
	
	#error-border{
	    border-top: 1px solid #656565;
		text-align: left;
		margin-left: 7vw;
		width: 15%;
		margin-top: 4vh;
	}
	
	#error-description{
	    padding-left: 6.5vw;
		padding-top: 3vh;
	}
	
	#error-description p{
		color: grey;
		font-family: 'OpenSans';	
	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 325px) 
  and (max-device-width: 736px)
  and (orientation: landscape) {
	.b-l{
		width:90%;
	}
	
	
	#img-rev {
		width: 60%;
		box-shadow: 2px 2px 20px;
		margin-left: 5%;
	}

	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 35px;
	}

	
	#container-error{
		padding-top:50vh;
		color:#D00032;
	}
	
	#container-type-error{
		text-align: center;
	}
	
	#container-error-title{
		padding-left: 0;
		text-align:center
	}
	
	#container-type-error h1{
		color:#D00032;
		font-weight: 700;
		font-family: 'OpenSans';
		letter-spacing: 3px;
		font-size: 50px;
		text-align: center;
		display:inline-block;
		margin: 0;
		padding: 0 3vw;
		text-shadow: 0px -1px 6px rgba(0, 0, 0, 0.49);
	}
	
	.point-error{
		width: 15px;
		height: 15px;
		display: inline-block;
		background: #D00032;
		text-align: center;
		border-radius: 100px;
		vertical-align: super;
	}
	
	#error-number img{
		width:20%;
	}
	
	.ul-nav li a {
		font-size:12px;
	}
	
   	.container-nota-revista{
		margin-bottom:5%;
		
	}
	
}



/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: portrait) {
	.b-l{
		width:100%;
	}
	
	#list-menu{
		margin-left:0;
	}

	#img-rev {
		width: 90%;
		box-shadow: 2px 2px 20px;
		margin-top: 2%;
		margin-left:5%;
	}
	#ver-revista{
		padding-left:0;
	}
	#info-revista{
		margin-left:0;
		padding:5%;
	}
	
	.navbar-collapse.collapse.in .dropdown-menu>li>a>img{
		width:40px;
	}
	
	#slider1 .overview li:nth-child(1),#slider1 .overview li:nth-child(2){
	display:none;
	}
	
	#btn-mas{
		float:initial;
	}
	#slider1 .overview li{
		text-align:center;
		margin-right:0;	
		float:initial;
		display:inline-block;
	}
	
	#slider1 .overview{
		width:100vw !important;
		text-align:center;
	}
	
	#slider1{
		padding:0;
		width:100vw !important;
	}
	
	.border-tit {
		border-bottom: none;
	}
	
	
	.rev-30,.rev-29,.rev-28,.rev-27,.rev-26,.rev-25,.rev-24,.rev-23,.rev-22,.rev-21,.rev-20,.rev-19,.rev-18,.rev-17,.rev-16,.rev-15,.rev-30:hover,.rev-29:hover,.rev-28:hover,.rev-27:hover,.rev-26:hover,.rev-25:hover,.rev-24:hover,.rev-23:hover,.rev-22:hover,.rev-21:hover,.rev-20:hover,.rev-19:hover,.rev-18:hover,.rev-17:hover,.rev-16:hover,.rev-15:hover{
		height:100%;
		width:100%;
		display:inline-block;
		background-size: auto 100%;
		overflow:hidden;
		background-position: center;
	}
	
	.info-rev p{
		display: none;
	}
	
	.img-fundaciones-1{
		width:auto;
	}

	.img-fundaciones-2{
		width:auto;
	}
	
	.img-fundaciones-3{
		width:auto;
	}
	
	.img-fundaciones-4{
		width:auto;
	}
	
	.img-fundaciones-5{
		width:auto;
	}
	
	.img-fundaciones-6{
		width:auto;
	}
	.img-fundaciones-8{
		width:50%;
		padding-right:20%;
	}
	
	
	#container-error{
		padding-top:20vh;
		color:#D00032;
	}
	
	#container-type-error{
		text-align: center;
	}
	
	#container-error-title{
		padding-left: 0;
		text-align:center
	}
	
	#container-type-error h1{
		color:#D00032;
		font-weight: 700;
		font-family: 'OpenSans';
		letter-spacing: 3px;
		font-size: 50px;
		text-align: center;
		display:inline-block;
		margin: 0;
		padding: 0 3vw;
		text-shadow: 0px -1px 6px rgba(0, 0, 0, 0.49);
	}
	
	.point-error{
		width: 15px;
		height: 15px;
		display: inline-block;
		background: #D00032;
		text-align: center;
		border-radius: 100px;
		vertical-align: super;
	}
	
	#error-number img{
		width:27%;
	}
	
	
	
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  {
	#list-menu li a {
		background: rgba(255, 255, 255, 0.3);
		color: #2988AF;
		padding: 4px;
		display: inline-block;
		font-family: 'OpenSans';
		text-align: center;
		transition: all 0.4s ease;
		width: 95px;
		line-height: 16px;
	}
	
   	.container-nota-revista{
		margin-bottom:5%;
	}
	
	.h1-infotec-noticias{
		font-size:20px !important;
	}
	
	.h1-infotec-noticias2{
		font-size:18px !important;
	}
	
	
	.container-title-info-revista{
		display:inline-block; 
		margin-left: -30px;
	}
	
     .header-infotec-revista{
		background: #66CCED;
		margin-top: 1vh;
		padding-bottom: 4%;
		margin-bottom: 5vh;
	}
	
	#list-menu li a {
		width: 74px;
	}
	
	#list-menu {
		margin-left: 20px;
	}
	
	
	#titulo-mapa h1{
		font-size: 38px;
		margin: auto;
		padding-bottom:10%;
	}
	
	.border-celeste{
		border:none;
	}
	
	#ul-filiales-paises{
		display:block;
	}
	
	#ul-filiales-paises{
		/*padding-left:7%;
		padding-top:5%;*/
	}
	
	#ul-filiales-paises li{
		display:inline-block;
		padding-top:5%;
	}
	
	
	#ul-filiales-paises li a{
		color:white;
		
		letter-spacing:1px;
	}
	
	#info-mapa{
		border:none;
	}
	
	#btn-rev {
		width:72%;
	}
	
	
	.curva-rrhh{
		display:inline-block;
		width:100%;
		position:relative;
		z-index:3;
	}
	
	
	
	.after .toggleIcon::before {
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		text-shadow: 0 0 3px #333;
	}
	
	.after .toggleIcon::after {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	

	/* ripple */
	.ripple{
		overflow: hidden;
		position: relative;
	}
	
	.ripple-effect{
		position: absolute;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		background: white;
		-webkit-animation: ripple-animation 2s;
		animation: ripple-animation 2s;
	}
	
	
	@-webkit-keyframes ripple-animation {
		from {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 0.4;
		}
		to {
		-webkit-transform: scale(100);
				transform: scale(100);
		opacity: 0;
		}
	}
	@keyframes ripple-animation {
		from {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 0.4;
		}
		to {
		-webkit-transform: scale(100);
				transform: scale(100);
		opacity: 0;
		}
	}
	
	#container-text-error{
		text-align:left;
	}
	
	#container-text-error h2{
	    color: #BD0020;
		font-size: 20px;
		padding-top: 10vh;
		text-align: left;
		padding-left: 7vw;
	}
	
	#error-border{
	    border-top: 1px solid #656565;
		text-align: left;
		margin-left: 7vw;
		width: 15%;
		margin-top: 4vh;
	}
	
	#error-description{
	    padding-left: 6.5vw;
		padding-top: 3vh;
	}
	
	#error-description p{
		color: grey;
		font-family: 'OpenSans';	
	}
	
	
	
	.bienvenidos {
		margin: 0; 
		margin-top: 70px;
		text-align: left; 
		margin-left: 10px;
	}
	
}

@media screen 
and (min-device-width: 1200px) 
and (max-device-width: 2100px) { 
	.vad-prod-background{
		background-color:#f5f5f5;
		display:inline-block;
		width:96%;
		height:96%;
		margin:2%;
	}
	
	
	#volver-revista-p{
		display:inline-block;
		z-index:3;
		padding-top:3%;
	}
	
	.360-inside{
		text-shadow:none;
		padding-top:0;
		margin-bottom:2.5%;
	}
	
	#english-v-linea{
		display: block;
		border-top: 1px solid white;
		width: 3%;
	}
	
   #frase-final-trayectoria{
		text-align:center;
		color:#00173B;
		font-size:23px;
   }
   
   .p-proveedores-download{ 
		display: inline-block;    
		color: #337ab7; 
		font-size: 13px;    
		width: 80%;
	}
	
     #nace-biog-img-2 {
		display:none;
	}
	
	#cd-timeline{
		margin-top: 3em;
	}
  
  #nace-biog-img{
		width:150px;
		display: block; 
		margin:auto;
		margin-top:3%;
  }

	#texto-btn-mas2{ 
		font-family: 'OpenSans';
		font-size: 12px;
		padding-top: 2%;
		margin-top: 5px !important;
		display: block;
		text-align: center;
		color:#66cced;
	}

  	.logo-blanco {
		width: 100%;
		margin-top: 20vh;
	}
	
 	.bienvenidos {
		margin: 0; 
		margin-top: 70px;
		text-align: left; 
		margin-left: 60px;
	}

  	.container-nota-revista{
		margin-bottom:1%;
	}
	
 	.container-title-info-revista{
		display:inline-block; 
		margin-left: -100px;
	}
	
    .header-infotec-revista{
		background: #66CCED;
		padding-bottom: 4%;
		margin-bottom: 5vh;
	}

 	#ul-nav-2-mobile{
		display:none;
	}
	
  	#ul-filiales-paises{
		display:none;
	}
	
	.curva-rrhh{
		display:inline-block;
		width:100%;
		position:relative;
		z-index:3;
		margin-top: -3%;
	}
	
	.img-fundaciones-1{
		width:70%;
	}

	.img-fundaciones-2{
		width:65%;
	}
	
	.img-fundaciones-3{
		width:70%;
	}
	
	.img-fundaciones-4{
		width:70%;
	}
	
	.img-fundaciones-5{
		width:70%;
	}
	
	.img-fundaciones-6{
		width:75%;
	}
	.img-fundaciones-7{
		width:65%;
		
	}
	
	.img-fundaciones-8{
		width:50%;
		padding-right:20%;
	}


	.h2-cd {
		margin-top:0;
	}
	
	#container-error{
		padding-top:20vh;
		color:#D00032;
	}
	
	#container-type-error{
		text-align: right;
	}
	
	#container-error-title{
		padding-left: 11vw;
		text-align:center
	}
	
	#container-type-error h1{
		color:#D00032;
		font-weight: 700;
		font-family: 'OpenSans';
		letter-spacing: 3px;
		font-size: 60px;
		text-align: center;
		display:inline-block;
		margin: 0;
		padding: 0 3vw;
		text-shadow: 0px -1px 6px rgba(0, 0, 0, 0.49);
	}
	
	.point-error{
		width: 20px;
		height:  20px;
		display: inline-block;
		background: #D00032;
		text-align: center;
		border-radius: 100px;
		vertical-align: super;
	}
	
	#error-number img{
		width:27%;
	}
	
	#container-text-error{
		text-align:left;
	}
	
	#container-text-error h2{
	    color: #BD0020;
		font-size: 20px;
		padding-top: 10vh;
		text-align: left;
		padding-left: 7vw;
	}
	
	#error-border{
	    border-top: 1px solid #656565;
		text-align: left;
		margin-left: 7vw;
		width: 15%;
		margin-top: 5vh;
	}
	
	#error-description{
	    padding-left: 6.5vw;
		padding-top: 3vh;
	}
	
	#error-description p{
		color: grey;
		font-family: 'OpenSans';	
	}
	
  	#ul-filiales-paises{
		display:none;
	}
}

#info-revista h1 {
    margin:0;
	margin-bottom:3%;
}


#btn-buscador-vademecum{
	background-color: #FFFFFF;
	border: none;
	width: 50px;
	height: 40px;
	background-image: url(../img/lupa-vademecum.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;
	display:inline-block;
	vertical-align: top;
	margin-left: 5px;
}

.input-group-btn{
	display:inline-block;
}

/*#form1 #enviar:hover{
	background:transparent;
    border: 2px solid white;
	transition: all 0.5s ease;
}*/

 /****  NUEVAS CONFIGURACIONES Y ALINEACIONES DE DISEÑO  *******/

.nombre-pais {
	margin-bottom:10px; 
	text-align: left; 
	
	margin-top: 2%;
    padding-left: 35px;
}

.imagen-pais{
	width: 20%; 
	margin-top:-1px;
}

.imagen-producto { 
	display:inline-block; 
 	text-align:center;
 	overflow:hidden; 
 	margin-top: 5%;
 }

.paises-registrados { 
	margin-left: 20%;
	margin-top: 8%;
	text-align: center;
}

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

	.nombre-pais {
		display:none !important;
    }
	

	.h2-titulo { 
		margin-bottom: 0%; 
		height: 20px; 
		display: none;
	}

#barra-vademecum-aftosa, #barra-vademecum-antibioticos,#barra-vademecum-vitaminicos-y-minerales,#barra-vademecum-salud-ambiental,
#barra-vademecum-reproductivos, #barra-vademecum-farmaceuticos, #barra-vademecum-endectocidas, #barra-vademecum-biologicos,
#barra-vademecum-antiparasitarios-internos, #barra-vademecum-antiparasitarios-externos {display: none !important;}
	
} 				  


#infodcha div.error{
	color:#ffcf5c;
	position:absolute;
    padding-top: 3px;
    font-size: 12px;
}

#enviando,#enviado,#errorEnvio{
	display:none;
	position:absolute;
	padding-top:20%;
	color:white;
	width:100%;	
}

.linea-blanca-contacto{
	width:30%;
	max-width:60px;
	border-top:1px white solid;
	display:inline-block;
	padding-top:10px;
}

#container-envio p{
	margin-left:0;
	margin-right:0;
}


.btn-mapa:focus{
	outline:none;
	border:none;
}

.btn-mapa:active{
	outline:none;
	border:none;
}


.tic-mision{
	margin-bottom:25px;
}

.tic-mision img{
    padding-right: 7px;
}

.container-prensa ul{
	margin:0;
	
}

.container-prensa .animateCollapse li{
	margin:0;
	border:none;
}

.container-prensa .after li{
	border:1px solid #E0E0E0;
	margin-bottom:5px;
}


.container-infotec-noticias{
	margin-top:0;
	padding-bottom:0;    
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.58); 
	margin-right: 0%;	
	
}

.line-infotec-noticias{
	border-top: 1px solid #444444; 
	width: 40px;
	margin-top: -10px;
}

.leer-infotec-noticias{
	color: white; 
	font-family: 'OpenSans'; 
	letter-spacing: 0.5px; 
	font-weight: 700; 
	padding-left: 20px;
	transition: all 0.6s ease;
}

.leer-infotec-noticias:hover{
	color:#003B5D;
	transition: all 0.6s ease;
}

.leer-infotec-noticias:focus{
	text-decoration: none;
	color: inherit;
}



#titulo-infotec-noticias{
	color: #66CCED;
	line-height: 21px; 
}

.h1-infotec-noticias{
	color: white;
	font-family: 'OpenSans';
	margin:0;
	padding-top: 5%; 
	text-align: center; 
	font-size: 25px;
	display:inline-block;
}

.h1-infotec-noticias2{
	color: white;
	font-family: 'OpenSans';
	margin: 0;
	padding-top: 5%; 
	text-align: center; 
	font-size: 25px;
	display:inline-block;
}

.dot-infotec-noticias{
	width: 7px;
	height: 7px;
	background: white;
	margin-top: 5vh;
	display: inline-block;
	vertical-align: super;
	border-radius: 30px;
}

.border-infotec-noticias{
	border-top: 1px solid white;
    width: 50px;
    margin: auto;
    margin-top: 10px;
}

.line2-infotec-noticias{
    border-top: 1px solid #6D6D6D;
    width: 35px;
}

.pinside-infotec-noticias{
    color: #6F6F6F;
    font-size: 13px;
    border-top: 1px solid #636363;
    border-bottom:1px solid grey;
    padding-top:1%;
    padding-bottom: 1%;
}


/** Fix menu ipad**/
@media only screen 
  and (min-device-width: 760px) 
  and (max-device-width: 1100px) 
  and (orientation: portrait) 
  {

	.content-home{
		padding-top:10vh !important;
	}
  
	.d-rrhh-home{
		background-image:none !important;
	}
	
	
	
	#display-rrhh{
		padding-top:20px;
	}
	
	h3.tr.move-x-1{
		width:50%;
		display:inline-block;
	}
	
	h4.tr-2.move-x-2{
		padding-top:50px;
		color:#666;
	}
	
	#ul-nav-2-mobile{
		transition: 0.4s;
	}
	.headerMobile .navbar-collapse{
		width:100%;
		padding-left:5%;
		padding-right:5%;
	}
	.navbar-collapse.collapse{
		display:none !important;
		visibility:hidden !important;
		z-index:0;
		width:100%;
		padding-left:5%;
		padding-right:5%;	
	}
	
	.navbar-collapse.collapse.in{
		display:block !important;
		visibility:visible !important;
		z-index:0;
		width:100%;
		padding-left:5%;
		padding-right:5%;
	}
	
	.navbar-nav .m-l{
		margin-left:0;
	}
	
	.navbar-nav > li > .dropdown-menu{
		width:100vw;
		position:initial;
		background-color:transparent;
	}
	
	.navbar-nav{
		float:initial;
	}
	
	.navbar-toggle{
		display:inline-block;
		position:relative;
		z-index:100000;
	}
	
	header .ul-nav li ul {
		margin-left:0;
	}
	
	header  .ul-nav li:hover > ul{
		position:initial;
	}
	
	ul.dropdown-menu.dropdown-menu-right{
		width:50%;
	}
	
	#navbarSecciones .container-fluid{
		padding-left:0;padding-right:0;
	}
	
	#ul-nav-principal,#container-ul-nav-header{
		width:100%;
	}
	
	.li-nav{
		margin-right:0;width:96%;padding-left:2%;
	}
	
	.ul-nav li ul li{
		background:transparent;
	}
	
	#back-rrhh #display-rrhh{
		padding-top:10px;
	}
	.textarea-contacto{ max-width: 500px;}
}

@media only screen 
  and (min-device-width: 760px) 
  and (max-device-width: 1100px) 
  and (orientation: landscape) 
  {
	#ul-nav-2-mobile{
		transition: 0.4s;
	}
	#ul-nav-2{
		display:none;
	}
	#logo-bago{
		display:none;
	}
	.navbar-collapse.collapse{
		display:none !important;
		visibility:hidden !important;
		z-index:0;
	}
	
	.navbar-collapse.collapse.in{
		display:block !important;
		visibility:visible !important;
		z-index:0;
		width:100%;
	}
	
	.img-widget {
		background-position: 100% center;
		background-size: 100% auto;
	}
	
	.navbar-nav .m-l{
		margin-left:0;
	}
	
	.navbar-nav > li > .dropdown-menu{
		width:100vw;
		position:initial;
		background-color:transparent;
	}
	
	.navbar-nav{
		float:initial;
	}
	
	.navbar-toggle{
		display:inline-block;
		position:relative;
		z-index:100000;
	}
	
	header .ul-nav li ul {
		margin-left:0;
	}
	
	header  .ul-nav li:hover > ul{
		position:initial;
	}
	
	ul.dropdown-menu.dropdown-menu-right{
		width:50%;
	}
	
	#navbarSecciones .container-fluid{
		padding-left:0;padding-right:0;
	}
	
	#ul-nav-principal,#container-ul-nav-header{
		width:100%;
	}
	
	.li-nav{
		margin-right:0;width:96%;padding-left:2%;
	}
	
	.ul-nav li ul li{
		background:transparent;
	}
	.div-nav-2{
		display:block;
	}
	#logo-bago-mobile{
		display:block;
		width:50%;
	}
	
	#flecha-submenu{
		display:none;
	}
	
	#img-mapa{
		display:none;
	}
	#mapa-total{
		border:none;
	}
	.textarea-contacto{ max-width: 500px;}
}



/** fin fix ipad menu**/

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

 	.tr, .tr-2{ 
		color:#0C5582 !important; 
	}
    
}


#barra-institucional{
	width:50%;
	height:1px;
	display:inline-block;
	border-top:1px solid #02204C;
}

.volver-infotec-revista div{
	background-image:url(../img/volver-info-tecnica.png);
	background-repeat:no-repeat;
	width: 42px;
	height:42px;
	display: inline-block;
	transition:all 0.3s ease;
}


.volver-infotec-revista p{
    display: inline-block;
    vertical-align: text-bottom;
    color: white;
    font-family: 'OpenSans';
    padding-left: 5px;
}

.volver-infotec-revista:hover div {
	background-image:url(../img/volver-info-tecnica.png);
	background-repeat:no-repeat;
	width: 42px;
	height:42px;
	display: inline-block;
	opacity:0.5;
	transition:all 0.3s ease;
}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background:transparent;
	color:#464646;
}



#btn-mas:hover{
	opacity: 0.4;
	transition: all 0.6s ease;
}


#btn-mas{
	transition: all 0.6s ease;
}


#btn-rev:focus{
	outline:none;
	border:none;
}

	
#imagen-uno {margin-top: 115px;}

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

	#imagen-uno {margin-top: 10px; }
	.img-fundaciones-1{ float: left ; width:100%; margin:0% auto  0% auto;}
	.img-fundaciones-2{ float: left; width:100%;margin:0% auto 0% auto; }
	.img-fundaciones-3{float: left;width:100%;margin:0% 5% 0% 5%;}
	.img-fundaciones-4{float: left;width:100%;margin:0% auto 0% auto;}
	.img-fundaciones-5{float: left;width:100%;margin:0% 5% 0% 7%;  }
	.img-fundaciones-6{float: left;width:100%; margin:0% auto 0% auto;  } 
    .img-fundaciones-7{float: initial;width:60%; margin:0% auto 0% auto;  }  
    .img-fundaciones-8{float: initial;width:60%; margin:0% auto 0% auto; padding-right:20%; }  
	.imagenes-fundaciones{ height: 150px; }
	#mapa-total{border:none;}
	.textarea-contacto{ max-width: 500px;}
}




.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height:initial ;
}
.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border:none;
}



.li-paises{
	text-align:left;
}



.item-institucional canvas{ 
	position:absolute; 
	margin-top:-15px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(1800deg);
	transform: rotate(180deg);
	display:inline-block;
	text-align:center;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}

.item-institucional .glyphicon{
	margin-top:15px;
	background-color:transparent;
	position:relative;
	top:-10px;
	display:inline-block;
	background-color:white;
	padding-left:10px;
	padding-right:10px; 
	color: #AAAAAA;
	padding-bottom:10px;
}

.plus-container{
	width:100%;
	display:block;
}

.item-institucional >a{
	display:inline-block;
	text-align:center;
}

#gota-vademecum , #gota-producto{
    margin-right: 10px;
   	width: 20px;
    margin-top: -5px;
}

.p-widget-v:hover {color: #202020}


figure.snip1156 figcaption > div:hover{
	background:transparent;
}


/** hover caption **/

figure.snip1156  .fig-salud-ambiental:hover{
	background-color:rgba(38,203,212,0.5);
}

figure.snip1156  .fig-aftosa:hover{
	background-color:rgba(0,130,200,0.5);
}

figure.snip1156  .fig-intramamarios:hover{

	background-color:rgba(230,0,126,0.5);
}

figure.snip1156  .fig-busqueda:hover{
	background-color:rgba(102,102,102,0.5);
}

figure.snip1156  .fig-antibioticos:hover{
	background-color:rgba(255,4,35,0.5);
}

figure.snip1156  .fig-antiparasitarios-externos:hover{
	background-color:rgba(13, 85, 63, 0.5);
}

figure.snip1156  .fig-antiparasitarios-internos:hover{
	background-color:rgba(0, 149, 95, 0.5);
}

figure.snip1156  .fig-biologicos:hover{
	background-color:rgba(100, 101, 104, 0.5);
}

figure.snip1156  .fig-endectocidas:hover{
	background-color:rgba(155, 149, 1, 0.5);
}

figure.snip1156  .fig-farmaceuticos:hover{
	background-color:rgba(109, 58, 93, 0.5);
}

figure.snip1156  .fig-reproductivos:hover{
	background-color:rgba(255, 103, 27, 0.5);
}

figure.snip1156  .fig-vitaminicos-y-minerales:hover{
	background-color:rgba(0, 59, 93, 0.5);
}


figure.snip1156 figcaption > div{
	margin:5%;	
}

figure.snip1156{
	width:100%;
	height:100%;
}

figure.snip1156 :hover{
	background: transparent;
}

figure.snip1156:hover .inner-producto-vademecum{
	transition:1;
	transform-origin: 0% 0%;
}

figure.snip1156:hover .inner-producto-vademecum{
	
	-ms-transform: scale(1.5,1.5); 
    -webkit-transform: scale(1.5,1.5); 
    transform: scale(1.5,1.5);
	
}

.div-img-aft{
	overflow:hidden;
	
}

figure.snip1156 .d-a-2 h2{
	display:inline-block;
	width:100%;
	height:65%;
	text-align:center;
	color:white !important;
}

.targets-vademecum{
	width:45%;
	display:inline-block;
	float:right;
	padding-top:10%;
	padding-right:5%;
}
.targets-vademecum img{
	width:100% !important;
}
.snip1156.image h3{
	display:block;
	margin-top:0;
}

.columna-target{
	width: 42%;
    float: right;
    padding-right: 14px;
}

@media only screen and (max-width:768px) {
	figcaption{
		display:none;
	}
	
	figure.snip1156:hover .inner-producto-vademecum{
		
		-ms-transform: scale(1,1); 
		-webkit-transform: scale(1,1); 
		transform: scale(1,1);
		
	}

}


.container-revistas-molino{
	margin: auto;
	text-align:center;
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 16%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 16%,rgba(242,242,242,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 16%,rgba(242,242,242,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );    
	padding-bottom: 9px; 
}

.container-revistas-molino img{
	max-width:200px;
}

@media only screen 
  and (min-device-width: 325px) 
  and (max-device-width: 736px) and (orientation:landscape) {
	.volver-mobile {
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto 90%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		margin-top: 10px;
		position: absolute; 
	}

	.volver-mobile:hover {
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto 90%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		margin-top: 10px;
		position: absolute;
		opacity:0.5;
	
	}

	.logo-blanco {
		width: 100%;
		height: 200px;
		margin-top:15px;
	}
	.border-video{
		margin-top:15px;
		margin-bottom:15px;
	}
	
	.h1-home-ev {
		text-align: center;
		color: white;
		text-shadow: 0px 3px black;
		letter-spacing: 1px;
		
		font-size: 27px;
		
	}
	.h1-home-ev.bienvenidos{
		margin-top:15px;
	}
	
	.content-home .container-h1-home{
		padding-top:0;
	}
	
	.redessociales-mobile{
		position:absolute;
	}
	
	.salud-animal {
		color: #79C8EE;
		font-size: 40px;
		font-weight: bold;
		line-height:40px;
	}
	
	.content-home .container-flecha{
		bottom:60px;
	}
	
	.scroll-down {
		margin: 0;
		border: 2px solid #fff;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		position: absolute;
		top: 84%;
		width: 50px;
		height: 50px;
		margin-top: 0px;
		z-index: 2;
		margin-left:-25px;
	}
	
	
	#slider1 .overview li:nth-child(1),#slider1 .overview li:nth-child(2){
	display:none;
	}
	
	#btn-mas{
		float:initial;
	}
	#slider1 .overview li{
		text-align:center;
		margin-right:0;	
		float:initial;
		display:inline-block;
	}
	
	#slider1 .overview{
		width:100vw !important;
		text-align:center;
	}
	
	#slider1{
	padding:0;width:100vw !important;
	}
	
	.border-tit {
		border-bottom: none;
	}
	#descripcion{
		height:auto !important;
	}
	
}




/*redes-sociales-home*/

#fb-home{
	opacity:1;
	transition:all 0.5s ease;
}


#fb-home:hover{
	opacity:0.5;
	transition:all 0.5s ease;
}

#ytb-home{
	opacity:1;
	transition:all 0.5s ease;
}

#ytb-home:hover{
	opacity:0.5;
	transition:all 0.5s ease;
}



/*flecha*/
@-webkit-keyframes pulse {
  
 0% {
    opacity: 0;
    background-position: top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    background-position: bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
    background-position: top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position:  bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
    background-position: top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    background-position:  top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}

.scroll-down {
	margin: 0;
	border: 2px solid #fff;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	position: absolute;
	top: 85%;
	width: 50px;
	height: 50px;
	margin-top: 0px;
	z-index: 2;
	margin-left:-25px;
}


.scroll-down a {
	display: block;
	opacity: 0;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	line-height: 0;
	font-size: 0;
	color: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	-webkit-animation: pulse 1.9s 0.05s infinite normal ease forwards;
	-moz-animation: pulse 1.8s 0.05s infinite normal ease forwards;
	-o-animation: pulse 1.8s 0.05s infinite normal ease forwards;
	animation: pulse 1.8s 0.05s infinite normal ease forwards;
	background-image: url("arrow-down.svg");
	background-repeat: no-repeat;
}


.scroll-down a:before, .scroll-down a:after {
	content: " ";
	position: absolute;
	top: -7px;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("arrow-down.svg") no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}


.scroll-down a:before {
	-webkit-animation: pulse 1.8s 0.20s infinite normal ease forwards;
	-moz-animation: pulse 1.8s 0.20s infinite normal ease forwards;
	-o-animation: pulse 1.8s 0.20s infinite normal ease forwards;
	animation: pulse 1.8s 0.20s infinite normal ease forwards;
    top: -8px;
}


.scroll-down a:after {
	-webkit-animation: pulse 1.8s 0.55s infinite normal ease forwards;
	-moz-animation: pulse 1.8s 0.55s infinite normal ease forwards;
	-o-animation: pulse 1.8s 0.55s infinite normal ease forwards;
	animation: pulse 1.8s 0.55s infinite normal ease forwards;
	top: -12px;
}

.scroll-down a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

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

	#descripcion {height: auto !important;}
	#titulo-vademecum {margin-top:5% !important; }

}

.nota-rse strong {
	color:#66CCED;
}

.titulo-vad{
	vertical-align:middle;
	text-align:center;
}

.titulo-nutricion {
	color:#D18900;
}	

.h4-nutricion {
	color:#D18900;
}	
.cuerpo-nutricion ul li::before {
  content: "• ";
  color: #D18900;
}


/* Portrait  IPAD*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  {

  	#referencias { margin-left: 0; }
  	#btnmenu {
		display: inline-block;
		margin-top: -5%;
		margin-right: 1%;
		transition: all 0.5s ease;
		float: right;
	}
	.img-fundaciones-7 {
		float:initial;
		width: 70%;
		margin: 0% auto 0% auto;
	}
	
	.titulo-vad-producto {
		text-align: center;
		font-size: 17px;
		margin-bottom: 0%;
	}

	.band-filiales {
		margin-top: -2%;
		width: 5%;
	}
	.vad-prod-background{
		background-color:#f5f5f5;
		display:inline-block;
		width:96%;
		height:96%;
		margin:2%;
	}
	
	
  	#volver-revista-p{
		display:inline-block;
		z-index:3;
		padding-top:3%;
	}
  	.360-inside{
		text-shadow:none;
		padding-top:0;
		margin-bottom:2.5%;
	}
  	#english-v-linea{
		display: block;
		border-top: 1px solid white;
		width: 6%;
	}
	
	#volver{ 
	    margin-left: -250px;
	}
	
	
	   #frase-final-trayectoria{
		text-align: left;
		color: #00173B;
		font-size: 23px;
		padding-left: 52px;
   }
   
	.paises-registrados {
		margin-left: 42%;
		margin-top: 8%;
		text-align: center;	
	}
	
	#slider1 {
		min-height: 10vh;
		overflow: hidden;
		position: relative;
		padding: 0 13px 10px;
		background-size: 100% auto;
		margin-left: 0%;
	}
	
	#slider1 .overview li {
		float: left;
		margin: 10px 20px 0 0;
		padding: 0px;
		height: 150px;
		border: 1px solid #359FBD;
		/*width: 285px;*/
		max-width: 67vw;
	}
	
	#texto-btn-mas2 {
		font-family: 'OpenSans';
		font-size: 12px;
		padding-top: 2%;
		margin-top: 5px !important;
		display: block;
		text-align: center;
		padding-left: 0;
	}
	
	#descripcion {height: auto !important;border:none;}

	.volver-mobile {
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 6%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		margin-left: -44%;
	}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  {
  	#texto-btn-mas2{ 
		text-align: center;
		
		margin-left: -5px;
		padding-top: 10px;
		font-family: 'OpenSans';
		font-size: 14px;
	}
	
	.icn-ubicacion {
		width: 3.5%;
		display: inline-block;
	}
	
	#titulo{
	    font-size: 26px;
	}
	
	#ver-revista {
		padding-left: 0;
		padding-top: 7%;
	}
	
  	#english-v-linea{
		display: block;
		border-top: 1px solid white;
		width: 13%;
	}
	
    #frase-final-trayectoria{
		text-align: left;
		color: #00173B;
		font-size: 18px;
		padding-left: 29px;
		line-height: 25px;
   }
	.item-institucional .glyphicon{
		display:none;
	}
	
	.item-institucional canvas{ 
		display:none;
	}
	
	.scroll-down {
		margin: 0;
		border: 2px solid #fff;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		position: absolute;
		top: 79%;
		width: 50px;
		height: 50px;
		margin-top: 0px;
		z-index: 2;
		margin-left:-25px;
	}
	
	.input-vad {
		width: 70%;
		background: rgba(255,255,255,0.2);
		display: inline-block;
		height: 33px;
		border: 1px solid white;
		padding-left: 5%;
		font-family: 'OpenSans';
		color: white;
		letter-spacing: 2px;
	}
}


h5{
	font-size: 16px;
    text-align: left;
    padding-top: 55px;
    color: #B9B9B9;
    letter-spacing: 1px;
}


.btn{
	overflow: hidden;
	background: rgb(234, 233, 233);
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	width:100%;
}

.ttl{
	color: #002E75;
	margin: 0;
	font-weight: bold;
	letter-spacing: 5px;
	padding: 1px 0 0 0;
	float:left;
	font-size:15px;
}
	
.animateCollapse{
	overflow: hidden;
	width: 100%;
	margin:2% auto;
}
	
.h1-noticias-rse {
	color: #002A68;
	font-size: 15px;
	font-family: 'OpenSans';
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-left:0;
	width:93%;
}

.linea-rse-not {
    border: 1px solid #67C6DB;
    width: 93%;
    margin-top: 0;
}

.animateCollapse{
	position: relative;
	margin: 0;
}

.container-prensa .animateCollapse { margin-bottom:5px; }

.container-prensa .animateCollapse .btn { border-radius: 0px;}	

	.animateCollapse li{
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		height: 0;
		opacity: 0;
		overflow: hidden;
		padding: 0 1em;
		width:100%;
		border:1px solid #E0E0E0;
		margin-left: 0;
		padding-right: 0;
	}
	
	.after li{
		height: auto;
		opacity: 1;
		padding: 0.5em 1em;
		width: 100%;
		margin-left: 0;
		padding-right: 0;
	}
	
	.toggleIcon {
		width: 1em;
		height: 1em;
		left:90%;
		top: 0.8em;
		bottom: 0;
		position: absolute;
		color:#66CCED;
	}
	
	.toggleIcon::before, .toggleIcon::after {
		content: '';
		position: absolute;
		background: #66CCED;
		-webkit-transition: 0.3s cubic-bezier(0.45, 0.01, 0.27, 1.4);
		transition: 0.3s cubic-bezier(0.45, 0.01, 0.27, 1.4);
	}
	
	.toggleIcon::before {
		width: 2px;
		height: 100%;
		left: calc(101% - 2px);
		margin-left: 1px;
	}
	
	.toggleIcon::after {
		width: 100%;
		height: 2px;
		top: calc(50% - 1px);
	}
	
	.after .toggleIcon::before {
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		text-shadow: 0 0 3px #333;
	}
	
	.after .toggleIcon::after {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

#form1 .error:focus{
    outline: #ffcf5c;
    border: 1px solid #ffcf5c;
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
   {
   .titulo-vad-producto {
    text-align: center;
    font-size: 17px;
    margin-bottom: 0%;
	}
	#infodcha div.error {
		color: #ffcf5c;
		position: absolute;
		padding-top: 3px;
		font-size: 10.5px;
	}
	
   	.vad-prod-background{
		background-color:#f5f5f5;
		display:inline-block;
		width:96%;
		height:96%;
		margin:2%;
	}
	
   	#volver-revista-p{
		display:inline-block;
		z-index:3;
		padding-top:3%;
	}
	
   	#english-v-linea{
		display: block;
		border-top: 1px solid white;
		width: 4%;
	}
	
      #frase-final-trayectoria{
		text-align: left;
		color: #00173B;
		font-size: 19px;
		padding-left: 40px;
   }
	.icn-ubicacion {
		width: 2%;
		display: inline-block;
	}
	
	#slider1 .overview li {
		float: left;
		margin: 10px 20px 0 0;
		padding: 1px;
		height: 190px;
		border: 1px solid #359FBD;
		/*width: 335px;*/
		max-width: 67vw;
	}
	
	#texto-btn-mas2{ 
		font-family: 'OpenSans';
		font-size: 12px;
		padding-top: 2%;
		margin-top: 5px !important;
		display: block;
	}
	
	
}

#navbar-main{
	position:fixed;
	background-color:white !important;
}

/*IMAGENES RSE SOLO EN IPAD*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

	.imagenes-fundaciones {height: 280px}
	#registrado {margin-top: 5% !important;}
	#barra-xs {margin-top: 2% !important;}
	#botonera-buscar {}
	.buscador {width:80%;}
}

/*PAGINA PRODUCTOS PASADO A CLASES E ID*/


#compartido {
	text-align:center; 
	padding-bottom: 1.5%;
}

#registrado {
	text-align:center;
	margin-top:50%; 
	margin-bottom: 1.5%;
}




#barra-vademecum-aftosa, #barra-superior-aftosa{border-bottom:1px solid #0082C8; }
#barra-vademecum-antibioticos, #barra-superior-antibioticos  {border-bottom:1px solid #FF0423;}
#barra-vademecum-antiparasitarios-externos, #barra-superior-antiparasitarios-externos {border-bottom:1px solid #0D553F;}
#barra-vademecum-antiparasitarios-internos, #barra-superior-antiparasitarios-internos{border-bottom:1px solid #00955F;}
#barra-vademecum-biologicos, #barra-superior-biologicos {border-bottom:1px solid #646568;} 
#barra-vademecum-endectocidas, #barra-superior-endectocidas  {border-bottom:1px solid #9B9501;} 
#barra-vademecum-farmaceuticos, #barra-superior-farmaceuticos  {border-bottom:1px solid #6D3A5D ;} 
#barra-vademecum-reproductivos, #barra-superior-reproductivos {border-bottom:1px solid #FF671B;}
#barra-vademecum-salud-ambiental, #barra-superior-salud-ambiental {border-bottom:1px solid #26CBD4;}
#barra-vademecum-vitaminicos-y-minerales, #barra-superior-vitaminicos-y-minerales {border-bottom:1px solid #003B5D;}

 {border-bottom:1px solid #0082C8}
{text-align:center;width:15%;margin:auto;border-bottom:1px solid #FF0423;}
 {text-align:center;width:15%;margin:auto;border-bottom:1px solid #0D553F;}
{text-align:center;width:15%;margin:auto;border-bottom:1px solid #00955F;}
 {text-align:center;width:15%;margin:auto;border-bottom:1px solid #646568;} 
  {text-align:center;width:15%;margin:auto;border-bottom:1px solid #9B9501;} 
{text-align:center;width:15%;margin:auto;border-bottom:1px solid #6D3A5D ;} 
 {text-align:center;width:15%;margin:auto;border-bottom:1px solid #FF671B;}
 {text-align:center;width:15%;margin:auto;border-bottom:1px solid #26CBD4;}
 {text-align:center;width:15%;margin:auto;border-bottom:1px solid #003B5D;}


#barra-paises {border-bottom:1px solid #CCC;  margin-bottom: 4%; width: 160px; }


#targets-mobile img {width:auto;
	max-width:58px;display: none !important;}

#barra-xs {margin: auto; text-align: center; margin-top: 7%;}

/*PRODUCTOS EN MOBILE*/

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

	#registrado ,#compartido, #barra-media, #barra-paises, #barra-superior, #barra-xs, #targets-inner img, .mail, #barra-vademecum, .vademecum-producto ,.container-registro-paises-pc{display: none;}
	#volver-producto {float: left; text-align: left; margin-top: -10% !important;}
	.titulo-vad-producto {text-align: right; font-size: 17px; margin-bottom: 0%;}
	
	#targets-mobile img {display: inline-block !important; margin: 0px auto auto auto;  width: 12% ; 
	}
   .imagen-pais {margin:0px 15% 0px 0px; width: 20%;}
   .paises-registrados {margin:5% 0% 5% 0%; float: left; width: 50%;}
   .cuerpo-producto {margin-top: -20%;}
   #contacto-mobile{display: inline-block !important;  text-align: right; /*margin-left:20%; position: relative; margin-top: -16%;*/}
   	
   	.mail {}
   	#volver-producto {background-position: left;     background-size: 10%; }
   	#volver-producto p {margin-left: 12%;
    margin-top: 3%;}
	
	#sidePlantas{
		padding-top:0;
	}
}



#contacto-mobile {display: none;}

	.facebook{
		background-image: url(../img/facebook-desactivado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		float:initial;
		display:inline-block;
	}
	
	.facebook:hover{
		background-image: url(../img/facebook-activado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
	}
	
	.mail{
		background-image: url(../img/mail-desactivado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		float:initial;
		display:inline-block;
	}
	
	.mail:hover{
		background-image: url(../img/mail-activado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		cursor: pointer;
	}
	
	
	.descargar{
		background-image:url(../img/descargar-desactivado.png);
		height:35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	.descargar:hover{
		background-image: url(../img/descargar-activado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
	}
	
	.print{
		background-image: url(../img/imprimir-desactivado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	.print:hover{
		background-image: url(../img/imprimir-activado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
	}
	
	.volver{
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		margin-top: 0;
		text-align: left;
		position:absolute;
		
	}

	.volver-infotec-revista div {
		background-image: url(../img/volver-info-tecnica.png);
		background-repeat: no-repeat;
		width: 42px;
		height: 42px;
		display: inline-block;
		transition: all 0.3s ease;
		background-size: auto 78%;
	}

	#titulo-vademecum {margin-top:15%;}



	 @media screen and (min-device-width:1024px) {
	 	.img-fundaciones-1{margin-top: 37%;}

	 }
	 
.fadder{
	/* opacity:0; */
	/* transition:0.5s; */
	
}

.contenido-producto ul,.contenido-producto li{
	list-style-type: disc;
	list-style: disc;
}
.contenido-producto ol, .contenido-producto ol li{
	list-style-type: decimal;
	list-style: decimal;
	margin-left:10px;
	padding:0;
}
.contenido-producto ol li{
	padding-left:5px;
}

.d-a-2{
	border-color:white !important;
}

.animateCollapse ul:hover {background-color: rgba(221, 221, 221, 0.30);}

.vjs-control-bar{
	opacity:0;
}

.container-nota-revista:hover {opacity: 0.8; }




#titulo-mapa
{
	z-index:3333;
	position:relative;
}




#sidePlantas{
	padding-top:54vh;
}

/* .send-rrhh:hover{  */
	/* background: transparent; */
    /* border: 2px solid white; */
	/* transition: all 0.5s ease; */
/* } */

.ul-nav li a {
	white-space:initial;
}


@media screen and (max-width: 1024px){
	.banderas-paises-principal { opacity: 1; }
	
	#sidePlantas{
		padding-top:0 !important;
	}
}


/**arreglo paises botones en resolusión pc chica **/
@media screen and (min-width: 769px){
	#ul-nav-2-mobile{
		display:none !important;
	}
}


.plus-vademecum{
	font-size:50px;
}


#menu-vademecum a:focus {text-decoration:none}


 .inner-text h2{color: white; font-size: 15px;line-height: 25px;} 
 .inner-text h3{color: #02204C; line-height: 25px;font-size:18px;
margin-bottom:20px;} 
.nota-container .inner-text h3{margin-top:10px;}
.inner-text img{max-width:90%;
margin-left:5%;
display:inline-block;}
.nota-container .inner-text img{
-webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.39);
-moz-box-shadow:    0px 0px 5px 1px rgba(50, 50, 50, 0.39);
box-shadow:         0px 0px 5px 1px rgba(50, 50, 50, 0.39);
margin-bottom:10px;
}

.noticias-list .noticia img.thumb{
	width:100%;
	margin:0;
	max-width:initial;
}

.nota-container div{
	max-width:100% !important;
	margin-right:initial;
}

.nota-container .tabla-aftosa p{
	text-align:justify;
}

.nota-container .tabla-aftosa p,.nota-container .tabla-aftosa span {
	color: rgb(87, 87, 86) !important;
}
 .inner-text h4{color: #02204C;} 
 .inner-text li {color:rgb(87, 87, 86); font-size: 15px; line-height: 25px;}
.nota-container .inner-text li {list-style-type:disc;
	margin-left:20px;	
}
 .inner-text table {color: black; font-size: 15px;line-height: 25px;}

.marker {color: red;}

.pre { font-size: 10px; padding: 5px; margin-bottom: 50px;}


#ul-rrhh-home{
	max-width:600px;
	margin:auto;
}

#ul-rrhh-home li{
	line-height:20px;
	font-size: 15px; 
	text-align: center; 
	color: rgb(87, 87, 86);     
	margin: auto; 
	margin-top: 20px;
	text-align:left;
	list-style:initial;
	
}


@media screen and (max-width:768px){
	#ul-rrhh-home li {
		width: 100% !important; 
		margin-top: 25px; 
		line-height: 18px;
	}

  #ul-rrhh-home{margin:auto; max-width:90%;}

}




/*SONY E3*/
@media only screen 
  and (min-device-width: 480px) 
  and (max-device-width: 854px){
  .border-celeste {
    border-bottom: none;
}

	#ul-filiales-paises{
		display:block;
	}

	
	#ul-filiales-paises li{
		display:inline-block;
		padding-top:5%;
	}
	
	
	#ul-filiales-paises li a{
		color:white;
		
	}
	
		.cd-timeline-content .cd-date{
		display:none;
	}

	
	.h2-cd {
		color: #B2B2B2;
		font-weight: 700;
		font-family: 'OpenSans';
		font-size: 18px;
		margin-top: 0;
	}

.cd-timeline-block {
    position: relative;
    transition: 0.3s all ease-in-out;
    margin-top: 8%;
}

.titulo-vad-producto {
    text-align: right;
    font-size: 17px;
    margin-bottom: 0%;
}

  }
  
  
  /* IPHONE 5*/
  @media only screen 
  and (min-device-width: 325px) 
  and (max-device-width: 568px){
	
	.border-celeste {
		border-bottom: none;
	}

	#ul-filiales-paises{
		display:block;
	}
	
	.titulo-vad-producto {
		text-align: right;
		font-size: 17px;
		margin-bottom: 0%;
		margin-left: 44px;
	}
	
	
	}
	
	
	#ul-filiales-paises li a{
		color:white;
		
	}
	
	.cd-timeline-content .cd-date{
		display:none;
	}

	
	.h2-cd {
		color: #B2B2B2;
		font-weight: 700;
		font-family: 'OpenSans';
		font-size: 18px;
		margin-top: 0;
	}

	.cd-timeline-block {
		position: relative;
		transition: 0.3s all ease-in-out;
		margin-top: 8%;
	}

	

	



.exteriorBtnSanitario{
		width: 77px;
		display:inline-block;
	}
	
	
	#list-menu li a {
		width:90%;
		padding:4px 0;
		background:rgba(255, 255, 255, 0.3);
		text-align:center;
	}
  
  
.laevolucion{
	font-size: 36px;
}
 
 
 @media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 320px) 
  {
  
   .border-celeste {
		border-bottom: none;
	}
	.bienvenidos {
		font-size: 18px;
		text-align: center;
	}
	
	.icn-ubicacion {
		width: 6.5%;
		display: inline-block;
	}
	
	.logo-blanco {
		width: 100%;
		height: 200px;
		margin-top: 0%;
	}
	
	.border-video {
		width: 9%;
		border: 1px solid white;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 50px;
		text-align: center;
	}
	
	.laevolucion {
		font-size: 18px;
	}
	
	.salud-animal {
		color: #79C8EE;
		font-size: 24px;
		margin-top: -1%;
		font-weight: bold;
	}
	

 	#logo-bago{
		display:none;
	}
	
	#logo-bago-mobile{
		display:inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 10px;
	}
	
	.li-paises {
		display: inline-block;
		color: white;
		width: 16%;
		font-size: 13px;
	}

	#ul-nav-2 {
		border-bottom:1px solid #D3D3D3;
	}
	
	.ul-nav {
		float: left;
		text-align: left;
	    line-height: 60px;
	}

	.dropdown-menu{
		box-shadow: none;
		background: white;
		border: none;
		transition: all 0.4s ease;
	}
	
	.dropdown{
		transition: all 0.4s ease;
	}
	.open{
		transition: all 0.4s ease;
	}
	
	.ul-nav li ul li {
		box-shadow: none;
		text-align: left;
	}
	
	.dropdown-menu>li>a {
		background:white;
		padding: 3px 13px;
	}
	
	.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		width: 100%;
		position: absolute;
		min-width: 200px;
		padding-top: 0px;
	}

	
	#list-menu li a {
		
		line-height: 16px;
		font-size: 11px;
	}
	
	#flecha-submenu{
		display:none;
	}	
	
	#ul-nav-2{
		display:none;
	}
	
	#ul-nav-principal{
		height:auto;
		display: inline-block;
		width: 100%;
		position: initial;
		float: initial !important;
	}
	
	
	.li-nav-2{
		width:auto;
		display:inline-block;
	}
	
	.li-paises-nav{
		display: inline-block;
		padding:0;
		margin:0;
		width:48%;
	}
	
	.div-nav-2{
		width: auto;
		display: inline-block;
		float: right;
		padding-right: 0;
	}
	
	.main{
		position:fixed;
	}
	
	#container-ul-nav-header{
		height:auto;
		overflow: visible;
		width: 100%;
		padding-bottom:30px;
	}
	
	header{
		box-shadow:0px 0px 17px #131313;
	}	
	
	#box-desktop{
		display:none;
	}
	
	#box-mobile{
		display:block;
	}
	
	.dropdown-menu>li>a {
		color:#b6b6b6;
	}
	
	#ul-paises-nav{
	    width: 100%;
		left: 0;
		position: initial;
		transition: all 0.4s ease;
		padding: 0;
		margin:0;
	}
	
	#ul-filiales-paises{
		display:block;
	}
	#ul-filiales-paises{
		/*padding-left:7%;
		padding-top:5%;*/
	}
	
	#ul-filiales-paises li{
		display:inline-block;
		padding-top:5%;
	}
	
	
	#ul-filiales-paises li a{
		color:white;
		
		letter-spacing:1px;
	}
	
	#info-mapa{
		border:none;
	}
	
	#btn-rev {
		width:72%;
	}
	
	.vademecum-240{
	    display: block;
		width: 100%;
	}
	
	.b-l {
		margin-left: 3%;
		margin-top: 0;
		margin-bottom: 1%;
		width: 93%;
	}
	
	/*#list-menu {
		list-style: none;
		margin-top: 2%;
		margin-left: 0%;
	}
	*/

	#botonera-buscar {
		font-family: OpenSans;
		display: inline-block;
		text-align: center;
		/*padding-top: 6%;*/
		width: 100%;
		margin-left: 0; 
		margin-top: 0;
	}
	
	.input-vad {
		width: 70%;
		background: rgba(255,255,255,0.2);
		display: inline-block;
		height: 34px;
		border: 1px solid white;
		padding-left: 5%;
		font-family: 'OpenSans';
		color: white;
		letter-spacing: 2px;
	}
	
	#btn-buscar {
		background-image: url(../img/lupa-2-01.png);
		width: 38px;
		height: 48px;
		border: none;
		background-color: transparent;
		margin-top: 0; 
		margin-left: 0; 
		display: inline-block;
	}
	
	.h1-1-home {
		font-size: 12px;
		color: #00173B;
		margin-top: 15%;
		font-family: 'OpenSans';
		font-weight: 700;
	}
	
	
	#ver-revista {
		padding-left: 7%;
		padding-top: 6%;
	}

	#img-rev {
		width: 55%;
		box-shadow: 2px 2px 20px;
		margin-right: 7%;
	}	
	
	#info-revista h1 {
		margin: 0;
		margin-bottom: 3%;
		font-size: 32px;
		margin-left: -13px;
		padding-top: 6%;
	}
	
	#info-revista p {
		margin-left: -6%;
		font-size: 13px;
		width: 57%;
		padding-top: 6%;
	}
	
	#h2-1 {
		font-size: 23px;
		margin-left: -13.8px;
	}
	
	.border-tit{
		border:none;
	}

	.revista-slider-240{
		display:none;
	}
	
	#slider1 .overview li {
		float: left;
		margin: 10px 20px 0 0;
		padding: 1px;
		height: 182px;
		border: 1px solid #359FBD;
		width: 70%;
		max-width: 100%;
		margin-top: -52px;
	}
	
	#slider1 .viewport {
		min-height: 150px;
		overflow: hidden;
		position: relative;
		width:100%;
	}
	
	#contacto {
		color: #0093C9;
		font-family: 'OpenSans';
		background: #fff;
		text-align: center;
		margin-top: 0%;
		height: 90px;
		margin-left: -4%;
		font-size: 28px;
	}
	
	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 10.5vh;
	}
	
	.ico-ubi {
		padding: 1%;
		width: 7%;
		vertical-align: top;
	}
	
	#form1 textarea {
		width: 97%;
		background: rgba(255,255,255,0.2);
		height: 27vh;
		/*margin-left: -15px;*/
	}
	
	#form1 #enviar {
		background: #359FBD;
		opacity: 1;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: none;
		height: 14vh;
		color: #fff;
		width: 100%;
		margin-top: 4%;
		font-size: 17px;
		letter-spacing: 1px;
		font-family: 'OpenSans';
		transition: all 0.5s ease;
		display: inline-block;
		max-width: 207px;
	}
	
	.input-contacto {
		display: inline-block;
		text-align: center;
		max-width: 500px;
		display: inline-block;
		margin: 0;
		width: 100%;
		margin-top: 15px;
	}
	
	.copy p {
		font-family: 'OpenSans';
		color: white;
		letter-spacing: 1px;
		font-size: 11px;
		display: inline-block;
	}
	
	.ul-nav li a {
		font-size: 12px;
	}
	
	.dropdown-menu>li>a {
		color: #b6b6b6;
		text-transform: uppercase;
		padding-top: 15px;
	}
	
	.ul-nav li a {
		text-decoration: none;
		display: block;
		color: #656565;
		text-transform: uppercase;
	}
	
	.dropdown-menu>li>a {
		background: white;
		color: #b6b6b6;
		display: block;
		padding: 0px 1px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		white-space: nowrap;
	}
	
	.li-paises-nav {
		display: inline-block;
		padding: 0;
		margin: 0;
		width: 49%;
		font-size: 9px;
	}
	
	#ul-paises-nav {
		width: 100%;
		left: 0;
		position: initial;
		min-height: 38vh;
		transition: all 0.4s ease;
		padding: 0;
		margin: 0;
	}
	
	.h2-cd {
		color: #B2B2B2;
		font-weight: 700;
		font-family: 'OpenSans';
		font-size:18px;
		margin-top: 0;
	}

	.cd-timeline-content .cd-date{
		display:none;
	}

	.titulo-layout-aftosa {
		color: white;
		margin-top: 25%;
		text-shadow: 0px 0px 7px #494949;
		letter-spacing: 2px;
		font-size: 17px;
		text-align: center;
	}
	
	.inner-text {
		width: 90%;
		padding-left: 4%;
	}

	.tabla-aftosa p {
		line-height: 29px;
		font-size: 13.5px;
		color: rgb(87, 87, 86);
	}
	
	.redes-footer {
		background: var(--pan296);
		border: none;
	}
	
	.copyright {
		background: #122551;
		color: white;
		padding-top: 1%;
		padding-bottom: 1%;
		font-family: 'OpenSans';
		letter-spacing: 0.5px;
		font-size: 12px;
	}
	
	.icono-bullet {
		width: 6%;
		float: left;
		padding-top: 5px;
	}
	
	.proveedores-li {
		margin-bottom: 8%;
		font-weight: 700;
	}
	.vademecum, .vademecum-producto {
		color: #7F7F7F;
		text-align: center;
		margin: 0;
		font-size: 18px;
	}
	
	.snip1156.image h3 {
		display: none;
		color: #b8b8b8;
		font-size: 16px;
		margin-left: 20px;
		display:block;
	}
	
	.titulo-vad-producto {
		text-align: center;
		font-size: 17px;
		margin-bottom: 0%;
	}
	
	#volver-producto {
		float: left;
		text-align: left;
		margin-top: 5% !important;
	}
	
	.h1-inst-home {
		display: inline-block;
		color: white;
		font-size: 23px;
		margin-left: 3px;
	}
	
	#descarga-margin {
		margin-bottom: 10%;
		width: 100%;
		display: block;
	}
}
  
  @media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 321px) 
   and (orientation: landscape) {
	
	.titulo-vad-producto {
		text-align: center;
		font-size: 17px;
		margin-bottom: 0%;
		margin-left: 0px;
	}
	.scroll-down {
		margin: 0;
		border: 2px solid #fff;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		position: absolute;
		top: 75%;
		width: 50px;
		height: 50px;
		margin-top: 0px;
		z-index: 2;
		margin-left: -25px;
	}  
	
   .logo-blanco {
		width: 100%;
		height: 200px;
		margin-top: 0%;
	}
	
	.border-video {
		width: 9%;
		border: 1px solid white;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 18px;
		text-align: center;
	}
	
	.laevolucion {
		font-size: 18px;
		margin-top: -7px;
		margin-bottom: 0;
	}
   
	#slider1 .overview li {
		float: left;
		margin: 10px 20px 0 0;
		padding: 1px;
		height: 182px;
		border: 1px solid #359FBD;
		width: 100%;
		max-width: 100%;
		margin-top: -52px;
	}
	
	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 12.5vh;
	}
	
	#form1 #enviar {
		background: #359FBD;
		opacity: 1;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: none;
		height: 18vh;
		color: #fff;
		width: 100%;
		margin-top: 4%;
		font-size: 17px;
		letter-spacing: 1px;
		font-family: 'OpenSans';
		transition: all 0.5s ease;
		display: inline-block;
		max-width: 275px;
	}

 }
  
.nota-tecnica-container h1{
	color: #66CCED !important;
	margin-left:0;
	font-size: 18px;
	line-height: 30px;
}

.nota-tecnica-container h3{
	color: #66CCED !important;
}

	.volver p{
	display: inline-block;
    vertical-align: middle;
    margin-top: 3%;
    margin-left: 60px;
    color: #B2B2B2;
    font-size: 17px;
    font-family: 'OpenSans';
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

	}
	
	
	/*.volver{
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		text-align: left;
		margin-left: -8%;
		margin-top:0;
	}*/
	
	#ul-rrhh-home{
		color:#359fbd;
	}
	.mirrored{display:none !important;}


@media only screen 
  and (min-device-width: 200px) 
   and (orientation: portrait) 
{
	.d-rrhh-home{
	background-image:url(../img/rrhh-02.png);
	background-size:auto 100%;
	background-position:center -2px;
	
	}
	
	#descripcion{
	border-right:0;
	}
}

#epigrafe-paises {
	font-size: 11px;
	font-family: 'OpenSans'; 
	color: white; 
	font-weight: 700; 
	display: inline-block; 
	padding-top: 65px;
	text-shadow: 0px 2px black;
	margin: 0;
	padding-left: 70px;
}

#epigrafe-mobile img {float:right; padding-right: 118px; padding-top: 29px;width:260px;max-width:50vw;}


#epigrafe-mobile{
	position:absolute;
}

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

	#epigrafe-paises {
		font-size: 11px;
		font-family: 'OpenSans'; 
		color: white; 
		font-weight: 700; 
		display: inline-block; 
		padding-top: 20px;
		text-shadow: 0px 2px black;
		text-align: center;
		margin-left:0px;
		padding-left: 0;
	}

	#epigrafe-mobile{ 
		text-align: center; 
		position:relative;
	}
	
	#epigrafe-mobile img {
		padding-right: 0; 
		float:initial;
	}


}  


@media screen and (max-width: 435px){
	.salud-animal{
		line-height: 50px !important;
		font-size: 35px !important;
	}
	
	.laevolucion{
		font-size: 20px;
	}
	.redessociales-mobile {
		margin-bottom: 20%;
	} 

}

#widget-animacion .item {
    /* opacity: 0; */
    display: flex;
    flex-wrap: wrap;
	margin-bottom:25px;
}

#widget-animacion .item a, #widget-animacion .item .td-widget {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex: 1 1 50px;
    align-content: center;
    align-items: center;
}

#widget-animacion .item div{
	flex:1 1 100px;
}

@-webkit-keyframes fade-in-item {
  0% {
    display: block;
    opacity: 0;
  }
  30% {
    display: block;
    opacity: .5;
  }
  60% {
    display: block;
    opacity: .8;
  }
  100% {
    display: block;
    opacity: 1;
  }
}


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}


.openlink{
	color: #337ab7;
	transition:all 0.3s ease;
}

.openlink:hover{
	color: #034A74;
	transition:all 0.3s ease;
}



@media screen and (max-width: 1050px) and (min-width: 150px;){

	.h2-titulo { display: none; }
	.h3-rse {margin-top: 0px; font-size: 17px;}
	.h2-rse {font-size: 15px;}
	h4.tr-2.move-x-2 {color: #666!important;}
	
}



.tr{
    padding-top: 1%;
    color: white;
    letter-spacing: 1px;
    font-size: 28px;
    
}

.tr-2{
    padding-top: 10px;
    color: white;
    letter-spacing: 1px;line-height: 25px;
    font-size: 16px;
    margin-bottom: 35px;
	padding-left:5%;
	padding-right:5%;
	max-width:100%;
	
}



#btnmenu{
    display: inline-block;
    margin-top: -3%;
    margin-right: 1%;
    transition: all 0.5s ease;
    float: right;
}

#btnmenu-general{
    display: inline-block;
    margin-top: 0%;
    margin-right: 1%;
    transition: all 0.5s ease;
    float: right;
}







@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
   {
   #btnmenu-general{
		margin-top: 1%;
	}
.titulo-vad-producto {
    text-align: center;
    font-size: 30px;
    margin-bottom: 0%;
}
	.volver,.volver:hover{
		position:absolute;
		margin:0;
		padding:0;
		left: initial;
		margin-left:0;
		background-position:left;
		
	}
	.volver p{
		margin-left:50px;
	}
	
	.tabla-aftosa .p-widget-v {
		font-size: 9px;
		text-transform: uppercase;
		margin-left: 2%;
	}
	
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
  
	#titulo-vademecum{margin-top:20px;}
	.volver-mobile,.volver-mobile:hover,#volver-producto,#volver-producto:hover{
		position:absolute;	
		background-size:auto 95%;
		background-position:left;
		margin-left:0;
		text-align:left;
		top:1vh;
		
	}
	#volver-p{
		margin-left:50px;
		margin-top:0;
	}
	
	.titulo-vad-producto {
		text-align: right;
		font-size: 17px;
		margin-bottom: 0%;
	}

	.facebook {
		background-image: url(../img/facebook-desactivado.png);
		height: 35px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		display: inline-block;
		margin: auto;
		width: 100vw;
		text-align:right;
	}
	
	#compartido {
		text-align: center;
		padding-bottom: 1.5%;
	}
	
}

.redessociales-mobile {margin-bottom: 0;}


.openlink{color: #337ab7}
.openlink:hover {color:#215E92;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background: transparent;}



.maps-bg{
	background-color:var(--pan296);
	    padding-bottom: 100px;
    padding-top: 50px;
	margin-top:-1px;
}


@-webkit-keyframes text-inside {
  0% {
	transform:translateX(-50%);
    opacity: 0;
  }
  30% {
    opacity: .5;
  }
  60% {
    opacity: .8;
  }
  100% {
	transform:translateX(0%);
    opacity: 1;
  }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  {
	.snip1156.image h3 {
		display: block;
		color: #b8b8b8;
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
		text-align: left;
	}
	
	#btnmenu {
		display: inline-block;
		margin-top: -5%;
		margin-right: 1%;
		transition: all 0.5s ease;
		float: right;
	}
	
	.titulo-layout-aftosa {
		font-size: 40px;
	}
	
  .linea-rse {
		border: 1px solid #D1D1D1;
		display:block;
		margin-top: -0.7%;
	}
	
	.container-anios-linea-tiempo {
		margin: auto;
		text-align: left;
		padding-left: 10px;
	}
	
	.container-anios-linea-tiempo div {
		background: #011E49;
		width: 100px;
		height: 100px;
		border-radius: 100px;
		display: inline-block;
	}
	.nace-linea-tiempo{
	    padding-left: 10px;
	}
	
	.cd-timeline-img {
		position: absolute;
		top: 0;
		left: -6px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
	}
	
	#nace-biog-img-2 {
		width: 97px;
		display: inline-block;
		margin: auto;
		margin-top: -6%;
		margin-left: 2%;
	}
	
	
	#nace-biog-img{
		display:none;
	}
	
	#nace-p{
	    display: block;
		padding-left: 105px;
		margin-top: -52px;
	}
		
	#cd-timeline{
		margin-top: 3em;
	}
	
	.p-proveedores-download{ 
		display: inline-block;    
		color: #337ab7; 
		font-size: 13px;    
		width: 75%;
	}

	#ver-revista {
		padding-left: 5%;
		padding-top: 50px;
	}
}
  
@media only screen 
  and (min-device-width: 380px) 
  and (max-device-width: 737px) {
  	 #textarea-label p {width: 93%;}
}
  
@media only screen 
  and (min-device-width: 240px) 
  and (max-device-width: 737px) {
  	 

	.h1-1-home {
		font-size: 13px;
		color: #00173B;
		font-family: 'OpenSans';
		font-weight: 700;
	}

	#form1 textarea {
		width: 93%;
		background: rgba(255,255,255,0.2);
		height: 15vh;
		/*margin-left: -20px;*/
	}

	#contacto-mobile {
		display: inline-block !important;
		
	}

  	.vad-prod-background{
		background-color:#f5f5f5;
		display:inline-block;
		width:96%;
		height:96%;
		margin:2%;
	}
	
	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 25px;
	}
 
	.volver-mobile {
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto 90%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		position: absolute;
	}

#btn-buscar {
    background-image: url(../img/lupa-2-01.png);
    width: 38px;
    height: 48px;
    border: none;
    background-color: transparent;
    margin-top: 10px;
    margin-left: 0px;
}

.input-group-btn {
    display: inline-block;
    margin: auto;
    text-align: center;
	width:20px;
}

.input-vad {
    width:70%;
    background: rgba(255,255,255,0.2);
    display: inline-block;
    height: 33px;
    border: 1px solid white;
    padding-left: 5%;
    font-family: 'OpenSans';
    color: white;
    letter-spacing: 2px;
    /*margin-left: 22px;*/
	margin-top: 3%;
}
  .volver-mobile:hover {
    background-image: url(../img/volver-desactivado.png);
    height: 42px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 90%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin-top: 20px;
    position: absolute;
}
	.volver-mobile p{
		display:none;
		vertical-align: middle;
		margin-top: 2.5%;
		margin-left: 120px;
		color: #B2B2B2;
		font-size: 17px !important;
		font-family: 'OpenSans';
	-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
			transition: all 1s ease;
	}
	
  	#volver-revista-p{
		display:inline-block;
		z-index:3;
		padding-top:5%;
	}
  
  .titulo-vad-producto {
		text-align: right;
		font-size: 17px;
		margin-bottom: 0%;
		margin-left: 0px;
	}
	
  	#360-inside{
		text-shadow: none;
		padding-top: 0;
		margin-bottom: 2.5%;
		margin-left: 7%!important;
	}
 
	.volver-infotec-revista p {
		display:none;
	}

	#btnmenu {
		display: inline-block;
		margin-top: -4%;
		margin-right: 2%;
		transition: all 0.5s ease;
		float: right;
	}
	
	.titulo-layout-aftosa {
		font-size: 23px;
	}
  
  .h2-aftosa {
		color: #02204C;
		display: none;
		font-size: 17px;		
		font-family: 'OpenSans';
		margin-top:40px;
	}
	
	.p-proveedores-download {
		display: inline-block;
		color: #337ab7;
		font-size: 13px;
		width: 70%;
	}
	
	.container-anios-linea-tiempo {
		margin: auto;
		text-align: left;
		padding-left: 10px;
	}
	
	#epigrafe-paises {
		font-size: 11px;
		font-family: 'OpenSans';
		color: white;
		font-weight: 700;
		display: inline-block;
		padding-top: 0px;
		text-shadow: 0px 2px black;
		text-align: center;
		margin-left: 0px;
		padding-bottom: 20px;
	}

	#botonera-buscar {
		font-family: OpenSans;
		display: inline-block;
		text-align: center;
		/*padding-top: 11%;*/
		width: 100%;
		margin-left: 0; 
	}
	.container-anios-linea-tiempo div {
		background: #011E49;
		width: 100px;
		height: 100px;
		border-radius: 100px;
		display: inline-block;
	}
	.nace-linea-tiempo{
	    padding-left: 10px;
	}
	
	.cd-timeline-img {
		position: absolute;
		top: 0;
		left: -6px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
	}
	
	#nace-biog-img-2 {
		width: 97px;
		display: inline-block;
		margin: auto;
		margin-top: -6%;
		margin-left: 2%;
	}
	
	
	#nace-biog-img{
		display:none;
	}
	
	#nace-p{
	    display: block;
		padding-left: 100px;
		margin-top: -40px;
	}
		
	#cd-timeline{
		margin-top: 3em;
	}
	
	.snip1156.image h3 {
		display: initial;
		color:#b8b8b8;
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
		text-align: left;
	}
	
	.snip1156.image h3 {
		display: block;
		color: #b8b8b8;
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
		text-align: left;
	}

}
  
.img-proveedores-download{
	display:inline-block;
}


.glyphicon-menu-hamburger:before {
    content: "\e236";
    font-size: 22px;
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  {
	.band-filiales {
		margin-top: -2%;
		width: 12%;
	}
	
	#text-2{
		padding-top: 14%;
		color: white;
		letter-spacing: 1px;
		line-height: 25px;
		font-size: 16px;
		margin-bottom: 35px;
		color:#666;
	}
	
	
	#form1 textarea {
		width: 100%;
		background: rgba(255,255,255,0.2);
		height: 15vh;
		/*margin-left: -18px;*/
	}

	#btnmenu {
		display: inline-block;
		margin-top: -4%;
		margin-right: 1%;
		transition: all 0.5s ease;
		float: right;
	}
	.snip1156.image h3 {
		display: block;
		color: #b8b8b8;
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
		text-align: left;
	}
	
	.volver p {
		display: none;
	}

	#ul-nav-principal {
		height: auto;
		text-align: left;
		position: initial;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#nace-p {
		display: block;
		padding-left: 105px;
		margin-top: -43px;
	}
  
}

  
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
{

	.bienvenidos {
		font-size: 23px;
	}
	
	.360-inside{
		text-shadow: none!important;
		padding-top: 0!important;
		margin-bottom: 2.5%!important;
		text-align: center!important;
		padding-left: 10%!important;
	}

}
  
  
#container-envio{
	background:#333;
	height:70%;
	margin-top:10%;
	width:90%;
	margin-left:5%;
	position:absolute;
	display:none;
}


	.titulo-antiparasitarios-externos {
		color:#0D553F;
	}
	
	.h4-antiparasitarios-externos{
		color:#0D553F;
	}
	
	.cuerpo-antiparasitarios-externos ul li::before {
	  content: "• ";
	  color: #0D553F;
	}
	
	.titulo-antiparasitarios-internos{
		color:#00955F;
	}
	
	.h4-antiparasitarios-internos{
		color:#00955F;
	}
	
	.cuerpo-antiparasitarios-internos ul li::before {
	  content: "• ";
	  color: #00955F;
	}


	.h4-aftosa{
		color:#0082C8;
	}
	
	.cuerpo-aftosa ul li::before {
	  content: "• ";
	  color: #0082C8;
	}
	
	.titulo-endectocida{
		color:#9B9501;
	}
	
	.h4-endectocida{
		color:#9B9501;
	}
	
	.cuerpo-endectocidas ul li::before {
	  content: "• ";
	  color: #9B9501;
	}
	
	.titulo-antibioticos {
		color:#FF0423;
	}
	
	.h4-antibioticos{
		color:#FF0423;
	}
	
	.cuerpo-antibioticos ul li::before {
	  content: "• ";
	  color: #FF0423;
	}
	
	.titulo-intramamarios{
		color:#e6007e;
	}
	
	.h4-intramamarios{
		color:#e6007e;
	}
	
	.cuerpo-intramamarios ul li::before {
	  content: "• ";
	  color: #e6007e;
	}
	

	
	.titulo-biologicos{
		color:#646568;
	}
	
	.h4-biologicos{
		color:#646568;
	}
	
	.cuerpo-biologicos ul li::before {
	  content: "• ";
	  color: #646568;
	}
	
	
	.titulo-far {
		color:#6D3A5D;
	}
	
	
	
	.h4-far{
		color:#6D3A5D;
	}
	
	.titulo-rep {
		color:#FF671B;
	}
	
	.h4-rep{
		color:#FF671B;
	}
	
	
	.titulo-sal{
		color:#26CBD4;
	}
	
	.h4-sal{
		color:#26CBD4;
	}
	
	
	.titulo-vit {
		color:#003B5D;
	}
	
	.h4-vit{
		color:#003B5D;
	}

	.nota-tecnica-container  h2 {
		color: #66CCED; 
		font-size: 18px;
	}


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

	#titulo-vademecum {
		margin-top:5% !important; 
	}
	
	#btnmenu-general{
		margin-top: 2%;
	}

}


.infotec-240 a{ width: 90%; }


 @media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 320px) 
  {
  	.scroll-down {
		margin: 0;
		border: 2px solid #fff;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		position: absolute;
		top: 77%;
		width: 40px;
		height: 40px;
		margin-top: 0px;
		z-index: 2;
		margin-left: -20px;
	}
	
	.laevolucion {
		font-size: 19px;
	}
  
  
	.salud-animal {
		line-height: 50px !important;
		font-size: 24px !important;
	}
  
  }
  
  
 @media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 320px) 
  and (orientation: landscape){
  
	.border-tit {
		border-bottom: none;
	}
	
	#info-revista h1 {
		margin: 0;
		margin-bottom: 3%;
		font-size: 35px;
		padding: 15px;
	}
	
	#info-revista p {
		margin-left: 0%;
		padding:15px;
	}
	
	#h2-1 {
		font-size: 20px;
		padding: 15px;
		margin:0;
	}
	
	#btn-rev {
		width: 72%;
		margin-left: 13%;
	}
	
	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 12.5vh;
	}
	
	#form1 textarea {
		width: 100%;
		background: rgba(255,255,255,0.2);
		height: 30vh;
		/*margin-left: -15px;*/
	}
	
	#logo-bago-mobile {
		display: inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 10px;
	}
	
	.logo-blanco {
		width: 100%;
		height: 200px;
	}

	.border-video {
		margin-bottom: 20px;
		margin-top: 3px;
	}
	
	.scroll-down {
		margin: 0;
		border: 2px solid #fff;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		position: absolute;
		top: 77%;
		width: 40px;
		height: 40px;
		margin-top: 11px;
		z-index: 2;
		margin-left: -25px;
	}
	
	.bienvenidos {
		margin: 0;
		margin-top: 70px;
		text-align: left;
		margin-left: 10px;
	}
	
	.border-inst {
		border: 2px solid white;
		width: 25%;
		margin-top: -1%;
		display: inline-block;
	}
	
	.h1-1-home {
		font-size: 11px;
		color: #00173B;		
		font-family: 'OpenSans';
		margin: 0;
		padding-top: 10%;
		text-align: center;
		font-size: 15px;
		display: inline-block;
	}
	
	.dot-infotec-noticias{
		display:none;
	}
	
	.h1-infotec-noticias2 {
		color: white;
		font-family: 'OpenSans';
		margin: 0;
		padding-top: 10%;
		text-align: center;
		font-size: 15px;
		display: inline-block;
		margin-top: 5%;
		margin-left: -12%;
	}
	
	.h1-infotec-noticias {
		color: white;
		font-family: 'OpenSans';
		margin: 0;
		padding-top: 5%;
		text-align: center;
		font-size: 18px;
		display: inline-block;
		margin-top: 11%;
		margin-left: -6%;
	}
	
	.border-infotec-noticias {
		border-top: 1px solid white;
		width: 50px;
		margin: auto;
		margin-top: 10px;
		margin-left: 54px;
	}
	
	.volver-infotec-revista div {
		background-image: url(../img/volver-info-tecnica.png);
		background-repeat: no-repeat;
		width: 42px;
		height: 42px;
		display: inline-block;
		transition: all 0.3s ease;
		background-size: auto 78%;
		margin-top: 10px;
	}

	#mapa-total h1 {
		color: #8BCDE0;
		font-family: 'OpenSans';
		margin-bottom: 7%;
		margin-bottom: 5%;
		font-size: 26px;
	}
	#info-revista h1 {
		margin: 0;
		margin-bottom: 3%;
		font-size: 26px;
		margin-left: -1px;
		padding-top: 6%;
	}
	
	#img-rev {
		width: 61%;
		box-shadow: 2px 2px 20px;
		margin-right: 7%;
	}
	
	
	#info-revista p {
		margin-left: -1%;
		font-size: 13px;
		width: 57%;
		padding-top: 6%;
	}
	
	
	#h2-1 {
		font-size: 20px;
		margin-left: -2.8px;
	}
	
	
  	#titulo {
		font-size: 15px;
	}
	
	
	.border {
		border-bottom: 2px solid white;
		padding-bottom: 1%;
		margin-left: 44%;
		width: 10%;
		margin-top: -7px;
		margin-bottom: 4%;
	}

  .border-video {
		margin-bottom: 20px;
		margin-top: 9px;
	}
  
	.logo-blanco {
		width: 100%;
		height: 200px;
	}
  
	.border-inst {
		border: 2px solid white;
		width: 20%;
		margin-top: -1%;
		display: inline-block;
	}
	
	.item-institucional img {
		display: inline-block;
		text-align:center;
		width: 45px;
		height:45px;
	}
	
	.border-vad {
		border-bottom: 2px solid #FFF;
		padding-bottom: 0.5%;
		width: 20%;
		margin-left: 40%;
	}
	
	#btnmenu {
		display: inline-block;
		margin-top: 1.5%;
		margin-right: 2%;
		transition: all 0.5s ease;
		float: right;
	}
	
	#btn-buscar {
		background-image: url(../img/lupa-2-01.png);
		width: 38px;
		height: 48px;
		border: none;
		background-color: transparent;
		margin-top: 10px;
		margin-left: -7px;
	}
	
	.input-vad {
		width: 70%;
		background: rgba(255,255,255,0.2);
		display: inline-block;
		height: 33px;
		border: 1px solid white;
		padding-left: 5%;
		font-family: 'OpenSans';
		color: white;
		letter-spacing: 2px;
		
	}
	
	.volver-mobile {
		background-image: url(../img/volver-desactivado.png);
		height: 42px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto 73%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		position: absolute;
	}	
	
	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 9.5vh;
	}
}
 
 
  @media only screen 
  and (min-device-width: 240px) 
  and (max-device-width: 737px) 
  and (orientation: landscape){
	
	#logo-bago-mobile {
		display: inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 10px;
	}
	
	.vad-prod-background{
		background-color:#f5f5f5;
		display:inline-block;
		width:55%;
		height:92%;
		margin:2%;
	}
	
	.content-home>.container-h1-home{
		padding-top:0;
	}
	.content-home .border-video{
		margin-bottom:10px;
	}
 }
 
 
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 320px) 
  and (orientation: landscape){
	#logo-bago-mobile {
		display: inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 10px;
	}
	
	.bienvenidos {
		margin: 0;
		margin-top: 70px;
		text-align: left;
		margin-left: 10px;
	}
	
	.bienvenidos {
		font-size: 19px;
	}
	
	.border {
		border-bottom: 2px solid white;
		padding-bottom: 0%;
		margin-left: 44%;
		width: 10%;
	}
	
	#titulo {
		font-size: 22px;
	}
	
}


/*EDICION MODAL*/

.modal {
    display: none; 
    position: fixed;
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    transition: all 1s;
    background-color: rgba(0,0,0,0.3); 
    -webkit-animation: fadein 1s; 
    -moz-animation: fadein 1s; 
    -ms-animation: fadein 1s; 
    -o-animation: fadein 1s; 
    animation: fadein 1s;

}

.menu-modal {
    width: 500px; 
    max-width: 80%;
	height: auto; 
	position: relative;
    margin: 30% auto; 
    border:2px solid #00CDD0;
	display:block;
	background-color: white;
	vertical-align: middle; 
	text-align: center;
}

.modal-1 { 
	background-color:#00CDD0;
	height: 100px;
	margin: 0;
	font-family: arial;
	width: 100%;
	color: white;
	font-weight: bold;
	box-shadow: 0px 4px 10px #969595;
}

.modal-1 p, .modal-1 img {
	line-height: 18px;
	text-align: center; 
	font-family: arial; 
	font-size: 21px; 
	color: white; 
	margin-top: 10px;
} 

.modal-1 img{ 
	width: 40px; 
}

#mensaje-complete, #email-complete {
	text-align: left;
	font-family: arial; 
	color: #696868; 
	font-size: 12px; 
	font-weight:normal; 
	text-transform: uppercase;
}

.modal-2 {
	padding: 25px 30px;
}

#testing {
	width: 100%; 
	text-align: right;
}

#boton-mail { 
	background-color: #00CDD0; 
	border-radius: 2px; 
	color: white; 
	border: none; 
	height: 35px;
    width: 140px;
	margin-top: 25px; 
	position: relative;
	color: white;
	text-align: center; 
	font-family: arial; 
	font-size: 18px; 
	max-width: 80%;
}

#boton-mail:hover { 
	background-color: white; 
	border-radius: 2px; 
	color:  #00CDD0; 
	border: 2px solid #00CDD0; 
	transition: all 0.6s ease;
}

#modal-2 input {
	margin-top: 5px; 
	margin-bottom: 5px;
	height: auto;
}    

#input-modal-email input, #input-modal-mensaje textarea { 
	width: 100%;
	background-color: transparent;
    border: 1px solid #EAE1E1;
}

#input-modal-email label, #input-modal-mensaje label {
	width: 100%;
	margin-bottom: 0;
}    

#input-modal-mensaje textarea {
	height: 100px;
}

#input-modal-email, #input-modal-mensaje { 
	margin-bottom: 10px;
}



/*HASTA ACA EDICION MODAL*/


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 533px) 
  and (orientation: portrait){
	#form1 input {
		width: 100%;
		background: rgba(255,255,255,0.2);
		display: inherit;
		border: none;
		height: 5.5vh;
	}
	
	
	#form1 #enviar {
		background: #359FBD;
		opacity: 1;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: none;
		height: 9vh;
		color: #fff;
		width: 100%;
		margin-top: 4%;
		font-size: 17px;
		letter-spacing: 1px;
		font-family: 'OpenSans';
		transition: all 0.5s ease;
		display: inline-block;
		max-width: 284px;
	}
	.content-home>.container-h1-home{
		padding-top:20px;
	}
	.logo-blanco{
	padding-top:50px;
	}
}

@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 600px) 
  and (orientation: portrait){

	.d-rrhh-home{
		background:none;
	}
	
}

.container-background-home{
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
	transition:3s;
}


#ul-rrhh-home{
	padding-left:0;
	line-height:2;
}


@media only screen 
  and (max-device-width: 900px) 
  and (orientation: portrait){
  
	.content-home{
		padding-top:10vh;
	}
  
	#display-rrhh{
	padding-top:40px;
	}
	
	.tr{
		font-size:24px;
	}
  
	.p-rrhh-home{
		max-width:90%;
		border-top: solid 1px #359fbd;
		border-bottom: solid 1px #359fbd;
		padding-top:0;
		padding:5px 0;
		margin-top:40px;
	}
  
}

@media only screen 
  and (max-width: 650px) 
  and (orientation: portrait) {
	#back-rrhh .tr{
		width:50%;
	}
		
	.d-rrhh-home{
		background-image:none !important;
	}

		
	#display-rrhh{
		padding-top:0;
	}
	
	 #back-rrhh h3.tr.move-x-1{
		width:90%;
		display:inline-block;
	}
	
	 #back-rrhh h4.tr-2.move-x-2{
		padding-top:20px;
		color:#666;
	}
}

@media only screen 
  and (max-width: 640px) 
  and (orientation: portrait) {
  
	
	
	.tr{
		color: #0C5582 !important;
	}
  
}

@media only screen 
  and (max-width: 640px) 
  and (orientation: landscape) {
	#text-1{
		width:60%;
		margin-left:20%;
		font-size:24px;
	}
	
	h4.tr-2.move-x-2{
		padding-top:40px;
		color:#666;
	}
	
}
  
@media only screen 
  and (max-width: 540px) 
  and (orientation: landscape) {
	#text-1{
		font-size:20px;
	}
}
  
  
@media only screen 
and (max-width: 670px) 
and (orientation: landscape) {
	
	#text-1{
		width:60%;
		margin-left:20%;
		font-size:24px;
	}
	
	h4.tr-2.move-x-2{
		padding-top:40px;
		color:#666;
	}
	
}
  
  @media only screen 
  and (max-width: 737px) 
  and (orientation: landscape) {
	#text-1{
		width:60%;
		margin-left:20%;
		font-size:18px;
	}
	
	h4.tr-2.move-x-2{
		padding-top:50px;
		color:#666;
	}
	
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 668px) 
  and (orientation: portrait){
	#form1 #enviar {
		background: #359FBD;
		opacity: 1;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: none;
		height: 7vh;
		color: #fff;
		width: 100%;
		margin-top: 4%;
		font-size: 17px;
		letter-spacing: 1px;
		font-family: 'OpenSans';
		transition: all 0.5s ease;
		display: inline-block;
		max-width: 347px;
	}

}


@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (orientation: portrait){
	#form1 #enviar {
		background: #359FBD;
		opacity: 1;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: none;
		height: 7vh;
		color: #fff;
		width: 100%;
		margin-top: 4%;
		font-size: 17px;
		letter-spacing: 1px;
		font-family: 'OpenSans';
		transition: all 0.5s ease;
		display: inline-block;
		max-width: 400px;
	}
	
	body .content-home{
		padding-top:7vh;
	}
	
	.logo-blanco{
		width: 100%;
		height: 150px;
		margin-top:50px;
	}

}

 @media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (orientation: portrait){
	#btnmenu {
		display: inline-block;
		margin-top: -9%;
		margin-right: 2%;
		transition: all 0.5s ease;
		float: right;
	}
  
}

.container-flecha{
	text-align:center;
	position:absolute;
	bottom:80px;
}

.container-h1-home{
	position:relative;
	padding-top:20px;
}


@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1440px) 
  and (orientation: landscape){
	.content-home{
		padding-top:15px;
	}
	
}
  
  
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 533px) 
and (orientation: landscape){

	.container-flecha{
		bottom:60px;
	}
  
}
  
 .headerMobile .navbar-collapse{
	/*background-color:white;*/
	width:100vw;
	height:100vh;
 }
 
 .navbar-collapse.collapse.in .li-nav{
	border-bottom:3px white solid;
	padding-bottom:10px;
	padding-top:10px;
 }
 
 .navbar-collapse.collapse.in .li-nav .a-nav{
	font-size:1.5em;
	line-height:1.5em;
	color:#0C6796;
 }
 .navbar-collapse.collapse.in  .a-nav.dropdown-toggle img{
	height:initial;
	width:30px;
	float:right;
	padding-top:10px;
 }
 
 .navbar-collapse.collapse.in .dropdown-menu>li>a{
	background-color:transparent;
	color:#666;
 }
 
 .li-nav.dropdown .dropdown-menu{
	height:0;
	overflow:hidden;
	transition:2s;
 }
 
 .li-nav.dropdown.open .dropdown-menu{
	height:400px;
	transition:2s;
 }
 
 .headerMobile .li-header{
	font-size::1em;
	line-height:1.2em;
	color:#0C6796;
	text-transform:uppercase;
	border-bottom:1px white solid;
	padding:0;
	display:block;
 }


 .li-header p:hover {color:#2F2F2F;}
 .headerMobile .li-header > p{
	padding-bottom:15px;
	padding-top:15px;
	line-height:1.2em;
	margin-bottom:0;
 }
 
 .headerMobile .li-header img{
	height:initial;
	width:30px;
	float:right;
	padding-top:10px;
 }
 
 .headerMobile .dropdown-header-nav{
	max-height: 0;
	transition: max-height 0.3s ease-out;
	display:block;
	overflow:hidden;
	position:initial;
	padding-left:0;
	padding-top:0;
	padding-top:20px;
 }
 
 .headerMobile .dropdown-header-nav li a{
	font-size:0.8em;	
 }
 
 .headerMobile .dropdown-header-nav li {
	margin-top:0;
	margin-bottom:0;
	padding-top:15px;
	padding-bottom:15px;
	box-shadow:none;
 }
 
 .headerMobile .dropdown-header-nav.opened{
	max-height: 50000px;
	transition: max-height 0.3s ease-in;
	padding-left:0;
	margin:0;
 }
 
 .headerMobile .li-header .glyphicon{
	float:right;
	padding-top:0.3em;
}


.headerMobile .ul-nav li ul li{
	background-color:transparent;	
	display:block;
}

.link-menu{
	cursor:pointer;
}

#logo-header{
	flex:0 1 200px;
	padding-left:30px;
	
}

.headerDesktop .li-header {
    display: inline-block;
    margin-right: 2%;
    cursor: pointer;
    color: #666;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    align-content: flex-start;
}

.headerDesktop .li-header:last-child {
    margin-right: 0;
}

.headerDesktop .li-header p ,.headerDesktop .ul-nav li.li-header > a {
    font-size: 12px;
    
    display: inline;
    width: auto;
    text-transform: uppercase;
   
    margin-left: 0;
    margin-bottom: 0;
    text-align: left;
    display: block;
	flex:1 1 100%;
	line-height:1;
}

.headerDesktop #dropInsti,.headerDesktop #dropTecnica,.headerDesktop #dropVedemecum,.headerDesktop #dropInsti2{
	margin-top:36px;
	text-align:left;
	box-shadow: 10px 10px 21px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 21px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 21px 0px rgba(0,0,0,0.75);
background:white;
}

.headerMobile .ul-nav li ul li:nth-child(2){
	/*padding-top:30px !important;*/
}
.headerMobile#navbarSecciones{
	height:auto;
	
}
#navbarSecciones {
    max-width: 1080px;
    margin: auto;
    display: block;
    float: initial;
}



#input-modal-mensaje textarea:focus {
    outline:none;
}

 @media only screen 
  and (min-device-width: 240px) 
  and (max-device-width: 1024px) 
{
  
  .inner-text-2 {
    width: 96%!important;
    padding-left: 9%!important;
	}
	
	.
  
  
 }

/*FILIALES MOBILE*/

#casamatriz-mobile{ background-color: rgba(9,23,68, .5); }
#filial-mobile{background-color: rgba(96,167,195, .5);}
#banco-mobile{background-color: rgba(131,130,134, .2);}
#distribuidoras-mobile{background-color: rgba(255,164,22, .5);}
#banco-china {background-color: rgba(131,130,134, .5);}
#banco-y-filiales {background: -webkit-linear-gradient(left, rgba(131,130,134, .8), rgba(131,130,134, .8) 50%, rgba(96,167,195, .5) 50%, rgba(96,167,195, .5));}


#ul-filiales-paises li{
		display:inline-block;

    padding: 5px 10px;
   

    width: 40%;
    
    text-align: center;
    margin: 1% 2%;
}

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

	#referencias { 
		margin-left: 0%;
	}

}	




.notransition {
  -webkit-transition: 0.5s !important;
  -moz-transition: 0.5s !important;
  -o-transition: 0.5s !important;
  -ms-transition: 0.5s !important;
  transition: 0.5s !important;
  opacity:1 !important;
  transform: initial !important;
}

#leermasprensa {float: right;padding-right: 7%;" style="float: right;padding-right: 7%;}
#mas-imagenes-prov {margin-top: -10%;margin-left: 0;position:relative;z-index:100;}

/*FILIALES MOBILE*/
#leermasprensa {
	float: right;
	padding-right: 7%; 
	float: right;
	padding-right: 7%;
}

#mas-imagenes-prov {
	margin-top: -10%;
	margin-left: 0;
	position:relative;
	z-index:100;
}


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

	#leermasprensa {padding: 0;}
 
	#mas-imagenes-prov {margin-top: -20%}


	#btnmenu {margin-top: 0;}
 
	#text-1 {margin-top: 15%;}
 
	
	
}


@media only screen and  (max-width:320px) and (max-height: 240px){
	
	.input-vad {width: 70%;}

}


@media only screen 
  and (min-device-width:414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){
  
	#btnmenu {
		display: inline-block;
		margin-top: -7%;
		margin-right: 2%;
		transition: all 0.5s ease;
		float: right;
	}
}


@media only screen 
  and (min-device-width:414px) 
  and (max-device-width: 736px) 
  and (orientation: landscape){
  
	#btnmenu {
		display: inline-block;
		margin-top: -4%;
		margin-right: 2%;
		transition: all 0.5s ease;
		float: right;
	}
}

@media only screen 
  and (min-device-width:320px) 
  and (max-device-width: 568px) 
  and (orientation: portrait){
  
	.btn-mas-revistas {
		transition: all 0.6s ease;
		
	}
}

@media only screen 
  and (min-device-width:240px) 
  and (max-device-width: 320px) 
  and (orientation: portrait){
  
	.btn-mas-revistas {
		transition: all 0.6s ease;
		margin-left: 82px!important;
	}

}

.viewport #btn-mas{
	display:inline-block;
	float:initial;
}

#btnmenu{
	position:absolute;
	right:15px;
	bottom:10px;
}
.container-registro-paises-pc{
	width:70%;
	margin-left:15%;
	margin-right:0%;
}
.container-registro-paises-pc .fila-registro{
	border-bottom:solid #cccccc 1px;
}
.container-registro-paises-pc img{
	max-width: 10vw;
	width:20px;
	position:absolute;
	left:15%;
	display:inline-block;
	padding:8px 0;
}
.container-registro-paises-pc .nombre-pais{
	width:70%;
	margin:0;
	padding:0;
	display:inline-block;
	text-align:center;
	padding:5px 0;
}
.container-registro-paises{
	width:100%;
	
	text-align:center;
}
.container-registro-paises img{
	height:30px;
	margin-top:10px;
	padding:2%;
}

#form1{
	float:initial;display:inline-block;text-align:center;
}

#form1 #captchaContainer label{
	padding-top:100px;
	text-align:center;
}

#codeCaptcha{
	width:auto;
	display:inline-block;
}
#codeCaptcha input{
	margin-top:15px;
}
#codeCaptcha .btn-refresh-captcha{
	position:absolute;
	top:120px;
	margin-left:10px;
}
#codeCaptcha .btn-refresh-captcha .glyphicon{
	color:white;
}


#header-internas-container{
	width:100%;position:absolute;
}

.header-blue{
	background-color:var(--pan296);
}


#paises-mobile{
	display:none;
}


@media only screen 
  and (min-device-width:1100px) {
	.aftosa-fechas-container .div-años-aftosa:nth-child(1), .aftosa-fechas-container .div-años-aftosa:nth-child(3), .aftosa-fechas-container .div-años-aftosa:nth-child(5) {
		margin-top: -20%;
		padding-right: 5%;
		padding-left: 0%;
	}

	.aftosa-fechas-container .div-años-aftosa {
		margin-bottom: 30px;
		padding-right: 0%;
		padding-left: 5%;
	}
	
	

}


.nota-tecnica-container .inner-text img{
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	margin-left:auto !important;
	max-width:100% !important;
}

.redes-footer-home img{
	height:30px;
	width:auto;
}

.redes-footer-home-mobile img{
	height:30px;
	width:auto;
}

.redes-footer img{
	height:30px;
	
}

.nota-container li{
	list-style: initial;
}

.inner-text h3{
	font-weight:bold;
}

#rrss-header{
	position:absolute;
	float:left;
	width:217px;
	z-index:1;
	display:none;
}

div#rrss-header a{
	display: inline-block;
    background: #1c2040;
    border-radius: 50%;
    margin-top: 40px;
}

div#rrss-header a img{
	width:28px;
	padding:2px;
}

#tradu-ico{
	margin-top:50px;
}


/**cambios 07-02-2023*/

.home section{
	text-align:center;
}

.home-section{
	width:100%;
	max-width:1080px;
	display:block;
	margin:auto;
	float:initial;
}

.home-section .col-lg-1, .home-section .col-lg-10, .home-section .col-lg-11, .home-section .col-lg-12, .home-section .col-lg-2, .home-section .col-lg-3, .home-section .col-lg-4, .home-section .col-lg-5, .home-section .col-lg-6, .home-section .col-lg-7, .home-section .col-lg-8, .home-section .col-lg-9{
	float:initial;
	display:inline-block;
}

#iconos-institucional{
	/* display:flex; */
	/* flex-wrap:wrap; */
	/* flex-direction:column; */
	padding:30px 0;
}

#iconos-institucional-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#iconos-institucional-grid .h1-1-home.titular-texto-corrido{
	width:100%;
	max-width:200px;
}

.item-institucional{
	flex:0 1 360px;
}

#plantas-transicion #map {
    width: 100%;
    max-width: 1080px;
    display: block;
    margin: auto;
    float: initial;
	
	padding-bottom:60px;
	    display: flex;
    flex-wrap: wrap;
}

.home #map{
	padding-bottom:60px;
	    display: flex;
    flex-wrap: wrap;
	
}

.home #noticias{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.home #noticias-trabajos{
	    display: flex;
    padding: 0;
    flex: 1 1 400px;
}

.home #texto{
	    opacity: 1;
    flex: 1 1 30%;
}

#seccion-mas{
	flex:0 0 100px;
}

#containerInputs .col-lg-6 {
    width: 45% !important;
    flex: 1 1 45%;
}

#containerInputs{
	    display: flex;
    flex-wrap: wrap;
}

.headerDesktop .li-header p,.headerDesktop .ul-nav li.li-header > a{
	font-family:"OpenSansSemiBold";
	color: var(--pan296);
	font-size:14px;
	letter-spacing:0;
}

:root {
    --pan296: #0e1b43;
    --panCyan: #21b0e1;
    --panCGray: #63666A;
    --panGray30: #cfcdd0;
    --panGray20: #dfdee0;
    --panGray10: #f0eeee;
    --celestito: #dff3fa;
    --notblack: #4D4D4D;
	--celeteInermedio:#27AEDF;
	--celeteInermedio2:#0195D2;
}

#flecha-submenu{
	width:15px;
	opacity:0;
}

.li-header.drop #flecha-submenu {
    opacity: 1;
    height: 8px;
    align-items: flex-end;
    text-align: left;
    position: relative;
    z-index: 1;
	padding:0;
	top:4px;
	    width: 100%;
    object-fit: contain;
    object-position: left;
}

#header-container-fluid{
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
	padding-top:30px;
	padding-bottom:30px;
}

.button23 {
    font-size: 13px;
    color: white;
    cursor: pointer;
    background-color: var(--panCyan);
    padding: 13px 25px;
    border-radius: 31px;
    transition: 0.5s;
    display: inline-block;
    margin: auto;
    text-transform: initial;
    width: auto;
    font-family:OpenSansSemiBold;
	border:none;
}

.button23:hover{
	background:var(--celeteInermedio2);
	color:white;
}

.button23.button-aftosa{
	    font-size: 1.5em;
    padding: 5px 25px;
}

.button23.button-aftosa.inactive{
	background:gray;
}

/**Estilos 2023**/

.titulo-sección{
	font-size:40px !important;
	font-family:"OpenSansExtraBold" !important;
	color:var(--pan296) !important;
	letter-spacing:0 !important;
	text-transform:initial !important;
}



.bajada-titular-banner{
	font-size:28px !important;
	font-family:"OpenSansBold" !important;
	color:var(--panCyan) !important;
	letter-spacing:0 !important;
}

.titular-texto-corrido{
	font-size:21px !important;
	font-family:"OpenSansBold" !important;
	color:var(--panCyan) !important;
	letter-spacing:0 !important;
	
}

.texto-corrido, .texto-corrido p{
	font-size:15px !important;
	font-family:"OpenSansSemiBold" !important;
	color:var(--notblack) !important;
	letter-spacing:0 !important;
	margin-left:0;
	line-height:1.1;
}

.texto-corrido strong{
	font-family: 'OpenSansExtraBold';
}

.texto-corrido-grande{
	font-size:24px !important;
}

.white{
	color:white !important;
}
.cyan{
	color:var(--panCyan) !important;
}
.blue{
	color:var(--pan296) !important;
}
.black{
	color:var(--notblack) !important;
}

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

/**fin estilos*/


#display-rrhh{
	padding-bottom:50px;
}
.header-layout-aftosa > img{
	width:100%;
	max-width:1080px;
	margin:auto;
}

.header-layout-aftosa{
	background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 54%, rgba(14,27,67,1) 57%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 54%, rgba(14,27,67,1) 57%);
background: linear-gradient(270deg, rgba(255,255,255,1) 54%, rgba(14,27,67,1) 57%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#0e1b43",GradientType=1);
}

.redes-footer svg{
	
}

#ul-nav-2 li{
	padding:0 5px;
}

#newVideoHome{
	text-align:center;
	position:relative;
	padding-bottom:40px;
}


#mapa-filiales{
	position:relative;
	background:var(--pan296);
}

.bienvenido-outter-container{
	width:100%;
}

#bienvenido-outter-container .h1-home-ev.bienvenidos{
	text-align:center !important;
	font-family: OpenSansExtraBold;
}

.nbtn-mapa{
	cursor:pointer;
}

.navbar-toggle{
	position:relative;
	z-index:10;
	float:left;
	margin-top:35px;
	    transform: scaleX(1.5);
    left: 20px;
}


#vademecum-interno svg{
	max-width:1080px;
}

html[lang="en"] .headerDesktop #dropInsti,html[lang="en"]  .headerDesktop #dropTecnica,html[lang="en"]  .headerDesktop #dropVedemecum,html[lang="en"] .headerDesktop #dropInsti2
{
	margin-top:22px;
}

html[lang="pt"] .headerDesktop #dropInsti,html[lang="pt"]  .headerDesktop #dropTecnica,html[lang="pt"]  .headerDesktop #dropVedemecum,html[lang="pt"] .headerDesktop #dropInsti2
{
	margin-top:25px;
}

#mapa svg{
	max-width:100%;
}

.noticias-list{
	margin-top:0; display:flex !important; flex-wrap:wrap;
	width:100%;
}

.noticias-list .noticia {
    flex: 0 0 302px;
    margin: 20px;
    padding: 15px;
    border: 3px solid var(--pan296);
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
}

.noticias-list .noticia h1{
	flex:1 1 100%;
	height:5.4em;
	font-size:17px !important;
}


#info-mapa {
    flex: 0 0 400px;
    background: rgba(255,255,255,0.9);
    position: absolute;
    z-index: 10;
    margin-top: 50px;
		padding:0;
    width: 450px;
    text-align: left;
}

#info-mapa .info-mapa{
	 padding: 20px;
}

#info-mapa.right{
	right:80px;
}

#info-mapa .close {
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    background: rgba(255,255,255,0.8);
    padding: 5px !important;
    padding-bottom: 2px !important;
}

#info-mapa .close svg path{
	fill:var(--pan296);
}

#info-mapa .close:hover svg path{
	fill:var(--panCyan);
}

.info-mapa .texto-corrido.cyan{
	line-height:1.5;
}

.info-mapa .texto-corrido img {
    height: 2em;
    margin-right: 10px;
}

.redes-map img{
	width:30px;
	height:30px;
}

.mv-list{
	    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
}

.mv-list img {
    flex: 0 1 30px;
    display: block;
    height: auto;
    width: 40px;
    margin-top: 12px;
    margin-right: 10px;
}

.mv-list > div{
	flex:1 1 300px;
}

#widget-animacion .active .p-widget{
	color:var(--panCyan) !important;
}

#widget-animacion .p-widget{
	margin:0;
	margin-left:10px;
}

#timeline-outter svg{
	position:relative;
	top:-60px;
}

.noticias-list{
	max-width:702px;
	margin:auto;
}

#dropInsti.open,
#dropInsti2.open{
	max-height:900px;
}

.headerMobile #fluid-head-1{
	display:none;
}

.headerMobile #header-container-fluid{
	width:100%;
	padding-top:0;
}

.headerMobile #container-ul-nav-header #lang-mobile {
    display: flex;
    width: 150px;
    justify-content: space-between;
}

#container-ul-nav-header #lang-mobile{
	display:none;
}

#ul-nav-2-mobile{
	display:none !important;
}

.headerMobile #navbarSecciones{
	min-height:0 !important;
	/*transition:0.5s;*/
	transition:0s;
}


.headerMobile #navbarSecciones[aria-expanded="true"]{
	height:calc(100vh - 100px) !important;
}


.headerMobile #ul-nav-principal{
	padding:0 30px;
}

#logo-mobile-link{
	    display: inline-block;
    width: 80%;
}

#logo-mobile-link img{
	float:right;
}

#vademecum_mobile{
	display:none;
}

#map-mobile-filialesplantas{display:none;}

#mapa-back-home{position:fixed; z-index:0; width:100vw; height:100vh; background-image:url('../img/header_bio_inicio.jpg'); background-size:auto 100%; background-position:left center; background-repeat:no-repeat; background-color:#0d1c3e;
	}
	
.head-disabled{opacity:0 !important;}	

.nav-mobile{display:none !important;}

#vidPc{
	display:inline-block;
}
#vidMobile{
	display:none;
}

#mision-container .bajada-titular-banner,#mision-container .titular-texto-corrido{
		font-size:25px !important;
}

#mision-container .texto-corrido-grande {
    font-size: 20px !important;
}

#mision-container .texto-corrido, #mision-container .texto-corrido p {
    font-size: 18px !important;
}


.paises-vademecum{
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 600px;
    margin: auto;
}

.paises-vademecum + #botones{margin-top:0;}

.pais-vad img {
    width: 25px;
	margin:10px 5px;
	zoom:1.35;
}

#vad-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
	display:none;	
}

#vad-modal-overlay.open{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

#vad-modal {
    background-color: var(--pan296);
    background-size: 100% auto, 
   auto 95%, 
   auto 85%, 
   auto 100%;
    background-position: center bottom,
   40px 40px,
   500px 33px,
   center center;
    width: 100%;
    max-width: 765px;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: flex-end;
    position: relative;
    background-repeat: no-repeat;
}

#vad-modal .bajada-titular-banner.white{
	    letter-spacing: -1px !important;
    line-height: 1.2em;
}


a.vad-modal-button span{
	position:relative;
	z-index:3;
}
a.vad-modal-button {
    position: relative;
    z-index: 2;
    -moz-appearance: button;
    -webkit-appearance: button;
    height: 40px;
    margin-bottom: 40px;
    width: 190px;
    font-family: "OpenSansSemiBold";
    color: white;
    background: rgb(33,176,225);
    background: -moz-linear-gradient(90deg, rgba(33,176,225,1) 7%, rgba(14,27,67,1) 96%);
    background: -webkit-linear-gradient(90deg, rgba(33,176,225,1) 7%, rgba(14,27,67,1) 96%);
    background: linear-gradient(90deg, rgba(33,176,225,1) 7%, rgba(14,27,67,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21b0e1",endColorstr="#0e1b43",GradientType=1);
    transition: 0.3s;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 31px;
    overflow: hidden;
    border: 1px solid white;
    text-transform: uppercase;
    font-size: 12px;
}
a.vad-modal-button::before {
	
    position: absolute;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    background: #0e1b43;
    display: block;
	opacity:0;
	transition:0.4s;
}
a.vad-modal-button:hover::before {
	opacity:1;
	background: #0e1b43;
}
a.vad-modal-button:active::before,a.vad-modal-button:focus::before {
	background:#21b0e1;
	opacity:1;
}
#vad-close {
    position: absolute;
    top: 7px;
    right: 7px;
    color: white;
    font-size: 30px;
    cursor: pointer;
    text-transform: lowercase;
    width: 15px;
    height: 15px;
    background: url("../img/BB_Selector_cruz.svg");
    background-size: cover;
    margin: 15px;
}

#vad-bandera-arg {
    position: absolute;
    top: 7px;
    left: 7px;
    color: white;
    font-size: 30px;
    cursor: pointer;
    text-transform: lowercase;
    width: 40px;
    height: 40px;
    background: url("../img/BB_Selector_ARG.svg");
    background-size: cover;
    margin: 15px;
    zoom: 0.92;
}


@media only screen 
  and (max-device-width:1100px) {
	  
	#vidPc{
		display:none;
	}
	#vidMobile{
		display:inline-block;
	}
	  
	.home-section{padding:5%;}
	  
	#logo-bago-mobile {
		display: inline-block;
		/* width: 50%; */
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: 10px;
		width: auto;
		height: 110px;
	}
	
	#header-internas-container{
		position:initial;
		background-color:white;
		color:var(--pan296) !important;
		padding:0 30px;
	}
	#header-internas-container.header-blue{
		background-color:var(--pan296);
		color:white !important;
	}
	
	
	#header-internas-container h1{
		color:inherit !important;
		font-size:30px !important;
	}
	
	.titulo-sección{
		font-size:30px !important;
	}
	
	.bajada-titular-banner,.titular-texto-corrido{
		font-size:25px !important;
	}
	
	.header-layout-aftosa > img{
		height: 180px;
		object-fit: cover;
		object-position: left;
	}
	
	#paises-mobile {
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 10px;
	}
	
	#paises-mobile > div {
		display: flex;
		flex-direction: column;
		flex: 1 1 40%;
		text-align:left;
	}
	
	#paises-mobile .band-filiales {
		margin-top: -2%;
		width: 20px;
		margin-right: 10px;
	}
	
	.pais-mobile {
		font-family: 'OpenSansBold';
		color: white;
		font-size: 1.1em;
		margin: 10px 0;
	}
	
	#plantas-transicion #mapa svg{
		display:none;
	}
	
	#info-mapa{
		background:rgba(255,255,255,1) !important;
	}
	
	.link-menu br{
		display:none;
	}
	
	.headerMobile .li-header{
		font-family: 'OpenSansBold';
		font-size: 16px;
		color: var(--pan296);
		border-bottom: 2px solid var(--panCyan);
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.headerMobile .dropdown-header-nav li a{
		font-family: 'OpenSansBold';
		font-size: 16px;
		color: var(--panCyan);
		
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	.headerMobile .li-header > p,
	.headerMobile .li-header > a{
		font-family: 'OpenSansBold';
		color: var(--pan296);
		display:inline-block;
	}
	
	#flecha-submenu{
		display:inline-block !important;
		float:initial;
		margin-left:10px;
		top:0 !important;
	}
	.texto-corrido, .texto-corrido p{
		font-size:18px !important;
	}
	
	.texto-corrido-grande{
		font-size:20px !important;
	}
	
	.mv-list > div{
		flex:1 1 100%;
	}
	
	#timeline-outter > svg{
		width:3500px !important;
	}
	
	#home-toppart {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		min-height: 95vh;
		justify-content: center;
		align-items: center;
		align-content: flex-start;
	}
	
	#bienvenido-outter-container .h1-home-ev.bienvenidos{
		margin:0 !important;
	}
	
	body .content-home{
		padding-top:0;
	}
	
	#logo-home{
		margin:0 !important;
	}
	
	#logo-home .logo-blanco{
		margin-top:0 !important;
	}
	
	.container-background-home.fadder,
	#mapa-back-home
	{
		background-position:40% !important;
	}
	
	.logo-blanco{
		height:200px;
	}
	
	#vademecum_mobile{
		display:block;
	}
	
	#vademecum-pc{
		display:none;
	}
	
	#map-mobile-filialesplantas{
		display:block;
		width:100%;
		
	}
	
	.container-prensa{width:100%; padding:0;}
	
	.noticias-list .noticia{
		margin:20px 0;
	}
	
	#mapa-back-home{position:fixed; z-index:0; width:100vw; height:100vh; background-image:url('../img/header_bio_inicio_mobile.jpg'); background-size:auto 100%; background-position:left center; background-repeat:no-repeat; background-color:#0d1c3e;
	}
	
	#privacy-dis{
		display:none;
	}
	
	.nota-container img{
		margin-top:30px;
	}
	
	.nav-pc{display:none !important;}
	 .nav-mobile{display:inline-block !important;}
	 
	 #dropDropInsti2{
		     width: 100%;
    height: 2.5em;
	 }
	 
	 .headerMobile .dropdown-header-nav{
		 padding-top:0;
	 }
	 
	 #vad-modal {
    background-size: 100% auto, 
			auto 100%, 
			auto 100%, 
			auto 100%;
			background-position: center bottom,
		 -50px 80px,
		 calc(100vw - 170px ) 50px,
		 center center;
	}
	#info-mapa .info-mapa{
		background-position-x: 45vw !important;
		background-position-y: center !important;
		
		
	}
}

#franja-celeste-eu{
			width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: -2px;
	position: relative;
	background-color: var(--panCyan);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;padding-top:30px;padding-bottom:30px;
}

#franja-azul-eu{
			width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: -2px;
	position: relative;
	background-color: var(--pan296);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;padding-top:30px;padding-bottom:0;
}
#franja-derecha-eu{
	
	display: inline-block;
	width: 50%;
	flex: 1 1 50%;
	
	background-image: url('/img/degrade_home_SOLO.svg');
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: 12% 100%;
	
	margin: initial;
	text-align: left;
	padding-left: 40px;
}



#franja-azul-eu{
	    background-color: transparent;
   
   
}

#franja-izquierda-eu{
	width: 50%;
	flex: 1 1 50%;
	text-align: left;
	margin: initial;
	max-width: initial;;
}


.integridad-content .texto-corrido{
	margin-bottom:15px;
}

.titulo-integridad{
	margin-bottom: 15px !important;
						position: relative;
						left: 50px;
						font-family: 'OpenSansSemiBold' !important;
						text-transform: uppercase !important;
						font-size: 30px !important;
}

.br-socials{
display:flex;justify-content: space-between;max-width: 660px;margin: auto;
}
	
@media only screen 
and (max-width: 600px){
		
	#franja-derecha-eu{
		flex:1 1 100%;
		overflow:hidden;
		padding-left:0;
	}
	
	#carousel-integridad{
		height:inherit;
	}
	
	#header-internas-container.header-integridad{
		    height: inherit;
    color: white !important;
	}
	#header-internas-container h1.titulo-integridad{
    color: var(--pan296) !important;
    bottom: -43%;
    left: 8px;
    margin-top: 20px;
    margin-bottom: 20px !important;
	}
	
	.header-layout-integridad {
		margin-bottom:90px;
	}
	#carousel-integridad{
		max-width:100vw;
		overflow:hidden;
	}
	#navbar-main{
		max-width:100vw;
	}
	#header-internas-container{
		max-width:100vw;
	}
	
	.br-socials{
		padding:0 20px;
	}
}