﻿.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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQ0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjU3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.44) 67%, rgba(153,153,153,0.57) 88%, rgba(153,153,153,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(67%,rgba(255,255,255,0.44)), color-stop(88%,rgba(153,153,153,0.57)), color-stop(100%,rgba(153,153,153,0.65)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.44) 67%,rgba(153,153,153,0.57) 88%,rgba(153,153,153,0.65) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.44) 67%,rgba(153,153,153,0.57) 88%,rgba(153,153,153,0.65) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.44) 67%,rgba(153,153,153,0.57) 88%,rgba(153,153,153,0.65) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.44) 67%,rgba(153,153,153,0.57) 88%,rgba(153,153,153,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6999999',GradientType=0 );*/


	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	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
{
	width:250px;
	left:50%;
	margin-left:-125px;
	position:fixed;
	/*top:20px;*/
}

/* Use the following CSS code if you want to have a class per icon */
[class^="Bicon-"]:before, 
[class*=" Bicon-"]:before {
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  font-smoothing: antialiased;
  color: white;
  font-size: 20px;
  display: block;
  height: 47px;
  line-height: 47px;
  text-align: center;
  width: 30px;
}
.Bicon-pass:before 
{
}
.Bicon-user:before {
}

.login-form [class^="icon-"], .login-form [class*=" icon-"] {

    background: none repeat scroll 0 0 #69a00b !important;
    margin-right: -10px !important;
    margin-top: -17px !important;
    text-align: center;
    width: 46px !important;
}

.login-form-cambio [class^="icon-"], .login-form-cambio [class*=" icon-"] {

    background: none repeat scroll 0 0 #69a00b !important;
    margin-right: -10px !important;
    margin-top: -17px !important;
    text-align: center;
    width: 46px !important;
}

/*******************
LOGIN FORM
*******************/

.login-form {
  width: 300px;
  margin: 175px auto;
  position: relative;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.login-form-cambio {
  width: 600px;
  margin: 160px auto;
  position: relative;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/*******************
HEADER
*******************/

.login-form .header{
  padding: 20px 30px;
}

.login-form-cambio .header{
  padding: 10px;
}
.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,.login-form-cambio .content  {
  padding: 0 30px 25px 30px;
}


.login-form .content .input, .login-form-cambio .content .input {
  width: 188px;
  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);
}

.Bicon-user {
  top:147px;
  box-shadow: 0 3px 4px #AAAAAA;
}

.Bicon-pass {
  top:221px;
  box-shadow: 0 3px 4px #AAAAAA;
}

.input, 
[class^="Bicon-"],
.button, 
.register {
  transition: all 0.5s;
}
input[type="text"]:focus ~ #user-Bicon,
input[type="password"]:focus ~ #user-Bpass {
  left:-49px;
}
/*******************
FOOTER
*******************/

.login-form .footer{
  padding: 20px 30px 15px 30px;
  overflow: auto;
  background: #ddd;
  border-top: 1px solid #fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

.login-form-cambio .footer{
  padding: 8px 30px;
  overflow: auto;
  background: #ddd;
  border-top: 1px solid #fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login buttonB */
.login-form .footer .buttonB{
  float:left;
  padding: 11px 25px;
  color: #fff;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
  background: #69a00b;
  border: 1px solid #69a00b;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

 .login-form-cambio .footer .buttonB{
  float: right ;
  padding: 5px 15px;
  color: #fff;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
  background: #69a00b;
  border: 1px solid #69a00b;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

 .login-form-cambio .footer .buttonA{
  float: right ;
  left: 385px;
  position : absolute ;
  padding: 5px 15px;
  color: #fff;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
  background: #69a00b;
  border: 1px solid #69a00b;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .buttonB:hover, .login-form-cambio .footer .buttonB:hover,.login-form-cambio .footer .buttonA:hover{
  background: #69a00b;
  border: 1px solid #69a00b;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .buttonB:focus, .login-form-cambio .footer .buttonB:focus{
  position: relative;
  bottom: -1px;
  background: #69a00b;
  box-shadow: inset 0 1px 6px #69a00b;
}


.login-form .footer .button {
  float:right;
  padding: 11px 25px;
  color: #fff;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
  background: #69a00b;
  border: 1px solid #69a00b;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover{
  background: #69a00b;
  border: 1px solid #69a00b;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus{
  position: relative;
  bottom: -1px;
  background: #69a00b;
  box-shadow: inset 0 1px 6px #69a00b;
}

/* Register button */
.login-form .footer .register
{
	margin:10px auto;
	float:left;
	color:#69a00b;
	  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%;
}


.bar2_b
{
	height: 5px;
	background: #fff;
	width: 100%;
	/*margin: auto 2%;*/
	float: left;
}
.titlefooter
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	
}

.pol_contra
{
 padding-top:20px;
 padding-bottom:5px;
 padding-left:20px;		
}
.title2footer
{
	font-size:12px; 
	font-weight:bold; 
	padding-top:5px; 
	padding-bottom:5px;
}

.cambioRealizado
{
	border-top: solid 1px #84b509 !important;
}