/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/v10/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/PRmiXeptR36kaC0GEAetxvR_54zmj3SbGZQh3vCOwvY.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/PRmiXeptR36kaC0GEAetxuw_rQOTGi-AJs5XCWaKIhU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/PRmiXeptR36kaC0GEAetxsBo4hlZyBvkZICS3KpNonM.woff) format('woff');
}
*/

* {
    margin: 0;
}
html, body {
    height: 100%;
}

body{
	/*
	font-family: 'Open Sans', sans-serif;
	*/
	font-family: 'Tahoma', 'Geneva', sans-serif;
	padding:0px;
	margin:0px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
}


.footer, .push {
    height: 33px; /* .push must be the same height as .footer */
}


.content_login{
	position: absolute;
	top: 5%;
	width:100%;
	color:#FFFFFF;
	height:381px;
	font-size: 14px;
	color:#1c1b1b;
}


.content_login .bienvenida{
	text-align:center;
}

.content_login .bienvenida h1{
	font-weight:700;
	font-size:20px;
	padding:0px;
	margin:0px;
	color:#4a4747;
	margin:0px;
	padding:0px;
}

.content_login .bienvenida h2{
	color:#4a4747;
	font-weight:100;
	margin:0px;
	padding:0px;
	font-size:14px;
		margin-bottom:30px;
}

.header{
	width:443px;
	margin:auto;
	height:250px;
}

.panel{
	background-color: #b2b2b2;
	width:100%;
	height:264px;
	color:#FFFFFF;
}

.panel .box{
	background-color: #7c7c7c;
	width:460px;
	margin:auto;
	height: 264px;

}

.panel .box .inside{
	background-color: #7c7c7c;
	padding-top:15px;
}

.panel .box .inside h1{
	font-size: 16px;
	padding:0px;
	margin:0px;
	border-bottom:1px Solid #b2b2b2;
	font-weight: normal;
	padding-bottom:10px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.panel .box .inside form{
	width:80%;
	margin:auto;
}

.panel .box .inside div.input label{
	float:left;
	width:100px;
	font-weight: bold;
	padding-top:10px;
}

.panel .box .inside div.input input[type="text"]{
	background-color: #FFFFFF;
	width:210px;
	height:27px;
	border:0px;
}

.panel .box .inside div.input{
	margin-top:15px;
	margin-bottom:15px;
}

.panel .box .inside div.input input[type="password"]{
	background-color: #FFFFFF;
	width:210px;
	height:27px;
	border:0px;
}

.panel .box .inside div.submit input[type="submit"]{
	background-color: #ee1100;
	border:0px;
	padding:5px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight: bold;
	font-size: 13px;
}

.panel .box .inside .actions{
	padding-top:1px;
}
.panel .box .inside .actions .left{
	float:left;
	width:60%;
	border-right:1px Solid #b2b2b2;
	line-height: 40px;
}

.panel .box .inside .actions .left .inside{
	
}

.panel .box .inside .actions .left a{
	color:#FFFFFF;
	font-size: 12px;
	text-decoration: none;
}


.panel .box .inside .actions .left a:hover{
	text-decoration: underline;
}

.panel .box .inside .actions .right{
	float:left;
	width:39%;
}

.panel .box .inside .actions .right div.submit{
	text-align: center;
	padding-top:10px;
}
.clear{
	clear:both;
}

/* Mostrar Mensajes de Login (FLASH) */

.container_message{
	width:443px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	margin-top:10px;
	color:RED;
	text-align: center;
	font-size: 80%;
}

.panel .box .inside form label.error{
	color:RED;
	position: absolute;
	font-size: 10px;
	margin-left: 15px;
	font-weight: normal;
}

.panel .box .inside form input[type="text"].error , .panel .box .inside form input[type="password"].error{
	border: 2px Solid RED;
}

/*  Botón Soporte Técnico */

a.boton_support{
	position: fixed;
	margin-top: 3em;	
	display: block;
	cursor: pointer;
	right: 0px;
	width:33px;
	height:105px;
	z-index: 10;
	background: url('../img/boton_soporte.png') no-repeat scroll top left;
	border-left: 2px Solid #435883; 
}

a.boton_support:hover{
	border-left: 2px Solid #f70538; 
}