/*==========================================================================
****************************************************************************
                                                                           *
    Title: Lotos                                                           *
    Author: Jamel Interactive                                              *
    Date: October 2012                                                     *
                                                                           *
****************************************************************************
============================================================================

	1. BASE
		1.1 Reset
		1.2 Default Styles

	2. COMMON
		2.1 Various
		2.2 Containers
		2.3 Quick navigation
		2.4 Header
		2.5 Sidebar
		2.6 Breadcrumbs
		2.7 Footer
		2.8 Search
		2.9 Themes
		2.10 Lightbox

	3. MODULES
		3.1 Visual
		3.2 Boxes
		3.3 Accessbility nav
		3.4 Static text
		3.5 Gallery
		3.6 Tables
		3.7 Product
		3.8 Alert
		3.9 Search result
		3.9 News
		3.10 Dictionary
		3.11 Map
		3.12 Station features
		3.13 Stations list
		3.14 Station profile
		3.15 Shortcuts
		3.16 Group info
		3.17 Default form
		3.18 Calendar
		3.19 Corporation order
		3.20 Error 404
		3.21 Filters
		3.22 Timeline
		3.23 FAQ
		3.24 UI-List
		3.25 Awards
		3.26 Investor Calc
		3.27 Archive3.28 Respect Index
		3.28 Respect Index
		3.29 Road layers
		3.30 Analytics forecasts
		3.31 Calendar - list
		3.32 Stations jobs

	4. PRINT

****************************************************************************
==========================================================================*/


/* 1. BASE
----------------------------------------------------------------------------
==========================================================================*/


/* 1.1 Reset
--------------------------------------------------------------------------*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
input {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

sup {
	vertical-align: super;
	font-size: 80%;
}

sub {
	vertical-align: sub;
	font-size: 80%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Default Styles
------------------------------------------------------------------------------*/

body {
	width: 100%;
	font: 75%/1.25 Arial, Tahoma, Verdana, sans-serif;
	color: #000;
	background: #fff;
}

hr {
	border: 0 none;
	border-bottom: solid 1px #ccc;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color: #000;
}

textarea {
	 overflow: auto;
	 resize: none;
}

small {
	font-size: 70%;
}

big {
	font-size: 130%;
}

a {
	text-decoration: none;
	color: #668199;
}

a:hover {
	text-decoration: underline;
}

img {
	-ms-interpolation-mode: bicubic;
}


/* 2. COMMON
----------------------------------------------------------------------------
==========================================================================*/


/* 2.1 Various
--------------------------------------------------------------------------*/

#title {
	height: 170px;
	padding: 15px 30px 15px 20px;
	background: #668199;
	color: #fff;
	font: 16px/19px Arial, sans-serif;
}

#title h1 {
	height: 100%;
	overflow: hidden;
	font-weight: normal;
}

#title p {
	font: 13px/15px Arial, sans-serif;
	opacity: 0.7;
	filter: alpha(opacity=70);
	overflow: hidden;
}

#content .header {
	font: 29px/35px Arial, sans-serif;
	color: #596575;
	padding: 23px 8px 20px;
	margin: 0 0 10px;
	border-bottom: solid 1px #ccc;
}

#content .header h2,
#content .header h1 {
	font-weight: normal;
}

#content .search-area {
	overflow: hidden;
	padding: 0 0 12px;
}

#content .search-area .social {
	float: right;
	margin: 25px 0 0;
}

#content .search-area .social > div {
	float: left;
}

#content .search-area .social #social-gplus {
	width: 70px;
}

#content .search-area .social #social-fblike,
#content .search-area .social #social-fblike iframe {
	width: 110px !important;
}

#card {
	width: 830px;
	clear: both;
	overflow: hidden;
}

#content .underline {
	clear: both;
	height: 1px;
	overflow: hidden;
	background: #ccc;
	border-top: solid 6px #fff;
	border-bottom: solid 20px #fff;
}

#content .filltitle {
	background: #668199;
	color: #fff;
	font: 14px/20px Arial, sans-serif;
	padding:6px 0 7px 10px;
	margin:30px 0 20px 0;
}

.theme-green #content .filltitle {
	background-color: #6a7a44;
}

.theme-brown #content .filltitle {
	background-color: #8e8371;
}

.theme-navyblue #content .filltitle {
	background-color: #0f2d40;
}

.theme-norge #content .filltitle {
	background-color: #1c2c3b;
}


label.disabled {
	display: none;
}

#go-to-content {
	position: absolute;
	margin-top: -160px;
	*margin-top: -290px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	left: 0;
}

#jamel-overlay {
	padding-top: 35px;
}

#jamel-overlay .close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px !important;
	right: 1px !important;
	z-index: 4;
	text-indent: -999999px;
	background: url(/images/close.png) no-repeat;
}

#jamel-overlay .content {
	margin: 0 10px 10px;
	border: solid 1px #aaa;
}

#jamel-overlay-bg {
	background: url(/images/fade.png) !important;
}

.external {
	padding: 0 8px 0 4px;
	line-height: 8px;
	background: url(/images/icons.png) 4px -604px no-repeat;
	overflow: hidden;
	top: -1px;
	left: -1px;
	letter-spacing: -2px;
	position: relative !important;
	font-size: 8px;
	color: transparent;
	display: inline !important;
	text-decoration: none !important;
}

#sidebar .external {
	background-position: 4px -586px;
}

.cursor-move * {
	cursor: move !important;
}

.cursor-pointer * {
	cursor: pointer !important;
}

.cursor-e-resize * {
	cursor: e-resize !important;
}

body > iframe {
	left: 0;
}

.mobile-app-buttons {
	overflow: hidden;
	clear: both;
	width: 100%;
}

.mobile-app-buttons a {
	float: left;
	margin-right: 10px;
}

.mobile-app-buttons .el-1 {
	margin: 3px 10px 0 364px;
}

.navigator-url-overlay {
	position: relative;
	clear: both;
	text-indent: -999999px;
}

.navigator-url-overlay a {
	position: absolute;
	width: 153px;
	height: 23px;
	top: -97px;
	right: 86px;
}

.mobile-kids {
	position: relative;
	padding-bottom: 0 !important;
}

.mobile-kids img {
	display: block;
}

.mobile-kids .appstore {
	position: absolute;
	text-indent: -999999px;
	left: 31.1%;
	bottom: 2.41%;
	width: 18.29%;
	height: 5.26%;
}

.mobile-kids .googleplay {
	position: absolute;
	text-indent: -999999px;
	left: 51.83%;
	bottom: 2.41%;
	width: 18.29%;
	height: 5.26%;
}

#ui-datepicker-div {
	border-radius: 2px !important;
	background: #fff;
	color: #5e5e5e;
}

#ui-datepicker-div * {
	border-radius: 0 !important;
}

#ui-datepicker-div .ui-widget-header,
#ui-datepicker-div .ui-state-default {
	background: #e0e6eb;
	border-color: #d8d8d8;
	border-radius: 2px !important;
}

#ui-datepicker-div .ui-state-active {
	background: #fff;
	color: #2779aa;
}

#ui-datepicker-div .ui-datepicker-today a {
	background: #2779aa;
	color: #fff;
	border-color: #2779aa;
}

.default-form.newsletter-signup {
	width: auto;
}

.default-form.newsletter-signup .row {
	padding-right: 30px;
}


/* 2.2 Containers
--------------------------------------------------------------------------*/

#container {
	min-width: 100%;
	min-height: 220px;
	padding: 120px 0 10px;
	margin: 0 0 -10px;
	position: relative;
	float: left;
	background: url(/images/container-bg-1.png) 0 110px repeat-x;
}

#main {
	min-height: 190px;
	width: 1040px;
	padding: 10px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

#content {
	width: 830px;
	min-height: 500px;
	float: left;
}

#left {
	width: 200px;
	min-height: 400px;
	padding: 0 10px 0 0;
	float: left;
}

#top-holder {
	min-width: 100%;
	height: 101px;
	padding-bottom: 10px;
	background: #fff;
	position: fixed;
	border-bottom: solid 1px #c4d8e3;
	margin-bottom: -1px;
	top: 0;
	left: 0;
	z-index: 10;
	float: left;
}

#top-holder.hold {
	position: absolute;
}

.two-columns {
	overflow: hidden;
}

.column-center,
#center {
	width: 620px;
	float: left;
}

.column-right,
#right {
	width: 200px;
	float: right;
}

#full {
	overflow: hidden;
	margin-bottom: -10px;
}


/* 2.3 Quick navigation
--------------------------------------------------------------------------*/

#quick-nav {
	height: 40px;
	background: #668199;
}

#quick-nav .middle {
	width: 1040px;
	margin: 0 auto;
}

#quick-nav ul {
	float: right;
	margin-right: -16px;
}

#quick-nav li {
	float: left;
	line-height: 40px;
	list-style: none;
}

#quick-nav a {
	color: #fff;
	font-size: 13px;
	padding: 0 15px 1px;
	line-height: 40px;
	float: left;
	white-space: nowrap;
}

#quick-nav .current {
	cursor: default;
	text-decoration: none !important;
	background: #fff;
	color: #668199;
}

#quick-nav a:hover {
	text-decoration: underline;
}

#quick-nav .separator {
	width: 1px;
	height: 20px;
	background: #b3c0cc;
	margin: 10px 14px 0;
}


/* 2.4 Header
--------------------------------------------------------------------------*/

#top {
	width: 1040px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

#top #logo {
	width: 132px;
	height: 34px;
	float: left;
	margin: 18px 0 0;
	background: url(/images/logo.png) no-repeat;
}

#top #logo a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999999px;
}

#top nav {
	max-width: 640px;
	height: 50px;
	float: left;
	margin: 9px 0 0 109px;;
}

#top nav > ul {
	float: left;
	margin-right: -200px;
}

#top nav > ul > li {
	height: 50px;
	float: left;
	list-style: none;
}

#top nav > ul > li > a {
	height: 50px;
	display: block;
	overflow: hidden;
	padding: 0 12px 15px;
	margin: 0 1px 0 0;
	color: #596575;
	font: 16px/52px Arial, sans-serif;
}

#top nav > ul > .current > a {
	background: #668199;
	color: #fff;
	padding: 0 12px;
	text-decoration: none !important;
}

#top nav > ul > li > a:hover,
#top nav > ul > li:hover > a {
	background: #668199;
	color: #fff;
	padding: 0 12px 0;
	text-decoration: none !important;
}

#top nav > ul > li > a.with-subnav:hover,
#top nav > ul > li:hover > a.with-subnav {
	padding: 0 12px 15px;
}

#top nav > ul > li:hover .subnav {
	margin-top: -4px;
}

#top nav .subnav {
	width: 1040px;
	background: #668199;
	position: absolute;
	margin-top: -999999px;
	left: 0;
	overflow: hidden;
	padding: 0 0 20px;
	cursor: default;
	z-index: 3;
}

#top nav .subnav .row {
	clear: both;
	overflow: hidden;
}

#top nav .subnav .col {
	width: 187px;
	float: left;
	padding: 0 10px;
}

#top nav .subnav a {
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	display: block;
	padding: 2px 10px;
	position: relative;
}

#top nav .subnav ul a {
	color: #cad3db;
	background: url(/images/blank.gif);
	position: relative;
	width: 167px;
}

#top nav .subnav span a {
	padding: 2px 10px 0;
	color: #fff;
}

#top nav .subnav strong a:hover {
	color: #668199;
	background: url(/images/blank.gif) #fff repeat;
	text-decoration: none;
	position: relative;
}

#top nav .subnav li:hover {
	background: url(/images/blank.gif) #fff repeat;
	position: relative;
}

#top nav .subnav li a:hover {
	color: #668199;
	text-decoration: none;
}

#top nav .subnav strong {
	display: block;
	height: 60px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	font: normal 14px/20px Arial, sans-serif;
}

#top nav .subnav span {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
}

#top nav .subnav ul {
	padding: 10px 0 0;
	border-top: solid 1px #acb2ba;
}

#top .dynamic .subnav {
	float: left;
	width: auto;
	left: auto;
}

#top .dynamic > ul > li:hover .subnav {
	margin-top: -14px;
	padding-top: 10px;
}

#top .dynamic .subnav .col {
	clear: both;
	float: none;
}

#top .dynamic .subnav strong {
	height: auto;
	position: static;
	padding-bottom: 5px;
}

#top .dynamic .subnav strong span {
	position: static;
}

#top .dynamic .subnav .col {
	padding-top: 10px;
}

#top .dynamic .subnav ul {
	padding-bottom: 10px;
}

#top .dynamic .subnav .empty {
	padding: 5px 10px 0;
}

#top .dynamic .subnav .empty strong {
	height: auto;
}

#top .dynamic .subnav .empty span {
	position: static;
	display: block;
}

#top .dynamic .subnav .wrap {
	float: left;
}


/* 2.5 Sidebar
--------------------------------------------------------------------------*/

#sidebar {
	margin-top: 24px;
}

#sidebar.dynamic {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	top: 354px;
	margin-top: 0;
}

#sidebar.hold {
	position: fixed;
	top: 132px;
}

#sidebar.hold-bottom {
	position: absolute;
	top: auto;
	bottom: 7px;
}

#sidebar .wrap {
	width: 200px;
	overflow: hidden;
}

#sidebar ul {
	position: relative;
	padding-bottom: 10px;
}

#sidebar ul ul {
	width: 180px;
	padding: 10px 0 10px 10px;
}

#sidebar ul ul a {
	font: 12px/14px Arial, sans-serif;
	color: #808080 !important;
	padding: 6px 0 6px 9px;
	margin: -3px 0;
}

#sidebar li {
	display: block;
}

#sidebar .back {
	padding: 0 0 10px;
	margin: -3px 0 0;
}

#sidebar .back a {
	padding: 5px 5px 12px 19px;
	background: url(/images/back-arrow-gray.png) 7px 7px no-repeat;
	font: 12px/14px Arial, sans-serif;
	color: #808080 !important;
	margin: 0 0 0 3px;
}

#sidebar ul a {
	color: #596575;
	text-decoration: none;
	display: block;
	padding: 4px 5px 4px 10px;
	font: 14px/14px Arial, sans-serif;
}

#sidebar .current > a {
	color: #fff !important;
	background: #668199;
}

#sidebar a:hover {
	text-decoration: underline;
}


/* 2.6 Breadcrumbs
--------------------------------------------------------------------------*/

#breadcrumbs {
	width: 820px;
	padding: 0 0 15px 10px;
	border-bottom: solid 1px #ccc;
	background: #fff;
	position: relative;
}

#breadcrumbs .wrap {
	width: 100%;
	padding: 3px 0 1px;
	overflow: hidden;
}

#breadcrumbs.hold {
	position: fixed;
	padding: 10px 0 15px 10px;
	top: 110px;
	left: 50%;
	margin-left: -310px;
	z-index: 9;
}

#breadcrumbs .wrap * {
	color: #596575;
	font-size: 13px;
	margin-top: 9px;
}

#breadcrumbs .wrap .arrow {
	width: 0;
	height: 0;
	margin: 12px 4px 0 6px;
	*margin: 12px 7px 0 6px;
	border-style: solid;
	display: inline-block;
	position: relative;
	top: -2px;
	*top: -5px;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #596575;
}

#breadcrumbs .wrap strong {
	font-weight: normal;
	color: #7a8491;
}

#breadcrumbs .wrap a:hover {
	text-decoration: underline;
}

#breadcrumbs .shadow {
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -11px;
	left: 0;
	display: none;
	background: url(/images/breadcrumbs-bg.png) repeat-x;
}


/* 2.7 Footer
--------------------------------------------------------------------------*/

#footer {
	min-height: 110px;
	clear: both;
	min-width: 100%;
	float: left;
	position: relative;
	padding: 10px 0 20px;
	z-index: 9;
}

#footer .strap {
	width: 100%;
	height: 110px;
	position: absolute;
	top: 10px;
	left: 0;
	background: #668199;
	z-index: 1;
}

#footer .middle {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#footer .regulations-links {
	height: 37px;
	padding-top: 23px;
	float: left;
}

#footer .regulations-links a {
	color: #fff;
	font-size: 13px;
	margin-right: 24px;
}

#footer .regulations-links a:hover {
	text-decoration: underline;
}

#footer .social {
	float: right;
	margin: 10px 0;
}

#footer .social a {
	width: 40px;
	height: 40px;
	float: left;
	text-indent: -999999px;
	background-image: url(/images/icons.png);
}

#footer .social .fb {
	background-position: -40px -124px;
}

#footer .social .yt {
	background-position: -40px -164px;
}

#footer .social .rss {
	background-position: -40px -204px;
}

#footer .social .bip {
	background-position: -360px -164px;
}

#footer .social .twitter {
	background-position: -400px -124px;
}

#footer .social .fb:hover {
	background-position: 0 -124px !important;
}

#footer .social .yt:hover {
	background-position: 0 -164px !important;
}

#footer .social .rss:hover {
	background-position: 0 -204px !important;
}

#footer .social .twitter:hover {
	background-position: -360px -124px !important;
}

#footer .links {
	overflow: hidden;
	background: #fff;
	clear: both;
	padding-bottom: 23px;
	border-bottom: solid 1px #ccc;
}

#footer .links .block {
	width: 240px;
	float: left;
	margin: 10px 10px 0 10px;
}

#footer .links h4 {
	font: 14px/18px Arial, sans-serif;
	color: #596575;
	text-transform: uppercase;
	padding: 6px 0 15px 10px;
	border-bottom: solid 1px #ccc;
}

#footer .links li {
	line-height: 20px;
	font-size: 13px;
	padding: 0 0 0 10px;
}

#footer .links ul {
	padding-top: 16px;
}

#footer .links a {
	color: #808080;
}

#footer .links a:hover {
	text-decoration: underline;
}

#footer .copy {
	float: left;
	font-size: 13px;
	color: #666;
	margin: 28px 0 0;
}

#footer .info {
	width: 590px;
	float: left;
	font-size: 11px;
	line-height: 15px;
	color: #b2b2b2;
	margin: 29px 0 0 42px;
}

#footer #jamel {
	float: right;
	padding: 24px 0 0;
	margin: 3px -3px 0 0;
	color: #b9b9b9;
	font: 10px/14px Arial, sans-serif;
}

#footer #jamel a {
	cursor: default;
	display: inline-block;
	padding: 0 0 0 8px;
}

#footer #jamel a span {
	width: 45px;
	height: 14px;
	text-indent: -999999px;
	display: block;
	cursor: pointer;
	background: url(/images/jamel.png) no-repeat;
}


/* 2.8 Search
--------------------------------------------------------------------------*/

.search {
	height: 24px;
	float: right;
	margin: 21px 0 0;
}

.search .input-wrap {
	width: 199px;
	height: 24px;
	float: left;
	color: #888;
	position: relative;
	border: solid 1px #d8d8d8;
	background: url(/images/icons.png) #fbfbfb 174px 0 no-repeat;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.search .input-wrap label {
	color: #5e5e5e;
	position: absolute;
	top: -999999px;
	left: 0;
	bottom: 0;
	right: 25px;
	padding: 5px;
	cursor: text;
	background: #fbfbfb;
}

.search input[type=submit] {
	width: 24px;
	height: 26px;
	float: left;
	line-height: 0;
	margin-left: -26px;
	text-indent: -999999px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	border: 0 none;
	background: url(/images/icons.png) 0 1px no-repeat;
}

.search input[type=text] {
	width: 163px;
	float: left;
	margin: 5px;
	color: #5e5e5e;
	border: 0 none;
	background: #fbfbfb;
}

.search select {
	float: left;
	width: 230px;
	height: 27px;
	padding: 4px;
	color: #5e5e5e;
	border: solid 1px #d8d8d8;
	background: #fbfbfb;
	margin: 0 0 0 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.search input.submit {
	width: 120px;
	height: 30px;
	float: left;
	line-height: 30px;
	margin: -2px 0 0 20px;
	text-indent: 0;
	cursor: pointer;
	border: 0 none;
	color: #fff;
	background: #668199;
}

#content .search {
	float: left;
	width: 630px;
}

#content .search .input-wrap {
	width: 228px;
	background: url(/images/icons.png) #fbfbfb 203px 0 no-repeat;
}

#content .search input[type=text] {
	width: 192px;
}

#content .search .input-wrap.w408 {
	width: 408px;
	background: url(/images/icons.png) #fbfbfb 383px 0 no-repeat;
}

#content .search .w408 input[type=text] {
	width: 372px;
}


/* 2.9 Themes
--------------------------------------------------------------------------*/

/* Green */
.theme-green #top nav .current > a,
.theme-green #top nav > ul > li:hover > a,
.theme-green #top nav .subnav,
.theme-green #container #sidebar .current > a,
.theme-green #quick-nav,
.theme-green #footer .strap,
.theme-green #container .gallery .head span,
.theme-green #container #title,
.theme-green #container .boxes > div,
.theme-green #container #dictionary .head,
.theme-green #container input.submit,
.theme-green .news-pager a,
.theme-green #error-404 .box,
.theme-green .default-form input[type=submit] { background: #6a7a44; }

.theme-green #top nav a,
.theme-green a,
.theme-green #container #sidebar a,
.theme-green #container #breadcrumbs *,
.theme-green #container #accessbility-nav a,
.theme-green #footer .links h4,
.theme-green #container .static-text a,
.theme-green #container #dictionary p strong,
.theme-green #container #shortcuts a,
.theme-green #container table a,
.theme-green #news .category,
.theme-green #news a,
.theme-green .static-text table th { color: #465c49; }

.theme-green #top nav .subnav ul a { color: #cbd1be; }
.theme-green #top nav .subnav a:hover,
.theme-green #quick-nav .current { color: #6a7a44; }
.theme-green #top nav .subnav strong { color: #d8e1c3; }
.theme-green #top nav .subnav ul { border-color: #b4c48f; }

.theme-green #container #breadcrumbs strong { color: #6b7d6d; }

.theme-green #container #content .header,
.theme-green #container .static-text h1,
.theme-green #container .static-text h2,
.theme-green #container .static-text h3,
.theme-green #container .static-text h4,
.theme-green #container .static-text h5,
.theme-green .news-info .category { color: #6A7A44 !important; }

.theme-green #container { background-image: url(/images/container-bg-2.png); }
.theme-green #top-holder { border-color: #b3b4ad; }

.theme-green #container #breadcrumbs .arrow { border-color: transparent transparent transparent #465c49; }
.theme-green #container #accessbility-nav .top .arrow { border-color: transparent transparent #465c49; }

.theme-green #container #visual .additional {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #b5b7b0 0%, #f5f5f4 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b7b0), color-stop(100%, #f5f5f4));
	background: -webkit-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -o-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -ms-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: linear-gradient(top bottom, #b5b7b0 0%, #f5f5f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b7b0', endColorstr='#f5f5f4', GradientType=0);
}

.theme-green .static-text table .main th {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #e4e8da 0%, #bdc7a6 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e8da), color-stop(100%, #bdc7a6));
	background: -webkit-linear-gradient(top, #e4e8da 0%, #bdc7a6 100%);
	background: -o-linear-gradient(top, #e4e8da 0%, #bdc7a6 100%);
	background: -ms-linear-gradient(top, #e4e8da 0%, #bdc7a6 100%);
	background: linear-gradient(top bottom, #e4e8da 0%, #bdc7a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e8da', endColorstr='#bdc7a6', GradientType=0);
}

.theme-green #news .content .more { background-image: url(/images/ul-arrow-green.png); }

.theme-green .static-text table td { background: #f0f1ec; }
.theme-green .default-form,
.theme-green .static-text table th { background: #dee2d5; }

.theme-green #footer .social .fb { background-position: -160px -124px; }
.theme-green #footer .social .yt { background-position: -160px -164px; }
.theme-green #footer .social .rss { background-position: -160px -204px; }

.theme-green #top nav { margin-left: 20px; }

/* Brown */
.theme-brown #top nav .current > a,
.theme-brown #top nav > ul > li:hover > a,
.theme-brown #top nav .subnav,
.theme-brown #container #sidebar .current > a,
.theme-brown #quick-nav,
.theme-brown #footer .strap,
.theme-brown #container .gallery .head span,
.theme-brown #container #title,
.theme-brown #container .boxes > div,
.theme-brown #container input.submit,
.theme-brown .news-pager a,
.theme-brown #error-404 .box,
.theme-brown .default-form input[type=submit] { background: #8e8371; }

.theme-brown #top nav a,
.theme-brown a,
.theme-brown #container #sidebar a,
.theme-brown #container #breadcrumbs *,
.theme-brown #container #accessbility-nav a,
.theme-brown #footer .links h4,
.theme-brown #container .static-text a,
.theme-brown #container table a,
.theme-brown .static-text table th { color: #595652; }

.theme-brown #top nav .subnav ul a { color: #c6c5c4; }
.theme-brown #top nav .subnav a:hover,
.theme-brown #quick-nav .current { color: #8e8371; }
.theme-brown #top nav .subnav strong { color: #dfd7cf; }
.theme-brown #top nav .subnav ul { border-color: #8b8680; }

.theme-brown #container #breadcrumbs strong { color: #7f7d7b; }

.theme-brown #container #content .header,
.theme-brown #container .static-text h1,
.theme-brown #container .static-text h2,
.theme-brown #container .static-text h3,
.theme-brown #container .static-text h4,
.theme-brown #container .static-text h5 { color: #8e8371 !important; }

.theme-brown #container { background-image: url(/images/container-bg-2.png); }
.theme-brown #top-holder { border-color: #b3b4ad; }

.theme-brown #container #breadcrumbs .arrow { border-color: transparent transparent transparent #8e8371; }
.theme-brown #container #accessbility-nav .top .arrow { border-color: transparent transparent #8e8371; }

.theme-brown #container #visual .additional {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #b5b7b0 0%, #f5f5f4 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b7b0), color-stop(100%, #f5f5f4));
	background: -webkit-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -o-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -ms-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: linear-gradient(top bottom, #b5b7b0 0%, #f5f5f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b7b0', endColorstr='#f5f5f4', GradientType=0);
}

.theme-brown .static-text table .main th {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #eee 0%, #d2d2d0 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #d2d2d0));
	background: -webkit-linear-gradient(top, #eee 0%, #d2d2d0 100%);
	background: -o-linear-gradient(top, #eee 0%, #d2d2d0 100%);
	background: -ms-linear-gradient(top, #eee 0%, #d2d2d0 100%);
	background: linear-gradient(top bottom, #eee 0%, #d2d2d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#d2d2d0', GradientType=0);
}

.theme-brown .static-text table td { background: #eee; }
.theme-brown .static-text table th { background: #e5e5e4; }

.theme-brown .default-form { background: #e9e9e8; }

.theme-brown #footer .social .fb { background-position: -120px -124px; }
.theme-brown #footer .social .yt { background-position: -120px -164px; }
.theme-brown #footer .social .rss { background-position: -120px -204px; }
.theme-brown #footer .social .li { background-position: -200px -124px; }
.theme-brown #footer .social .li:hover { background-position: -200px -164px; }
.theme-brown #footer .social .trojmiasto { background-position: -240px -124px; }
.theme-brown #footer .social .trojmiasto:hover { background-position: -240px -164px; }
.theme-brown #footer .social .pracuj { background-position: -280px -124px; }
.theme-brown #footer .social .pracuj:hover { background-position: -280px -164px; }
.theme-brown #footer .social .interviewme {
	background-image: url(/images/iterviewme.png);
	background-position: 0 0;
}
.theme-brown #footer .social .interviewme:hover  {
	background-position: 0 -40px;
}


/* Navy blue */
.theme-navyblue #top nav .current > a,
.theme-navyblue #top nav > ul > li:hover > a,
.theme-navyblue #top nav .subnav,
.theme-navyblue #sidebar .current > a,
.theme-navyblue #quick-nav,
.theme-navyblue #footer .strap,
.theme-navyblue .gallery .head span,
.theme-navyblue #title,
.theme-navyblue .boxes > div,
.theme-navyblue #container input.submit,
.theme-navyblue .news-pager a,
.theme-navyblue #error-404 .box,
.theme-navyblue .default-form input[type=submit] { background: #0f2d40; }

.theme-navyblue #top nav a,
.theme-navyblue a,
.theme-navyblue #container #sidebar a,
.theme-navyblue #container #breadcrumbs *,
.theme-navyblue #container #accessbility-nav a,
.theme-navyblue #footer .links h4,
.theme-navyblue #container .static-text a,
.theme-navyblue #container table a { color: #194759; }

.theme-navyblue #top nav .subnav ul a { color: #abb6bc; }
.theme-navyblue #top nav .subnav a:hover,
.theme-navyblue #quick-nav .current { color: #0f2d40; }
.theme-navyblue #top nav .subnav strong { color: #cbdeea; }
.theme-navyblue #top nav .subnav ul { border-color: #204e6c; }

.theme-navyblue #container #breadcrumbs strong { color: #347087; }

.theme-navyblue #container #content .header,
.theme-navyblue #container .static-text h1,
.theme-navyblue #container .static-text h2,
.theme-navyblue #container .static-text h3,
.theme-navyblue #container .static-text h4,
.theme-navyblue #container .static-text h5 { color: #1b4762 !important; }

.theme-navyblue #container { background-image: url(/images/container-bg-2.png); }
.theme-navyblue #top-holder { border-color: #b3b4ad; }

.theme-navyblue #container #breadcrumbs .arrow { border-color: transparent transparent transparent #0f2d40; }
.theme-navyblue #container #accessbility-nav .top .arrow { border-color: transparent transparent #0f2d40; }

.theme-navyblue #container #visual .additional {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #b5b7b0 0%, #f5f5f4 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b7b0), color-stop(100%, #f5f5f4));
	background: -webkit-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -o-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -ms-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: linear-gradient(top bottom, #b5b7b0 0%, #f5f5f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b7b0', endColorstr='#f5f5f4', GradientType=0);
}

.theme-navyblue #footer .social .fb { background-position: -80px -124px; }
.theme-navyblue #footer .social .yt { background-position: -80px -164px; }
.theme-navyblue #footer .social .rss { background-position: -80px -204px; }
.theme-navyblue #footer .social .twitter { background-position: -440px -124px; }

/* Black */
.theme-black #top nav .current > a,
.theme-black #top nav > ul > li:hover > a,
.theme-black #top nav .subnav,
.theme-black #container #sidebar .current > a,
.theme-black #quick-nav,
.theme-black #footer .strap,
.theme-black #container .gallery .head span,
.theme-black #container #title,
.theme-black #container .boxes > div,
.theme-black #container input.submit,
.theme-black .news-pager a,
.theme-black #error-404 .box,
.theme-black .default-form input[type=submit] { background: #303030; }

.theme-black #top nav a,
.theme-black a,
.theme-black #container #sidebar a,
.theme-black #container #breadcrumbs *,
.theme-black #container #accessbility-nav a,
.theme-black #footer .links h4,
.theme-black #container .static-text a,
.theme-black #container table a,
.theme-black .static-text table th { color: #3e3b7d; }

.theme-black #top nav .subnav ul a { color: #c6c5c4; }
.theme-black #top nav .subnav a:hover,
.theme-black #quick-nav .current { color: #8e8371; }
.theme-black #top nav .subnav strong { color: #dfd7cf; }
.theme-black #top nav .subnav ul { border-color: #8b8680; }

.theme-black #container #breadcrumbs strong { color: #7f7d7b; }

.theme-black #container #content .header,
.theme-black #container .static-text h1,
.theme-black #container .static-text h2,
.theme-black #container .static-text h3,
.theme-black #container .static-text h4,
.theme-black #container .static-text h5 { color: #303030 !important; }

.theme-black #container { background-image: url(/images/container-bg-2.png); }
.theme-black #top-holder { border-color: #b3b4ad; }

.theme-black #container #breadcrumbs .arrow { border-color: transparent transparent transparent #303030; }
.theme-black #container #accessbility-nav .top .arrow { border-color: transparent transparent #303030; }

.theme-black #container #visual .additional {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #b5b7b0 0%, #f5f5f4 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b7b0), color-stop(100%, #f5f5f4));
	background: -webkit-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -o-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -ms-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: linear-gradient(top bottom, #b5b7b0 0%, #f5f5f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b7b0', endColorstr='#f5f5f4', GradientType=0);
}

.theme-black .static-text table .main th {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #eee 0%, #d2d2d0 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #d2d2d0));
	background: -webkit-linear-gradient(top, #eee 0%, #d2d2d0 100%);
	background: -o-linear-gradient(top, #eee 0%, #d2d2d0 100%);
	background: -ms-linear-gradient(top, #eee 0%, #d2d2d0 100%);
	background: linear-gradient(top bottom, #eee 0%, #d2d2d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#d2d2d0', GradientType=0);
}

.theme-black .static-text table td { background: #eee; }
.theme-black .static-text table th { background: #e5e5e4; }

.theme-black .default-form { background: #e9e9e8; }

.theme-black #footer .social .fb { background-position: -320px -124px; }
.theme-black #footer .social .yt { background-position: -320px -164px; }
.theme-black #footer .social .rss { background-position: -320px -204px; }

.theme-black #grid-fields { background: #fff; }
.theme-black #grid-fields #grid-fields-middle .next,
.theme-black #grid-fields #grid-fields-middle .prev,
.theme-black #grid-fields .grid .fade { display: none !important; }

.theme-black #top #logo { width: 150px; height: 21px; margin-top: 24px; background-image: url(/images/logo-asfalt.png); }

.theme-black #container .tab-content .static-text a { color: #fff; }

/* Geonafta */

.geonafta #grid-fields #grid-fields-middle .next,
.geonafta #grid-fields #grid-fields-middle .prev { display: none !important; }
.geonafta #top #logo {
	width: 185px;
	height: 21px;
	margin: 25px 0 0;
	background: url(/images/logo-geonafta.png) no-repeat;
}

.geonafta #top nav { margin-left: 10px; }
.geonafta #grid-fields { background: #fff; }
.geonafta #grid-fields .grid .fade { display: none; }

.geonafta #top-holder { border-bottom: 0 none; }

.geonafta #top nav .current > a,
.geonafta #top nav > ul > li:hover > a,
.geonafta #top nav .subnav,
.geonafta #container #sidebar .current > a,
.geonafta #quick-nav,
.geonafta #footer .strap,
.geonafta #container .gallery .head span,
.geonafta #container #title,
.geonafta #container .boxes > div,
.geonafta #container input.submit,
.geonafta .news-pager a,
.geonafta #error-404 .box,
.geonafta .default-form input[type=submit] { background: #2f5e3a; }

.geonafta #container #content .header,
.geonafta #container .static-text h1,
.geonafta #container .static-text h2,
.geonafta #container .static-text h3,
.geonafta #container .static-text h4,
.geonafta #container .static-text h5 { color: #2f5e3a !important; }

.geonafta #container #breadcrumbs .arrow { border-color: transparent transparent transparent #2f5e3a; }
.geonafta #container #accessbility-nav .top .arrow { border-color: transparent transparent #2f5e3a; }

.geonafta #quick-nav .current { color: #66997d; }
.geonafta #footer .social { display: none; }


/* Kolej */

.kolej #grid-fields #grid-fields-middle .next,
.kolej #grid-fields #grid-fields-middle .prev { display: none !important; }
.kolej #top #logo {
	width: 136px;
	height: 24px;
	margin: 25px 0 0;
	background: url(/images/logo-kolej.png) no-repeat;
}

.kolej #top nav { margin-left: 90px; }
.kolej #grid-fields { background: #fff; }
.kolej #grid-fields .grid .fade { display: none; }

.kolej #top-holder { border-bottom: 0 none; }

.kolej #top nav .current > a,
.kolej #top nav > ul > li:hover > a,
.kolej #top nav .subnav,
.kolej #container #sidebar .current > a,
.kolej #quick-nav,
.kolej #footer .strap,
.kolej #container .gallery .head span,
.kolej #container #title,
.kolej #container .boxes > div,
.kolej #container input.submit,
.kolej .news-pager a,
.kolej #error-404 .box,
.kolej .default-form input[type=submit] { background: #1d4e89; }

.kolej #container #content .header,
.kolej #container .static-text h1,
.kolej #container .static-text h2,
.kolej #container .static-text h3,
.kolej #container .static-text h4,
.kolej #container .static-text h5 { color: #1d4e89 !important; }

.kolej #container #breadcrumbs .arrow { border-color: transparent transparent transparent #1d4e89; }
.kolej #container #accessbility-nav .top .arrow { border-color: transparent transparent #1d4e89; }

.kolej #quick-nav .current { color: #1d4e89; }


/* Norge */
.theme-norge #top nav .current > a,
.theme-norge #top nav > ul > li:hover > a,
.theme-norge #top nav .subnav,
.theme-norge #sidebar .current > a,
.theme-norge #quick-nav,
.theme-norge #footer .strap,
.theme-norge .gallery .head span,
.theme-norge #title,
.theme-norge .boxes > div,
.theme-norge #container input.submit,
.theme-norge .news-pager a,
.theme-norge #error-404 .box,
.theme-norge .default-form input[type=submit] { background: #1c2c3b; }

.theme-norge #top nav a,
.theme-norge a,
.theme-norge #container #sidebar a,
.theme-norge #container #breadcrumbs *,
.theme-norge #container #accessbility-nav a,
.theme-norge #footer .links h4,
.theme-norge #container .static-text a,
.theme-norge #container table a { color: #194759; }

.theme-norge #top nav .subnav ul a { color: #abb6bc; }
.theme-norge #top nav .subnav a:hover,
.theme-norge #quick-nav .current { color: #1c2c3b; }
.theme-norge #top nav .subnav strong { color: #cbdeea; }
.theme-norge #top nav .subnav ul { border-color: #204e6c; }

.theme-norge #container #breadcrumbs strong { color: #347087; }

.theme-norge #container #content .header,
.theme-norge #container .static-text h1,
.theme-norge #container .static-text h2,
.theme-norge #container .static-text h3,
.theme-norge #container .static-text h4,
.theme-norge #container .static-text h5 { color: #1b4762 !important; }

.theme-norge #container { background-image: url(/images/container-bg-2.png); }
.theme-norge #top-holder { border-color: #b3b4ad; }

.theme-norge #container #breadcrumbs .arrow { border-color: transparent transparent transparent #1c2c3b; }
.theme-norge #container #accessbility-nav .top .arrow { border-color: transparent transparent #1c2c3b; }

.theme-norge #container #visual .additional {
	background: #e2e3e0;
	background: -moz-linear-gradient(top, #b5b7b0 0%, #f5f5f4 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b7b0), color-stop(100%, #f5f5f4));
	background: -webkit-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -o-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: -ms-linear-gradient(top, #b5b7b0 0%, #f5f5f4 100%);
	background: linear-gradient(top bottom, #b5b7b0 0%, #f5f5f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b7b0', endColorstr='#f5f5f4', GradientType=0);
}

.theme-norge #footer .social .fb { background-position: -80px -124px; }
.theme-norge #footer .social .yt { background-position: -80px -164px; }
.theme-norge #footer .social .rss { background-position: -80px -204px; }
.theme-norge #footer .social .twitter { background-position: -440px -124px; }

.theme-norge #top #logo {
	width: 182px;
	background: url(/images/logo-norge.png) left center no-repeat;
}

.theme-norge #grid-fields #grid-fields-middle .next,
.theme-norge #grid-fields #grid-fields-middle .prev,
.theme-norge #grid-fields .grid .fade {
	display: none !important;
}

.theme-norge #top nav { margin-left: 50px; }

.theme-norge #grid-fields { background: #fff; }

/* 2.10 Lightbox
--------------------------------------------------------------------------*/

#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img {
	border: none;
}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-secNav {
	width: 40px;
	overflow: hidden;
	float: right;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption {
	font-weight: bold;
	display: none !important;
}

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 36px;
	float: right;
	padding-bottom: 10px;
}

#lightbox-secNav-btnClose img {
	float: right;
}


/* 3. MODULES
----------------------------------------------------------------------------
==========================================================================*/


/* 3.1 Visual
--------------------------------------------------------------------------*/

#visual {
	position: relative;
}

#visual img {
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 10px;
}

#visual .grid {
	width: 840px;
	position: absolute;
	top: 0;
	left: 0;
}

#visual .grid li {
	width: 200px;
	height: 200px;
	border: solid 10px #fff;
	float: left;
	visibility: hidden;
	text-indent: -999999px;
	margin: -10px 0 0 -10px;
}

#visual .grid .visible {
	visibility: visible;
}

#visual .additional {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 210px;
	right: -210px;
	background: #eef2f5;
}


/* 3.2 Boxes
--------------------------------------------------------------------------*/

.boxes {
	margin: 0 -10px 0 0;
	float: left;
}

.boxes > div {
	width: 410px;
	height: 200px;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
	background: #668199;
	color: #fff;
}

.boxes .clear {
	width: auto;
	height: auto;
	float: none;
	margin: 0;
	position: static;
	background: none;
	clear: both;
	overflow: hidden;
}

.boxes a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/images/icons.png) -999999px -999999px no-repeat;
	cursor: pointer;
	color: #fff;
}

.boxes a:hover {
	text-decoration: none;
}

.boxes > div img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.boxes > div .right {
	width: 190px;
	height: 180px;
	float: right;
	margin: 10px 10px 0 0;
	position: relative;
	z-index: 2;
}

.boxes > div .left {
	width: 190px;
	height: 180px;
	float: left;
	margin: 10px 0 0 10px;
	position: relative;
	z-index: 2;
}

.boxes > div .bottom {
	width: 180px;
	height: 180px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 2;
}

.boxes > div .bottom-right {
	width: 180px;
	height: 180px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}

.boxes > div .center {
	height: 100%;
	position: relative;
	z-index: 2;
}

.boxes > div h3 {
	padding: 15px 20px 0;
	font: 16px/19px Arial, sans-serif;
}

.boxes > div p {
	padding: 15px 20px 0;
	font: 13px/15px Arial, sans-serif;
	filter: alpha(opacity=70);
	opacity: 0.7;
	overflow: hidden;
}

.boxes > div .date {
	font: 11px/15px Arial, sans-serif;
	filter: alpha(opacity=70);
	opacity: 0.7;
	overflow: hidden;
	position: absolute;
	bottom: 15px;
	left: 20px;
}

.boxes > div .photo-icon {
	width: 16px;
	height: 12px;
	float: left;
	margin: 1px 5px 0 0;
	background: url(/images/icons.png) 0 -253px no-repeat;
}

.boxes .box-1x1 {
	width: 200px;
	height: 200px;
}

.boxes .box-1x2 {
	width: 200px;
	height: 400px;
}

.boxes .box-2x2 {
	width: 410px;
	height: 410px;
}

.boxes .chart {
	width: 390px;
	height: 180px;
	float: left;
	margin: 10px 0 0 10px;
	position: relative;
	z-index: 2;
}

.boxes .rate h3 {
	padding-bottom: 0;
	color: #fff;
}

.boxes .rate p {
	filter: alpha(opacity=100);
	opacity: 1;
	color: #79a3c2;
	padding: 2px 20px 25px;
	font: 14px/14px Arial, sans-serif;
}

.boxes .fluctuations {
	overflow: hidden;
	padding: 0 0 0 20px;
}

.boxes .fluctuations .block {
	float: left;
	margin: 0 10px 0 0;
}

.boxes .fluctuations span {
	color: #79a3c2;
	padding: 4px 0 6px;
	display: block;
	font: 14px/14px Arial, sans-serif;
}

.boxes .fluctuations strong {
	color: #fff;
	padding: 7px 15px;
	background: #305a6a;
	display: block;
	font: 14px/14px Arial, sans-serif;
}

.boxes .rate .count {
	color: #fff;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	font: 48px/55px Arial, sans-serif;
}

.boxes .rate .percent {
	color: #fff;
	position: absolute;
	top: 6px;
	left: 8px;
	text-align: center;
	font: 14px/20px Arial, sans-serif;
}

.boxes .rate .percent img {
	position: relative;
	top: 2px;
	padding-right: 10px;
}

/* 3.3 Accessbility nav
--------------------------------------------------------------------------*/

#accessbility-nav {
	padding: 10px 14px 9px 10px;
	overflow: hidden;
	clear: both;
	border-bottom: solid 1px #ccc;
}

#accessbility-nav a {
	color: #596575;
	float: left;
	font: 14px/30px Arial, sans-serif;
}

#accessbility-nav a:hover {
	text-decoration: underline;
}

#accessbility-nav .top {
	float: right;
	position: relative;
}

#accessbility-nav .pdf {
	padding: 0 0 0 24px;
	margin: 0 21px 0 0;
	background: url(/images/icons.png) 0 -42px no-repeat;
}

#accessbility-nav .printer {
	padding: 0 0 0 30px;
	background: url(/images/icons.png) 0 -78px no-repeat;
}

#accessbility-nav .top .arrow {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	right: -14px;
	top: 14px;
	border-width: 0 3px 3px 3px;
	border-color: transparent transparent #596575 transparent;
}


/* 3.4 Static text
--------------------------------------------------------------------------*/

.static-text {
	padding: 10px 0 8px 10px;
	line-height: 20px;
	color: #5e5e5e;
}

.static-text h2 {
	font: 18px/20px Arial, sans-serif;
	color: #668097;
	padding: 10px 0 10px;
}

.static-text h3 {
	font: 18px/20px Arial, sans-serif;
	color: #668097;
	padding: 10px 0 10px;
	margin: 0 0 -5px;
}

.static-text h4 {
	font: 14px/20px Arial, sans-serif;
	color: #668097;
	padding: 10px 0 10px;
	margin: 0 0 -5px;
}

.static-text ul {
	padding-bottom: 10px;
}

.static-text li {
	background: url(/images/ul-arrow-gray.png) 0 8px no-repeat;
	font: 13px/20px Arial, sans-serif;
	padding: 0 0 0 11px;
}

.static-text ul ol,
.static-text ul ul,
.static-text ol ol,
.static-text ol ul {
	padding-left: 17px;
}

.static-text ol {
	list-style: decimal inside;
}

.static-text ol li {
	background: none;
	list-style: inherit;
	padding: 0;
}

.static-text > div {
	padding-bottom: 10px;
}

.static-text > p {
	font: 13px/20px Arial, sans-serif;
	padding-bottom: 10px;
}

.static-text table {
	width: 831px !important;
	padding-bottom: 10px;
	margin: 0 -10px;
	border-top: solid 10px #fff;
}

.static-text table td {
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	background: #f0f3f6;
	padding: 10px;
	color: #5e5e5e;
	font: 11px/15px Arial, sans-serif;
}

.static-text table th {
	border-bottom: solid 2px #fff;
	border-right: solid 1px #fff;
	background: #e9ebed;
	padding: 10px;
	color: #363636;
	font: 11px/15px Arial, sans-serif;
}

.static-text table .main th {
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dbdde0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #dbdde0));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #dbdde0 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #dbdde0 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #dbdde0 100%);
	background: linear-gradient(top bottom, #f8f8f8 0%, #dbdde0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dbdde0', GradientType=0);
}


/* 3.5 Gallery
--------------------------------------------------------------------------*/

.gallery {
	padding: 24px 0 20px 10px;
	border-bottom: solid 1px #ccc;
	position: relative;
	clear: both;
}

.gallery .head {
	overflow: hidden;
	position: relative;
}

.gallery .head span {
	display: block;
	font: 13px/16px Arial, sans-serif;
	padding: 8px 200px 6px 10px;
	border-bottom: solid 1px #fff;
	background: #668199;
	color: #fff;
}

.gallery .head strong {
	display: block;
	font: 29px/35px Arial, sans-serif;
	color: #596575;
	padding: 0 200px 21px 18px;
	margin: 0 0 20px -10px;
	border-bottom: solid 1px #ccc;
}

.gallery .head .social {
	position: absolute;
	top: 8px;
	right: 0;
}

.gallery .head .social > div {
	float: left;
}

.gallery .head .social #social-gplus {
	width: 70px;
}

.gallery .head .social #social-fblike,
.gallery .head .social #social-fblike iframe {
	width: 110px !important;
}

.gallery .head .count {
	font: 13px/16px Arial, sans-serif;
	color: #fff;
	position: absolute;
	top: 8px;
	right: 10px;
}

.gallery .full,
.gallery .thumbs {
	overflow: hidden;
	clear: both;
	position: relative;
}

.gallery .fullSize {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/images/gallery-controls.png) -60px 0 no-repeat;
}

.gallery img {
	display: block;
}

.gallery .full img {
	width: 820px;
	height: 484px;
	display: block;
}

.gallery .thumbs img {
	width: 190px;
}

.gallery ul {
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: -999999px;
}

.gallery li {
	float: left;
}

.gallery .thumbs li {
	margin: 20px 20px 0 0;
	cursor: pointer;
	position: relative;
}

.gallery .thumbs .prev {
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: url(/images/gallery-controls.png) 0 0 no-repeat;
}

.gallery .thumbs .next {
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(/images/gallery-controls.png) -30px 0 no-repeat;
}

.gallery .thumbs .current .focus {
	border: 5px solid #668199;
	width: 180px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/* 3.6 Tables
--------------------------------------------------------------------------*/

.default-table {
	width: 620px;
	float: left;
	margin: 10px 10px 0 0;
}

.default-table td,
.default-table th {
	padding: 9px 11px;
	background: #e0e6eb;
	font: 13px/16px Arial, sans-serif;
	color: #596575;
	vertical-align: middle;
}

.default-table a {
	color: #596575;
}

.default-table a:hover {
	text-decoration: underline;
}

.default-table .w30 {
	width: 30px;
}

.default-table img {
	display: block;
}

.default-table .even td {
	background: #fff;
}

.wide-table {
	width: 100%;
	margin-top: 20px;
	clear: both;
	float: left;
}

.wide-table td {
	border-bottom: solid 2px #fff;
	border-right: solid 1px #fff;
	background: #eff2f5;
	padding: 15px 20px;
	color: #5e5e5e;
	font: 13px/20px Arial, sans-serif;
}

.wide-table.jobs .company {
	display: block;
	font-size: 11px;
}

.wide-table td.date {
	white-space: nowrap;
}

.wide-table.jobs .localisation {
	width: 160px;
}

.wide-table th {
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e4e4e4));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: linear-gradient(top bottom, #f8f8f8 0%, #e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e4e4e4', GradientType=0);
	padding: 10px 20px;
	color: #363636;
	font: 14px/20px Arial, sans-serif;
}

.wide-table a {
	color: #668199;
}


/* 3.7 Product
--------------------------------------------------------------------------*/

#product {
	background: #2f3139;
	margin: -21px 0 0;
	overflow: hidden;
}

#product .boxes {
	width: 200px;
	position: relative;
	float: left;
	background: #fff;
	padding: 0 0 0 10px;
	margin: -10px 0 0;
}

#product .boxes .clear {
	display: none;
}

.tabs {
	width: 100%;
	height: 50px;
	background: #fff;
	overflow: hidden;
}

.tabs a {
	padding: 0 20px;
	font: 13px/50px Arial, sans-serif;
	float: left;
	color: #596575;
}

.tabs a:hover {
	text-decoration: underline;
}

.tabs .current {
	background: #2f3139;
	color: #fff;
	text-decoration: none !important;
	cursor: default;
}

.tab-content {
	width: 620px;
	float: left;
	display: none;
	border-right: solid 210px #fff;
	margin: 0 -210px 0 0;
}

.tab-content .static-text * {
	color: #fff;
	font: 13px/20px Arial, sans-serif;
}

.tab-content .static-text .dark li {
	background: url(/images/ul-arrow-white.png) 0 5px no-repeat;
}

.tab-content .static-text {
	padding: 20px;
}

.tab-content .dark {
	padding: 20px;
	background: #26272e;
}

.tab-content.current {
	display: block;
}

.tab-content .default-table,
.tab-content .static-text table {
	width: 580px !important;
	margin: 0 0 20px 20px;
	border-top: 0 none;
}

.tab-content .static-text table {
	margin: 0;
}

.tab-content .default-table td,
.tab-content .static-text table td {
	background: #3a414c;
	color: #fff;
	padding-left: 18px;
	border-bottom: solid 1px #2f3139;
	border-right: solid 1px #2f3139;
}

.tab-content .default-table th,
.tab-content .static-text table th {
	background: #eaeaea;
	color: #363636;
	border-bottom: solid 1px #2f3139;
	border-right: solid 1px #2f3139;
}


/* 3.8 Alert
--------------------------------------------------------------------------*/

.alert {
	min-height: 150px;
	background: #668199;
	overflow: hidden;
	padding: 15px;
	border-top: solid 10px #fff;
	color: #fff;
}

.alert h4 {
	font: 16px/20px sans-serif;
}

.alert p {
	font: 13px/15px Arial, sans-serif;
	color: #e0e6eb;
}


/* 3.9 Search result
--------------------------------------------------------------------------*/

.search-result {
	padding: 15px 0 0;
	overflow: hidden;
}

.search-result .head {
	padding: 7px 10px;
	background: #668199;
	color: #fff;
	overflow: hidden;
	font: 14px/16px sans-serif;
}

.search-result .head h3 {
	width: 670px;
	float: left;
}

.search-result .head span {
	float: right;
}

.search-result img {
	float: left;
	margin: 20px 10px;
}

.search-result ul {
	margin-bottom: -20px;
}

.search-result li {
	padding: 5px 0 5px;
	overflow: hidden;
	border-bottom: solid 1px #ccc;
}

.search-result .content {
	overflow: hidden;
	padding: 20px 10px;
}

.search-result a {
	color: #596575;
}

.search-result a:hover {
	text-decoration: underline;
}

.search-result .category {
	float: left;
	margin-right: 10px;
	font: bold 13px/20px Arial, sans-serif;
}

.search-result .date {
	float: left;
	font: 11px/20px Arial, sans-serif;
	color: #5e5e5e;
}

.search-result .title {
	width: 100%;
	float: left;
	clear: both;
	font: 18px/20px sans-serif;
}

.search-result p {
	width: 100%;
	float: left;
	clear: both;
	font: 13px/20px Arial, sans-serif;
	color: #5e5e5e;
	padding: 10px 0 0;
}

.search-result .highlight {
	background: #668199;
	color: #fff;
	padding: 0 2px;
}

.search-result .breadcrumbs {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	padding: 12px 0 0;
}

.search-result .breadcrumbs * {
	float: left;
	white-space: nowrap;
	color: #596575;
	font-size: 13px;
}

.search-result .breadcrumbs .arrow {
	width: 0;
	height: 0;
	margin: 4px 6px 0 11px;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #596575;
}

.search-result .breadcrumbs strong {
	font-weight: normal;
	color: #7a8491;
}


/* 3.9 News
--------------------------------------------------------------------------*/

#news {
	clear: both;
	overflow: hidden;
	border-top: solid 1px #ccc;
	padding: 8px 0 0;
}

#news img {
	float: left;
	padding: 20px 20px 10px 0;
}

#news li {
	clear: both;
	overflow: hidden;
	padding: 3px 0 0;
}

#news .content {
	overflow: hidden;
	padding: 18px 0 10px 0;
}

#news .content .more {
	padding-right: 10px;
	background: url(/images/ul-arrow-gray.png) right 4px no-repeat;
}

#news a {
	color: #596575;
}

#news a:hover {
	text-decoration: underline;
}

#news .category {
	float: left;
	margin-right: 10px;
	color: #596575;
	font: bold 13px/20px Arial, sans-serif;
}

#news .date {
	float: left;
	font: 11px/20px Arial, sans-serif;
	color: #5e5e5e;
}

#news .title {
	width: 100%;
	clear: both;
	display: block;
	padding: 8px 0 10px;
	font: 18px/20px sans-serif;
}

#news p {
	display: inline;
	font: 13px/20px Arial, sans-serif;
	color: #5e5e5e;
}

#news p a {
	color: #668199;
	padding-right: 11px;
	background: url(/images/ul-arrow-gray.png) right 5px no-repeat;
}

.news-info {
	overflow: hidden;
	margin: -5px 0 0;
}

.news-info .category {
	float: left;
	margin-right: 10px;
	color: #596575;
	font: bold 13px/20px Arial, sans-serif;
}

.news-info .date {
	float: left;
	font: 11px/20px Arial, sans-serif;
	color: #5e5e5e;
}

.sort {
	float: right;
	margin: 21px 0 0;
	padding: 0 0 19px;
}

.sort label {
	float: left;
	color: #5b5957;
	font: 13px/20px Arial, sans-serif;
	margin: 5px 0 0;
}

.sort select {
	float: left;
	width: 200px;
	height: 27px;
	padding: 4px;
	color: #5e5e5e;
	border: solid 1px #d8d8d8;
	background: #fbfbfb;
	margin: 0 0 0 10px;
	*margin: 5px 0 0 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.sort .submit {
	height: 30px;
	float: left;
	line-height: 30px;
	margin: -2px 0 0 20px;
	text-indent: 0;
	cursor: pointer;
	border: 0 none;
	color: #fff;
	overflow: visible;
	padding: 0 20px;
	background: #668199;
}

.news-pager {
	overflow: hidden;
}

.news-pager .next {
	float: right;
}

.news-pager .prev {
	float: left;
}

.news-pager a {
	color: #fff;
	padding: 8px;
	background: #668199;
}


/* 3.10 Dictionary
--------------------------------------------------------------------------*/

#shortcuts {
	font: 16px/20px Arial, sans-serif;
	color: #596575;
	padding: 23px 0 21px;
	margin: 0 0 20px;
	text-align: right;
	border-bottom: solid 1px #ccc;
}

#shortcuts li,
#shortcuts ul {
	display: inline;
	padding-left: 5px;
}

#shortcuts a {
	font: 16px/20px Arial, sans-serif;
	color: #596575;
}

#shortcuts a:hover {
	text-decoration: underline;
}

#dictionary {
	clear: both;
	overflow: hidden;
	padding: 8px 0 0 10px;
}

#dictionary .head {
	padding: 7px 10px;
	background: #668199;
	color: #fff;
	overflow: hidden;
	font: 14px/16px sans-serif;
}

#dictionary img {
	float: left;
	margin: 0 20px 0 0;
}

#dictionary li {
	clear: both;
	overflow: hidden;
	padding: 0 0 30px;
}

#dictionary .row {
	clear: both;
	overflow: hidden;
	padding: 30px 0 0;
}

#dictionary p {
	overflow: hidden;
	font: 13px/20px Arial, sans-serif;
	color: #5e5e5e;
}

#dictionary p strong {
	color: #596575;
	font: normal 18px/20px sans-serif;
}

#dictionary p span {
	font-style: italic;
}

#dictionary a {
	color: #668199;
}

#dictionary a:hover {
	text-decoration: underline;
}


/* 3.11 Map
--------------------------------------------------------------------------*/

.map {
	width: 620px;
	float: left;
	margin: 10px 0 0;
}

.no-results {
	padding: 20px;
	border: solid 1px #ccc;
	margin: 0 0 10px;
	font-size: 13px;
	color: #5e5e5e;
	text-align: center;
}

.map > img {
	display: block;
}

.map .mapBox{
	width: 345px;
	overflow: hidden;
	padding: 0 13px 0 0;
}

.map .mapBox .info {
	width: 170px;
	float: left;
	font: 13px/15px Arial, sans-serif;
	color: #8a939e;
}

.map .mapBox .features {
	width: 160px;
	float: right;
	margin: 0 0 0 15px;
}

.map .mapBox strong {
	display: block;
	color: #596575;
	font: 16px/20px sans-serif;
}

.map .mapBox .features ul {
	overflow: hidden;
}

.map .mapBox .features li {
	float: left;
	height: 39px;
	overflow: hidden;
	margin: 1px 1px 0 0;
}

.map .mapBox .features li img {
	display: block;
}

.map .mapBox .features .promotion {
	height: 39px;
	min-width: 107px;
	display: block;
	padding: 0 10px;
	background: #e2001a;
	color: #fff;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font: bold 16px/39px sans-serif;
}


/* 3.12 Station features
--------------------------------------------------------------------------*/

#station-features {
	width: 200px;
	float: right;
}

#station-features .box {
	overflow: hidden;
	background: #668199;
	margin: 10px 0 0;
}

#station-features span {
	display: block;
	font: 16px/20px sans-serif;
	color: #fff;
	padding: 15px 20px;
}

#station-features ul {
	width: 160px;
	margin: 0 0 0 20px;
	padding: 0 0 20px;
	overflow: hidden;
	position: relative;
}

#station-features li {
	float: left;
	height: 38px;
	overflow: hidden;
	margin: 1px 1px 0 0;
}

#station-features img {
	margin-top: -40px;
	display: block;
	cursor: pointer;
	image-rendering: optimizeQuality;
}

#station-profile #station-features img {
	cursor: default;
}

#station-features .active img {
	margin-top: -1px;
}


/* 3.13 Stations list
--------------------------------------------------------------------------*/

#stations-list {
	width: 100%;
	margin-top: 30px;
	clear: both;
	float: left;
}

#stations-list td {
	border-bottom: solid 2px #fff;
	border-right: solid 1px #fff;
	background: #eff2f5;
	padding: 15px 20px;
	color: #5e5e5e;
	font: 13px/20px Arial, sans-serif;
}

#stations-list th {
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e4e4e4));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: linear-gradient(top bottom, #f8f8f8 0%, #e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e4e4e4', GradientType=0);
	padding: 10px 20px;
	color: #363636;
	font: 14px/20px Arial, sans-serif;
}

#stations-list h4 {
	padding-bottom: 13px;
	font: 16px/20px sans-serif;
}

#stations-list a {
	color: #668199;
}

#stations-list th span {
	float: left;
}

#stations-list th a {
	width: 7px;
	height: 14px;
	background: url(/images/table-sort.png) -16px 0 no-repeat;
	float: right;
	margin: 3px -11px 0 0;
	cursor: pointer;
}

#stations-list th .asc {
	background-position: 0 0;
}

#stations-list th .desc {
	background-position: -8px 0;
}

#stations-list .features-list {
	width: 240px;
	margin: -5px -10px 0;
	overflow: hidden;
}

#stations-list .features-list li {
	float: left;
	height: 39px;
	overflow: hidden;
	margin: 1px 1px 0 0;
}

#stations-list .features-list li .promotion {
	height: 39px;
	display: block;
	padding: 0 15px;
	background: #e2001a;
	color: #fff;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font: bold 16px/39px sans-serif;
}


/* 3.14 Station profile
--------------------------------------------------------------------------*/

.station-head .header {
	overflow: hidden;
	border: 0 none !important;
	margin: 0 !important;
}

.station-head .header {
	width: 540px;
	float: left;
}

.station-head .social {
	float: right;
	margin: 25px 0 0;
}

.station-head .social > div {
	float: left;
}

.station-head .social #social-gplus {
	width: 70px;
}

.station-head .social #social-fblike,
.station-head .social #social-fblike iframe {
	width: 110px !important;
}

#station-profile {
	width: 100%;
	overflow: hidden;
	clear: both;
}

#station-info {
	width: 620px;
	min-height: 150px;
	float: left;
	padding: 25px 0 0;
	color: #5e5e5e;
	font: 13px/20px Arial, sans-serif;
}

#station-info .data {
	width: 300px;
	padding-right: 10px;
	float: left;
}

#station-info .coordinate {
	width: 310px;
	float: left;
}

#station-info .features {
	width: 620px;
	margin: 0;
	overflow: hidden;
}

#station-info .features li {
	float: left;
	height: 39px;
	overflow: hidden;
	margin: 1px 1px 0 0;
}

#station-info .features img {
	display: block;
	margin-top: -78px;
}

#station-info .features span {
	display: block;
	padding: 20px 0 15px;
	font: 16px/20px sans-serif;
}

#promotions {
	width: 620px;
	float: left;
	color: #5e5e5e;
	padding-top: 25px;
	font: 13px/20px Arial, sans-serif;
}

#promotions > span {
	display: block;
	font: 16px/20px sans-serif;
}

#promotions .promotion {
	height: 39px;
	display: block;
	padding: 0 15px;
	margin: 15px 0;
	background: #e2001a;
	color: #fff;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font: bold 16px/39px sans-serif;
}

#promotions .static-text {
	clear: both;
	padding: 0;
}


/* 3.15 Shortcuts
--------------------------------------------------------------------------*/

.shortcuts {
	width: 200px;
	float: right;
	background: #e0e6eb;
	margin: 10px 0 0;
}

.shortcuts span {
	display: block;
	font: 13px/30px Arial, sans-serif;
	border-bottom: solid 1px #fff;
	padding: 0 10px;
	background: #668199;
	color: #fff;
}

.shortcuts ul {
	padding: 10px 20px 15px;
	font: 13px/20px Arial, sans-serif;
}

.shortcuts li {
	padding-top: 5px;
}

.shortcuts a {
	color: #5e5e5e;
}


/* 3.16 Group info
--------------------------------------------------------------------------*/

.group-info {
	width: 620px;
	float: left;
	font: 13px/20px Arial, sans-serif;
	color: #5e5e5e;
}

.group-info h1 {
	font: 29px/33px sans-serif;
	color: #596575;
	padding: 30px 0 0;
	clear: both;
}

.group-info .department-info {
	color: #999;
}

.group-info .department-info ul {
	padding-bottom: 10px;
}

.group-info .department-info li {
	background: url(/images/ul-arrow-gray.png) 0 8px no-repeat;
	font: 13px/20px Arial, sans-serif;
	padding: 0 0 0 11px;
}

.group-info .row {
	overflow: hidden;
	clear: both;
}

.group-info .block {
	float: left;
	width: 280px;
	padding-right: 30px;
}

.group-info .left {
	float: left;
	width: 300px;
	padding-right: 10px;
}

.group-info .right {
	float: left;
	width: 310px;
}

.group-info strong {
	font: 16px/20px sans-serif;
	color: #596575;
	padding: 15px 0 0;
	display: block;
}

.group-info small {
	font-size: 11px;
}


/* 3.17 Default form
--------------------------------------------------------------------------*/

.default-form {
	width: 620px;
	border-top: solid 15px #fff;
	padding: 8px 0 20px;
	background: #e0e6eb;
	color: #5e5e5e;
	clear: both;
	overflow: hidden;
}

.default-form.no-clear {
	clear: none;
}

.default-form .row {
	overflow: hidden;
	padding-top: 14px;
}

.default-form .row .row.checkbox {
	float: left;
	padding-top: 10px;
}

.default-form .row .row.checkbox input {
	margin-left: 0;
}

.default-form .half {
	overflow: hidden;
	width: 195px;
	margin-right: 10px;
	float: left;
}

.default-form .half input[type=text] {
	width: 183px;
	margin-top: 3px;
}

.default-form .one-third {
	overflow: hidden;
	width: 127px;
	margin-right: 10px;
	float: left;
}

.default-form .one-third input[type=text] {
	width: 115px;
	margin-top: 3px;
}

.default-form .half label,
.default-form .one-third label {
	margin: 3px 0 0;
}

.default-form .half span,
.default-form .one-third span {
	width: 100%;
	margin: 2px 0 0 0;
}

.default-form .row > p {
	margin-left: 200px;
	clear: both;
	width: 400px;
}

.default-form > div.message {
	padding: 15px;
	border: solid 1px #abb8c3;
	margin: 15px 21px 10px;
	text-align: center;
	background: #c9d2da;
	color: #374e61;
}

.default-form > div.error {
	padding: 15px;
	border: solid 1px #cd0000;
	margin: 15px 21px 10px;
	text-align: center;
	background: #e8caca;
	color: #412727;
}

.default-form h2 {
	font-size: 16px;
	padding: 30px 0 0 30px;
	font-weight: normal;
}

.default-form label {
	width: 160px;
	margin: 3px 10px 0 30px;
	color: #5e5e5e;
	float: left;
	font: 13px/20px Arial, sans-serif;
}

.default-form input[type=text] {
	width: 388px;
	height: 14px;
	padding: 5px;
	float: left;
	color: #888;
	border: solid 1px #d8d8d8;
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.default-form input.calendar {
	width: 70px;
}

.default-form .captcha img {
	display: block;
	float: left;
}

.default-form .captcha input[type=text] {
	width: 188px;
	clear: both;
	margin: 10px 0 0 200px;
}

.default-form span.error {
	color: #f00;
}

.default-form input.error,
.default-form textarea.error,
.default-form select.error {
	border-color: #f00;
}

.default-form textarea {
	width: 388px;
	height: 224px;
	padding: 5px;
	float: left;
	color: #888;
	border: solid 1px #d8d8d8;
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.default-form textarea.resizable {
	height: 112px;
	resize: vertical;
}

.default-form select {
	float: left;
	width: 400px;
	height: 27px;
	padding: 4px;
	color: #5e5e5e;
	border: solid 1px #d8d8d8;
	background: #fbfbfb;
	*margin-top: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.default-form span {
	width: 400px;
	float: left;
	clear: both;
	margin: 2px 0 0 200px;
	font: 11px/15px Arial, sans-serif;
}

.default-form .radio span {
	margin-left: 30px;
}

.default-form input[type=checkbox] {
	width: 13px;
	height: 13px;
	float: left;
	margin: 18px 0 0 177px;
}

.default-form input[type=checkbox].payment {
	margin: 3px 5px 0 0;
}

.default-form input[type=text].halfWidth {
	width: 194px;
}

.default-form div.payment {
	float: left;
}

.default-form label.payment {
	width: auto;
	margin-left: 0;
	float: none;
}

.default-form.asphalt-calculator-form h2 {
	text-align: center;
	font-weight: bold;
	clear: both;
	font-size: 1.6em;
}

.default-form.asphalt-calculator-form .field_error.error {
	margin-left: 240px;
}
.default-form.asphalt-calculator-form label {
	width: 200px;
}

.default-form.asphalt-calculator-form input[type=text] {
	width: 348px;
}
.default-form.asphalt-calculator-form select {
	width: 360px;
}


.default-form.asphalt-calculator-form .row.result label {
	width: 420px;
	text-align: right;
}

.default-form.asphalt-calculator-form .row.result input[type=text] {
	width: 128px;
}

.default-form.asphalt-calculator-form .row.result select {
	width: 140px;
}

.default-form.asphalt-calculator-form .legend {
	
	margin: 15px 21px 10px;
}
.default-form.asphalt-calculator-form ul {
	padding: 0 0 0 11px;
}
.default-form.asphalt-calculator-form ul li {
	background: url(/images/ul-arrow-gray.png) 0 8px no-repeat;
	font: 13px/20px Arial, sans-serif;
	padding: 0 0 0 11px;
}
.default-form.asphalt-calculator-form .error label {
	margin: 0;
	width: 100% !important;
	color: #f00 !important;
}
.default-form.asphalt-calculator-form .hidden {
	display: none !important;
}
.default-form.asphalt-calculator-form .legend {
	font-size: 1.2em;
	color: #174B92;
	
}
.default-form.asphalt-calculator-form .legend b, .default-form .calculator-result label b {
	font-weight: bold !important;
}
.default-form.asphalt-calculator-form .result_comment_good, .default-form .result_comment_bad {
	display: none;
}

.default-form .regulations {
	width: 370px;
	margin: 16px 0 0 200px;
	font: 10px/15px Arial, sans-serif;
}

.default-form .radio input,
.default-form .checkbox input {
	width: 13px;
	height: 13px;
	float: left;
	margin: 3px 5px 0 30px;
}

.default-form .radio label,
.default-form .checkbox label {
	width: auto;
	max-width: 550px;
	margin: 0;
	cursor: pointer;
}

.default-form .required {
	color: #f00;
	font-weight: bold;
	clear: none;
	float: none;
	font: 16px/1px Arial, sans-serif;
	margin: 0;
	width: auto;
}

.default-form input[type=submit] {
	height: 30px;
	float: right;
	line-height: 30px;
	margin: 25px 20px 0 0;
	text-indent: 0;
	padding: 0 17px;
	cursor: pointer;
	border: 0 none;
	color: #fff;
	font-size: 14px;
	overflow: visible;
	background: #668199;
}

.default-form .g-recaptcha {
	overflow: hidden;
	position: relative;
}


/* 3.18 Calendar
--------------------------------------------------------------------------*/

#calendar {
	padding: 25px 0 0;
}

#calendar .month {
	position: relative;
	text-align: center;
	color: #596575;
	height: 30px;
	font: 29px/33px sans-serif;
}

#calendar .month .prev {
	width: 30px;
	height: 30px;
	background: url(/images/calendar-controls.png) 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -999999px;
}

#calendar .month .next {
	width: 30px;
	height: 30px;
	background: url(/images/calendar-controls.png) -30px 0 no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -999999px;
}

#calendar .calendar table {
	width: 100%;
	margin: 15px 0 0;
}

#calendar .calendar .months {
	overflow: hidden;
	width: 1030px;
	padding: 15px 0 25px;
}

#calendar .calendar .months table {
	width: 188px;
	margin: 10px 26px 0 0;
	float: left;
}

#calendar .clear {
	clear: both;
	height: 0;
	overflow: hidden;
	width: 100%;
}

#calendar .calendar th,
#calendar .calendar td {
	font: 14px/18px sans-serif;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	background: #eff2f5;
	text-align: right;
	color: #596575;
}

#calendar .calendar th {
	color: #363636;
	background: #ededed;
	padding: 15px 18px 15px 0;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e4e4e4));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: linear-gradient(top bottom, #f8f8f8 0%, #e4e4e4 100%);
}

#calendar .calendar .months table th.month {
	background: none;
	color: #596575;
	font-size: 14px;
}

#calendar .calendar .months table th,
#calendar .calendar .months table td {
	font-size: 12px;
	text-align: center;
	padding: 0;
	line-height: 26px;
}

#calendar .calendar table a:hover {
	text-decoration: none;
	background: #e3e8ed;
	border: solid 2px #e3e8ed;
}

#calendar .calendar table a {
	display: block;
	padding: 13px 16px 13px 0;
	border: solid 2px #eff2f5;
	color: #596575;
	background: #eff2f5;
	position: relative;
	font-size: 11px;
	line-height: 22px;
	overflow: hidden;
}

#calendar .calendar .months table a {
	padding: 1px;
	height: 22px;
}

#calendar .calendar table tfoot td,
#calendar .calendar .key {
	text-align: left;
	clear: both;
	padding: 15px 20px;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e4e4e4));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background: linear-gradient(top bottom, #f8f8f8 0%, #e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e4e4e4', GradientType=0);
}

#calendar .calendar .key {
	overflow: hidden;
}

#calendar .calendar table tfoot span,
#calendar .calendar table tfoot div,
#calendar .calendar table tfoot p,
#calendar .calendar .key span,
#calendar .calendar .key div,
#calendar .calendar .key p {
	float: left;
}

#calendar .calendar table tfoot p,
#calendar .calendar .key p {
	color: #5e5e5e;
	font: bold 12px Arial, sans-serif;
	padding-right: 20px;
}

#calendar .calendar table tfoot div,
#calendar .calendar .key div {
	width: 10px;
	height: 10px;
	background: #000;
	margin-top: 2px;
}

#calendar .calendar table tfoot span,
#calendar .calendar .key span {
	font: 12px Arial, sans-serif;
	color: #5e5e5e;
	padding: 0 20px 0 7px;
}

#calendar .calendar table tfoot .type-1,
#calendar .calendar .key .type-1 {
	background: #003e89;
}

#calendar .calendar table tfoot .type-2,
#calendar .calendar .key .type-2 {
	background: #07acef;
}

#calendar .calendar table tfoot .type-3,
#calendar .calendar .key .type-3 {
	background: #a5c3df;
}

#calendar .calendar table .types {
	top: 5px;
	left: 4px;
	height: 4px;
	position: absolute;
	line-height: 0;
	font-size: 0;
}

#calendar .calendar .months table .types {
	bottom: 1px;
	width: 100%;
	left: 0;
	top: auto;
	text-align: center;
}

#calendar .calendar table .types img {
	margin: 0 1px;
	*margin: 0 0 0 1px;
}

#calendar .calendar table .types .color {
	width: 4px;
	height: 4px;
	float: left;
	margin-right: 2px;
}

#calendar .calendar .months .types .color {
	width: 3px;
	height: 3px;
	margin: 0 1px;
}

#calendar .calendar .months .types .wrap {
	position: relative;
	left: 50%;
	float: left;
}

#calendar .calendar .months .types .middle {
	position: relative;
	left: -50%;
	float: left;
}

#calendar .calendar table .inactive a {
	color: #aeb5bd;
	border: solid 2px #eff2f5;
	background: #eff2f5;
}

#calendar .calendar table .selected a {
	color: #fff;
	background: #668199;
	border: solid 2px #668199;
}

#calendar .calendar table .inactive.current a {
	color: #fff;
	border: solid 2px #72808c;
	background: #91a4b5;
}

#calendar .calendar table .inactive.selected a {
	color: #fff;
	background: #91a4b5;
	border: solid 2px #91a4b5;
}

#calendar .calendar table .current a {
	color: #fff !important;
	border: solid 2px #3c4f60 !important;
	background: #668199 !important;
}

#calendar .calendar table .inactive a:hover {
	background: #e3e8ed;
	border: solid 2px #e3e8ed;
	color: #aeb5bd;
}

#calendar .calendar table .selected a:hover {
	color: #fff;
	background: #7792aa;
	border: solid 2px #7792aa;
}

#calendar .calendar table .current a:hover {
	color: #fff;
	border: solid 2px #3c4f60;
	background: #668199;
}

#calendar .calendar table .inactive.current a:hover {
	color: #fff;
	border: solid 2px #72808c;
	background: #91a4b5;
}

#calendar .calendar table .inactive.selected a:hover {
	color: #fff;
	background: #aabbca;
	border: solid 2px #aabbca;
}

#calendar .calendar .months table a,
#calendar .calendar .months table .inactive a,
#calendar .calendar .months table .selected a,
#calendar .calendar .months table .inactive.current a,
#calendar .calendar .months table .inactive.selected a,
#calendar .calendar .months table .current a,
#calendar .calendar .months table .inactive a:hover,
#calendar .calendar .months table .selected a:hover,
#calendar .calendar .months table .current a:hover,
#calendar .calendar .months table .inactive.current a:hover,
#calendar .calendar .months table .inactive.selected a:hover {
	border-width: 1px !important;
}

#calendar .calendar .filters {
	float: right;
}

#calendar .calendar .filters .submit {
	margin-right: 0;
}

#calendar .calendar .download {
	width: 308px;
	height: 30px;
	float: left;
	line-height: 30px;
	margin: 18px 0 0;
	text-indent: 0;
	color: #fff;
	text-align: center;
	background: #0f2d40;
}

#calendar .calendar .download:hover {
	text-decoration: none;
}

#calendar .events {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	clear: both;
	margin-top: 20px;
	border-top: solid 1px #ccc;
}

#calendar .events h2 {
	padding: 20px 0 0 10px;
	font: 19px/24px sans-serif;
	color: #596575;
}

#calendar .events .date {
	padding: 30px 0 0 10px;
	display: block;
	font: 11px/20px Arial, sans-serif;
	color: #596575;
}

#calendar .events .title {
	padding: 0 0 0 10px;
	display: block;
	font: 19px/26px sans-serif;
	color: #596575;
}

#calendar .events .static-text {
	padding: 0;
}

#calendar .events .separator {
	width: 30px;
	height: 1px;
	clear: both;
	background: #cdd0d5;
	margin: 10px 0 0 10px;
}


/* 3.19 Corporation order
--------------------------------------------------------------------------*/

#corpo-order {
	margin: 110px 0 0;
	padding: 60px 0 30px;
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
	background: url(/images/corpo-bg.png) #eff4f6 top repeat-x;
}

#corpo-order * {
	*zoom: 1;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	background: url(/images/blank.gif);
}

#corpo-middle {
	width: 1040px;
	min-height: 500px;
	margin: 0 auto;
}

#corpo-order img {
	display: block;
	background: #fff;
}

#corpo-order #corpo-middle > div {
	width: 1050px;
	height: auto;
	position: absolute;
	z-index: 4;
	left: 50%;
	top: 0;
	margin-left: -1050px;
	margin-top: -999999px;
	*zoom: 2;
	transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	background: url(/images/blank.gif) repeat;
}

#corpo-order #corpo-middle > div > * {
	opacity: 0;
	*filter: alpha(opacity=0);
	position: relative;
}

#corpo-order #corpo-middle > div > * * {
	*filter: inherit;
}

#corpo-order #corpo-middle .first-dimension {
	width: 1050px;
	height: auto;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 0;
	margin-left: -520px;
	margin-top: 60px;
	*zoom: 1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	background: url(/images/blank.gif) repeat;
}

#corpo-order #corpo-middle .first-dimension > * {
	opacity: 1;
	*filter: alpha(opacity=100);
}

#corpo-order .entire {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
}

#corpo-order .capital-group .full {
	width: 1040px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

#corpo-order .capital-group .thumbs .corporation {
	width: 200px;
	height: 200px;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
}

#corpo-order .capital-group .thumbs {
	width: 1050px;
	overflow: hidden;
	position: relative;
}

#corpo-order .capital-group .thumbs * {
	*filter: inherit
}

#corpo-order .capital-group img {
	width: 1040px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
}

#corpo-order .capital-group .thumbs img {
	width: 200px;
}

#corpo-order .capital-group .hover {
	top: 50%;
	bottom: 50%;
	height: 0;
	z-index: 1;
	position: relative;
}

#corpo-order .capital-group .hover img {
	width: 100%;
	height: 100%;
}

#corpo-order .capital-group .hover span {
	font: 16px/20px sans-serif;
	color: #fff;
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 3;
}

#corpo-order .capital-group .icons {
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 20px;
	z-index: 5;
	overflow: hidden;
}

#corpo-order .capital-group .icons a {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
	text-indent: -999999px;
	background: url(/images/icons.png) no-repeat;
}

#corpo-order .capital-group .icons .show-company { background-position: 0 -359px; }
#corpo-order .capital-group .icons .show-info { background-position: 0 -299px; }
#corpo-order .capital-group .icons .show-group { background-position: 0 -419px; }
#corpo-order .capital-group .icons .show-directors { background-position: 0 -479px; }
#corpo-order .capital-group .icons .pdf { background-position: -31px -299px; }

#corpo-order .capital-group .icons .show-company:hover { background-position: 0 -389px; }
#corpo-order .capital-group .icons .show-info:hover { background-position: 0 -329px; }
#corpo-order .capital-group .icons .show-group:hover { background-position: 0 -449px; }
#corpo-order .capital-group .icons .show-directors:hover { background-position: 0 -509px; }
#corpo-order .capital-group .icons .pdf:hover { background-position: -31px -329px; }

#corpo-order .capital-group .close {
	width: 30px;
	height: 30px;
	position: absolute !important;
	top: 0;
	right: 10px;
	z-index: 4;
	text-indent: -999999px;
	background: url(/images/close.png) no-repeat;
}

#corpo-order .company .head,
#corpo-order .directors .head {
	width: 200px;
	height: 45px;
	overflow: hidden;
	margin: -20px auto 0;
}

#corpo-order .company .head img,
#corpo-order .directors .head img {
	display: block;
}

#corpo-order .company .chairman {
	width: 180px;
	padding: 10px;
	background: #fff;
	margin: 10px auto 0;
	position: relative;
	z-index: 2;
}

#corpo-order .company .chairman .show-dimension,
#corpo-order .company .deputy .show-dimension,
#corpo-order .directors .members .show-dimension {
	width: 30px;
	height: 30px;
	background: url(/images/icons.png) 0 -299px no-repeat;
	position: absolute;
	top: 160px;
	left: 10px;
	text-indent: -999999px;
	z-index: 5;
}

#corpo-order .company .chairman .show-dimension:hover,
#corpo-order .company .deputy .show-dimension:hover,
#corpo-order .directors .members .show-dimension:hover {
	background: url(/images/icons.png) 0 -329px no-repeat;
}

#corpo-order .company .deputy {
	clear: both;
}

#corpo-order .company .deputy .container,
#corpo-order .directors .members .container {
	margin-left: 50%;
	margin-right: -50%;
	float: left;
	position: static !important;
}

#corpo-order .company .deputy .middle,
#corpo-order .directors .members .middle {
	position: relative;
	left: -50%;
	float: left;
	padding: 25px 0 0;
	overflow: hidden;
	background: url(/images/members-bg.gif) 0 25px repeat-x;
}

#corpo-order .company .deputy .middle {
	overflow: visible;
}

#corpo-order .company .deputy .tree {
	height: 1px;
	position: absolute;
	top: 14px;
	left: 105px;
	right: 105px;
	background: #296b73;
}

#corpo-order .company .deputy .tree .top {
	width: 1px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: 50%;
	background: #296b73;
}

#corpo-order .company .deputy.first .tree .top {
	top: -10px;
	height: 10px;
}

#corpo-order .company .deputy .tree .top {
	top: -450px;
	height: 450px;
}

#corpo-order .company .deputy .top {
	width: 1px;
	height: 11px;
	position: absolute;
	top: -11px;
	left: 50%;
	background: #296b73;
	overflow: hidden;
}

#corpo-order .company .vice-chairman,
#corpo-order .directors .member {
	width: 180px;
	padding: 10px;
	background: #fff;
	margin: 0 5px;
	float: left;
	position: relative;
}

#corpo-order .company .vice-chairman img,
#corpo-order .directors .member img {
	width: 100%;
}

#corpo-order .company .close,
#corpo-order .directors .close {
	width: 30px;
	height: 30px;
	position: absolute !important;
	top: -20px;
	right: 110px;
	text-indent: -999999px;
	background: url(/images/close.png) no-repeat;
}

#corpo-order .person-info {
	width: 820px;
	padding: 10px 10px 30px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	position: relative;
}

#corpo-order .person-info .photo {
	width: 180px;
	position: relative;
	display: table-cell;
	float: left;
}

#corpo-order .person-info .photo h3,
#corpo-order .vice-chairman h3,
#corpo-order .chairman h3,
#corpo-order .member h3 {
	font: 16px/20px Arial, sans-serif;
	color: #0f2d40;
	padding: 10px 0 5px;
	text-align: center;
}

#corpo-order .person-info .photo p,
#corpo-order .vice-chairman p,
#corpo-order .chairman p,
#corpo-order .member p {
	font: bold 13px/15px Arial, sans-serif;
	color: #87969f;
	text-align: center;
}

#corpo-order .person-info .static-text {
	padding: 5px 20px 0;
	font: 13px/20px Arial, sans-serif;
	color: #596575;
	display: table-cell;
	vertical-align: top;
}

#corpo-order .person-info .static-text h4 {
	font: 16px/20px Arial, sans-serif;
	color: #0f2d40;
	padding: 5px 0 20px;
}

#corpo-order .info .close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -999999px;
	background: url(/images/close.png) no-repeat;
}

#corpo-order #accessbility-nav {
	width: 1016px;
	position: relative;
	z-index: 20;
}

/* 3.20 Error 404
--------------------------------------------------------------------------*/

#error-404-wrap {
	overflow: hidden;
	padding: 120px 0 10px;
	clear: both;
	position: relative;
	background: url(/images/grid-fields-bg-blue.png) 0 110px repeat-x;
}

#error-404 {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}

#error-404 img {
	display: block;
}

#error-404 .content {
	background: url(/images/404.png) no-repeat;
	width: 1040px;
	height: 620px;
	position: absolute;
	top: 0;
	left: 0;
}

#error-404 .box {
	width: 410px;
	height: 200px;
	background: #668199;
	position: absolute;
	top: 210px;
	right: 0;
}

#error-404 h1 {
	font: 56px/56px Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 0 20px;
}

#error-404 p {
	font: 16px/20px Arial, sans-serif;
	color: #fff;
	padding: 8px 0 0 20px;
}

#error-404 a {
	color: #fff;
	text-decoration: underline;
}

#error-404 a:hover {
	text-decoration: none;
}

#error-404 small {
	line-height: 16px;
	display: block;
}


/* 3.21 Filters
--------------------------------------------------------------------------*/

.filters {
	overflow: hidden;
	margin: 20px 0 0;
}

.filters > label {
	float: left;
	color: #5b5957;
	font: 13px/20px Arial, sans-serif;
	margin: 4px 7px 0 0;
}

.filters .input-wrap {
	width: 228px;
	height: 24px;
	float: left;
	color: #888;
	margin-right: 20px;
	position: relative;
	border: solid 1px #d8d8d8;
	background: url(/images/icons.png) #fbfbfb 203px 0 no-repeat;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.filters .input-wrap label {
	color: #5e5e5e;
	position: absolute;
	top: -999999px;
	left: 0;
	bottom: 0;
	right: 25px;
	padding: 5px;
	cursor: text;
	background: #fbfbfb;
}

.filters input[type=submit] {
	width: 24px;
	height: 26px;
	float: left;
	line-height: 0;
	margin-left: -26px;
	text-indent: -999999px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	border: 0 none;
	background: url(/images/icons.png) 0 1px no-repeat;
}

.filters input[type=text] {
	width: 192px;
	float: left;
	margin: 5px;
	color: #5e5e5e;
	border: 0 none;
	background: #fbfbfb;
}

.filters select {
	float: left;
	width: 215px;
	height: 27px;
	padding: 4px;
	color: #5e5e5e;
	border: solid 1px #d8d8d8;
	background: #fbfbfb;
	margin: 0 20px 0 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.filters input.submit {
	width: 120px;
	height: 30px;
	float: left;
	line-height: 30px;
	margin: -2px -100px 0 0;
	text-indent: 0;
	cursor: pointer;
	border: 0 none;
	color: #fff;
	background: #668199;
}

.filters .input-wrap.w408 {
	width: 408px;
	background: url(/images/icons.png) #fbfbfb 383px 0 no-repeat;
}

.filters .w408 input[type=text] {
	width: 372px;
}


/* 3.22 Timeline
--------------------------------------------------------------------------*/

#timeline {
	overflow: hidden;
	padding: 120px 0 10px;
	background: #fff;
}

#timeline #timeline-top {
	width: 1040px;
	height: 410px;
	padding: 10px 0;
	overflow: hidden;
	margin-top: -10px;
	position: fixed;
	top: 0px;
	z-index: 2;
	background: #fff;
}

#timeline #middle {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

#timeline #chart {
	width: 830px;
	height: 410px;
	float: left;
	background: #fff;
	position: fixed;
	top: 0px;
	z-index: 3;
	overflow: hidden;
}

#timeline #chart-1,
#timeline #chart-1 .placeholder {
	width: 830px;
	height: 190px;
	position: relative;
}

#timeline #chart-1 {
	height: auto;
	margin-top: 30px;
}

#timeline #chart-2,
#timeline #chart-2 .placeholder {
	width: 830px;
	height: 100px;
	position: relative;
}

#timeline #chart-2 {
	height: auto;
	margin-top: 6px;
}

#timeline #chart-1 .placeholder.default * {
	cursor: pointer;
}

#timeline #chart-2,
#timeline #chart-2 .placeholder {
	width: 797px;
}

#timeline #chart .tracker {
	width: 3px;
	position: absolute;
	background: #4c82b3;
	border: solid 1px #194759;
	top: 0;
	bottom: 0;
	left: 752px;
	margin-left: 35px;
	z-index: 3;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#timeline #range .pager {
	float: right;
}

#timeline #range .pager a {
	width: 90px;
	padding: 0;
	height: 20px;
	text-indent: -999999px;
	background: url(/images/timeline-pager.png) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 5px;
}

#timeline #range .pager span {
	float: left;
	margin: 0 5px 0 10px;
}

#timeline #range .pager .next {
	background-position: 0 -20px;
}

#timeline #range .pager .prev.en {
	background-position: 0 -40px;
}

#timeline #range .pager .next.en {
	background-position: 0 -60px;
}

#lock {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	background: url(/images/timeline-bg.png) -999999px no-repeat;
}

#timeline #range {
	padding: 5px 10px 0;
	overflow: hidden;
	font: 11px/20px Arial, sans-serif;
}

#timeline #range > span {
	float: left;
	padding: 1px 0 0;
}

#timeline #range ul {
	float: left;
	height: 24px;
	overflow: hidden;
	padding: 0 0 0 5px;
}

#timeline #range li {
	float: left;
	margin: 0 2px;
}

#timeline #range a {
	float: left;
	padding: 1px 5px 3px;
	color: #4c82b3;
}

#timeline #range .current a {
	background: #e2ecf1;
	color: #000;
}

#timeline #range .info {
	width: 790px;
	padding: 4px 10px;
	clear: both;
	background: #e2ecf1;
	overflow: hidden;
	float: left;
	color: #668199;
	border-bottom: solid 15px #fff;
}

#timeline #range .info .select {
	float: left;
	margin-left: 10px;
}

#timeline #range .info select {
	margin: 2px 0 0 5px;
}

#timeline #range .info span {
	float: left;
}

#timeline #range .info p {
	float: right;
}

#timeline #range .lotos,
#timeline #range .index {
	line-height: 10px;
	border-left: solid 10px #000;
	padding-left: 5px;
	margin: 5px 0 0 15px;
}

#timeline #range .lotos {
	border-color: #194759;
	color: #194759;
	line-height: 12px;
	height: 10px;
}

#timeline #range .index {
	border-color: #8f0000;
	color: #8f0000;
}

#timeline #rate {
	width: 200px;
	height: 200px;
	float: right;
	position: fixed;
	top: 120px;
	left: 50%;
	margin-left: 320px;
	background: #194759;
	z-index: 2;
}

#timeline #rate .top {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
}

#timeline #rate .bottom {
	position: absolute;
	bottom: 19px;
	left: 0;
	right: 0;
}

#timeline #rate h3 {
	padding-bottom: 0;
	color: #fff;
	padding: 0 20px;
	font: 16px/16px Arial, sans-serif;
}

body.en #timeline #rate .bottom h3 {
	letter-spacing: -1px;
}

#timeline #rate p {
	filter: alpha(opacity=100);
	opacity: 1;
	color: #79a3c2;
	padding: 2px 20px 25px;
	font: 14px/14px Arial, sans-serif;
}

#timeline #rate .fluctuations {
	overflow: hidden;
	padding: 0 0 4px 20px;
}

#timeline #rate .fluctuations .block {
	float: left;
	margin: 0 10px 0 0;
}

#timeline #rate .fluctuations span {
	color: #79a3c2;
	padding: 4px 0 6px;
	display: block;
	width: 10px;
	white-space: nowrap;
	font: 14px/14px Arial, sans-serif;
}

#timeline #rate .fluctuations strong {
	color: #fff;
	padding: 7px 20px;
	background: #305a6a;
	display: block;
	font: 14px/14px Arial, sans-serif;
}

#timeline #rate .percent {
	color: #fff;
	float: left;
	margin: 27px 0 0;
	text-align: center;
	font: 14px/20px Arial, sans-serif;
}

#timeline #rate .percent img {
	position: relative;
	top: 2px;
	padding-right: 5px;
}

#timeline #filters {
	width: 810px;
	height: 30px !important;
	background: #4c82b3;
	overflow: hidden;
	color: #fff;
	position: fixed;
	top: 57px;
	/*left: 50%;*/
	/*margin-left: -510px;*/

	left: 10px;
	z-index: 4;
}

#timeline .boxes {
	width: 200px;
	height: 200px;
	float: right;
	background: #4c82b3;
	overflow: hidden;
	color: #fff;
	position: fixed;
	top: 330px;
	left: 50%;
	margin-left: 320px;
	z-index: 2;
}

#timeline .boxes > div {
	margin: 0;
}

#timeline #filters .info span {
	float: left;
	font-size: 14px;
	margin: 7px 5px 0 15px;
}

#timeline #filters .info span strong {
	color: #9cc4e8;
	font-weight: normal;
}

#timeline #filters .info .value {
	margin-left: 0;
	color: #9cc4e8;
}

#timeline #filters .info .sales {
	position: relative;
	padding-right: 25px;
}

#timeline #filters .info .sales:before {
	content: '';
	width: 1px;
	height: 17px;
	background: #84a9ca;
	position: absolute;
	top: 0;
	right: 5px;
}

#timeline #filters .info .type {
	position: relative;
	padding-left: 15px;
}

#timeline #filters .info .type:before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 3px;
}

#timeline #filters .info .type.red:before {
	background: #8f0000;
}

#timeline #filters .info .type.orange:before {
	background: #ff7200;
}

#timeline #filters .info .type.blue:before {
	background: #00a2ff;
}

#timeline #filters .info .type.green:before {
	background: #61ac33;
}

#timeline #filters .info .lotos {
	padding-left: 15px;
	position: relative;
}

#timeline #filters .info .lotos:before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 3px;
	background: #194759;
}

#timeline #filters .select-type {
	display: none;
}

#timeline #reports {
	overflow: hidden;
	clear: both;
	padding-top: 410px;
}

#timeline #reports .wrapper {
	overflow: hidden;
	position: relative;
}

#timeline #reports .content {
	position: relative;
}

#timeline #reports .row {
	position: relative;
	min-height: 200px;
	overflow: hidden;
}

#timeline #reports .month {
	width: 160px;
	min-height: 166px;
	position: absolute;
	left: 420px;
	top: 0;
	bottom: 0;
	background: #cbdae7;
	color: #194759;
	padding: 17px 20px;
	margin-top: 10px;
	font: 16px/20px Arial, sans-serif;
}

#timeline #reports .report {
	width: 420px;
	min-height: 95px;
	background: #4c82b3;
	position: relative;
	color: #fff;
	clear: both;
	margin-top: 10px;
	float: left;
}

#timeline #reports .report.right {
	float: right;
}

#timeline #reports .report.right.clear-none {
	clear: none;
}

#timeline #reports .report .arrow {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	background: url(/images/report-arrow-left.png) 0 center no-repeat;
}

#timeline #reports .report img {
	width: 415px;
	display: block;
	float: left;
}

#timeline #reports .right img {
	float: right;
}

#timeline #reports .with-photo {
	height: 200px;
	width: 420px;
	overflow: hidden;
}

#timeline #reports .report .box {
	height: 180px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 180px;
	background: #4c82b3;
}

#timeline #reports .right .box {
	left: auto;
	right: 10px;
}

#timeline #reports .box.left {
	left: 10px;
	right: auto;
}

#timeline #reports .box.right {
	left: auto;
	right: 20px;
}

#timeline #reports .right .box.right {
	right: 10px;
}

#timeline #reports .right .box.left {
	left: 20px;
}

#timeline #reports .report.right .arrow {
	right: auto;
	left: 0;
	background: url(/images/report-arrow-right.png) 0 center no-repeat;
}

#timeline #reports .report h3 {
	padding: 15px 30px 10px 20px;
	font: 16px/20px Arial, sans-serif;
}

#timeline #reports .report a {
	color: #fff;
}

#timeline #reports .report a:hover {
	text-decoration: none;
}

#timeline #reports .report.right h3 {
	padding: 15px 20px 10px 30px;
}

#timeline #reports .report h3 span {
	font-size: 13px;
	color: #9cc4e8;
	white-space: nowrap;
}

#timeline #reports .report p {
	padding: 0 30px 18px 20px;
	font: 13px/15px Arial, sans-serif;
	filter: alpha(opacity=70);
	opacity: 0.7;
	overflow: hidden;
}

#timeline #reports .report.right p {
	padding: 0 20px 13px 30px;
}

#timeline #timeline-tooltip {
	max-width: 200px;
	border: solid 1px #4c82b3;
	background: #cbdae7;
	padding: 5px;
	color: #194759;
	font-size: 11px;
	z-index: 100;
	position: absolute;
	white-space: nowrap;
}

#timeline #timeline-tooltip span {
	display: block;
	color: #4c82b3;
	font-size: 10px;
}


/* 3.23 FAQ
--------------------------------------------------------------------------*/

#faq {
	padding: 25px 0 0 10px;
}

#faq > li > span {
	border-left: solid 5px #668199;
	padding-left: 8px;
	display: block;
	font: 14px/10px OpenSans-Light, sans-serif;
}

#faq .answer {
	display: none;
	padding: 25px 0 15px 8px;
}

#faq > li {
	padding: 0 0 10px;
}

#faq a:hover {
	text-decoration: underline;
}

#faq .static-text {
	padding: 0;
}

/* 3.24 UI-List
--------------------------------------------------------------------------*/

ul.ui-list {
	padding: 25px 0 0 10px;
}

ul.ui-list > li > span {
	display: block;
	font: 14px/10px OpenSans-Light, sans-serif;
}

ul.ui-list .ui-list-item {
	display: none;
	padding: 25px 0 15px 0px;
}

ul.ui-list > li {
	padding: 0 0 10px;
}

ul.ui-list a:hover {
	text-decoration: underline;
}

ul.ui-list .static-text {
	padding: 0;
}

/* 3.25 Awards
--------------------------------------------------------------------------*/

#awards .boxes {
	height: 100%;
	overflow: hidden;
}

#awards .boxes h3 {
	padding-bottom: 4px;
}

#awards .boxes p.more {
	position: absolute;
	bottom: 20px;
	left: 19px;
	padding: 0;
}

#awards .boxes p.subtitle {
	padding-bottom: 20px;
}

#awards h1.header {
	border-top: 1px solid #ccc;
	clear: both;
}

#awards .clear {
	clear: both;
}

#awards .gallery {
	border-bottom: 0;
}
#awards .social {
	text-align:right;
	padding-right:10px;
}

#awards .social > div {
	display:inline;
}


/* 3.26 Investor Calc
--------------------------------------------------------------------------*/

#calculator form {
	color: #ffffff;
	background-color: #0f2d40;
	font: 13px/20px Arial, sans-serif;
}

#calculator div.short-hands input[type=button] {
	display: block;
	float: left;
	background-color: #305a6a;
	padding: 6px 7px 5px 6px;
	margin-right: 1px;
	cursor: pointer;
	opacity: 0.2;
	color: #ffffff;
	width:110px;
}

#calculator div.short-hands input[type=button].active {
	opacity: 1;
}

#calculator input[type=text] {
	width: 228px;
}

#calculator input.calendar {
	background-color: #ffffff;
	background-image: url(/images/calendar.png);
	background-repeat: no-repeat;
	background-position: right;
}

#calculator span.error {
	float: none;
	margin: 0;
	width: 100%;
}

#calculator input[type=submit] {
	height: 45px;
	background-color: #668199;
	width: 137px;
	margin-left: 0;
}

#calculator .reset-form {
	opacity: 0.7;
	background: none;
	color: #ffffff;
	cursor: pointer;
	float: right;
	margin: 40px 10px 0 0;
}

#calculator div.short-hands > div {
	display: block;
	float: left;
	padding: 4px 10px 0 21px;
	
}

#calculator div.short-hands:after {
	clear: both;
}

#calculator div.cbox280 {
	width: 240px;
	height: 70px;
	float: left;
	background-color: #0c2433;
	margin: 20px 0 0 20px;
	padding: 20px 20px 0 20px;
}

#calculator div.nolmargin {
	margin-left: 0;
}

#calculator div.cbox280 label {
	display: block;
	width: 100%;
	color: #ffffff;
	float: none;
	margin: 0 0 5px 0;
	font-size: 14px;
}

#calculator div.sep {
	width: 20px;
	margin-top: 20px;
	padding-top: 51px;
	height: 39px;
	float: left;
	font-size: 14px;
	color: #668199;
	background-color: #0c2433;
}

#calculator .results {
	color: #ffffff;
	background-color: #0f2d40;
	width: 580px;
	padding: 20px;
}

#calculator .results p.title {
	font-size: 16px;
	padding: 30px 0 16px 0;
}

#calculator .results table {
	width: 580px;
	margin: auto;
	border-collapse: separate;
	border-spacing: 1px;
}

#calculator table span.green {
	color: #00a519;
}

#calculator table span.red {
	color: #ac1b1b;
}

#calculator table span.blue {
	color: #62b1ff;
}

#calculator .results table td,
#calculator .results table th {
	padding: 16px 10px 13px 10px;
	background-color: #0c2433;
}

#calculator .results table th {
	background-color: #efefef;
	color: #363636;
}

#calculator .results table th.data {
	width: 189px;
}

#calculator .results table td.overall {
	text-align: right;
	font: 18px/35px Arial, sans-serif;
}

#calculator .results table td span.green img,
#calculator .results table td span.red img,
#calculator .results table td span.blue img {
	position: relative;
	top: 3px;
	padding-right: 5px;
}

#calculator .results #investorChart {
	background-color: #ffffff;
	padding-bottom: 5px;
}

#calculator .results div.legend {
	background-color: #ffffff;
	color: #004759;
	padding: 5px;
}

#calculator .results div.legend p {
	background-color: #e2ecf1;
	margin: 10px 10px 2px 10px;
	padding: 10px;
	clear: both;
}

#calculator .results div.legend span {
	display: block;
	float: left;
	background-color: #0f2d40;
	width: 10px;
	height: 10px;
	margin: 2px 5px 0 0;
}


/* 3.27 Archive3.28 Respect Index
--------------------------------------------------------------------------*/
#archive {
	color: #ffffff;
}

#archive h1.header {
	border: 0;
}

#archive div.tabs1 input[type=button] {
	color: #ffffff;
	display: block;
	float: left;
	background-color: #0f2d40;
	padding: 17px 17px 15px 17px;
	margin: 0 1px 1px 0;
	cursor: pointer;
	font: 13px/20px  Arial;
}

#archive div.results {
	clear: both;
	background-color: #0f2d40;
	padding: 20px;
}

#archive ul.tabs2 li {
	display: block;
	float: left;
	background-color: #194759;
	margin: 0 1px 20px 0;
	padding: 5px 10px 4px 10px;
	font: 13px/20px Arial, sans-serif;
	
}

#archive ul.tright {
	float:right;
}

#archive table {
	margin: auto;
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	clear: both;
}

#archive table td, #archive table th {
	padding: 16px 10px 13px 10px;
	background-color: #0c2433;
}

#archive .results table th {
	background-color: #efefef;
	color: #363636;
}

#archive table th.title {
	width: 562px;
}

#archive table .center {
	text-align: center;
}

#archive table label, #archive table input[type=checkbox] {
	cursor: pointer;
}

#archive table input[type=checkbox] {
	margin-right: 7px;
}


/* 3.28 Respect Index
--------------------------------------------------------------------------*/

#respect-index {
	padding-top: 112px;
	overflow: hidden;
}

#respect-index .navigation {
	height: 110px;
	background: #fff;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#respect-index .navigation .logo {
	width: 170px;
	height: 68px;
	float: left;
	text-indent: -999999px;
	background: url(/images/respect/logo.png) no-repeat;
}

#respect-index .navigation .middle {
	width: 1040px;
	margin: 20px auto 0;
	overflow: hidden;
}

#respect-index .navigation li {
	float: left;
	text-align: center;
	margin: 0 18px;
}

#respect-index .navigation li * {
	display: block;
	text-decoration: none;
}

#respect-index .navigation ul {
	float: left;
	margin: 0 -100px 0 44px;
}

#respect-index .navigation span {
	font: 12px/16px sans-serif;
	color: #0089bf;
	margin-top: -4px;
}

#respect-index .navigation .letter {
	width: 30px;
	height: 30px;
	background: #0089bf;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	font: 14px/30px Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

#respect-index .navigation strong {
	font: 14px/30px sans-serif;
	color: #00347b;
}

#respect-index .navigation .current .letter {
	background: #0e4081;
}

#respect-index .navigation li + li .letter {
	background: #0098d4;
}

#respect-index .navigation li + li + li .letter {
	background: #009fde;
}

#respect-index .navigation li + li + li + li .letter {
	background: #03adf4;
}

#respect-index .navigation li + li + li + li + li .letter {
	background: #19beff;
}

#respect-index .navigation li + li + li + li + li + li .letter {
	background: #43caff;
}

#respect-index .navigation li + li + li + li + li + li + li .letter {
	background: #7edbff;
}

#respect-index .screen-2 .head span {
	color: #0089bf;
}

#respect-index .screen-3 .head span {
	color: #0098d4;
}

#respect-index .screen-4 .head span {
	color: #009fde;
}

#respect-index .screen-5 .head span {
	color: #03adf4;
}

#respect-index .screen-6 .head span {
	color: #19beff;
}

#respect-index .screen-7 .head span {
	color: #43caff;
}

#respect-index .screen-8 .head span {
	color: #7edbff;
}

#respect-index .page {
	height: 680px;
	width: 100%;
	position: relative;
	background: url(/images/respect/bg-1.png) repeat-x;
}

#respect-index .wrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#respect-index .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	left: 100%;
	overflow: hidden;
}

#respect-index .slide.current {
	left: 0;
}

#respect-index .page .arrow {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	bottom: -16px;
	margin-left: -16px;
	background: url(/images/respect/arrows.png) 0 0 no-repeat;
	z-index: 3;
}

#respect-index .page .prev,
#respect-index .page .next {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 80px;
	top: 50%;
	margin-top: -16px;
	text-indent: -999999px;
	z-index: 3;
	background: url(/images/respect/arrows.png) -33px 0 no-repeat;
}

#respect-index .page .next {
	right: 80px;
	left: auto;
	background-position: -66px 0;
}

#respect-index .screen-1 .wrap {
	background: url(/images/respect/bg-2.jpg) center top no-repeat;
}

#respect-index .screen-2 .wrap {
	background: url(/images/respect/bg-6.jpg) #dee8f0 center top no-repeat;
}

#respect-index .screen-3 .wrap {
	background: url(/images/respect/bg-7.jpg) #fff center top no-repeat;
}

#respect-index .screen-4 {
	height: 640px;
}

#respect-index .screen-4 .wrap {
	background: url(/images/respect/bg-9.png) repeat-x;
}

#respect-index .screen-5 {
	height: 640px;
}

#respect-index .screen-5 .wrap {
	background: url(/images/respect/bg-10.jpg) #fff center center no-repeat;
}

#respect-index .screen-6 {
	height: 640px;
}

#respect-index .screen-6 .wrap {
	background: url(/images/respect/bg-11.png) repeat-x;
}

#respect-index .screen-7 {
	height: 640px;
}

#respect-index .screen-7 .wrap {
	background: #fdfdfd;
}

#respect-index .screen-8 {
	height: 640px;
}

#respect-index .screen-8 .wrap {
	background: url(/images/respect/bg-12.png) repeat-x;
}


#respect-index .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#respect-index .screen-1 .bg {
	background: url(/images/respect/bg-3.png) center center no-repeat;
}

#respect-index .screen-2 .bg {
	background: url(/images/respect/bg-5.png) center center no-repeat;
}

#respect-index .screen-4 .bg {
	background: url(/images/respect/bg-8.jpg) center center no-repeat;
}

#respect-index .layer {
	position: absolute;
}

#respect-index .layer > img {
	display: block;
}

#respect-index .text {
	font: 14px/20px sans-serif;
	color: #3c3c3c;
}

#respect-index .lead {
	font: 18px/24px sans-serif;
	color: #3c3c3c;
	padding: 10px 0 20px;
}

#respect-index .blue {
	color: #009fde;
}

#respect-index .green {
	color: #89bb15;
}

#respect-index .navy {
	color: #134d94;
}

#respect-index .grey {
	color: #b6b6b9;
}

#respect-index .text strong,
#respect-index .lead strong {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#respect-index .text ul li {
	padding-bottom: 8px;
}

#respect-index .text ul.disc li {
	padding-bottom: 0;
	list-style: outside disc none;
	margin-left: 14px;
}

#respect-index .text a {
	color: #0085c7;
	text-decoration: underline;
}

#respect-index .text a:hover {
	text-decoration: none;
}

#respect-index .head img {
	float: left;
}

#respect-index .head .txt {
	float: left;
	padding: 40px 0 0 30px;
}

#respect-index .head strong {
	display: block;
	color: #0e4081;
	font: 72px/80px sans-serif;
}

#respect-index .head span {
	display: block;
	color: #0089bf;
	padding-left: 4px;
	font: 28px/32px sans-serif;
}

#respect-index .layer-1 {
	left: 50%;
	top: 50% !important;
	margin: -270px 0 0 -520px;
}

#respect-index .layer-2 {
	width: 450px;
	left: 50% !important;
	top: 255px;
	margin-left: -430px;
}

#respect-index .layer-3 {
	right: 50% !important;
	top: 56px;
	margin-right: -630px;
}

#respect-index .layer-4 {
	left: 50%;
	top: 0;
	margin: -285px 0 0 -280px;
}

#respect-index .layer-5 {
	width: 570px;
	right: 0;
	top: 230px;
	margin-right: -518px;
}

#respect-index .layer-6 {
	left: 0;
	bottom: 0;
	margin-left: -788px;
}

#respect-index .layer-7 {
	left: 50%;
	top: 0;
	margin: -250px 0 0 -520px;
}

#respect-index .layer-7 .head .txt {
	padding: 45px 0 0 10px;
}

#respect-index .layer-8 {
	width: 590px;
	right: 0;
	top: 260px;
	margin-left: -290px;
}

#respect-index .layer-9 {
	right: 0;
	bottom: 0;
	margin-right: -790px;
}

#respect-index .layer-10 {
	width: 650px;
	left: 50%;
	top: 0;
	margin: -220px 0 0 -380px;
	text-align: left;
}

#respect-index .layer-10 .head .txt {
	padding: 0;
	float: none;
}

#respect-index .layer-11 {
	width: 650px;
	left: 0;
	top: 235px;
	margin-left: -380px;
	text-align: left;
}

#respect-index .layer-12 {
	right: 50%;
	bottom: 0;
	margin:  0 -600px -320px 0;
}

#respect-index .layer-13 {
	width: 585px;
	right: 50%;
	top: 0;
	margin: -220px -465px 0 0;
}

#respect-index .layer-13 .head .txt {
	padding: 0;
	float: none;
}

#respect-index .layer-14 {
	width: 585px;
	right: 0;
	top: 50%;
	margin: -100px -470px 0 0;
}

#respect-index .layer-15 {
	left: 50%;
	top: 50px;
	margin-left: -523px;
}

#respect-index .layer-16 {
	left: 50%;
	top: 0;
	margin: -250px 0 0 -520px;
}

#respect-index .layer-16 .head .txt {
	padding: 0;
	float: none;
}

#respect-index .layer-17 {
	width: 610px;
	left: 0;
	top: 190px;
	margin-left: -515px;
}

#respect-index .layer-18 {
	right: 50%;
	bottom: 0;
	margin:  0 -790px -320px 0;
}

#respect-index .layer-19 {
	width: 585px;
	right: 50%;
	top: 0;
	margin: -240px -465px 0 0;
}

#respect-index .layer-19 .head .txt {
	padding: 0;
	float: none;
}

#respect-index .layer-20 {
	width: 585px;
	right: 0;
	top: 50%;
	margin: -110px -470px 0 0;
}

#respect-index .layer-21 {
	left: 50%;
	bottom: 0;
	margin-left: -720px;
}

#respect-index .layer-22 {
	width: 585px;
	left: 50%;
	top: 0;
	margin: -260px 0 0 -527px;
}

#respect-index .layer-22 .head .txt {
	padding: 0;
	float: none;
}

#respect-index .layer-23 {
	width: 610px;
	left: 0;
	top: 190px;
	margin-left: -522px;
}

#respect-index .layer-24 {
	right: 0;
	bottom: 0;
	margin-right: -530px;
}


/* 3.29 Road layers
--------------------------------------------------------------------------*/

.road-layers {
	padding-top: 40px;
}

.road-layers .tabs a {
	color: #668199;
}

.road-layers .tabs .current {
	background: #dbdcd8;
	color: #668199;
}

.road-layers .tab-content {
	width: 100%;
	margin: 0;
	background: #dbdcd8;
}

.road-layers .tab-content .wrap {
	margin: 40px 30px;
	overflow: hidden;
}

.road-layers .tab-content .category {
	font: 28px/32px sans-serif;
	padding-bottom: 35px;
	border-bottom: solid 1px #afb0ad;
	margin: 0 10px;
	overflow: hidden;
}

.road-layers .tab-content .category .left {
	float: left;
}

.road-layers .tab-content .category .right {
	float: right;
	font: 20px/24px sans-serif;
	padding: 4px 0;
}

.road-layers .tab-content .image {
	width: 514px;
	height: 432px;
	position: relative;
	margin: 0 auto;
	padding-top: 25px;
}

.road-layers .tab-content .image img {
	display: block;
	width: 100%;
}

.road-layers .tab-content .dot {
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	border: solid 2px #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.road-layers .tab-content .dot:after {
	content: '';
	width: 20px;
	height: 20px;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	left: 1px;
	top: 1px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.road-layers .tab-content .dot.dot-1 {
	top: 32px;
	left: 157px;
}

.road-layers .tab-content .dot.dot-2 {
	top: 162px;
	left: 277px;
}

.road-layers .tab-content .dot.dot-3 {
	top: 192px;
	left: 377px;
}

.road-layers .tab-content .dot.current {
	width: 20px;
	height: 20px;
	border: solid 3px #000;
}

.road-layers .tab-content .dot.current:after {
	content: ' ';
	left: 0;
	top: 0;
}

.road-layers .tab-content .dot.dot-1.current .line {
	width: 288px;
	height: 1px;
	position: absolute;
	right: 100%;
	top: 50%;
	background: #303030;
}

.road-layers .tab-content .dot.dot-1.current .line:after {
	content: '';
	width: 1px;
	height: 412px;
	background: #303030;
	position: absolute;
	left: 0;
	top: 0;
}

.road-layers .tab-content .dot.dot-2.current .line {
	width: 408px;
	height: 1px;
	position: absolute;
	right: 100%;
	top: 50%;
	background: #303030;
}

.road-layers .tab-content .dot.dot-2.current .line:after {
	content: '';
	width: 1px;
	height: 282px;
	background: #303030;
	position: absolute;
	left: 0;
	top: 0;
}

.road-layers .tab-content .dot.dot-3.current .line {
	width: 508px;
	height: 1px;
	position: absolute;
	right: 100%;
	top: 50%;
	background: #303030;
}

.road-layers .tab-content .dot.dot-3.current .line:after {
	content: '';
	width: 1px;
	height: 252px;
	background: #303030;
	position: absolute;
	left: 0;
	top: 0;
}

.road-layers .tab-content .layer-data {
	display: none;
}

.road-layers .tab-content .layer-data.current {
	display: block;
}

.road-layers .tab-content .layer-data .row {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.road-layers .tab-content .layer-data .col {
	display: table-cell;
}

.road-layers .tab-content .layer-data .layer {
	background: #000;
	font: 15px/16px Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 25px 20px;
}

.road-layers .tab-content .layer-data .variant {
	background: #444;
	font: 15px/16px sans-serif;
	color: #fff;
	padding: 25px 20px;
	border-left: solid 1px #fff;
}

.road-layers .tab-content .layer-data .type {
	background: #e5e5e5;
	font: 14px/16px sans-serif;
	color: #000;
	padding: 25px 20px;
	border-bottom: solid 1px #dbdbdb;
	padding: 10px 20px;
}

.road-layers .tab-content .layer-data .product {
	background: #fff;
	font: 12px/16px sans-serif;
	color: #000;
	border-bottom: solid 1px #dbdbdb;
	border-left: solid 1px #dbdbdb;
}

.road-layers .tab-content .layer-data .cel {
	border-bottom: solid 1px #dbdbdb;
	padding: 10px 20px;
	margin-bottom: -1px;
}

.road-layers .tab-content .layer-data .annotation {
	font: 12px/16px sans-serif;
	color: #000;
	padding: 10px 20px;
}


/* 3.30 Analytics forecasts
--------------------------------------------------------------------------*/

.analytics-forecasts {
	padding: 20px 0;
}

.analytics-forecasts .tabs a {
	background: #f0f3f6;
	margin-right: 1px;
}

.analytics-forecasts .tabs a:hover {
	text-decoration: none;
	background: #e1e3e6;
}

.analytics-forecasts .tabs .current,
.analytics-forecasts .tabs .current:hover {
	position: relative;
	z-index: 2;
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: solid 1px #fff;
	color: #596575;
	padding: 0 19px;
	line-height: 48px;
}

.analytics-forecasts .tab-content {
	border: solid 1px #ccc;
	width: auto;
	float: none;
	margin: -1px 0 0;
	position: relative;
}

.analytics-forecasts .tab-content .static-text {
	clear: both;
}

.analytics-forecasts .tab-content .static-text table {
	width: 100% !important;
}

.analytics-forecasts .tab-content .static-text table * {
	color: #5e5e5e;
	font: 11px/15px Arial, sans-serif;
}

.analytics-forecasts .tab-content .static-text table strong {
	font-weight: bold;
}

.analytics-forecasts .tab-content .static-text table td {
	background: #f0f3f6;
	color: #5e5e5e;
	padding-left: 10px;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}

.analytics-forecasts .tab-content .static-text table th {
	background: #0f2d40;
	color: #fff;
	border-bottom: solid 1px #0f2d40;
	border-right: solid 1px #0f2d40;
}

.analytics-forecasts .tab-content .static-text table th:last-child {
	border-right: 0 none;
}

.analytics-forecasts .charts {
	padding: 45px 0 20px;
	overflow: hidden;
	margin-left: -2px;
	display: none;
}

.analytics-forecasts .chart {
	width: 220px;
	float: left;
	position: relative;
}

.analytics-forecasts .chart .label-y {
	font: 11px/2px sans-serif;
	color: #596575;
	text-align: right;
	position: relative;
}

.analytics-forecasts .chart .label-y p {
	display: block;
	height: 50px;
	width: 50px;
	padding-right: 20px;
}

.analytics-forecasts .chart .label-y p span:after {
	content: '';
	height: 49px;
	border-top: solid 1px #dbe1e8;
	border-left: solid 1px #dbe1e8;
	position: absolute;
	left: 70px;
	right: 0;
}

.analytics-forecasts .chart .label-y p:nth-child(even) span:after {
	background: #f6f9fb;
}

.analytics-forecasts .chart .label-y p:last-child span:after {
	border-left: 0 none;
	background: #fff;
}

.analytics-forecasts .chart .label-x {
	margin-left: 70px;
	font: 11px/2px sans-serif;
	color: #596575;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	margin-top: -8px;
}

.analytics-forecasts .chart .label-x p {
	position: absolute;
	width: 130px;
	left: 0;
	top: 0;
}

.analytics-forecasts .chart .label-x span {
	display: block;
}

.analytics-forecasts .chart .col {
	width: 150px;
	position: absolute;
	left: 70px;
	top: 0;
	bottom: 41px;
}

.analytics-forecasts .charts .bar {
	width: 30px;
	height: 0;
	background: #0f2d40;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -15px;
	color: #0f2d40;
}

.analytics-forecasts .charts .bar .max {
	width: 100px;
	text-align: center;
	font: 11px/15px sans-serif;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -50px;
}

.analytics-forecasts .charts .bar .min {
	width: 100px;
	text-align: center;
	font: 11px/15px sans-serif;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -50px;
}

.analytics-forecasts .charts .bar .median {
	width: 100px;
	text-align: right;
	font: 11px/15px sans-serif;
	position: absolute;
	bottom: 0;
	right: 100%;
	padding-right: 10px;
	margin-bottom: -7px;
}

.analytics-forecasts .charts .bar .median:after {
	content: '';
	width: 15px;
	height: 8px;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -4px;
	background: url(/images/analytics-forecasts-markers.png) -15px 0 no-repeat;
}

.analytics-forecasts .charts .bar .average {
	width: 100px;
	text-align: left;
	font: 11px/15px sans-serif;
	position: absolute;
	bottom: 0;
	left: 100%;
	padding-left: 10px;
	margin-bottom: -7px;
}

.analytics-forecasts .charts .bar .average:after {
	content: '';
	width: 15px;
	height: 8px;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -4px;
	background: url(/images/analytics-forecasts-markers.png) 0 0 no-repeat;
}

.analytics-forecasts .chart-right {
	width: 590px;
}

.analytics-forecasts .chart-right .col {
	width: 130px;
	border-right: dotted 1px #dedfe1;
}

.analytics-forecasts .chart-right .col:last-child {
	border-right: 0 none;
}

.analytics-forecasts .chart-right .col-2 {
	left: 200px;
}

.analytics-forecasts .chart-right .col-3 {
	left: 330px;
}

.analytics-forecasts .chart-right .col-4 {
	left: 460px;
}

.analytics-forecasts .chart-right .label-x p {
	position: absolute;
	width: 130px;
	left: 0;
	top: 0;
}

.analytics-forecasts .chart-right .label-x p + p {
	left: 130px;
}

.analytics-forecasts .chart-right .label-x p + p + p {
	left: 260px;
}

.analytics-forecasts .chart-right .label-x p + p + p + p {
	left: 390px;
}

#analytics-forecasts-data {
	display: none;
}


/* 3.31 Calendar - list
--------------------------------------------------------------------------*/

.calendar-list h1 {
	font: 29px/35px sans-serif;
	border-bottom: solid 1px #ccc;
	padding: 22px 10px;
}

.calendar-list h2 {
	font: 20px/25px sans-serif;
	color: #888;
	padding: 22px 10px;
}

.calendar-list .sort {
	clear: both;
}

.calendar-list .events {
	padding-bottom: 20px;
	border-bottom: solid 1px #ccc;
}

.calendar-list .events li {
	clear: both;
	background: #f7f8f9;
	margin-bottom: 10px;
	min-height: 110px;
	padding-left: 220px;
	padding-right: 20px;
	position: relative;
}

.calendar-list .events .left {
	position: absolute;
	left: 0;
	width: 200px;
	top: 0;
	bottom: 0;
	background: #e2ecf1;
	text-align: center;
}

.calendar-list .events.no-border {
	border-bottom: 0 none;
	padding-bottom: 0;
}

.calendar-list .events .static-text {
	padding: 10px 0 0;
}

.calendar-list .events .date {
	font: 28px/35px Arial, sans-serif;
	font-weight: bold;
	display: block;
	color: #0f2d40;
	letter-spacing: -1px;
	padding-top: 10px;
}

.calendar-list .events .add {
	background: #194759;
	font: 12px/30px sans-serif;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	border-left: solid 30px #4c82b3;
}

.calendar-list .events .expired {
	background: #4c82b3;
	font: 12px/30px sans-serif;
	padding: 0 15px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.calendar-list .events .add:before {
	content: '';
	width: 2px;
	height: 8px;
	background: #fff;
	position: absolute;
	left: -16px;
	top: 11px;
}

.calendar-list .events .add:after {
	content: '';
	width: 8px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 14px;
	left: -19px;
}

.calendar-list .events .title {
	display: block;
	font: 20px/26px sans-serif;
	color: #0f2d40;
	padding-top: 10px;
}

.calendar-list .events .date-range {
	display: block;
	font: 600 13px/15px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #5e5e5e;
	padding-top: 15px;
}

/* 3.32 Stations jobs
--------------------------------------------------------------------------*/
.regions-container .region {
	font-weight: 700;
}
.regions-container .cities-container {
	display: none;
}
.regions-container .cities-container .stations-container {
	display: none;
}

/* 4. PRINT
----------------------------------------------------------------------------
==========================================================================*/

@media print {
	#top-holder,
	#left,
	#footer,
	#breadcrumbs,
	.filters,
	.sort,
	.search,
	#accessbility-nav,
	#right {
		display: none !important;
	}

	#main,
	#container {
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
	}

	#center,
	#content,
	#main {
		width: auto !important;
		overflow: visible !important;
	}

	* {
		float: none !important;
		overflow: visible !important;
	}
}