/*****************************************/

.border
{
	border-radius: 10px;
}


/*****************************************/

.floatDiv
{
	position: fixed;
	width: 100%;
	/* width: 70px;
	height: 70px; */
	bottom: 30px;
	right: 20px;
	/* background-color: #0C9; */
	/* font-size: 25px; */
	/* color:#FFF; */
	/* text-align:center; */
	/* box-shadow: 2px 2px 3px #999; */
  z-index: 10;
}

/*****************************************/
.float
{
	position: fixed;
	/* width: 70px;
	height: 70px; */
	bottom: 30px;
	right: 20px;
	/* background-color: #0C9; */
	/* font-size: 25px; */
	/* color:#FFF; */
	border-radius: 50px;
	/* text-align:center; */
	/* box-shadow: 2px 2px 3px #999; */
  z-index: 10;
}

/*****************************************/

/* header-submenu */

.header-submenu{
    left: 5%;
    text-transform: uppercase;
    /* font-size: 12px; */
    font-weight: 700;
}

.li-sub{
  left: 8%;
}
/* Loading Spinner */
.spinner {
    margin: 0;
    width: 70px;
    height: 18px;
    margin: -35px 0 0 -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

html,body {
    height: 100%;
}

.waiting-icon {
    font-size: 22px;
    line-height: 60px;
    height: 60px;
    margin: 10px;
    text-align: center;
     color: #92A0B3;
    border: 1px solid rgba(220, 233, 255, 0.54);
    border-radius: 3px;
}

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

.user-account-btn{
    width: 310px;
}

.fix{
    position:fixed;
    bottom:0px;
    left:20px;
    max-width: 240px;
    }


    .image-box{
        max-height: 200px; 
    }

    .ribbon > div{
        z-index: 0;
    }

    .oculto{
      visibility: hidden;
      display: none;
    }




      /* ------------Footer------------ */
      .footer{
        background-color: #242424 !important;
        color:white;

      }

      .footercontainer{
      	padding-bottom: 30px;
  		//	padding-left: 80px;
      }


  		.footerfinal{
  			color:white;
      	background-color: #2E2E2E !important;
  			padding-top: 15px;
  			padding-bottom: 15px;
  		}

  	/* Agregado nuevo */
  	.fondo-footer
  	{
  	  background: #2e2e2e !important;
  	}

  	.fondo-page-footer
  	{
  	  background: #242424 !important;
  	}

    .sistema{
  		font-size: 18px;
  		padding-top: 40px;
  		font-weight: 800;
  	}

  	.nombreSistema{
    	padding-top: 10px;
  		font-size: 15px;
  	}

    .lista{
  		list-style:none;
  	}

    .titulo {
      font-weight: 500;
  		padding-bottom: 5px;
    }

  	.ciudad{
  	  font-size: 15px;
  		padding-left: 25px;
  	}

    .footerseccion2{
      text-align: left;
      /* padding-left: 150px;*/
      padding-top: 20px; 

    }

  	.espacio{
  		padding-top: 2px;
  	}

    .footerseccion1{
      padding-top: 40px;
    }

    .btnAyudaForm{ 
        border-radius: 50px 0px 0px 50px; 
        right: 0px; 
        position: fixed; 
        bottom: 400px; 
        z-index: 10; 
    }
.tituloh{
  background-color: #f5f7fa;
  padding: 10px;
  border-bottom: solid #4b940f 2px;
}