@import url(https://fonts.googleapis.com/css?family=Hind+Madurai);
		nav.navbar.first_navbar, #scorm_toc_title {
			background: #0062a1;
		}
		#scorm_toc_title {
			background: rgb(0, 0, 255) !important;
		}
		nav.navbar.first_navbar a {
			color: #fff;
		}
		nav.navbar.first_navbar, #scorm_toc_title {
			background-color: #0062a1 !important;
		}
		nav.navbar.first_navbar .dropdown-menu {
			background-color: rgba(0, 0, 0, 0);
		}
		nav.navbar.navbar-default {
			background: rgb(243, 243, 243);
		}
		nav.navbar.navbar-default ul.nav.navbar-nav.pull-right li a {
			color: rgb(68, 68, 68);
		}
		nav.navbar.navbar-default .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
			background-color: rgb(243, 243, 243);
		}
		img.logo_cabecera {
			-webkit-filter: invert(0) contrast(1) grayscale(0) saturate(1);
			-ms-filter: invert(0) contrast(1) grayscale(0) saturate(1);
			filter: invert(0) contrast(1) grayscale(0) saturate(1);
			/* visibility: hidden; */
		}
		html body, #page {
		/*	background-color: rgb(255, 255, 255); */
			font-family: Hind Madurai;
		}
		.panel-default > .panel-heading, .box.message table td.heading, .box.message .messagearea .messagerecent .singlemessage .otheruser, .block .header, #dockeditempanel .dockeditempanel_hd, h3, h3 a, h4, h4 a, .panel-default > .panel-heading .coursename a, .breadcrumb, a {
			color: #0e7db2;
		}
		/*.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: ;
		}*/
		.block {
			background-color: rgba(243, 243, 243, .7);
			padding: .5em;
			color: #0e7db2 !important;
	                border: solid 2px #0062a1 !important;
		}
		#page .content .block_tree li p a, #page span.eventname, #page .content .list li a, .block_site_main_menu .instancename, .block_navigation .block_tree .tree_item, .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree .tree_item  {
			color: #0062a1;
		}

		.loginbox.clearfix.onecolumn {
		  /* Color de la caja del login */
		   /*   background-color: rgba(241,192,0,.75) !important; */ 
		      border: none;
		      color: #0062a1;
		      border-radius: 12px;
		  }

		  .loginbox.onecolumn {
		      position: initial !important;
		    }


/* Arroyo */

body {
	background-position: center;
}

#color-portada {
	position: fixed;
	height:100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: .75;
	z-index: -1;
}

nav.navbar.first_navbar .container-fluid {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

nav.navbar.first_navbar img:not([title="Imagen de Admin Usuario"]) {
/*	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1); */
}

nav.navbar.first_navbar ul.menu img {
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

body#page-login-index nav.navbar.navbar-default .navbar-header.pull-left {
  	position: relative;
	transform: translateX(15%); 
}

/* body#page-login-index img.logo_cabecera {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
} */

body#page-login-index nav.navbar.navbar-default .navbar-header.pull-right {
	display: none;
}

#page {
	height: calc(100% - 192px);
	padding: 0;
}

html body, #page #page-content {
	margin: 0;
	padding-bottom: 50px;
}

.loginbox.onecolumn {
	position: relative !important;
}

.loginbox.clearfix.onecolumn {
  border: none;
  border-radius: 12px;
	box-shadow: none !important;
	text-shadow: 0px 0px 2px rgba(243, 243, 243, 1) !important;  
}

.loginbox.clearfix.onecolumn h2 {
      text-align: left !important;
      font-weight: bold !important;
      color: #fff !important;
}

.loginbox.clearfix.onecolumn label:not([for="rememberusername"]) {
  font-size: 1.2em;
}

.loginpanel label {
    color: #fff !important;
    font-weight: normal !important;
}

.loginbox.clearfix.onecolumn input:not([value="Iniciar sesión como invitado"]) {
  font-size: 1.5em !important;
	margin-bottom: 10px;
}

.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"] {
  padding: 5px !important;
	border-width: 2px;
	height: auto !important;
}

.loginbox.clearfix.onecolumn .rememberpass {
  float: none;
	margin: 10px 0;
	font-weight: bold;
}

.loginbox.clearfix.onecolumn input#loginbtn {
	margin: 0 0 25px 0;
	width: 100%;
	font-weight: bold;
}

.loginbox.clearfix.onecolumn .forgetpass {
  text-align: left;
	font-weight: bold;
}

.guestform input[type="submit"] {
  padding: 0;
	font-weight: bold;
}

body#page-login-index #page #page-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0;
	border-top: 0;
}

@media screen and (max-height: 800px) {
	body#page-login-index #page #page-footer {
		display: none !important;
	}
}

body#page-login-index #page #page-footer p {
	margin: 0;
	padding: 15px;
}

/* CAMBIAR COLORES */

/* Colores de fondo */
#color-portada,
.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"] {
/*	background-color: rgba(241,192,0, .5) !important; */ 
}

nav.navbar.first_navbar, #scorm_toc_title {
	background-color: #fff !important;
}

nav.navbar.navbar-default {
     height: 102px;
     background: linear-gradient(130deg, transparent 18%, #0062a1 100%) !important;
     border-top: solid 2px #000;
     border-bottom: solid 2px #000;
}

.loginbox.clearfix.onecolumn {
    
    border: solid;
    background-color: #0062a1 !important;
    margin-top: 25px;
    margin-bottom: 3px; 
}

/* Colores de texto */
nav.navbar.first_navbar, #scorm_toc_title,
.loginbox.clearfix.onecolumn,
.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"],
body#page-login-index #page #page-footer p {
	/* color: #ffffff !important; */
}

.loginbox.clearfix.onecolumn input#loginbtn {
    color: #000 !important;
    background-color: #fff; 

}

body {
    background-image: url(/theme/campusonline/pix/mosaico_2.png) !important;
    background-size: width:50%;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    background-position-y: 60px !important;
    background-position-x: center !important;
    background-size: contain !important;
    background-attachment: fixed !important;
}

.forgetpass a {
    color: #fff !important;
}

body#page-login-index #page #page-footer p {
    display: none;
}

#page-login-index nav.navbar.navbar-default {
/*    display: none; */
}

body#page-login-index {
    background-image: url(/theme/campusonline/pix/logo_login.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right !important;
    background-attachment: fixed !important;
}

.contacto {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#page-login-index .contacto {
    display: grid !important;
}

#page-login-index .first_navbar {
/*    background-color: transparent !important; */
}

.loginbox.onecolumn {
    left: 15px !important;
}

#page-course-view-topics #region-main {
    background-color: rgba(255, 255, 255, 0.75);
}

header#page-header {
    margin-top: -18px;
    border-bottom: 2px solid #000;
    height: 45px;
}

.navbar-brand {
    height: 90px !important;
}

#page-footer {
    padding: 5px 0 !important;
    color: #fff;
    border-top: 2px solid #fff !important;
    background: linear-gradient(90deg,transparent 0,transparent 0%,#0062a1 60%,transparent 100%);
}

#page-footer p {
    margin: 0px !important;
}

ul.nav.navbar-nav.pull-right {
    background-color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

nav.navbar.first_navbar, #scorm_toc_title {
    background: #0062a1 !important;
    border-bottom: 2px solid #fff;

}

img.logo_cabecera {
    margin-top: 6px;
}

.initialbargroups {
    display: flex;
}

ul.initialbargroup {
    display: flex;
    list-style: none;
    margin-left: 0px;
}

#page-login-index header#page-header {
    border: none;
}

#page-login-index footer#page-footer {
    display: none !important;
}

div#region-main {
    background: rgba(255, 255, 255, .55) !important;
}

.footersepe img {
    height: 55px !important;
}

.block_myoverview a {
    color: #000 !important;
}


.loginbox.clearfix.onecolumn {
    background-color: #0062a1 !important;
}

#page-login-index #region-main {
    background: transparent !important;
}

#block-region-content .empty-placeholder-image-lg {
    display: none;
}