/*@charset "windows-1251";*/




.userIco
{
	/*width:100px; height:100px; border-radius:50%; background-color:#fff; background-image:url('../img/user.png'); background-size:100% 100%; border:2px #fff solid;*/
}
.userIco:hover
{
	animation:userAvatar 1s infinite alternate ease-in-out; cursor:pointer;
}
.txtLogo
{
	height:50px; width:100%; font-weight:bold; color:#7ed21b; font-size:50px; line-height:50px; overflow:hidden; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; vertical-align:middle; text-shadow:2px 2px 2px  rgba(0,30,0,1); /*#5fb158*/
}
.txtSlogo
{
	 font-size:22px; height:29px; color:#7ed21b; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-weight:bold; line-height:29px; vertical-align:top; text-shadow:2px 2px 2px  rgba(0,30,0,1);
}
.userIn
{
	width:350px; height:60px; border-style:none; text-align:center; color:#373; font-size:30px; border-radius:5px
}
.btnLogin
{
	width:350px; height:60px; border:2px #fff solid; font-size:40px; line-height:60px; color:#373; border-radius:5px
}
.btnLogin:hover
{
	cursor:pointer; border:2px #393 solid; 
}
.winLogin
{
	width:400px; height:320px; margin:auto; background-color:#ccc; border-radius:10px; align-content:center; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #393 solid; opacity:0.9
}
.btnUserReg
{
	width:100%; height:20px; color:#494; font-weight:bold; border-radius:5px
}
.btnUserReg:hover
{
	color:#8f8; cursor:pointer;
}
.userReg
{
	width:350px; height:60px; border-style:none; text-align:center; color:#373; font-size:30px; border-radius:5px
}
.btnReg
{
	width:350px; height:60px; border:2px #fff solid; font-size:40px; line-height:60px; color:#373; border-radius:5px
}
.btnReg:hover
{
	cursor:pointer; border:2px #393 solid;
}
.winReg
{
	width:400px; height:450px; margin:auto; background-color:#ccc; border-radius:10px; align-content:center; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; opacity:0.8
}
.winConfirm
{
	width:400px; height:370px; margin:auto; background-color:#ccc; border-radius:10px; align-content:center; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; opacity:0.8
}
.menuAutor
{
	width:15%; height:100%; line-height:60px; color:#373; text-align:center; border-right:1px #ccc solid; font-size: clamp(14px, 2cqw, 40px); font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-weight:bold
}
.menuAutor:hover
{
	animation:userMenu 1s infinite alternate ease-in-out; cursor:pointer; 
}

#blkMain 
{
    /*position: relative; width: 100%; height:auto; background-color: rgb(255, 255, 255); overflow: hidden; min-height:600px*/
	background-image: url("../img/1763714259397.jpg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; min-height:600px
}
/*
#blkMain::before 
{
    content: ""; position: absolute; inset: 0; background-image: url("../img/1763714259397.jpg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;
    opacity: 0.7; z-index: 0;
}
#blkMain > * 
{
    position: relative; z-index: 2;          
}
*/
#menuW
{
	opacity: 0;
    animation: menuW 0.7s ease forwards;
}
@keyframes menuW {
    to {
        opacity: 1;
    }
}

#menuH
{
	width:60px; height:60px; background-image:url('../img/btnMenu.png'); background-repeat:no-repeat; background-position:left center; display:none;
	opacity: 0;
    animation: menuH 0.7s ease forwards;
}
#menuH:hover
{
	cursor:pointer; opacity:0.5 
}
@keyframes menuH {
    to {
        opacity: 1;
    }
}
#menuO
{
	opacity: 0;
    animation: menuO 0.7s ease forwards;
}
@keyframes menuO {
    to {
        opacity: 1;
    }
}
#menuO::before
{
	
	content: '';
	  position: absolute;
	  inset: 0;
	  border-radius: 10px;
	  border: 2px solid rgba(200,200,200,1);
	  pointer-events: none;
	  z-index: 10;
}

.winGen
{
	width:80%; height:auto; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; font-size:20px; color:#373; max-width:600px; background-color:#fca; max-width:700px
}
.btnsObjs
{
	width:128px; height:128px; background-repeat:no-repeat; flex-shrink:0; background-size:50% 50%; background-position:center center; font-weight:bold; color:#337; display:flex; justify-content:flex-end; flex-direction:column; text-align:center; opacity:0.6; font-size:14px;
	transition:opacity 1s ease-in-out; text-shadow:0px 0px 3px  rgba(255,255,255,1.0);
}
.btnsObjs:hover
{
	cursor:pointer; opacity:1
}
#btnObjs::-webkit-scrollbar
{
	display:none;
}
#msgWin
{
	position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
}
.itemAdm
{
	color:#373;
}
.itemAdm:hover
{
	cursor:pointer; color:#595
}
.winObjAdd
{
	position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
}
#strDirObjs::-webkit-scrollbar
{
	display:none;
}
#winProfile
{
	width: 100%; height:60px;
}
.winIniInfo
{
	width:80%; height:600px; background-color:#fee; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; opacity:0.8; font-size:20px; color:#373; line-height:20px; max-width:700px
}

.winControl
{
	width:80%; background-color:#ffe; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; opacity:0.8; font-size:20px; color:#373; line-height:20px; display:block
}
.winMonitoreo
{
	width:80%; background-color:#efe; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; opacity:0.8; font-size:20px; color:#373; line-height:20px; display:block
}
.selTipo
{
	width:90%; max-width:350px; height:60px; border-style:none; text-align:center; color:#373; font-size:30px; border:1px #3a3 solid; border-radius:5px
}

.elMon
{
	width:200px; height:200px; border:1px #3a3 solid; border-radius:10px; box-shadow:2px 2px 3px rgba(0,0,0,0.9); margin:auto;background-color:#fff
}
.elMon:hover
{
	cursor:pointer; box-shadow:10px 10px 3px rgba(0,0,0,0.9);
}
.elCon
{
	width:200px; height:200px; border:1px #3a3 solid; border-radius:10px; box-shadow:2px 2px 3px rgba(0,0,0,0.9); margin:auto;background-color:#fff
}
.elCon:hover
{
	cursor:pointer; box-shadow:10px 10px 3px rgba(0,0,0,0.9);
}
.winPerfile
{
	width:80%; height:auto; background-color:#fef; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.5); border:1px #999 solid; opacity:0.8; font-size:20px; color:#373; line-height:20px; max-width:700px
}










@keyframes userMenu
{
	0%		{color:#fff;}
	20%		{color:#eee;}
	40%		{color:#ddd;}
	60%		{color:#ccc;}
	80%		{color:#bbb;}
	100%	{color:#aaa;}
}

@keyframes userAvatar
{
	0%		{border:2px #fff solid;}
	20%		{border:2px #eee solid;}
	40%		{border:2px #ddd solid;}
	60%		{border:2px #ccc solid;}
	80%		{border:2px #bbb solid;}
	100%	{border:2px #aaa solid;}
}