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

@import url(menu.css);
@import url(banner.css);
@import url(Recursos_Ventas.css);
@import url(Comunicacion_Interna.css);
@import url(flaticon.css);
@import url(identidad.css);
@import url(folleteria.css);
@import url(galeria.css);
@import url(submenu_logos.css);
@import url(mascotas.css);
@import url(mascotas_presentacion.css);
@import url(esr.css);
@import url(calendario.css);
@import url(curriculum.css);
@import url(estilos_logos.css);
@import url(Plantilla.css);
@import url(calidad.css);
@import url(puestos.css);


* {margin: 0;
	padding: 0;
	box-sizing: border-box;}

body{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	overflow-x: hidden;
}

header{
	width: 100%;
	height:80px;
	background: #FFFF;
	color:#201314F;
	position: fixed;
	top:0;
	left:0;
	z-index:1000;
	
}

header img{
	float: left;
    max-width:  200px;
	padding: 5px;
	
}

header .contenedor{
	display: table;}

.contenedor{
	margin:auto;
	width:95%;
}

h1{float:left;}

header .contenedor{display: table;}

section{
	width:100%;
	margin-bottom: 25px;
}



.Calculo h3{
	background: #424242;
	color:#fff;
	font-size: 18px;
	text-align: center;
	padding:3px;
	margin-bottom: 5px;
	}

.Calculo h4{
	font-size: 16px;
	}

.Calculo a{
	display:inline-block;
	width: 30%;
	text-align: center;
	text-decoration: none;
	color:#6C6C6C;
	vertical-align:middle;
	padding: 3px;
	margin-left: 2px;
	margin-bottom: 5px;
	border:3px solid #fff;
	}

.Calculo a:hover{
	background: rgba(113,110,116,0.3);
	color:#ffff;	
	transition: all 0.3s;
	border-radius: 7px;
	
	}

.Calculo img{
	width: 120px;
	position: relative;}

.Accesos h3{
	background: #424242;
	color:#fff;
	font-size: 18px;
	text-align: center;
	padding:3px;
	
		
}

.Accesos a{
	display:inline-block;
	width:17%;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color:#6C6C6C;
	left: -10%;
	transform: translateX(10%);
	padding: 3px;
	border:3px solid #fff;
	margin-left: 5px;
	}

.Accesos a:hover{
	background: rgba(113,110,116,0.5);
	color:#ffff;	
	transition: all 0.5s;
	border-radius: 7px;
	}

.Accesos img{
	width:60px;
	align-content: center;
	
}

.Mensaje{
	width: 100%;
	margin: auto;
	position: relative;
		font-size: 25px;
		margin-bottom: 30px;
}

.Mensaje h3{
	color: #E7FF01;
	background:#000355;
	padding: 10px;
	margin-top: 10px;
	text-align: center;}

.Mensaje a{
	text-decoration: none;
	color:#fff;	}

.Mensaje a:hover{
		color:#E7FF01;
		transition: 0.3s;}

hr{color: #626261;
   font-size: 5px;
	margin-top: -20px;
}

footer{
	background:#20124F;
	color:#fff;
	text-align: center;
	padding:8px;
	font-weight:400;
	}

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

#footer_enlace, #Copyright{
		padding: 10px;}

#footer_enlace a:hover{
	color:#00ABFF;
	transition: 0.3s;
	
}

footer img{
	width:  30%;
	}

footer img:hover{
	width:32%;
	transition:all ease-in  0.3s}

#Copyright{
	font-size: 13px;
	padding: 10px;
	}
#Copyright a:hover{
		color:#00ABFF;
	font-size: 13.5px;
	transition:all ease-in  0.3s;
}

/*swswswswsws*/

.vid{
	width: 100%;
	margin: auto;
	margin-bottom:80px;
	margin-top: 18px;
	text-align: center;
	position: relative;
	
	}
	
.repro{
	width: 90%;
	display: block;
	margin-bottom:20px;
	left: -3%;
	transform: translateX(3%);
}

.repro_p{
	margin-top: 8px;
	text-align: center;
	color:#00ABFF;
	font-weight: bold;
	font-size: 18px;
}


.ed_vid{
	width: 100%;
	margin: auto;
	margin-bottom:30px;
	margin-top: 18px;
	text-align: center;
	position: relative;
	
	}
	
.ed_repro{
	width: 90%;
	display: block;
	margin-bottom:20px;
	left: -3%;
	transform: translateX(3%);
}

.ed_repro_p{
	margin-top: 8px;
	text-align: center;
	color:#00ABFF;
	font-weight: bold;
	font-size: 18px;
}


.ed_enlace{
	width:40%;
	display: inline-block;
	margin: auto;
	position: relative;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	color: #424242;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 17px;
	
}


.ed_enlace:hover{
	font-weight:bold ;
	background:rgba(66,66,66,0.5);
	color: #fff;
	
	transition: ease 0.3s;
	
}


@media (min-width: 1280px){

#logo{
	
	    max-width: 12%;
		margin-left: 20px;
	margin-top: 10px;}
	
	#logo:hover{
		max-width: 13%;
		transition:all 0.3s;
	}
	
	
		
	#principal{
		margin-top: 21px;
		display:flex;
		margin-bottom: 10px;
		
	}
	.Secciones{
		width:80%;
		font-size:22px;
		align-content: center;
		position:relative;
		margin-top:90px;
		top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
		text-align: right;
		color:#A6A59E;
		
	}
	
	.enlace_banner{
		float: none;
		position: absolute;
		margin-top: 200px;
	}
	
	
	.Calculo {
		width:30%;
		padding: 25px;
		left: -5%;
		transform: translateX(5%);
	}
	
	.Calculo a{
		margin-left: 5px;
		padding: 10px;
		
	}
	.Calculo img{
		width:105%;
		
	}
	
	.Calculo h4{
		font-size: 14px;}
	
	.Calculo h4:hover{
		font-size: 16px;}
	
	.Accesos {
		width:40%;
		padding: 25px;
		margin-bottom:22px;
		left: -3%;
		transform: translateX(3%);
	}
	
	
	.Accesos img{
		width:50%}
	
	.Accesos a{
		width:17%;
		left:-10%;
		transform: translateX(10%);
		margin-top: 11px;
		font-size: 13px;
	
	}
	
	.Accesos h4{
		font-size: 95%;}
	
	.Accesos h4:hover{
		font-size: 100%;}
	
	
	.Mensaje{
		width: 25%;
		margin-top: 50px;
		left: -0%;
		transform: translateX(-0%);
		
	}
	.Mensaje h3{
		font-size: 38px;
		text-align: center;
	}
	
	.Mensaje h3:hover{
		font-size: 40px;
		transition: all ease-in 0.3s;
	}
	
	
	
	footer{
		height: 100px;
		display: flex;
		overflow: hidden;

	/*	position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;*/
		
		}
	
	footer div{
		width:28%;
		vertical-align: middle;
	
	}
	
	
	footer img{
	width:27%;
		margin-left: 200px;
	}
	
	footer img:hover{
	width:28%;
		transition: 0.3s;
		}
	
	 #Copyright{
		 width:42%;
		font-size: 75%;
		margin-top: 5px;
	}
	
	 #footer_enlace{
		margin-top: 15px;
	}
	
	
	
	#footer_enlace a:hover, #Copyright a:hover{
		font-size: 102%;
		transition: 0.3s;
	}
		

	.vid{
		width: 100%;
		margin: auto;
		margin-bottom:44px;
		margin-top: 18px;
		text-align: center;
		position: relative;
		}
		
	.repro{
		width:100%;
		display:block;
		margin: 30px;
		left: 3%;
	transform: translateX(-3%);
	}
	
	.repro_p{
		margin-top: 8px;
		text-align: center;
		color:#00ABFF;
		font-weight: bold;
		font-size: 18px;
	}


	.ed_vid{
		width: 100%;
		margin: auto;
		margin-bottom:50px;
		margin-top: 40px;
		text-align: center;
		position: relative;
		}
		
	.ed_repro{
		width: 30%;
		display: inline-block;
		margin: 15px;
		left: -0%;
	transform: translateX(0%);
	}
	
	.ed_repro_p{
		margin-top: 8px;
		text-align: center;
		color:#00ABFF;
		font-weight: bold;
		font-size: 18px;
	}


	.ed_enlace{
		width:15%;
		display: inline-block;
		margin: auto;
		position: relative;
		text-align: center;
		text-decoration: none;
		background-color: #fff;
		color: #424242;
		padding: 10px;
		margin-top: 30px;
		margin-bottom: 101px;
		border-radius: 5px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 17px;
		
	}


	.ed_enlace:hover{
		font-weight:bold ;
		background:rgba(66,66,66,0.5);
		color: #fff;
		
		transition: ease 0.3s;
		
	}


}