*{  color: #222;
	font-family: arial; margin: 0 0 0 0; padding: 0 0 0 0;}

html
{
	/*height: 90%;*/
	width: 100%;
}

body{
	height: 100%;
	margin-bottom: 0px;
}


div#wrap{
	font-size: 16px;
	text-align: center;
	height: 100%;

}

div#ayuda
{
	font-size: 0.8em;
	margin-top: 1em;
}

div#ayuda a
{
	color: green;
}

div#ayuda label
{
	font-weight: bold;
}

div#contenido_logo{ /*position: absolute; width: 100%; z-index: -50; top: -45px; left: 210px;*/
	position: absolute; width: 100%; z-index: -50;
}

div#logo_sufacturacion{
	margin: 3em auto 0px auto;
	background-image: url("../img/login_bc.png");
	/*background-image: url("../img/logoDigibox.png");*/
	width: 42em;
	height: 13em;
	background-repeat: no-repeat;


}
.logo-luna{
	max-width: 200px;
	height: auto;
}
.logo-luna-box{
	width: 100vw;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	color: #6DE27D;
}

div#logo_pac{
	background-image: url("../img/LOGO_PAC.png");
	width: 192px;
    height: 191px;
	background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

article#form_login{

	/*border: 1px solid #222;*/
	background-color: #fff;
	width: 20em;
	margin: 7em auto 0 auto;
	border-radius: 0.4em;
	box-shadow: 0.015em 0.015em 0.3em rgba(34,34,34, 0.3);
	padding: 1em 1em;
}

article#form_login label{
	font-size: 1em;

}

article#form_login b{
	font-size: 1em;
	
}


article#form_login input[type=email], article#form_login input[type=password], article#form_login input[type=text]{

	margin-top: .5em;
	height: 2em;
	font-size: 1em;
	width: 14em;
	border-radius: 0.4em;
	border: 1px solid rgba(34,34,34, 0.3);
	padding: 0.03em 0.5em;
}

article#form_login input[type=submit]{

	font-size: 1em;
	height: 2em;
	width: 5em;
	border-radius: 0.4em;
	margin-left: -10em;
	background-color: #6DE27D;
	border: none;
	color: #EEE;
	font-weight: bold;

}

article#form_login input[type=submit]:hover{

	color:#FFF;
	background-color: #35A52E;

}

article#restaurar_pass input[type=submit]
{
	margin: 0.5em 0;
	padding: 0.1em 0.3em;
}

article#restaurar_pass input[type=text], article#restaurar_pass input[type=email]
{
	width: 21.7em;
}

article hr
{
	border: 1px solid green;
	margin: 0.8em 0 0.5em 0;
}

article div#spam
{
	font-size: 0.8em;
	color: #6A727E;
}

article div#spam label
{
	font-weight: bold;
	color: #5A626E;
}

form#registro select, form#registro input[type=email], form#registro input[type=text]
{
	border: 1px solid rgba(34,34,34, 0.3);
	border-radius: 0.4em;
	margin: 0.3em;
}

form#registro input[type=submit]
{
	background-color: #0080CC;
	border-radius: 0.4em;
	color: #EEE;
	font-weight: bold;
	border: none;
	height: 1.8em;
	padding: 0.03em 0.5em;
	width: 7em;
}

.otro_municipio
{
	display: none;
}

form#registro input[type=submit]:hover
{
	background-color: #0046CF;
}

footer
{
	
	bottom: 0px;
	text-align: center;
	font-size: 0.8em;
	width: 100%;
	padding: 1em 0;
	background-color: #E5E5E5;
}

footer a
{
	font-weight: bold;
	color: #222;
}

.tooltip-soporte {
	position: relative;
	display: inline-block;
}

.tooltip-soporte .tooltiptext-soporte {
	visibility: hidden;
	width: 250px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip-soporte .tooltiptext-soporte::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip-soporte:hover .tooltiptext-soporte {
	visibility: visible;
	opacity: 1;
}