body{
	margin:0;
	padding: 0;
	background: #e9eced;
}
h1{
	font-family: 'Work Sans', sans-serif;
	color: #1c376c;
}
p{
	font-family: 'Dosis', sans-serif;
}
.menu-superior{
}
.menu-contacto{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e9eced;
	font-size: 20px;
	background: #6278a0;
}

.navbar{
	background:#1c376c;
}
.nav-link{
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
	font-weight: bold;
}
.nav-link:hover{
	color: #f89c06 !important;
}
.nav-contacto{
	background: #f89c06;
}
.link-contacto:hover{
	color: #1c376c !important;
}
header{
	width: 100%;
	height: 70vh;
	margin: auto;
	position: relative;
	overflow: hidden;
}
/*header:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	transition: .3s;
	background: linear-gradient(50deg, rgba(248,156,6,.8) 15%, transparent 85%) 300% 300% / 100% no-repeat;
	transition: .5s;
}*/
.slider{
	width: 100%;
	height: 70vh;
	position: relative;
	display: flex;
}
.slider li{
	list-style: none;
	padding: 0 !important;
	margin:0 !important;
}
.slide{
	width: 34%;
}
.title-header{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	transform: translate(-50%,-50%);
	background: rgba(248,156,6,.8); 
	color: #fff;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}
.contenedor-empresa{
	background: #e9eced;
}
.titulo-empresa{
	background: #8597bf;
	z-index: 20;
	
}
.titulo-empresa span{
	background: #f89c06;
	padding: 10px 0px 10px 10px;
	letter-spacing:9px;
	z-index: 10;
	color: #fff;
	font-weight: bold;
}
.contenedor-servicios{
	background: #6278a0;
}
.item-servicio{
	border: 1px solid #fff;
}
.nombre-servicio{
	color: #fff;
	font-family: 'Work Sans', sans-serif;
}
.descripcion-servicio{
	color: #fff;
}
.ver-mas{
	background: #f89c06;
	padding: 5px 10px 5px 10px;
	border-radius: 2px;
	color: #fff;
	font-size: 18px;
}
.title-contacto{
	color: #8597bf !important;
}
.btn-contacto{
	background: #f89c06 !important;
	padding: 5px 10px 5px 10px !important;
	border-radius: 2px !important;
	color: #fff !important;
	font-size: 18px !important;
	margin-left: 20px !important;
}
footer{
	background: #e9eced;
	font-size: 20px;
}
footer h2{
	color: #1c376c; 
}

/*HOJALATERIA*/
.contenedor-hojalateria{
	background: #8597bf;
}
.titulo-hojalateria{
	background: #6278a0;
	z-index: 20;
}
.titulo-hojalateria span{
	background: #f89c06;
	padding: 10px 0px 10px 10px;
	z-index: 10;
	color: #fff;
	letter-spacing:9px;
	font-weight: bold;
}

/*FORMULARIO*/
.boton-formulario{
	background: #f89c06;
}