@font-face {
	font-family: 'Ethnocentric';
	src: url('ethnocentric rg.ttf');
	src: local('Ethnocentric'),
		    url('ethnocentric rg.ttf') format('truetype');
}


.contenedorLogin{
	padding: 50px 10px;
	font-size: 12px;
}
.dvEncabezado
{
	display: inline-block;
	width: 100%;
}
.dvTitle{
	float: left;
	display: inline-block;
	padding: 20px;
	width: 100%;
	font-size: 2.5em;
	text-align: center;
}
.txtUsuario,.txtClave{
	height: 55px;
	margin-bottom: 10px;
	font-size: 1.3em;
}
.noDisplay
{
	display:none;
}

.Back1
{
	width:100%;
	height: 100%;
	left:0;
	position:fixed;
	z-index:-1000;
}
.bar2_96_2
{
	height: 3px;
	background: #ddd;
	width: 96%;
	margin: auto 2%;
	float: left;
}

.bannerPortal
{
	width:240px;
}

.superContent {
  background: #08346f  url("../../../res/images/softwareCRF.jpg") no-repeat scroll 0 0 / 100% 100%;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -100;
}


.esquinaIzquierda
{
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 50%;
	z-index:-100;
	margin: 0 !important;
	padding: 0 !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(153,153,153,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(153,153,153,0.65)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(-45deg,  rgba(153,153,153,0.65) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(-45deg,  rgba(153,153,153,0.65) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(153,153,153,0.65) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg,  rgba(153,153,153,0.65) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6999999', endColorstr='#00ffffff',GradientType=1 );
}

.esquinaDerecha
{
	height: 100%;
	right: 0;
	position: fixed;
	top: 0;
	width: 50%;
	z-index:-100;
	margin: 0 !important;
	padding: 0 !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,0) 0%, rgba(153,153,153,0.65) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(153,153,153,0.65)));
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(153,153,153,0.65) 100%);
	background: -o-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(153,153,153,0.65) 100%);
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(153,153,153,0.65) 100%);
	background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(153,153,153,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6999999',GradientType=1 );
}

html{
  height: 100%;
}
body {
  font-weight:300;
  text-align: left;
  text-decoration: none;
  overflow:hidden;
  background:none;
}

.logoBlanco {
  /*border-radius: 100%;*/
  width: 100%;
  height:200px;
}
[class^="Bicon-"]::before, [class*=" Bicon-"]::before {
  color: white;
  display: block;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  height: 47px;
  line-height: 47px;
  text-align: center;
}


/*******************
LOGIN FORM
*******************/

.login-form [class^="icon-"], .login-form [class*=" icon-"] {
  background: #0073a6 none repeat scroll 0 0 !important;
  margin-top: 105px !important;
  text-align: center;
}

.login-form {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  margin-left:37%;
  margin-top:5%;
  width: 350px;
}

.Bicon-user {
  top:34%;
  box-shadow: 0 3px 4px #AAAAAA;
}

.Bicon-pass {
  top:42%;
  box-shadow: 0 3px 4px #AAAAAA;
}

/*.input, 
[class^="Bicon-"],
.register {
  transition: all 0.5s;
}
input[type="text"]:focus ~ #user-Bicon,
input[type="password"]:focus ~ #user-Bpass {
  left:36%;
}*/

@media only screen and (max-width: 400px) {
   .login-form {
	    margin: 0 !important;
	    width: 100% !important;
	    height: 100%;
        border-radius:0px;
    }
   .button{
       width:100%;
       float: left;
       margin: 1%;
   }
   .footer {
	  margin-top:10px;
	  height:100%;
	}

} 

@media screen and (max-width: 800px) {
    .login-form {
        margin-left:25%;
        margin-top:5%;
        width: 50%;
    }
}
/*******************
HEADER
*******************/

.login-form .header {
  height: 220px;
}

.login-form .header h1 {
  color: #555;
  text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
  margin-bottom: 10px;
}

.login-form .header span {
  font-size: 11px;
  line-height: 16px;
  color: #555;
  text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
  padding: 0 30px 25px 30px;
}

.login-form .content .input {
  width: 100%;
  padding: 15px 25px;
  color: #9d9e9e;
  text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

.login-form .content .password, 
.login-form .content .Bicon-pass {
  margin-top: 25px;
}

.login-form .content .input:hover {
  background: #dfe9ec;
  color: #414848;
}

.login-form .content .input:focus {
  background: #dfe9ec;
  color: #414848;	
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

[class^="Bicon-"] {
  width: 46px;
  height: 47px;
  display: block;
  position: absolute;
  left: 2000px;
  padding-right: 2px;
  z-index: 3;
  border-radius: 5px 0 0 5px;
  background:rgba(65, 72, 72, 0.75);
}


/*******************
FOOTER
*******************/

.login-form .footer {
  padding: 20px;
  overflow: auto;
  background: #ddd;
  border-top: 1px solid #fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
  border-radius: 0 0 10px 10px;
}


.button {
  float:left;
  padding: 11px;
  width:40%;
  color: #fff;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
  background: #4D9ECB;
  border: 1px solid #4D9ECB;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
  margin:10px 12px 0;
}

.button:hover {
  background: #4D9ECB;
  border: 1px solid #4D9ECB;
  box-shadow: inset 0 1px 3px #4D9ECB;
}

.button:focus {
  position: relative;
  bottom: -1px;
  background: #4D9ECB;
  box-shadow: inset 0 1px 6px #4D9ECB;
}

/* Register button */
.login-form .footer .register 
{
	/*display:none;*/
	margin:10px auto;
	float:left;
	color:#e00024;
	  padding: 8px 25px;
	  text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	  border: 1px solid #ddd;
	  border-radius: 5px;
	  cursor: pointer;
	  width:240px;
	  box-shadow: 5px 5px 7px #AAAAAA;
	  background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 4%, #cccccc 10%, #dddddd 90%, #cccccc 93%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#ffffff), color-stop(10%,#cccccc), color-stop(90%,#dddddd), color-stop(93%,#cccccc));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 4%,#cccccc 10%,#dddddd 90%,#cccccc 93%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 4%,#cccccc 10%,#dddddd 90%,#cccccc 93%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 4%,#cccccc 10%,#dddddd 90%,#cccccc 93%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 4%,#cccccc 10%,#dddddd 90%,#cccccc 93%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

}

.login-form .footer .register:hover {
  border: 1px solid #ddd;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
  color:#555;
  
background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cccccc 7%, #dddddd 10%, #dddddd 90%, #cccccc 93%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#cccccc), color-stop(10%,#dddddd), color-stop(90%,#dddddd), color-stop(93%,#cccccc));
background: -webkit-linear-gradient(top,  #cccccc 7%,#dddddd 10%,#dddddd 90%,#cccccc 93%);
background: -o-linear-gradient(top,  #cccccc 7%,#dddddd 10%,#dddddd 90%,#cccccc 93%);
background: -ms-linear-gradient(top,  #cccccc 7%,#dddddd 10%,#dddddd 90%,#cccccc 93%);
background: linear-gradient(to bottom,  #cccccc 7%,#dddddd 10%,#dddddd 90%,#cccccc 93%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 );

}

.login-form .footer .register:focus {
  position: relative;
  bottom: -1px;
}

.login-form .footer .subF {
	float: left;
	margin: 10px auto -5px;
	text-align: center;
	width: 100%;
	font-size: 1.1em;
	color: #000;
}
.labelLogin {
  color: #e00024;
  font-size: 20px;
  padding: 0 26px;
  text-align: center;
}

.modal-dialog {
  margin: 30px auto;
  top: 20%;
  width: 600px;
}

.btn.btn-primary {
  background-color: #E00024;
  border-color:#E00024;
}
.btn-dash.navbar-brand {
	font-family: Ethnocentric Rg;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #a1140f;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #a1140f;
}
.modal-content {
  border: 2px solid #01284f !important;
}
.modal-footer {
  border: none !important;
}
.bootbox-body {
  font-size: 1.2em;
  text-align: center;
  padding: 20px;
}

/* LOADER */
.spinner {
	top: 0;
	left: 0;
	padding: 25% 45%;
	width: 100%;
	height:100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color:#555;
	-moz-opacity: 0.5;
	-moz-filter:alpha(opacity=50);
	-webkit-opacity: 0.5;
	-webkit-filter:alpha(opacity=50);
	position:fixed;
}

.spinner > div {
  display: table-cell;
  vertical-align: middle; }

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

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

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

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

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



/* END LOADER */

.span {
    color: #46AADF;
    font-family: 'Ethnocentric';
    font-size: 2em;
}

.span2 {
    color: #083457;
    font-family: 'arial';
    font-size: 1.2em;
}
.center {
    text-align:center;
	margin-top: 10%  !important;
    padding:0 !important;
}
.span3 {
    color: #46AADF;
    font-family: 'Ethnocentric';
    font-size: 6em;
    display:block;
}

/*.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 35px 0;
}*/