/* Inicio configuraciones elementales */

/* Inicio Body */
html, body 
{
	height: 100%;
	margin: 0;
}

body 
{
	background-color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	color: #949ba2;
	font-weight: 400;
}
/* Fin Body */

/* Inicio Seleccion */
::selection 
{
	color: #252525; 
	background: #fbd361;
}

::-moz-selection 
{
	color: #252525; 
	background: #fbd361; 
}
/* Fin Seleccion */

/* Inicio eliminar radius */ 
.radius-none {
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* Fin eliminar radius */ 

/* Inicio center col */
.col-center
{
    float: none;
    margin: 0 auto;
}
/* Fin center col */

/* Inicio Reset Block */
.reset-block
{
	font-size:inherit;
	display:inline;
	margin:0;
}
/* Fin Reset Block */

/* Inicio display none & block */
.none 
{
	display:none;
}

.block
{
	display:block;
}
/* Fin display none & block */

/* Inicio Box Mensaje */
.box-msj 
{
	display:none;
	background: #ffffff;
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	font-weight:400;
	text-align:left;
}

.box-msj-danger 
{
    border-left-color: #d9534f;
}

.box-msj-warning 
{
    border-left-color: #f0ad4e;
}

.box-msj-info 
{
    border-left-color: #5bc0de;
}

.box-msj-primary 
{
	border-left-color: #337ab7;
}

.box-msj-success 
{
	border-left-color: #5cb85c;
}
/* Fin Box Mensaje */

/* Inicio Border */
.border
{
	border:1px solid #ffffff;
}
/* Fin Border */

/* Inicio Transition */
.transition
{
	transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
}
/* Fin Transition */

/* Inicio Recaptcha */
.grecaptcha-badge
{
	display:none !important;
	background:#ffffff !important;
	z-index:9999;
}
/* Fin Recaptcha */
  
/* Inicio Reset Menu */
ul, 
ol
{
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
	padding:0px 0px;
	margin:0px 0px;
} 
/* Fin Reset Menu */

/* Inicio Configuracion Default */
header, main, footer
{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	width:100%; 
}
/* Fin Configuracion Default */

/* Inicio Logotipo */
header figure.logotipo
{
	display:block;
	text-align:center;
	margin: 0px 0px;
	margin-bottom:5%;
	margin-top:15%;
	width:100%;
}

header figure.logotipo img
{
	width:50%;
}
/* Fin Logotipo */
 
/* Inicio Main Login */
main .login
{
	background-color: #000000;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:100%;
	padding:25px 15px;
}

main .login h1
{
	display:block;
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	margin-bottom: 0px;
}

main .login h1.error
{
	display:block;
	color:#ffffff;
	font-size:30px;
	font-weight:500;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	margin-bottom: 0px;
}

main .login h2
{
	display:block;
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	margin-bottom: 0px;
}

main .login h1 i.fas
{ 
	color:#fbd361; 
}

main .login p
{
	display:block; 
	color: #949ba2;
	font-size:12px;
	font-weight:400;
	width:100%;
	text-align:center;
	padding:5px 5px;
}

/* Inicio Panel */
main .login ul.panel
{
	display:block;
	width:100%;  
}

main .login ul.panel li
{
	float:left;
	display:inline-block; 
	width:50%; 
	border-right:1px dashed #494b54;	
	border-bottom:0px dashed #494b54;
}

main .login ul.panel li.extender
{ 
	width:100%;  
}

main .login ul.panel li:last-child 
{ 
	border-right:0px dashed #494b54;  
	border-bottom:0px dashed #494b54;	
}

/* Inicio Panel Redes */
main .login ul.panel li ul.redes
{
	display:block;
	width:100%; 
	padding-right:10px;
	margin-top:30px;
}

main .login ul.panel li ul.redes li
{
	float:left;
	display:block; 
	width:100%; 
	border-right:0px solid #ffffff;	
	border-bottom:0px dashed #494b54;
}

main .login ul.panel li ul.redes li:last-child 
{ 
	border-right:0px solid #ffffff;
	border-bottom:0px dashed #494b54;
}

/* Inicio Botones Conectar */
main .login ul.panel li ul.redes li a.boton
{
	display:block;
	background-color: rgba(255, 255, 255, 0.5);
	color:#ffffff;
	text-decoration:none; 
	width:100%;
	padding:0px 0px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

main .login ul.panel li ul.redes li a.boton.facebook
{ 
	background-color: #345b9c; 
}

main .login ul.panel li ul.redes li a.boton.twitter
{ 
	background-color: #35afe0; 
}

main .login ul.panel li ul.redes li a.boton.google
{ 
	background-color: #e34d3c; 
}


main .login ul.panel li ul.redes li a.boton i.fab
{   
	display:inline-block;
	color:#ffffff; 
	font-size:14px; 
	padding:13px 10px;  
	width:35px;
	text-align:center;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}


main .login ul.panel li ul.redes li a.boton.facebook i.fab
{  
	background-color: #2e4d83; 
}

main .login ul.panel li ul.redes li a.boton.twitter i.fab
{  
	background-color: #00a3d6; 
}

main .login ul.panel li ul.redes li a.boton.google i.fab
{  
	background-color: #cc3d2c; 
}

main .login ul.panel li ul.redes li a.boton span.title
{   
	display:inline-block;
	color:#ffffff; 
	font-size:14px;
	font-weight:500;
	padding:10px 10px; 
}

main .login ul.panel li ul.redes li a:hover.boton.facebook
{ 
	background-color: #2e4f87; 
}

main .login ul.panel li ul.redes li a:hover.boton.twitter
{ 
	background-color: #32a2cf; 
}

main .login ul.panel li ul.redes li a:hover.boton.google
{ 
	background-color: #d64837; 
} 
/* Fin Botones Conectar */
 
/* Fin Panel Redes */

/* Inicio Formulario de Login */
main .login ul.panel li form.form-login
{ 
	padding-left:10px;	
	padding-right:10px;	
	padding-top:10px;	
	padding-bottom:10px;	
	width:100%;
}

main .login ul.panel li form.form-login .btn-padding
{ 
	float:left;
	display:inline-block;
	text-align:center;
	padding-left:5px;	
	padding-right:5px; 
	width:50%;
}

main .login ul.panel li form.form-login .form-group label
{
	color:#ffffff; 
	font-size:14px;
	font-weight:500;
}

main .login ul.panel li form.form-login .form-group input
{
	color: #949ba2;
    border: none;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: #494b54;
    font-size: 0.88rem;
}
  
main .login ul.panel li form.form-login .form-group small
{
	color: #6d757d;
	font-size:10px;
	font-weight:400;
}

main .login ul.panel li form.form-login .form-group small a
{
	color: #fbd361;
	font-size:10px;
	font-weight:400;
	text-decoration:none;
}

main .login ul.panel li form.form-login .form-group small a:hover
{
	color: #be9b37; 
}

main .login ul.panel li form.form-login button.btn,
main .login ul.panel li form.form-login a.btn
{
	float:left;
	display:inline-block !important;
	color: #6d757d;
	font-size:14px;
	font-weight:400;
	width:100%;   
}  

main .login ul.panel li form.form-login button.btn:hover.btn-aceptar,
main .login ul.panel li form.form-login a.btn:hover.btn-aceptar  
{
	color:#ffffff;
	background-color: rgba(246, 168, 33, 0.2); 
}

main .login ul.panel li form.form-login button.btn:hover.btn-default,
main .login ul.panel li form.form-login a.btn:hover.btn-default  
{
	color:#ffffff;
	background-color: rgba(97, 103, 121, 0.2); 
}

/* Inicio Botones*/
.btn-aceptar 
{
    color: #949ba2;
    background-color: transparent;
    border-color: #f6a821;
}

.btn-default 
{
    color: #949ba2;
    background-color: transparent;
    border-color: #616779;
}
/* Fin Botones*/

/* Fin Formulario de Login */

/* Fin Panel */

/* Inicio Footer */
footer .creditos  
{
	display:block;   
	padding:10px 10px;
	text-align:center;
	width:100%;
}


footer .creditos p
{ 
	color:#949ba2;
	font-size:10px;
	font-weight:400; 
	width:100%;
}
/* Fin Footer */

/* Fin Main Login */

@media (min-width: 140px) {  

	header figure.logotipo
	{ 
		margin-bottom:10px;
		margin-top:20px; 
	}
	
	body 
	{
		background-color: #000000;
	}
	
	main .login
	{
		background-color: #000000;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px; 
		padding:25px 15px;
	}    
	
	main .login ul.panel li
	{ 
		display:block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:0px;
		margin-top:10px;
	}   
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 0px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:0px;	
		padding-right:0px;	
		padding-top:0px;	
		padding-bottom:0px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #b9c2cc; 
		background-color: #111113; 
	} 
	
	.btn-aceptar,.btn-default 
	{
		color: #b9c2cc; 
	}
	
	 
} /*Fin @media 140px */

@media (min-width: 280px) {  

	header figure.logotipo
	{ 
		margin-bottom:10px;
		margin-top:20px; 
	}
	
	body 
	{
		background-color: #000000;
	}
	
	main .login
	{
		background-color: #000000;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px; 
		padding:25px 15px;
	}   
	
	main .login ul.panel li
	{ 
		display:block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:0px;
		margin-top:10px;
	}   
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 0px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:0px;	
		padding-right:0px;	
		padding-top:0px;	
		padding-bottom:0px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #b9c2cc; 
		background-color: #111113; 
	} 
	
	.btn-aceptar,.btn-default 
	{
		color: #b9c2cc; 
	}
	
	
} /*Fin @media 280px */

@media (min-width: 480px) {  

	header figure.logotipo
	{ 
		margin-bottom:10px;
		margin-top:20px; 
	}
	
	body 
	{
		background-color: #000000;
	}
	
	main .login
	{
		background-color: #000000;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px; 
		padding:25px 15px;
	}  
	
	main .login ul.panel li
	{ 
		display:block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:0px;
		margin-top:10px;
	}   
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 0px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:0px;	
		padding-right:0px;	
		padding-top:0px;	
		padding-bottom:0px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #b9c2cc; 
		background-color: #111113; 
	} 

	.btn-aceptar,.btn-default 
	{
		color: #b9c2cc; 
	}
	
} /*Fin @media 480px */
 
@media (min-width: 576px) {   

	header figure.logotipo
	{ 
		margin-bottom:5%;
		margin-top:15%; 
	}

	body 
	{
		background-color: #000000; 
	}
	
	main .login
	{
		background-color: #000000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
		padding:25px 15px;
	}  
	
	main .login ul.panel li
	{ 
		display:inline-block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:10px;
		margin-top:30px;
	}  
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 10px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:10px;	
		padding-right:10px;	
		padding-top:10px;	
		padding-bottom:10px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #949ba2; 
		background-color: #111113; 
	} 
	
	.btn-aceptar,.btn-default 
	{
		color: #949ba2; 
	}

}/*Fin @media 576px */

@media (min-width: 768px){  

	header figure.logotipo
	{ 
		margin-bottom:5%;
		margin-top:15%; 
	}

	body 
	{
		background-color: #000000;
	}
	
	main .login
	{
		background-color: #000000; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
		padding:25px 15px;
	}  
	
	main .login ul.panel li
	{ 
		display:inline-block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;	
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:10px;
		margin-top:30px;
	}  
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 10px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:10px;	
		padding-right:10px;	
		padding-top:10px;	
		padding-bottom:10px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #949ba2; 
		background-color: #111113; 
	} 
	
	.btn-aceptar,.btn-default 
	{
		color: #949ba2; 
	}
	
} /*Fin @media 768px */

@media (min-width: 992px){   

	header figure.logotipo
	{ 
		margin-bottom:5%;
		margin-top:15%; 
	}

	body 
	{
		background-color: #000000;
	}
	
	main .login
	{
		background-color: #000000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
		padding:25px 15px;
	}  
	
	main .login ul.panel li
	{ 
		display:inline-block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;	
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:10px;
		margin-top:30px;
	}  
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 10px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:10px;	
		padding-right:10px;	
		padding-top:10px;	
		padding-bottom:10px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #949ba2; 
		background-color: #111113; 
	} 
	
	.btn-aceptar,.btn-default 
	{
		color: #949ba2; 
	}

} /*Fin @media 992px */

@media (min-width: 1200px){ 
	
	header figure.logotipo
	{ 
		margin-bottom:5%;
		margin-top:15%; 
	}

	body 
	{
		background-color: #000000; 
	}
	
	main .login
	{
		background-color: #000000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
		padding:25px 15px;
	} 
	
	main .login ul.panel li
	{ 
		display:inline-block; 
		width:100%; 
		border-right:0px dashed #494b54;
		border-bottom:1px dashed #7c8288;	
		margin-bottom:10px;	
	}
	
	main .login ul.panel li ul.redes
	{ 
		padding-right:10px;
		margin-top:30px;
	} 
	
	main .login ul.panel li ul.redes li
	{ 
		padding-left: 10px;
		padding-right: 0px;
	} 
	
	main .login ul.panel li form.form-login
	{ 
		padding-left:10px;	
		padding-right:10px;	
		padding-top:10px;	
		padding-bottom:10px;	 
	}
	
	main .login ul.panel li form.form-login .form-group input
	{
		color: #949ba2; 
		background-color: #111113; 
	}
 
	.btn-aceptar,.btn-default 
	{
		color: #949ba2; 
	}
}/*Fin @media 1200px */