body {
	font-family: 'Lato', sans-serif;
}

:root {
    --rosa: #ff00ff;
    --amarillo: #ffa400;
    --verde: #18422a;
    --blue: #001f60;
   	--azul: #007cba;
    --barista: #6CC24A;
    --gerented: #8D6E97;
    --supervisor: #025F1D;
}


.text-hover {
	font-size: 23px;
}

.text-horario {
	font-size: 11px;
}

.navbar-etia{
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
  	position: fixed;
  	top: 0;
  	width: 100%;
}

.slider {
	background-image: url(../img/sl01.jpg);
	background-position: 50% 0%;
} 

.slider1 {
	background-image: url(../img/sl02.jpg);
	background-position: 50% 0%;
} 

.slider2 {
	background-image: url(../img/sl03.jpg);
	background-position: 50% 0%;
} 

.contact-back {
	background-image: url(../img/contact.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
}


.mTop {
	margin-top: 20px;
}

.separador {
	height: 30px;
}

.separador-m{
	height: 75px;
} 

.separador-l {
	height: 150px;
}

.blue-back {
	background-color: #1f4da0; margin-top: -10px;
	margin-bottom: -35px;
}

.back-azul{
	background-image: url(../img/back-azul.png);
}

.orange-back {
	background-color: var(--amarillo);
}

.video {
	margin-top: -150px;
}

.mat {
	margin-top: 50px;
}

/*TEXTOS*/

.text-blue {
	color: var(--blue);
	font-weight: 500;
	margin-top: 23px;
}

.text-blue-1 {
	color: var(--blue);
	font-weight: 500;
	margin-top: 15px;
}

.facebook {
	margin-top: 22px;
	padding-right: 10px;
}

.normal-text {
	font-size: 18px;
	color: var(--blue);
	text-align: justify;
}

.normal-text-m {
	font-size: 18px;
	color: var(--azul);
}

.normal-text-1 {
	font-size: 22px;
	color: var(--azul);
	text-align: justify;
}

.title {
	color: #fff;
	align-content: center;
}

.title-1 {
	color: var(--azul);
	align-content: center;
}

.title-a {
	color: var(--blue);
	font-size: 25px;
	font-weight: 600;
}

.title-b {
	color: var(--blue);
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 5px;
}
.title-c {
	color: var(--azul);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 5px;
}

.text-a {
	color: var(--azul);
	font-size: 20px;
}

.text {
	color: #fff;
	font-size: 20px;
	align-content: center;
	margin-top: 10px;
	transition: .5s ease;
}

.text:hover{
	color: var(--amarillo);
} 

.text-l {
	color: var(--azul);
	font-size: 30px;
	text-align: center;
}

.dist {
	margin-top: 120px;
}

.dist-1 {
	margin-top: 25px;
}

.dist-2 {
	margin-top: 25px;
}

.active-p {
	color: var(--amarillo);
}

.prod-link {
	transition: .5s ease;
}

.prod-link:hover {
	color: var(--amarillo);
}

.dif-1 {
	color: var(--rosa);
	font-weight: 700;
}

/*BOTONES*/

.btn-azul {
	background-color: var(--blue);
	width: 100%;
}

.btn-amarillo {
	background-color: var(--amarillo);
}

.btn-azul-lg {
	background-color: var(--blue);
	width: 100%;
	font-size: 50px;
}

a .btn-azul-1 {
	background-color: var(--blue);
	padding-left: 50px;
	padding-right: 50px;
}

.link-border {
	color: #fff;
	font-size: 20px;
	border: solid #fff 1px;
	border-radius: 3px;
	padding-right: 80px;
	padding-left: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: .5s ease;
}

.link-border:hover{
	color: var(--amarillo);
	border: solid var(--amarillo) 1px;
}


.link-border-1 {
	color: var(--azul);
	font-size: 20px;
	border: solid var(--azul) 1px;
	border-radius: 3px;
	padding-right: 80px;
	padding-left: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: .5s ease;
}

.link-border-1:hover{
	color: var(--amarillo);
	border: solid var(--amarillo) 1px;
}


/*CONTACT*/

.contact-etia {
	color: #fff;
	background-color: none;
	font-size: 18px;
	letter-spacing: 5px;
}

.input-contact {
	border: solid #fff 1px;
	border-radius: 5px:  
	margin-top: 10px;
}

.mail {
	color: var(--azul);
	font-size: 15px;
	transition: .5s ease;
}

.mail:hover {
	color: var(--amarillo);
}