@font-face {
	font-family: 'gothambook';
	src: url('../fonts/gotham-book/gotham-book.eot');
	src: url('../fonts/gotham-book/gotham-book.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gotham-book/gotham-book.woff2') format('woff2'),
	url('../fonts/gotham-book/gotham-book.woff') format('woff'),
	url('../fonts/gotham-book/gotham-book.ttf') format('truetype'),
	url('../fonts/gotham-book/gotham-book.svg#gothamregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambold';
	src: url('../fonts/gotham-bold/gotham-bold.eot');
	src: url('../fonts/gotham-bold/gotham-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gotham-bold/gotham-bold.woff') format('woff'),
	url('../fonts/gotham-bold/gotham-bold.ttf') format('truetype'),
	url('../fonts/gotham-bold/gotham-bold.svg#gothamregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamlight';
	src: url('../fonts/gotham-light/gotham-light.eot');
	src: url('../fonts/gotham-light/gotham-light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gotham-light/gotham-light.woff') format('woff'),
	url('../fonts/gotham-light/gotham-light.ttf') format('truetype'),
	url('../fonts/gotham-light/gotham-light.svg#gothamregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

body, html {
	font-family: gothambook,sans-serif;;
	background-image: url('../images/texture-webmail.png');
	background-repeat: repeat;
	line-height: 1.4em;
	font-size: 13px;
	min-height: 100%;
	margin: 0;
	color: #545d68;
}

.fa {
	font-size: 14px;
}

.h1, h1 {
	font-family: gothambook, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

h2, h3, h4, h5, h6, strong,
.h2, .h3, .h4, .h5, .h6 {
	font-weight: normal;
	color: #314051;
}

a, .false-link {
	color: #545d68;
	text-decoration: none;
	border-width: thin;
	border-bottom: 1px solid rgba(112, 122, 134, 0.25);
	border-bottom: 1px solid rgba(112, 122, 134, 0.25);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

h2, .h2 {
	font-size: 25px;
}

::-webkit-input-placeholder {
	font-family: gothambook, sans-serif;
	color: #87909c !important;
	opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
	font-family: gothambook, sans-serif;
	color: #87909c !important;
	opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
	font-family: gothambook, sans-serif;
	color: #87909c !important;
	opacity: 1;
}

:-ms-input-placeholder {
	font-family: gothambook, sans-serif;
	color: #87909c !important;
	opacity: 1;
}


img {
	max-width: 100%;
	border: none;
}

a, a:hover, a:focus, .btn-link{
	color:#28A0C3;
	border-color: #28A0C3;
}
a:focus, .btn:focus {
	outline: none;
}

/*	Contents	*/
.loginHeader {
	display: block;
	height: 50px;
	border-top: none !important;
}

.bg-default {
	background: RGBA(255, 255, 255, 0.5);
	border-color: #C9CDD0 !important;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.7);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.7);
	box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.7);
	border: 1px solid;
}

.content {
	width: 1000px;
	margin: 0 auto;
}

#webmail-Logo {
	position: relative;
	display: inline-block;
}

#webmail-Logo img {
	display: block;
	/*! position: absolute; */
	padding: 0px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}

.ui-dialog-content {
	font-family: verdana;
	font-size: 1em;
	padding: 0px;
	border-style: solid !important;
	border-color: #DDD !important;
	border-width: 1px 0px !important;
	padding: 1em 0 !important;
}

.ui-dialog {
	border-radius: 0;
	padding: 50px 30px 5px;
	z-index: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	position: absolute;
	right: -15px;
	top: 0px;
}
.ui-dialog .ui-dialog-titlebar {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	padding: 0;
	top: -20px;
}
.ui-dialog .ui-dialog-content {
	height: auto !important;
}
.ui-dialog .ui-dialog-content a {
	color: #09f;
}

.ui-dialog-buttonpane {
	border: 0px;
}

.ui-widget-overlay {
	min-height: 100% !important;
	min-width: 100% !important;
	background: #000000 none repeat-x scroll 50% 50%;
	opacity: 0.7;
	position: fixed;
}

.ui-widget {
	font-family: verdana;
	font-size: 12px !important;
}

.heightFix {
	height: 350px;
}

#banner {
	background-image: url('../images/banner.png');
	background-repeat: no-repeat;
}

#banner a {
	color: #545d68;
	display: block;
	text-decoration: none !important;
	border:none !important;
	height: 100%;
	width: 100%;
}


.mailDisplay > div {
	width: 50%;
	float: left;
}

.w100 .mailDisplay > div {
	width: 25%;
	float: left;
}

.mailDisplay .mailItem {
	padding: 5px 8px;
	border-radius: 3px;
	background-color:#F2F3F4;
	border: 1px solid #C9CDD0 !important;
	margin: 10px 10px 0px 0px;
}

.mailDisplay .mailItem:hover {
	background: #E3e5e6;
}

.mailItem a {
	text-decoration: none;
	color: inherit;
	border: none;
	display: block;
}

/*  Usáveis  */
.mtop75 {margin-top: 75px !important; }
.mtop50 {margin-top: 50px !important; }
.mtop30 {margin-top: 30px !important; }
.mtop20 {margin-top: 20px !important; }
.mtop25 {margin-top: 25px !important; }
.mtop10 {margin-top: 10px !important; }
.mtop5 {margin-top: 5px !important; }
.mtop0 {margin-top: 0 !important; }
.no-margin {
	margin: 0px auto !important;
}
.mbot0 {margin-bottom: 0px !important; }
.mbot5 {margin-bottom: 5px !important; }
.mbot10 {margin-bottom: 10px !important; }
.mbot20 {margin-bottom: 20px !important; }
.mbot25 {margin-bottom: 25px !important; }
.mbot30 {margin-bottom: 30px !important; }
.mbot50 {margin-bottom: 50px !important; }
.mbot75 {margin-bottom: 75px !important; }

.text-left, .text_left {
	text-align: left !important
}

.text-right, .text_right {
	text-align: right !important
}

.text-justify, .text_justify {
	text-align: justify !important
}

.text-center, .text_center {
	text-align: center !important
}

.center-block {
	float:none !important;
	margin: 0 auto;
}

.pull-left {
	float: left !important;
	margin-right: 20px
}

.pull-right {
	float: right !important;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.absolute {
	position: absolute;
}

.transition, .btn-outline, .btn, a{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.w25 {
	padding-right: 15px;
	padding-left: 15px;
	width: 25%;
	float:left;
}

.w30 {
	padding-right: 15px;
	padding-left: 15px;
	width: 33.33%;
	float:left;
}

.w40 {
	padding-right: 15px;
	padding-left: 15px;
	width: 40%;
	float:left;
}

.w50 {
	padding-right: 15px;
	padding-left: 15px;
	width: 50%;
	float:left;
}

.w60 {
	padding-right: 15px;
	padding-left: 15px;
	width: 60%;
	float:left;
}

.w70 {
	padding-right: 15px;
	padding-left: 15px;
	width: 70%;
	float:left;
}

.w75 {
	padding-right: 15px;
	padding-left: 15px;
	width: 75%;
	float:left;
}

.w100 {
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
	display: block;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.btn {font-family: gothambook,sans-serif;}

.strong {
	font-family: gothambold, sans-serif;
}

.block {
	padding: 10px 40px 50px 40px;
	border-radius: 4px;
}


/*	Inputs	*/
input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #80b1d1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
input.error {
	border-color: rgb(169, 68, 66) !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px rgb(206, 132, 131)!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
	display: inherit;
}
input::-moz-focus-inner { border: 0; padding: 0; }
.form-group {
	position: relative;
	margin-bottom: 15px;
	line-height: 1em;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1;
}
.form-group .form-control-feedback {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 100%;
	line-height: 35px;
	text-align: center;
	color: #87909c;
}
.form-group .form-control-feedback.right {
	right: 0;
	left: auto;
}
.radio,
.checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.radio label,
.checkbox label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}
.radio input[type="radio"],
.checkbox input[type="radio"],
.radio input[type="checkbox"],
.checkbox input[type="checkbox"] {
  /*position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;*/
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
}
.radio + .radio,
.checkbox + .checkbox {
	margin-top: -5px;
}

form label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.form-control {
	display: block;
	width: 100%;
	height: 35px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0px 30px 0px 40px !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control[size] {
	max-width: 100%;
	width: auto;
}

/*  Botões  */
.btn, .form-control {
	border-radius: 4px;
	padding: 0px 12px;
	min-height: 35px;
	line-height: 35px;
}

.btn-outline,.label.label-outline {
	background:0 0 !important;
}
.btn-group:hover>.btn-icon {
	z-index:0!important;
}
.btn-outline {
	color:inherit
}

.text-default, .btn-default.btn-outline {
	color: #ffffff;
	border-color: #ffffff;
}

a.text-danger {
	border-color: RGBA(210, 69, 69, 0.25);
}

a.text-danger:hover {
	border-color: #28A0C3;
}

.text-danger, .btn-danger.btn-outline, .label-danger.label-outline, label.error {
	color:#D24545;
	border-color: #D24545;
}

.btn:focus, .btn:active:focus, .btn.active:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus {color: #333; text-decoration: none; }
.btn:active, .btn.active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }

.btn, a.btn {color: #333; display: inline-block; margin-bottom: 0;  font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; text-decoration: none}


.btn-danger {
	background: #E15757;
	border-color: #b13535;
	color: #FFF;
}

.btn-group:hover > .btn-danger, .btn-danger:hover {
	background: #CF5353 !important;
	border-color: #CF5353;
	color: #FFF;
}

.btn-group:hover > .btn-default, .btn-default:hover {
	background: #ffffff !important;
	border-color: #ffffff;
	color: #545d68;
}

.btn-black {
	color: #fff;
	background: #65696E;
	background: -moz-linear-gradient(top, #65696E  0%,  #3E4449  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65696E ), color-stop(100%, #3E4449 ));
	background: -webkit-linear-gradient(top, #65696E  0%, #3E4449  100%);
	background: -o-linear-gradient(top, #65696E  0%, #3E4449  100%);
	background: -ms-linear-gradient(top, #65696E  0%, #3E4449  100%);
	background: linear-gradient(to bottom, #65696E  0%, #3E4449  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65696E ', endColorstr=' #3E4449 ',GradientType=0 );
	border-color: #586174;
}

.btn-black:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black {
	color:#FFF !important; background-color: #3E4449 !important; border-color: #25292d;
}

.btn-group:hover > .btn-black, .btn-black:hover {
	background:  #3E4449;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
	background-color: #65696E; border-color: #4cae4c;
}
.text-black, .btn-black.btn-outline {
	color:#586174;
}


/*  Tamanho de botão  */
.btn-lg, a.btn-lg, .btn-group-lg > .btn {padding: 10px 16px; font-size: 1.3em; border-radius: 6px; }
.btn-sm, a.btn-sm, .btn-group-sm > .btn {padding: 3px 10px; border-radius: 3px; }
.btn-xs, a.btn-xs, .btn-group-xs > .btn {padding: 1px 5px; border-radius: 3px; }

/*  botão em bloco  */
.btn-block {display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block {margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {width: 100%; }