@charset "utf-8";
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
@import url("normalize.css");
@import url("fonts.css");

/*
BASE (MOBILE) SIZE
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

------------ MAP ------------

01. GENERAL STYLES
02. LAYOUT & GRID STYLES
03. LINK STYLES
04. H1, H2, H3, H4, H5 STYLES
05. HEADER SYTLES
06. POSTS & CONTENT STYLES
07. NAVIGATION STYLES
08. SIDEBARS & ASIDES
09. FOOTER STYLES
10. EFFECTS
11. RESPONSIVE

******************************************************************/

/*********************
01. GENERAL STYLES
*********************/

body {
	font-family: "Trebuchet MS";
    font-size: 15px; /* default font size */
	color: #575c63;
}

ul, ol {
	padding: 0;
	list-style-type: none
}

.sidebar ul, .sidebar ol, .commentlist {
	list-style: none
}

.clearfix {
	zoom: 1
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}

.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}


#remove-round {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}


.list_we_are{
	/*background-color: #e5e5e5;*/
}
.list_we_are li{
	display: table;
	width: auto;
	margin:0 0 5px 0;
}
.list_we_are li span{
	/*display:block;*/
}
.list_we_are li a{
	float:left;
	min-width: 90px;
	height:16px;
	display:block;
	clear:both;
	line-height:16px;
	margin:0 50% 0 0;
	font-size: 13px;

}
.list_we_are li a div.arrow{
	float:right;
	margin-right: 15px;
	margin-top: 4px;
	width:12px;
	height:10px;
	background: url("http://www.ohi.pt/wp-content/uploads/2013/10/arr_bottom.png") no-repeat 0 0;  
	clear:both;
}

.list_we_are li a.active{color:#185870;}
.list_we_are li a.active div.arrow{background: url("http://www.ohi.pt/wp-content/uploads/2013/10/arr_bottom_active.png") no-repeat 0 0;  }

.list_we_are li img{
	width:100px;
	height:100px;
	float:left;
	border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.list_we_are li div.bio p{
	display:block;
	float:left;
	padding-left:10px;
	margin:0;
}
.list_we_are li div.bio{
	width: 100%;
	display:none;
	margin: -5px 0 20px 0;
	float:left;
}

/*********************
02. LAYOUT & GRID STYLES
*********************/

.wrap {
  width: 96%;
  margin: 0 auto;
}

/* ~~ table simulation ~~ */
.table {
	display:table;	
}
.row {
	display: table-row;
}
.cell {
	display:table-cell;
	vertical-align:top;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/*********************
03. LINK STYLES
*********************/

a, a:visited {
	color: #0f004e;
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
	color: #000000;
	outline: none;
}
a:link, a:visited:link {
	-webkit-tap-highlight-color: rgba(0,0,0,0.3)
}


/******************************************************************
04. H1, H2, H3, H4, H5 STYLES
******************************************************************/

/* removing text decoration from all headline links */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
	text-transform: none;
}

h1 {
	color: #0f004e;
	font-family: "Trebuchet MS";
	font-weight: bold;
}

h2 {
	color: #005872;
	font-family: "apexsansmediumcregular";
}
h3 {
	color: #005872;
	font-family: "apexsansbookitalicstregular";
}
h4 {
		color: #005872;
		font-family: "apexsansmediumcregular";
	}
h5 {
	color: #005872;
	font-family: "apexsansbookitalicstregular";
}


/*********************
05. HEADER SYTLES
*********************/

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	/*background-color: #001e3e;*/
}

.login {
	visibility: hidden;
}

/*.lang {
	visibility: hidden;
}*/

.social-media {
	visibility: hidden;
}

#btsubmit {
	width: 30px;
	position: relative;
	left: 30px;
	top: -33px;
	text-indent: -9999px;
}


/*********************
06. POSTS & CONTENT STYLES
*********************/

 .slider {
 	text-align: center;
 	margin-bottom: 28px;
 }

.metaslider .prev,
.metaslider-85 .flex-prev,
.metaslider-84 .flex-prev {
	 background: url("../images/bt_seta_left.png") no-repeat !Important;
	 height: 74px;
	 width: 41px;
	 opacity: 1 !Important;
	 padding: 0px !Important;
	 /*left: -11px !Important;*/
	 /*top: 50% !Important;*/
	 margin-top: -41px !Important;
 }
 .metaslider-85 .flex-prev,
 .metaslider-84 .flex-prev {
	 margin-top: -61px !Important;
	 top: 35% !Important;
 }
 
 .metaslider .next,
 .metaslider-85 .flex-next,
 .metaslider-84 .flex-next {
	 background: url("../images/bt_seta_right.png") no-repeat !Important;
	 height: 74px;
	 width: 41px;
	 opacity: 1 !Important;
	 padding: 0px !Important;
	 /*right: -11px !Important;*/
	 /*top: 50% !Important;*/
	 margin-top: -41px !Important;
 }
  .metaslider-85 .flex-next,
  .metaslider-84 .flex-next {
	  margin-top: -61px !Important;
	  top: 35% !Important;
  }
 
 .metaslider li img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.metaslider .flex-direction-nav a {
	opacity: 1 !important;
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
}

.flex-direction-nav a {
	background-image: url("../images/bg_direction_nav.png") !important;
}
.flex-direction-nav .flex-prev {
	left: 0 !important;
}
.flex-direction-nav .flex-next {
	right: 0px !Important;
}

.flexslider {
	margin: 0 !important;
}
.flexslider .slides img {
	display: inline !important;
	width: auto !important;
}

.metaslider-119 .caption {
	text-align: center;
	display: block;
}

.metaslider-79 li img {
	margin-bottom: 3px;
}
.metaslider-79 .caption {
	display: none;
}

 .metaslider-85 .caption,
 .metaslider-84 .caption {
	 padding: 0 !important;
	 line-height: normal;
	 margin-bottom: 20px;
 }

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 100%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.content {
	/*background: #999999;*/
	width: 100%;
	margin-bottom: 80px;
	margin-top: 0px;
}

.main {
	/*background: #D5EDF8;*/
	width: 100%;
	padding-bottom: 40px;
}

.inner-page {
	/*height: 700px;*/
	/*padding: 55px 50px 50px 50px;*/
}

.img-round-margin {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	margin-bottom: 13px;
}

.page-content-block img, 
.page-content-block-bottom img,
.page-content-block-bottom-color img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* responsive images */
 	/* width: inherit;  This makes the next two lines work in IE8. */
	max-width: 100% !Important;  /* Add !important if needed. */
	height: auto !Important;  /* Add !important if needed. */
}

.sitemap-item a {
	color: #005872;
	text-decoration: none;
}
.sitemap-item a:hover {
	color: black !important;
}
.sitemap-sub-items {
	margin: 0px 0px 25px 20px;
}

.go-top {
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
	padding-bottom: 0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.txt-img-caption {
	color: #005872;
	font-family: "apexsansbookitalicstregular";
	font-size: 22px;
}

#mapa {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 10px;
}



/*********************
07. NAVIGATION STYLES
*********************/

.bones_page_navi li {
    float: left;
    padding: 0 5px 0 5px;
}


/*********************
08. SIDEBARS & ASIDES
*********************/

.widget ul li {
  /* deep nesting */
}


/*********************
09. FOOTER STYLES

*********************/

.footer {
	background: #005872;
	width: 100%;
	height:98px;
	margin: auto;
	padding: 0;
}

.nav-footer li a:hover {
	color: #000000;
}


/*********************
10. EFFECTS
*********************/

.shadow {
  -moz-box-shadow:    0px 5px 7px rgba(0, 0, 0, 0.2); /* Firefox 3.6 */
  -webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.2); /* Safari & Chrome */
  box-shadow:         0px 5px 7px rgba(0, 0, 0, 0.2); /* IE8+ */
}

.gradient {
	background-image: -moz-linear-gradient(top, #fefefe, #e5e5e5); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e5e5e5),color-stop(1, #fefefe)); /* Safari & Chrome */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#e5e5e5')"; /* IE8 */
}

.dotted {
	border-right: 1px dotted #8c97a6;
}

.line-dotted {
	background: url("../images/hr.png") repeat-x;
	height: 2px;
	margin-top: 9px;
}

.line {
	border-bottom: 1px solid #e0e0e0;
}

.readmore {
	font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: bold;
	color: #33383f;
	background-position: bottom;
	background-image: url("../images/hr.png");
	background-repeat: repeat-x;
	padding: 8px 0px;
}
.readmore a {
	text-decoration: none;
}
.readmore img {
	padding: 0px 0 5px 4px;
}


/*********************
11. RESPONSIVE
*********************/

/*
SMALL MOBILE DEVICES
*/

@media only screen and (min-width: 281px) {
	
	/*********************
	05. HEADER SYTLES
	*********************/
	
	.header {
		background-color:#e9e9e9;
	 }
	 
	 .header-center {
		 text-align: center;
	 }
	 
	 .logo {
		float: none;
	 }
	 
	 .lang {
		 float: right;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 font-size: 11px;
		 padding-left: 13px;
		 margin-top: -130px;
	 }
	 .lang li {
	    float:none;
	 }
	 .lang li a:hover { 
	 	color: #000000;
	 }
	 .lang li a { 
	    background-color: #e9e9e9;
	    text-decoration: none;
	    padding: 7px 5px 3px 5px;
	    display:block;
	    color: #959494;
	 }
	 .lang .current-lang-item { 
	 	background-color: #e9e9e9;
	 	color: #005872;
	 }
	 
	 .fieldHolder {
		 float: right;
	 }
	 
	  .search {
		float: right;
		text-align: right;
		margin-top: 8px;
		margin-bottom: 20px;
		margin-right: 15px;
		font-size: 12px;
		font-weight: bold;
		width: 92%;
	}
	.search .fieldHolder {
		margin-top: 7px;
		background: url("../images/search.png")  no-repeat;
		width: 151px;
		height: 31px;
	}
	.search input {
		background: none;
		border: none;
		color: #6c6c6f;
		width: 110px;
		height: 31px;
		margin-right: 30px;
		outline: none;
	}
	
	.login {
		float: left;
		padding-top: 10px;
	}
	 
	 
	 /*********************
	06. POSTS & CONTENT STYLES
	*********************/

	.container {
		width: 98%;
	}
	 
	h1 {
		font-size: 1.3em;
		margin-bottom: 0px;
	}
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 6px;
	}
	h2 a,
	h2 a:visited
	{
		color: #005872;
		text-decoration: none;
	}
	h3 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 28px;
}
	h4 {
		font-size: 24px;
		margin-bottom: 12px;
		line-height: 26px;
	}
	h5 {
		font-size: 2.1em;
		margin-bottom: 12px;
	}
	
	.slider {
		margin-top: 20px;
	}
	
	.highlight-left {
		/*background: #f7f6f6;*/
		float: none;
		width: auto;
		margin: 20px 20px 0px 20px;
		/*margin-right: 30px;*/
		padding: 28px 10px 10px 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.highlight-middle {
		/*background: #00FF00;*/
		float: none;
		width: auto;
		/*margin-right: 21px;*/
		margin: 20px 20px 0px 20px;
	}
	.highlight-right {
		/*background: #0000FF;*/
		float: none;
		width: auto;
		margin: 20px 20px 0px 20px;
	}	
	.contacts-home {
		background: #ececec;
		float: none;
		width: auto;
		/*margin-right: 20px;*/
		margin: 20px 20px 0px 20px;
		padding: 10px;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.main {
		padding-bottom: 20px;
	}
	
	.content {
		margin-bottom: 40px;
		margin-top: 20px;
	}

	.page-title {
		background-color: #fcfcfc;
		color: #0f004e;
		text-align: center;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: "apexsansmediumcregular";
		font-size: 24px;
		
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
				
		border: 1px solid #e0e0e0;
	}
	
	.page-sub {
		padding-top: 5px;
		height: auto;
		text-align: center;
		background-color: #FCFCFC;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
	}
	
	.page-title-under {
		display: none;
	}
	
	.top {
		position: relative;
		top:0px;
		display: block;
		height: 0;
		width:0;
	}
	
	.txt-download {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		color: #005872;
	}
	
	.page-content-block-bottom {
		padding: 30px 30px 9px 30px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.page-content-block-bottom-color {
		background-color: #ececec;
		padding: 30px 30px 9px 30px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.page-content-block {
		padding: 30px 30px 9px 30px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
	}
	.page-content-col-wrapper {
		padding-bottom: 20px;
	}
	.page-content-col {
		/*float: left;*/
		width: 100%;
		text-align: left;
		padding-top: 15px;
		/*padding-right: 3%;*/
	}
	
	.fleet-selector {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		color: #005872;
		margin-bottom: 10px;
		height: 130px;
	}
	.fleet-selector li {
		float: left;
		padding-right: 0px;
		padding-left: 0px;
		border-right: none;
	}
	.fleet-selector li:last-child {
		border: 0;
	}
	.fleet-selector li p {
		margin-top: 5px;
	}
	.fleet-icons {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		margin-top: 5px;
		color: #000000;
		height: 90px;
	}
	.fleet-icons li {
		border: none;
		padding: 0px;
		padding-right: 2px;
		float: left;
	}
	.fleet-icons li img:hover {
		border: #005872 solid 4px;
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
		box-sizing:        border-box;
		width:88px;
	}
	
	.metaslider-79 .prev {
		display: none !important;
	}
	.metaslider-79 .next {
		display: none !important;
	}
	 
	 
	 /*********************
	07. NAVIGATION STYLES
	*********************/
	
	.menu {
	    float:none;
	    font-family: "apexsansmediumcregular";
	    font-size: 14px;
	    color: #0f004e;
	}
	.menu li {
		margin-right: 0px;
	    float:none;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	 }
	 .menu li a {
	 	text-decoration: none;
	 }
	 .menu li a:hover { 
	  	color: #000000;
	 }
	 .menu .current-menu-item a {
	 	color: #000000;
	 }
	 .menu li:last-child {
	 	margin-right: 0px;
	 }
	 
	 .page-sub-nav {
		display:block;
		font-family: "apexsansmediumcregular";
		font-size: 1em;
	}
	.page-sub-nav li {
		display: inline;
		margin-left: 15px;
		margin-right: 15px;
	}
	.page-sub-nav li a {
		color: #3d434b;
		text-decoration: none;
	}
	.page-sub-nav li a:hover {
		color: #005872;
	}

	.fleet-icons li {
		border: medium none;
		float: left;
		padding: 0 10px 0 0;
	}
	
	
	/*********************
	09. FOOTER STYLES
	*********************/
	
	.footer-center {
		text-align: center;
	}
	
	 .footer-txt {
		 /*float: left;*/
		 color: #ffffff;
		 font-size: 11px;
		 padding: 5px 0px 0px 0px;
	 }
	
	.nav-footer {
	 	/*float:left;*/
		margin: 0 auto;
	 	padding: 10px 0 0 58px;
	 }
	 .nav-footer .menu {
		 background-color: #005872;
	 }
	 .nav-footer li {
	 	 float:left;
	 	 border-left: 1px solid #FFFFFF;
		 border-bottom: none;
	 	 padding: 0 8px 0 8px;
	 	 font-size: 11px;
	 }
	 .nav-footer li a {
	 	color: #FFFFFF;
	 	text-decoration: none;
	 }
	 .nav-footer li:first-child {
	 	border-left: 0;
	 }
	 
	 .social-media {
	 	float: right;
	 	padding: 15px 10px;
	 } 
	 
	 
}



/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. 
*/
@media only screen and (min-width: 481px) {
	  /******************************************************************

	  Stylesheet: 481px and Up Stylesheet
	  
	  This stylesheet is loaded for larger devices. It's set to 
	  481px because at 480px it would load on a landscaped iPhone.
	  This isn't ideal because then you would be loading all those
	  extra styles on that same mobile connection. 
	  
	  ******************************************************************/
	
	body {
		font-size: 15px;
	}  
	  
	  
	/*********************
	05. HEADER SYTLES
	*********************/
			
	.header {
		background-color: #f7f6f6;
		/*background-color: #8dff1c;*/
	}
	
	.logo {
		float: left;
	}
	
	.lang {
		 float: left;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 font-size: 11px;
		 padding-left: 13px;
		 margin-top: 0px;
	 }
	 .lang li {
	    float:left;
	 }
	 .lang li a:hover { 
	 	color: #000000;
	 }
	 .lang li a { 
	    background-color: #f7f6f6;
	    text-decoration: none;
	    padding: 7px 5px 3px 5px;
	    display:block;
	    color: #959494;
	 }
	 .lang .current-lang-item { 
	 	background-color: #e0e0e0;
	 	color: #005872;
	 }
	 
	 
	 
	.footer-center {
		width: 100%;
	 	margin: 0 auto;
	}
	
	.nav-footer-wrap {
		float: left;
	}
	
	 .footer-txt {
		 /*float: left;*/
		 color: #ffffff;
		 font-size: 11px;
		 padding: 5px 0px 0px 38px;
	 }
	
	 .nav-footer {
	 	/*float:left;*/
	 	padding: 21px 0 0 30px;
	 }
	 .nav-footer li {
	 	 float:left;
	 	 border-left: 1px solid #FFFFFF;
	 	 padding: 0 8px 0 8px;
	 	 font-size: 11px;
	 }
	 .nav-footer li a {
	 	color: #FFFFFF;
	 	text-decoration: none;
	 }
	 .nav-footer li:first-child {
	 	border-left: 0;
	 }
	 
	 .social-media {
	 	float: right;
	 	padding: 21px 51px;
	 }
 
}



/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/

@media only screen and (min-width: 768px) {
	
	/*********************
	05. HEADER SYTLES
	*********************/
	
	.header {
		/*background-color: gold;*/  
	 }

	 .logo {
		float: left;
	 }
	 
	 .lang {
		 float: left;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 font-size: 11px;
		 padding-left: 13px;
		 margin-top: 0px;
	 }
	 .lang li {
	    float:left;
	 }
	 .lang li a:hover { 
	 	color: #000000;
	 }
	 .lang li a { 
	    background-color: #f7f6f6;
	    text-decoration: none;
	    padding: 7px 5px 3px 5px;
	    display:block;
	    color: #959494;
	 }
	 .lang .current-lang-item { 
	 	background-color: #e0e0e0;
	 	color: #005872;
	 }
	 
	  .search {
		float: right;
		text-align: right;
		margin-top: 8px;
		margin-bottom: 20px;
		margin-right: 5px;
		font-size: 12px;
		font-weight: bold;
		width: auto;
	}
	.search .fieldHolder {
		margin-top: 7px;
		background: url("../images/search.png")  no-repeat;
		width: 151px;
		height: 31px;
	}
	.search input {
		background: none;
		border: none;
		color: #6c6c6f;
		width: 110px;
		height: 31px;
		margin-right: 30px;
		outline: none;
	}
	
	.login {
		float: none;
		padding-top: 0px;
	}
	
	
	/*********************
	06. POSTS & CONTENT STYLES
	*********************/

	h1 {
		font-size: 1.3em;
		margin-bottom: 0px;
	}
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 6px;
	}
	h2 a,
	h2 a:visited
	{
		color: #005872;
		text-decoration: none;
	}
	h3 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 28px;
	}
	h4 {
		font-size: 24px;
		margin-bottom: 12px;
		line-height: 26px;
	}
	h5 {
		font-size: 2.5em;
		margin-bottom: 12px;
	}
	
	.highlight-left {
		/*background: #f7f6f6;*/
		float: none;
		width: auto;
		margin: 30px 30px 0px 30px;
		/*margin-right: 30px;*/
		padding: 28px 10px 10px 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.highlight-middle {
		/*background: #00FF00;*/
		float: none;
		width: auto;
		/*margin-right: 21px;*/
		margin: 30px 30px 0px 30px;
	}
	.highlight-right {
		/*background: #0000FF;*/
		float: none;
		width: auto;
		margin: 30px 30px 0px 30px;
	}	
	.contacts-home {
		background: #ececec;
		float: none;
		width: auto;
		/*margin-right: 20px;*/
		margin: 30px 30px 0px 30px;
		padding: 10px;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.main {
		padding-bottom: 20px;
	}
	
	.content {
		margin-bottom: 40px;
		margin-top: 20px;
	}

	.page-title {
		background-color: #fcfcfc;
		color: #0f004e;
		text-align: center;
		height: 51px;
		padding-top: 19px;
		padding-bottom: 0px;
		font-family: "apexsansmediumcregular";
		font-size: 24px;
		
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
		
		border: 1px solid #e0e0e0;
	}
	
	.page-sub {
		padding-top: 19px;
		height: 31px;
		text-align: center;
		background-color: #FCFCFC;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
	}
	
	.page-title-under {
		display: none;
	}
	
	.top {
		position: relative;
		top:0px;
		display: block;
		height: 0;
		width:0;
	}
	
	.txt-download {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		color: #005872;
	}
	
	.page-content-block-bottom {
		padding: 30px 30px 9px 30px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.page-content-block-bottom-color {
		background-color: #ececec;
		padding: 30px 30px 9px 30px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	.page-content-block {
		padding: 30px 30px 9px 30px;
	}
	.page-content-col-wrapper {
		padding-bottom: 20px;
	}
	.page-content-col {
		float: left;
		width: 47%;
		text-align: left;
		padding-right: 3%;
		padding-top: 0px;
	}
	
	.metaslider-79 .prev {
		display: inherit !important;
	}
	.metaslider-79 .next {
		display: inherit !important;
	}
	
	
	/*********************
	07. NAVIGATION STYLES
	*********************/
	
	.menu {
            float:none;
            font-family: "apexsansmediumcregular";
            font-size: 16px;
            color: #0f004e;
            padding-bottom: 20px;
        }
        .menu li {
                margin-right: 25px;
                float:none;
                text-align: center;
                padding-top: 20px;
                padding-bottom: 20px;
        	display: inline;
 
	}
 
	.menu li a {
	 	text-decoration: none;
	 }
	 .menu li a:hover { 
	  	color: #005c76;
	 }
	 .menu .current-menu-item a {
	 	color: #005c76;
	 }
	 .menu li:last-child {
	 	margin-right: 0px;
	 }
	 
	 .page-sub-nav {
		display:inline-table;
		font-family: "apexsansmediumcregular";
		font-size: 1em;
	}
	.page-sub-nav li {
		display: inline;
		margin-left: 15px;
		margin-right: 15px;
	}
	.page-sub-nav li a {
		color: #3d434b;
		text-decoration: none;
	}
	.page-sub-nav li a:hover {
		color: #005c76;
	}
	
	
	 /*********************
	09. FOOTER STYLES
	
	*********************/
	
	.footer-center {
		width: 100%;
	 	margin: 0 auto;
	}
	
	.footer-txt {
		 /*float: left;*/
		 color: #ffffff;
		 font-size: 11px;
		 padding: 5px 0px 0px 28px;
	 }
	
	.nav-footer-wrap {
		float: left;
	}
	
	 .nav-footer {
	 	/*float:left;*/
	 	padding: 20px 0 0 20px;
	 }
	 .nav-footer li {
	 	 float:left;
	 	 border-left: 1px solid #FFFFFF;
	 	 padding: 0 8px 0 8px;
	 	 font-size: 11px;
	 }
	 .nav-footer li a {
	 	color: #FFFFFF;
	 	text-decoration: none;
	 }
	 .nav-footer li:first-child {
	 	border-left: 0;
	 }
	 
	 .social-media {
	 	float: right;
	 	padding: 20px 20px;
	 } 
	 
}



/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
	
	/*********************
	01. GENERAL STYLES
	*********************/
	
	body{
		margin-top: 105px;
		/*background: url("../../images/bkg.png")  no-repeat #FFFFFF fixed;*/
		background: url("../../images/bkg.png")  repeat-x #FFFFFF;
    }
	
	.fixed_bg {
		background: url("../../images/bkg.png")  repeat-x #FFFFFF fixed !important;
	}
	
	.slider {
		height: 386px;
	}
	
	/*********************
	06. POSTS & CONTENT STYLES
	*********************/
	
	h1 {
		font-size: 14px;
		margin-bottom: 0px;
	}
	h2 {
		font-size: 17px;
		margin-bottom: 6px;
	}
	h2 a,
	h2 a:visited
	{
		color: #005872;
		text-decoration: none;
	}
	h3 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 28px;
	}
	h4 {
		font-size: 24px;
		margin-bottom: 12px;
		line-height: 26px;
	}
	h5 {
		font-size: 24px;
		margin-bottom: 12px;
	}
	h6 {
		color: #005872;
		font-family: "apexsansbookitalicstregular";
		font-size: 22px;
		margin-bottom: 6px;
	}

	.txt-highlight-italic {
		color: #005872;
		font-family: "apexsansbookitalicstregular";
		font-size: 13px;
		line-height: 18px;
	}
	
	
	/*********************
	06. POSTS & CONTENT STYLES
	*********************/
	
	.main {
		/*background: #D5EDF8;*/
		width: 983px;
		margin: 0 auto;
	}
	
	.highlights {
		/*background: #8C97A6;*/
		width: 983px;
		height: 457px;
		margin: 0 auto;
		overflow: hidden;
	}
	.highlight-left {
		/*background: #00FF00;*/
		float: left;
		width: 280px;
		/*margin-right: 30px;*/
		margin: 0px 30px 0px 0px;
		padding: 28px 10px 10px 10px;
	}
	.highlight-middle {
		/*background: #00FF00;*/
		float: left;
		width: 300px;
		/*margin-right: 21px;*/
		margin: 0px 21px 0px 0px;
	}
	.highlight-right {
		/*background: #0000FF;*/
		float: left;
		width: 300px;
		margin: 0px 0px 0px 0px;
	}	
	.contacts-home {
		background: #ececec;
		float: left;
		width: 290px;
		/*margin-right: 20px;*/
		margin: 0px 20px 0px 0px;
		padding: 10px;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.content {
		margin-top: 0px;
	}
	
	.main-page {
		/*background-color: #fcfcfc;*/
		width: 1004px;
		margin: 0 auto;
	}
	
	.page-title {
		background-color: #fcfcfc;
		color: #0f004e;
		text-align: center;
		height: 51px;
		padding-top: 19px;
		padding-bottom: 0px;
		font-family: "apexsansmediumcregular";
		font-size: 24px;
		position: fixed;
		top: 105px;
		
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
				
		border: 1px solid #e0e0e0;
		z-index: 9991;
		width: 1002px;
	}
	.page-title-under {
		background-color: #f7f6f6;
		display: block;
		position: fixed;
		margin: -136px auto auto;
		height: 30px;
		width: 1004px;
}
	
	.page-sub {
		top: 177px;
		width: 1002px;
		position: fixed;
		padding-top: 19px;
		height: 31px;
		text-align: center;
		background-color: #FCFCFC;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		z-index: 9999;
	}
	
	.top {
		position: relative;
		top:-228px;
		display: block;
		height: 0;
		width:0;
	}
	
	.page-content {
		background-color: #FFFFFF;
		font-family: "Trebuchet MS";
		font-size: 16px;
        
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
		margin-top: 228px;
		top: 135px;
}
	
	.page-content-block {
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		padding: 50px 117px 9px 115px;
		line-height: 24px;
	}
	.page-content-block img, 
	.page-content-block-bottom img,
	.page-content-block-bottom-color img {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/* responsive images */
	 	/*width: inherit;   This makes the next two lines work in IE8. */
		max-width: 100% !Important;  /* Add !important if needed. */
		height: auto !Important;   /* Add !important if needed. */
	}
	.page-content-block-bottom {
		padding: 50px 117px 9px 115px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		line-height: 24px;
	}
	.page-content-block-bottom-color {
		background-color: #ececec;
		padding: 50px 117px 9px 115px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		line-height: 24px;
	}
	.page-content-center {
		text-align: center;
	}
	.page-content-left {
		text-align: left;
	}
	.page-content-col-wrapper {
		padding-bottom: 20px;
	}
	.page-content-col {
		float: left;
		width: 47%;
		text-align: left;
		padding-right: 3%;
		padding-top: 0px;
	}
	
	.txt-download {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		color: #005872;
	}
	
	.fleet-selector {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		color: #005872;
		margin-bottom: 10px;
		height: 130px;
	}
	.fleet-selector li {
		float: left;
		padding-right: 5px;
		padding-left: 5px;
		/*border-right: #7fabb8 solid 1px;*/
		background-image: url("../images/vertical-line-fleet.png");
		background-position: right;
		background-position-y: top 20px;
		background-repeat: no-repeat;
	}
	.fleet-selector li:last-child {
		border: 0;
		background-image: none;
	}
	.fleet-selector li p {
		margin-top: 5px;
	}
	.fleet-icons {
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		margin-top: 15px;
		color: #000000;
		height: 90px;
	}
	.fleet-icons li {
		border: none;
		padding: 0px;
		padding-right: 2px;
		float: left;
		background-image: none;
	}
	.fleet-icons li img:hover {
		border: #005872 solid 4px;
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
		box-sizing:        border-box;
		width:88px;
	}
	
	.metaslider-79 .caption {
		text-align: left;
		font-size: 23pt;
		color: #FFFFFF;
		position: absolute;
		top: 70px;
		left: 80px;
		display: block;
	}
	
	
	
	/*********************
	05. HEADER SYTLES
	*********************/
	
	.header {
		/*background-color:#FF0;*/
		top: 0;
		left: 0;
	    position: fixed;
	    width: 100%;
	    z-index: 9999;
	    background: url("../images/bgheader.png") no-repeat;
	 }
	 .header-home {
		 background: url("../images/bgheader-line.png") no-repeat !important;
	 }
	 .header-center {
	 	/*background-color: #EAC206;*/
	 	width: 1238px;
	 	margin: 0 auto;
	 	height: 105px;
	 	width: 1024px;
	 	padding-left: 2%;
	 }
	 .header-menu {
	 	float: left;
	 }
	 
	 .logo {
		float: left;
	 }
	 
	 .lang {
		 float: left;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 font-size: 11px;
		 padding-left: 12px;
		 margin-top: 0px;
	}
	 .lang li {
	    float:left;
	 }
	 .lang li a:hover { 
	 	color: #000000;
	 }
	 .lang li a { 
	    background-color: #f7f6f6;
	    text-decoration: none;
	    padding: 7px 5px 3px 5px;
	    display:block;
	    color: #959494;
	 }
	 .lang .current-lang-item { 
	 	background-color: #e0e0e0;
	 	color: #005872;
	 }
	 
	 .search {
		float: right;
		text-align: right;
		margin-top: 8px;
		margin-bottom: 20px;
		margin-right: 5px;
		font-size: 12px;
		font-weight: bold;
		width: auto;
	}
	.search .fieldHolder {
		margin-top: 7px;
		background: url("../images/search.png")  no-repeat;
		width: 151px;
		height: 31px;
	}
	.search input {
		background: none;
		border: none;
		color: #6c6c6f;
		width: 110px;
		height: 31px;
		margin-right: 30px;
		outline: none;
	}
	
	.login {
		float: none;
		padding-top: 0px;
	}
	 
	 
	/*********************
	07. NAVIGATION STYLES
	*********************/
	 
	.menu {
	    float:left;
	    font-family: "apexsansmediumcregular";
	    font-size: 12px;
	    /*letter-spacing: -.05em;*/
	    /*letter-spacing: -.22px;*/
	    color: #0f004e;
		padding-left: 14px;
		background-color: #f7f6f6;
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	.menu li {
		margin-right: 10px;
	    float:left;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	 }
	 .menu li a {
	 	text-decoration: none;
	 }
	 .menu li a:hover { 
	  	color: #005c76;
	 }
	 .menu .current-menu-item a {
	 	color: #005c76;
	 }
	 .menu li:last-child {
	 	margin-right: 0px;
	 }
	 
	 .page-sub-nav {
		display:inline-table;
		font-family: "apexsansmediumcregular";
		font-size: 14px;
	}
	.page-sub-nav li {
		display: inline;
		margin-left: 15px;
		margin-right: 15px;
	}
	.page-sub-nav li a {
		color: #3d434b;
		text-decoration: none;
	}
	.page-sub-nav li a:hover {
		color: #005872;
	}
	 
	
	/*********************
	09. FOOTER STYLES
	*********************/
	
	.footer-center {
		width: 1024px;
	 	margin: 0 auto;
	}
	
	.nav-footer-wrap {
		float: left;
	}
	
	 .footer-txt {
		 /*float: left;*/
		 color: #ffffff;
		 font-size: 11px;
		 padding: 5px 0px 0px 38px;
	 }
	
	 .nav-footer {
	 	/*float:left;*/
	 	padding: 21px 0 0 30px;
	 }
	 .nav-footer li {
	 	 float:left;
	 	 border-left: 1px solid #FFFFFF;
	 	 padding: 0 8px 0 8px;
	 	 font-size: 11px;
	 }
	 .nav-footer li a {
	 	color: #FFFFFF;
	 	text-decoration: none;
	 }
	 .nav-footer li:first-child {
	 	border-left: 0;
	 }
	 
	 .social-media {
	 	float: right;
	 	padding: 21px 51px;
	 }
	 
	
}