body{
	background-color: #c51717 !important;
	height: 750px;
	/*background: url(../../login/img/footer2.png) no-repeat bottom center;*/
/*	background-size: cover !important;*/
}

#page-content{
	margin-top: -70px !important;
}
#page-login-index{
	/*height: auto !important;
	display: flex !important;*/
}

#page-wrapper{
	min-width: 0px!important;
}


.redes{
margin-top: 25px;
}

.error{
	text-align: center;
}

.errortxt{
	font-size: 14px;
}



.moodletitle{
	font-size: 20px !important;
	text-align: center;
	color: #ffffff !important;
}


.cookies{
	text-align: center;
}

.loginhelp{
	/*width: 40%;*/
	float: right;
	border-left: thick solid #000;
	border-width: 2px;
	border-color: #1580F2;
	padding-right: 10px;
}
.col-6{
	margin-top: 3% !important;
}

/*Titulo del cuadro de inicio*/
.card-header:first-child{
	background: #089fcc;
}

#loginbox{

}
a.linkfrecuentes{
	color:#e7ac37;
}

#loginr{
	width: 100%;
	margin: 0 auto;
}

.vlinea{
	border-right: thick solid #000;
}


.titulo1{
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
}

.titulo2{
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
}


.cuadrotitulo{
	
	border-radius: 8px;
    background: #e67878;
    border: 2px solid #000000;
    margin-bottom: 8px;
}

.cuadroforo{
	background: #089fcc;
	width: 100%;
	height: 100px;
}


.btn-info{
	white-space: normal !important;
}

.portalnames{
	font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
}

.portalimage{
	    width: 60px;
}

.colportal{
flex-grow: 0 !important;
}
.portalcenter{
	    width: 400px;
    margin: 0 auto;
        padding-top: 10px;
    padding-bottom: 10px;
}




 #avisoapp{
background: #5cb85c;
position:fixed; /*El div será ubicado con relación a la pantalla*/
left:0px; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom:0px; /*Abajo deje un espacio de 0px*/
z-index:999;
}


#apptitulo{
	width: 400px;
	margin: 0 auto;
	font-family: monospace;
	font-size: 14px;
	color: #fff;
	font-weight: bolder;

}


#botonesapp{
	width: 220px;
	margin: 0 auto;
}

.brnl{
	float: left !important;
}

.btnd{
	float: right !important;
}



@media (max-width: 800px) {
#loginr{
	width: 100%;
}
#page-content{
	margin-top: 0px !important;
}

}


.logo{
	width: 300px;
	margin-top: 1%
}

@media screen and (max-width: 600px) {
  .logo {
    visibility: hidden;
    }
}


footer {
    position:absolute;
    /*bottom:-150px; /* This puts the footer 100px below the bottom of the page*/
    width:100%;
    height:235px;   /* Height of the footer */
    background-position: bottom center;
    background-image: url("../../login/img/footer2.png");
    background-repeat: no-repeat;
    z-index: -1;
    
}

/* Css del Buho*/

.owl {
  margin: auto;
  width: 211px;
  height: 108px;
  background-image: url("https://moodle.ulatina.edu.pa//login/img/owl-login.png");
  position: relative;
  margin-bottom: -8px;
    z-index: 9;
    margin-top: -100px;
}
.owl .hand {
  width: 34px;
  height: 34px;
  border-radius: 40px;
  background-color: #472d20;
  transform: scaleY(0.6);
  position: absolute;
  left: 14px;
  bottom: -8px;
  transition: 0.3s ease-out;
}
.owl .hand.password {
  transform: translateX(42px) translateY(-15px) scale(0.7);
}
.owl .hand.hand-r {
  left: 170px;
}
.owl .hand.hand-r.password {
  transform: translateX(-42px) translateY(-15px) scale(0.7);
}
.owl .arms {
  position: absolute;
  top: 58px;
  height: 41px;
  width: 100%;
  overflow: hidden;
}
.owl .arms .arm {
  width: 40px;
  height: 65px;
  background-image: url("https://moodle.ulatina.edu.pa//login/img/owl-login-arm.png");
  position: absolute;
  left: 20px;
  top: 40px;
  transition: 0.3s ease-out;
}
.owl .arms .arm.password {
  transform: translateX(40px) translateY(-40px);
}
.owl .arms .arm.arm-r {
  left: 158px;
  transform: scaleX(-1);
}
.owl .arms .arm.arm-r.password {
  transform: translateX(-40px) translateY(-40px) scaleX(-1);
}

/*Css del menu portales*/

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}