/* Styles for SP
   NB: remove fonts in bootstrap css */

html, body {
	height: 100%;
}

.pull-right {padding-right: 2em;}

body {  
	height: 100%;
	background-color: #f3fbfa;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	~webkit-text-size-adjust: 100%;
}

/* Keep footer at the bottom */
#container
{
	position: relative;
	min-height: 100%;
}

* html #container
{
	height: 100%;
}

#content
{
	padding-bottom: 0em;
}

/* Header */
.header {
	text-align: left;
	padding: 20px 0 0 0;
	border-bottom: 4px solid #0b3c4c;
	margin-bottom: 40px;
}

.headertop {
	border-top: 4px solid #0b3c4c;
	padding-bottom: 2.5px;
	border-bottom: 1px solid #0b3c4c;
}

.header .line {
	border-bottom: 1px solid #0b3c4c;
	margin-bottom: 2.5px;
}

.wrapper {
	margin: auto; padding: 0;
}

.wrapperdevice {padding-left: 10px; padding-right: 10px;}

/* Navigation */
.navbar-inner {
	background: transparent !important;
  border-radius: 0px !important;
  box-shadow: 0px !important;
  background-color: #f3fbfa !important;
  background-image: none !important;
  border: 0px !important;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  box-shadow: none !important;
  margin-top: -20px;
}

.navsp a:link, .navsp a:visited {
	text-decoration: none;
	display: block;
	border-top: 1px solid #dbe8ea;
	padding: 0.5em 0 0.5em 0.5em;
	color: #0b3c4c;
	background-color: #transparent;
}
.navsp > li > a:hover {
  background-color: #ddf0ee;
}

.border {
	border-left: 1px solid #dbe8ea;
	padding-left: 10px;
}

.navbar .nav {
  position: absolute;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .btn-navbar .icon-bar {
  background-color: #0b3c4c;
}

.sans-serif {
	font-family: sans-serif;
}

.margin-top50 {
	margin-top: 50px;
}

/* Collapsible arrow button */
.icon-arrow-down {
  background-color: #0b3c4c;
}

.navbar .btn-navbar {
	border-color: #0b3c4c !important;
	background-color: #0b3c4c !important;
	background-image: none !important;
	box-shadow: 0px !important;
	color: #0b3c4c !important;
	text-shadow: none !important;
}

/* Footer */
#stickyfooter
{
	position: relative;
	margin-top: 0;
}

hr.copy {
  margin: 40px auto 20px auto;
  border: 0;
  border-top: 1px solid #167695;
  width: 80%;
}

.footer {
	clear: both;
	background-color: #30444b;
	color: #f3fbfa;
	padding: 20px 0 20px 0;
}

.footertxt, ul.footertxt {
	font-size: .8em;
	font-family: sans-serif;
	padding-right: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul.footertxt li {
	list-style-type: none;
	margin: 0 1em .6em 0em;
	text-indent: -1em;
}

ul.footertxt li:before {
	content: "\2014 \00A0 \00A0";
}

.footer a:link, .footer a:visited {
	color: #f3fbfa;
}

.footer a:link, .footer a:visited {
	color: #f3fbfa;
}

/* Links */
p a:link, li a:link, a:visited {
	color: #0b3c4c;
	text-decoration: underline;
}

p a:hover, li a:hover, a:active {
	color: #0b3c4c;
	text-decoration: none;
}

/* Square bulleted list */
ul, ol {
	margin: 0 0 1.2em 0;
	padding: 0 0 1.4em 1.5em;
}

ul.square li {
	list-style-type: none;
	margin: 0 1em .6em 1em;
	text-indent: -1.5em;
}

ul.square li:before {
	content: "\0025A0 \00A0 \00A0";
	color: #0b3c4c;
}

ul.navsp {
	list-style-type: none;
	padding: 0;	
	margin: 0 0 0 0;
}

/* Images */
.logoright {
	float: right;
	clear: both;
	background-color: #f3fbfa;
	padding: 0; padding-right: 1.5em;
} /* Position small logo on right after third column text */

/* Responsive images */
img {
	max-width: 100%;
  width: auto; /* for ie8 */
  height: auto;
}

/* Font and sizes */
h1, h2, h3 {
	margin: 0;
	padding: 0 0 1em 0;
	color: #0b3c4c;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1em;
}

h1, h2, h3, .login p, .footertxt p, .navsp {
	font-family: sans-serif;
}

p  {
	margin: 0 0 1.4em;
	padding: 0 0 0 0;
	text-align: justify;
	font-size: 1em;
}

.login p {
	word-spacing: 4em;
	white-space: nowrap;
}

.small {
	font-size: .8em;
}

.center {
	text-align: center;
}

.hang {
	margin: 0em;
	text-indent: -1em;
	padding-left: 1em;
}

.copyright {
	text-align: center;
}

/* Buttons */


/* #Media Queries
================================================== */

@media (max-width: 767px) {
	h1 {
		margin-top: -1em;
	}

	.overflow-hide {
		overflow-x: hidden;
	}

	.navsp a:link, .navsp a:visited {
		color: #f3fbfa;
		background-color: #0b3c4c;
	}

	.navsp > li > a:hover {
		background-color: #80c4be;
	}

	.copyright {
	text-align: left;
	}

	hr.copy {
 		margin: 40px 0 20px;
 		width: 100%;
	}
}