@import url('animate.min.css');
@import url('animate.delay.css');
@import url('bootstrap.min.css');
@import url('main.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: none repeat scroll 0% 0% transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 21px;
	outline: none;
	
}

::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection { background: #ccc; color: #fff; text-shadow: none; } /* Firefox */
:-moz-placeholder { color: #bbb; }
::-webkit-input-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }

a, a:link { color: blue; }
h4 { font-size: 16px; }

body {
	background: url(../images/leftpanelbg.png) repeat-y 0 0; font-size: 12px;
	font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif; }
body.errorpage { background: #fff url(../images/bg1.png);  }
body.loginpage { background: #0866c6; }

a,a:hover,a:link,a:active,a:focus { outline: none; color: #0866c6; text-decoration: none; }
a:hover { text-decoration: underline; }
input,select,
textarea,button { outline: none; font-size: 13px; font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif; }
strong { font-weight: normal; }
label, input, textarea, select, button { font-size: 13px; }
h1,h2,h3,h4,h5 { font-weight: normal; line-height: normal; }


/*** LOGIN PAGE ***/

.loginpanel {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 300px;
	width: 331px;
}
.loginpanelinner { position: absolute; top: -270px; left: -50%; width:332px; }
.loginpanelinner .logo { text-align: center; padding: 20px 0; width:100%;}

.inputwrapper input { border: 0; padding: 10px; margin-left:30px; background: #fff; width: 250px; }
.cajalogin input { border: 0; padding: 10px; margin-left:30px; background: #fff; width: 250px; height:20px; }
.cajalogin span {
		  display: inline-block; margin-top: 10px; margin-left:31px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle; }
.cajalogin span input { border: 0; padding: 10px; margin-left:30px; background: #fff; width: 250px; height:20px; }

.cajalogin textarea, input[type="text"], input[type="password"]{border: 0; padding: 10px !important;  background: #fff !important; height:auto !important;
	 }
.input2wrapper input { border: 0; padding: 10px; margin-left:30px; background: #fff; width: 250px; }
.inputwrapper input:active, .inputwrapper input:focus { background: #fff; border: 0; }
.inputwrapper input[type="button"] {
		  display: block; border: 1px solid #0c57a3; margin-left:31px; padding: 10px; background: #0972dd; width: 270px;
		  color: #fff; text-transform: uppercase; }
.inputwrapper button {
		  display: block; border: 1px solid #0c57a3; margin-left:31px; padding: 10px; background: #0972dd; width: 270px;
		  color: #fff; text-transform: uppercase; }
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover { background: #1e82e8; }
.button-login{display: block; border: 1px solid #0c57a3 !important; margin-left:31px; padding: 10px; background: #0972dd !important; width: 270px !important;
		  color: #fff; text-transform: uppercase; float:left; margin-right:8px;}
.button-login:focus, .button-login:active, .button-login:hover{ background: #1e82e8 !important; }	
.button-login-cancelar{display: block; border-left: 1px solid #0c57a3 !important; margin-left:31px; padding: 10px; 
		  color: #fff; text-transform: uppercase; background-color:Transparent !important;}	 
.button-login-cancelar:focus, .button-login-cancelar:active, .button-login-cancelar:hover{ text-decoration:underline; }			   
.inputwrapper label {
		  display: inline-block; margin-top: 10px; margin-left:31px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle; }
.inputwrapper label input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }

.input2wrapper a{
	    color: rgba(113, 184, 238, 0.8);float: right; font-size: 10px;margin-top: -7px;padding-right: 30px;text-align: right !important;}
.input2wrapper label{
		  margin-top: -10px; margin-bottom: 10px; margin-right:31px;   color: rgba(113,184,238,0.8); font-size: 10px; text-align:right; }

.inputwrapper span {
		  display: inline-block; margin-top: 10px; margin-left:31px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle; }
.inputwrapper span input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }

.input2wrapper span{
		  margin-top: -10px; margin-bottom: 10px; margin-right:31px;   color: rgba(113,184,238,0.8); font-size: 10px; text-align:right; }

.inputwrapper .remember { padding: 0; background: none; }

.login-alert { display: none; }
.login-alert .alert { font-size: 11px; text-align: center; padding: 5px 0; border: 0; }

.loginfooter {
		  font-size: 11px; color: rgba(255,255,255,0.5); position: absolute; position: fixed; bottom: 0; left: 0;
		  width: 100%; text-align: center; font-family: arial, sans-serif !important; padding: 5px 0; }

img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
	  padding: 0 0 10px 0;
      }
	  
select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.input-append input, .input-prepend input, .input-append select, .input-prepend select,
.input-append .uneditable-input, .input-prepend .uneditable-input,
.input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover,
.input-prepend .popover, .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover,
.input-append .add-on, .input-prepend .add-on {
	font-size: 13px;
}

.btn { font-size: 13px; padding: 5px 12px 5px; background: #eee; text-shadow: none; }

.btn {
	display: inline-block; -moz-box-shadow: none; -webkit-box-shadow: none;
	box-shadow: none; border-color: #bbb; margin-bottom: 5px; }
.btn .caret { margin-left: 5px; }
.btn-small { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 11px; text-transform: upperfcase; }
.btn-large { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 14px; padding: 10px 20px; }


.label {
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 10px; text-shadow: none;
	font-weight: normal; text-transform: uppercase; padding: 2px 5px; }


.alert { border-color: #e4bf7f; color: #9c6c38; margin-bottom: 15px; background: rgb(246,237,186); }


.alert-error { border-color: #e18d9a; color:#da5251; background: rgb(246,216,216); }
.alert-error .close, .alert-error h4 { color: #990000; }