*{margin: 0px;
    padding: 0px;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Ubuntu', sans-serif;
 
}

:root{
	--ColorLabel:#34495e;
	--LineaGris:#95a5a6;
	--InputBorder:#bdc3c7;
	--Mzt-logo:#9e7406;
	--Header-color: #747d8c;
	--Sub-header:#2c3e50;
	--headerF:#f5f5f5;
	--Red:red;
	--ColorMark:#00194e;
}
.Active{
	display: block !important;
}
a{
	text-decoration: none;
}

input:focus{
	outline:none;
	outline:0px;
}
select:focus{
	outline:0px;
}
input[type="text"]:focus{
	outline: none;
  	border-bottom: 2px solid #303F9F;
}
textarea{
  	resize: none;
}
textarea:focus{
	outline: none;
  	border-bottom: 2px solid #303F9F;
}
.ContentHeader{
	width: 100%;
	height: 90px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
	top: 0PX;
	z-index: 999;
}
.ContentRedes{
	background-color: #003366;
	width: 100%;
	height: 25px;
	display: flex;
}
.SocialItem{
	background-color: #f3f3f3;
	margin: 2.5px 5px;
	position: relative;
	left: 20px;
	text-align: center;
	border-radius: 80px;
}
.SocialItem a{
	padding: 5px;
	color: #003366;
}

.SocialItem a:hover{
	padding: 5px;
	background-color: #003366;
	color: #f3f3f3;
	border-radius: 80px;
}

/*Contenido header logo y nav*/
.Headerlogo{
	width: 90%;
}
.Headerlogo>img{
	position: relative;
	width: 80%;
	padding: 5px 20px;
	z-index: 999
}

.HeaderNav{
	width: 100%;
	padding: 0px 150px;
	display: flex;
	justify-content: space-around;
}
.HeaderNav a{
	color: #003366;
	text-decoration: none;
	margin-right: 5px;
	width: 150px;
	height: 65px;
	padding: 0 15px;
	/*font-family: 'Open Sans', sans-serif;*/
}
.HeaderNav a:hover{
	background-color: #003366;
	color: #f3f3f3;
	border-bottom: 2px solid #D9AA0B;
	padding-top: 2px;
	transition: all 0.6s ease;
}
.HeaderNav>a>span{
	min-height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ContentBody{
	/*background-color: #f2f2f2;*/
	width: 100%;
	height: 100%;
	/*position: relative;*/
	/*margin-top: 0px;*/
}
.BtnBarsNav{
	display: none;
	color: #003366;
	width: 20px;
}
.NavBar{
	display: none;
}
/*Contenedor header*/
.ItemsHeader{
	background-color: #ffffff;
	width: 100%;
	height: 75%;
	display: grid;
	grid-template-columns: 30% 70%;
}
/*Contenedor Footer */
footer{
	background-color: #003366;
	bottom: 0;
	padding: 20px 0px;
	width: 100%;
	min-height: 190px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
footer>.FooterLogo{
	/*background-color: #fff;*/
	margin: auto 15px;

}
footer>div>.LogoImg{
	width: 200px;
}
footer>ul>h5{
	color: #D9AA0B;
	border-bottom: 1px solid #D9AA0B;
	font-size: 1.1em;
}
footer>ul>ol>a{
	color: #f6f6f6;
	line-height: 25px;
	text-decoration: none;
	font-size: 14px;
}
.WhatApp a{
	color:#ffffff;
}
.WhatApp a:hover{
	color:#16a085;
}
.LinkFooter a:hover{
	color: #D9AA0B;
	border-bottom: 1px solid #ffffff;
	/*padding-left: 5px;*/
	width: 20px;
	
	transition: width 2s linear;
}
.Address{
	width: 330px;
	color: #f3f3f3;
	border-left: 1px solid #f6f6f6;
	padding-left: 20px;
}
.Address p{
	line-height: 30px;	
}
.Address p,
.Address a{
	width: 100%;
	font-size: 17px;
}

.ItemsFooterM:after{
	font-family: 'Roboto', sans-serif;
	content:"contacto\40 coycaconsultores.com";
}
.SpanMail{
	padding-right: 7px;
}
.MailAlt::after{
	font-family: 'Roboto', sans-serif;
	content:"comercial\40 coycaconsultores.com";
}
.MenuControl{
	animation-name: MenusApp;
    animation-duration: 2s;
}
.EfectoLeft{
	animation-name: BtnSliderApp;
    animation-duration: 2s;
}
.Desing{
	position: relative;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-left: 100px;
}
.Desing p{
	color: #fff;
	font-size: 10px;
}

@keyframes BtnSliderApp{
    from{lef:0; opacity: 0;}
    to{right: 0;opacity: 1;}
}

@keyframes MenusApp{
    from{top:-330px; opacity: 0;}
    to{top: 0;opacity: 1;}
}
/*Responsive*/
@media screen and (max-width: 900px) {
	.NavBar{
		display: none;
	}
	.Headerlogo>img{
		position: relative;
		width: 50%;
		padding: 5px 5px;
		z-index: 1000;
	}

	.HeaderNav{
		display: none;
	}
	.ItemsHeader{
		padding: 0 50px 0 20px;
		min-height: 65px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	/*Menu Barra*/
	.BtnBarsNav{
		display: block;
		color: #003366;
		width: 20px;
		z-index: 1000;
	}
	.NavBar{
		position: relative;
		width: 100%;
		z-index: 999;
		transition: all 0.6s ease;
	}
	.NavBarItems{
		position: absolute;
		left: 0px;
		/*top: -4;*/
		background: #ffffff;
		width: 100%;

		position: absolute;
		display: flex;
		flex-direction: column;
	}
	.NavBarItems{
		margin: 5px auto;
	}
	.LinkGroup{
		height: 40px;
		border-bottom: 1px solid #7f8c8d;
		width: 100%;
	}
	.LinkGroup>a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		/*height: 40px;*/
		color: #00194e;
	}
	.LinkGroup>a>span{
		/*background-color: #fff;*/
		position: relative;
		min-height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;

	}
	.LinkGroup>a:hover{
		background-color:#00194e;
		color: #ffffff;
	}
/*Fin menu Barra*/
	.Desing{
		position: relative;
		bottom: 0px;
		width: 100%;
		padding-top: 10px;
		padding-left: 20px;
	}



	footer{
		background-color: #003366;
		padding: 20px 20px;
		width: 100%;
		min-height: 190px;
		height: 300px
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.NavBarItems>.BtnMenuLogin{
		display: none;
	}

}
/*Botones*/
.Btn{
	display: inline-block;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*user-select: none;*/
    font-size: 0.8rem;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: .30rem;
}
.BtnTxVCen span{
	display: flex;
	justify-content: center;
	align-items: center;
}

.OutSucces{
	color: #28a745;
    border-color: #28a745;
}
.OutSucces:hover{
	background: #28a745;
	color: #ffffff;
    border-color: #28a745;
}
.OutEdit{
	color: #0952E6;
    border-color: #0952E6;
}
.OutEdit:hover{
	background: #0952E6;
	color: #ffffff;
    border-color: #28a745;
}
.OutRed{
	color: #dc3545;
    border-color: #dc3545;
}
.OutRed:hover{
	background: #dc3545;
	color: #ffffff;
    border-color: #dc3545;
}
.NormalRed{
	color: #dc3545;
    border-color: #dc3545;
}
.NormalRed:hover{
	background: #dc3545;
	color: #ffffff;
    border-color: #dc3545;
}
.LoginIn{
	color: var(--ColorMark);
	border-color: var(--ColorMark);
}
.LoginIn:hover{
	background: var(--ColorMark);
	color: #ffffff;
    border-color: var(--ColorMark);
}
.LoginOut{
	color: var(--Mzt-logo);
	border-color: var(--Mzt-logo);
}
.LoginOut:hover{
	background: var(--Mzt-logo);
	color: #ffffff;
    border-color: var(--Mzt-logo);
}