/* ================================================================ 
Copyright (c) 2011 Tarjetas del Noreste, S.A. de C.V. All rights reserved.
Octubre 26, 2011
=================================================================== */

/* CSS Document */

body  {
	font-family:'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color:#666666;
	background: #F2F2F2;
	margin: 0;
	padding: 0;
	text-align: center;
}
#container {
	min-height:550px;
	width: 790px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
/* Estilos #mainContent
============================== */
#mainContent { 
	margin: 0 auto 0 auto;
	padding:0;
}
#mainContent h1 {
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:36px;
	color:#CCCCCC;
	font-weight: normal;
	text-align:center;
}
/* Estilos #banner
============================== */
#banner {
	margin: 14px 5px 0 10px;
	padding: 0;
	width: 500px;
	float:left;
	display: inline;
	background-color: #FFFFFF;
	text-align: center;
}

/* Estilos #login
============================== */
#login {
	margin: 0 10px 0 5px;
	padding: 15px 0 20px 0;
	width: 240px;
	float:left;
}
#login form {
	margin: 5px;
	padding: 5px;
	background: #FCFCFC;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 0 5px 5px #CCCCCC;
	-webkit-box-shadow: 0 0 5px 5px #CCCCCC;
	box-shadow: 0 0 5px 5px #CCCCCC
}
#login .lblTitulo {
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color:#159E31;
	margin: 0;
	font-weight: normal;
	padding: 10px 0 0 10px;
}
#login #tituloFormulario {
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color:#4B4B4B;
	margin: 0;
	font-weight: normal;
	padding: 10px 0 0 10px;
}
/* Inputs
============================== */
#login textarea {
	padding: 4px;
	vertical-align: top;
	margin: 2px 2px 1px 0;
	text-align:left;
	font-family:'OpenSans', Arial, Helvetica, sans-serif;
	color:#4B4B4B;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	border:solid 1px #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#login input {
	font-family:'OpenSans', Arial, Helvetica, sans-serif;
	margin: 3px 1px 3px 1px;	
	padding: 3px 5px 3px 5px;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#login input[type=text], input[type=password] {
	font-size: 12px;
	line-height: 15px;
	text-align:left;
	color:#4B4B4B;
	height:21px;
	font-weight: normal;
	border:solid 1px #CCCCCC;
}
#login input[type=reset], input[type=button],input[type=submit]  {
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: center;
	height:25px;
	font-weight: normal;
	text-transform:uppercase;
	padding: 3px 10px 3px 10px;
	margin: 0 10px 0 25px;
}
#login input[type=reset] {
	/*background-color:#00A5FF;*/
	background-color:#82C63F;
}
#login input[type=button] {
	/*background-color:#CC0033;*/
	background-color:#82C63F;
}
#login input[type=submit] {
	background-color:#159E31;
}
#login form .asterisco {
	color: #159E31;
	padding: 0 4px;
}
#login #btnIngresar  {
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: center;
	height:25px;
	font-weight: normal;
	text-transform:uppercase;
	padding: 3px 10px 3px 10px;
	margin: 0 10px 0 25px;
	background-color:#159E31;
}
/* Field Labels
============================== */
#login label, form .label {
	color: #818181;
	margin: 0;
}
#login label.lblUsuario {
	display: inline-block;
	min-width: 35px;
	margin: 8px 2px 4px 2px;
	padding: 0 2px 0 3px;
	border-bottom: 1px dotted #E3E3E3;
}
#login label.lblPassword {
	display: inline-block;
	min-width: 35px;
	margin: 8px 2px 4px 2px;
	padding: 0 2px 0 3px;
	border-bottom: 1px dotted #E3E3E3;
}
#login form .lblTitulo  {
	display: block; 
	margin: 5px 4px 5px 0;
	padding: 0 2px;
}
#login .errMsg {
	color: #CC0033 !important;
	display: inline;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 0 !important;
}
#login form .btn  {
	margin: 0 auto 0 25%;
	padding:0;
	text-align:center;
}
/*caja de error*/
#login form #tblWarning div {
	list-style: none;
	list-style-type: none;
	width: 90%;
	margin: 2px auto 7px auto;
	padding: 2px;
	text-align: center;
	display: block;
	color:#159E31;	
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	background-color: #E8FAD7;
	border: 1px solid #159E31;
	}
#login form #vsLogin {
	list-style: none;
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	padding: 5px 20px 5px 5px;
	margin: 0;
}
#login form #vsLogin .errMsg {
	list-style: none;
	list-style-type: none;
	color: #CC0033 !important;
	display: inline;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
/* Estilos #footer
============================== */
#footer{
	background-color: #4B4B4B;
	padding: 5px 0 0 0;
	text-align: center;
	min-height:30px;
	z-index:5000;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	color:#666666;
	list-style:none;
	border-top: 2px solid #00A5FF;
}
#footer #menu {
	float:right;
	position:relative;
	left:-50%;
	bottom:10px;
	margin:0;
	padding:10px 0 10px 0;
	height:30px!important;
}
#footer #menu .btn {
	width:650px;
	position:relative;
	left:50%;
	clear:both;
	text-align: center;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:20px;
	list-style: none;
	list-style-type: none;
}
#footer #menu .btn li.top {
	float:left;
	position:relative;
	display:inline;
	text-align: left;
	display:block;
	height: 20px;
	color: #FFFFFF;
	list-style: none;
	list-style-type: none;
}
#footer #menu .btn li.top {
	display:block;
	float:left;
}
/* Estilos .mexican */
#footer #menu .btn .mexican li.top {
	display:block;
	float:left;
	color:#FFF;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	text-decoration:none;
	font-weight: bold;
	padding: 0 10px 0 60px;
	cursor: default;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-style: italic;
}
#footer #menu .btn li a.top_link {
	display:block;
	float:left;
	color:#EAEAEA;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	text-decoration:none;
	font-weight: normal;
	padding: 0;
	cursor: pointer;
}
#footer #menu .btn li a.top_link:hover {
	line-height: 20px;
	height: 20px;
	color:#00A5FF;
	text-decoration: none;
}
/*#footer #menu .btn li a.top_link span {*/
#footer #menu .btn li a.top_link {
	float: left;
	display: block;
	padding: 0 8px 0 8px;
	line-height: 20px;
	border-left: 1px solid #666666;
}
.clearfloat {
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}