body 
{ 
	margin:0; 
	padding:0; 
	background:#000 url(../images/back1.gif) top left repeat;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#b8babb; 
}

a, img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#81c8d5; text-decoration:underline; }
h1 { font-weight: normal; font-size: 2em; text-align: right; background: rgba(255, 255, 255, 0.2); padding: 5px; word-wrap: break-word; }
h2 { font-weight: normal; font-size: 1.5em; text-align: right; }
h3 { font-weight: normal; font-size: 1.3em; }
textarea, input, .form-control { font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.table, .table a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
.table th a , th { color:#F00; }

main .container { background:url(../images/sideright.png) repeat center top; padding-top: 30px; padding-bottom: 30px; margin-bottom: 10px; position:relative; overflow: hidden; }
header .bienvenida { text-align:right; } 
footer { text-align:center; }

.error { color: #F00; }
.enlaceboton { cursor:pointer; background:none; border:none; color:#fff; text-decoration:none; outline:none; }

.alert-danger { text-align:center; }
.alert-danger a { color: #842029; }

.form-group { margin-bottom: 15px; }
.control-label { font-weight: bold; color: #f00; }

/* FORMULARIO CENTRADO */
.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto;}
.form-signin .form-floating { margin-bottom:10px; }
.form-signin .form-floating:focus-within { z-index: 2; }

.form-signin input[type="email"],
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* **** */

/* SIDEBAR */
.side-navbar {
  width: 180px;
  height: 100%;
  position: absolute;
  margin-left: -300px;
  background-color: rgb(0,0,0,0.5);
  transition: 0.5s;
  top: 0;
  overflow: hidden;
}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
  background-color: #ffffff26;
}

.my-container {
  transition: 0.4s;
  padding-left: 20px !important;
  min-height: 500px;
}

.active-nav {
  margin-left: 0;
}

/* for main section */
.active-cont {
  margin-left: 180px;
}

#menu-btn {
  background-color: #100901;
  color: #fff;
  margin-left: -65px;
}

.border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    margin-left: 5px;
    margin-right: 5px;
}


.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link {
  border-radius: 0;
}

.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: #F00;
  border: 0;
  border-radius: 0;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  color: #f00;
}

.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
	font-size: 12px;
	margin-bottom: 5px;
}
/* **** */


ul.listado
{
	margin:0px 0px 0px 0px;
	padding:0;
	list-style-type:none;
	width:100%;
}

ul.listado li
{
	padding:5px;
	list-style-type:none;
	width:30%;
	height:20px;
	float:left;
	display:inline-table;
}


ul.listado2
{
	margin:0px 0px 0px 0px;
	padding:0;
	list-style-type:none;
	width:100%;
}

ul.listado2 li
{
	padding:5px;
	list-style-type:none;
	width:49%;
	height:20px;
	float:left;
	display:inline-table;
}

/* Landscape phones and down */
@media screen and (max-width: 468px)
{
	#sitelock_shield_logo img { width: 70px; }
}