body{
	/* margin-top: 45px; */
}

#encabe {
	height: 13%;
	--border: 1px solid red;
}

#encabe div{
	/* height: 100%; */
	background-image: url('../images/header.png');
	background-position: left top;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-color: #6DA048;
}

#banerenc{
	background-image: -o-linear-gradient(right, #025E09 0%, #5EA450 58%);
	background-image: -moz-linear-gradient(right, #025E09 0%, #5EA450 58%);
	background-image: -webkit-linear-gradient(right, #025E09 0%, #5EA450 58%);
	background-image: -ms-linear-gradient(right, #025E09 0%, #5EA450 58%);
	background-image: linear-gradient(to right, #025E09 0%, #5EA450 58%);
}

#contses{
	width:100px;
	height: 100%;
	padding: none;
	float: right;
	position: relative;
	margin-right: 20px;
	
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg);
	
	--border: 1px solid yellow;
	
}

#sesg{
	width:80px;
	height: 100%;
	padding: none;
	margin: none;
	position: absolute;
	left: 20px;
	top: 0px;
	z-index:1;
	
	background-image: -o-linear-gradient(right, #DA1E1E 20%, #7D1717 80%);
	background-image: -moz-linear-gradient(right, #DA1E1E 20%, #7D1717 80%);
	background-image: -webkit-linear-gradient(right, #DA1E1E 20%, #7D1717 80%);
	background-image: -ms-linear-gradient(right, #DA1E1E 20%, #7D1717 80%);
	background-image: linear-gradient(to right, #DA1E1E 20%, #7D1717 80%);
	
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg);
	
}


#sesgsom{
	width: 20px;
	height: 100%;
	padding: none;
	margin: none;
	position: absolute;
	left: 0px;
	top: 0px;
	--z-index:20;
	
	
	background-image: -o-linear-gradient(right, #328627 20%, #44933A 80%);
	background-image: -moz-linear-gradient(right, #328627 20%, #44933A 80%);
	background-image: -webkit-linear-gradient(right, #328627 20%, #44933A 80%);
	background-image: -ms-linear-gradient(right, #328627 20%, #44933A 80%);
	background-image: linear-gradient(to right, #328627 20%, #44933A 80%);
	
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	transform: skewX(-20deg);
	
}

#luser{
	color: white;
	font-size: 15pt;
	
	--border: 1px solid red;
}

#uluser{
	--border: 1px solid white;
	/* margin-right: -20px; */
	margin-top: 15px;
}

#princ{
	width: 100%;
	padding-left: 0px;
	--border: 1px solid yellow;
}

#sec{
	width: 100%;
	margin: none;
	--border: 1px solid blue;
}

#contmenu{
	width: 20%;
	--border: 1px solid red;
	margin-right: 0px;
	float: left;
	display: inline-block ;
}

#empresa{
	width: 93%;
	height: 100px;
	box-shadow: -5px 3px 20px #585858;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--border: 1px solid blue;
}

#empresa table{
	width: 100%;
	font-size: 30px;
	height: 100%;
	line-height: normal;
	--border: 1px solid blue;
}

#empresa table tr td{
	text-align: middle;
}

#menui{
	border: none;
	--border: 1px solid blue;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
}

#menui li{
	border: none;
	padding-top: 10px;
	list-style-image: url('/kanz/public/img/boton-enlaces.png');
}

#menui #f{
	--padding-top: 0px;
	--margin-top: 0px;
}

#menui > li > a{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	
}

#imgfac{
	width: 100%;
	margin-top: 25px;
}

#desfac{
	width: 100%;
	height: 65px;
	border-radius: 5px;
	
	
	background-image: -o-linear-gradient(top, #025E09 10%, #5EA450 70%);
	background-image: -moz-linear-gradient(top, #025E09 10%, #5EA450 70%);
	background-image: -webkit-linear-gradient(top, #025E09 10%, #5EA450 70%);
	background-image: -ms-linear-gradient(top, #025E09 10%, #5EA450 70%);
	background-image: linear-gradient(to top, #025E09 10%, #5EA450 70%);
	
}

#desfac .p1{
	color: #CBECCB;
	font-size: 20px;
	padding-top:18px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	--border: 1px solid white;
}

#desfac .p2{
	color: #CBECCB;
	font-size: 11px;
	padding-top: 0px;
	margin-top: -5px;
	word-spacing: 4px;
	letter-spacing: 1px;
	margin-left: 20px;
	--border: 1px solid white;
}

#imgdes{
	position: absolute;
	left:16%; 
	margin-top: 13px;
}

#imgdes:hover{
	cursor: pointer;
}

#uldesfac{
	display: none;
	position: absolute;
	margin-top: 65px;
}

#desfac:hover #uldesfac{
	display: block;
}

#uldesfac li{
	list-style: none;
	width: 200px;
	background: #5EA450;
	opacity: 0.7;
	color: #000;
	padding-left: 20px;
	height: 25px;
	padding-top: 3px; 
	font-size: 17px;
	
}

#uldesfac li :hover{
	cursor: pointer;
	background: #025E09;
	color: #CBECCB;
}

#uldesfac a:hover li{
	cursor: pointer;
	background: #025E09;
	color: #CBECCB;
}