/* =============================================================================
   normilize
   ========================================================================== */
  
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   useful
   ========================================================================== */
  
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }
.a-right { text-align: right !important; }

.f-left { float: left !important; }
.f-right { float: right !important; }
.f-no { float: none !important; }

.bg-no { background: none; }
.border-no{ border: 0; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-no { display: none !important; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.clear{ clear: both; }

/* =============================================================================
   space
   
   p,m = padding, margin
   t,r,b,l,h,v = top, right, bottom, left, horizontal, vertical
   0, 5, 10, 20 = 0px, 5px, 10px, 20px 
   ========================================================================== */
.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.pt0,.pv0,.pa0{padding-top:0px !important}
.pt5,.pv5,.pa5{padding-top:5px !important}
.pt10,.pv10,.pa10{padding-top:10px !important}
.pt20,.pv20,.pa20{padding-top:20px !important}
.pr0,.ph0,.pa0{padding-right:0px !important}
.pr5,.ph5,.pa5{padding-right:5px !important}
.pr10,.ph10,.pa10{padding-right:10px !important}
.pr20,.ph20,.pa20{padding-right:20px !important}
.pb0,.pv0,.pa0{padding-bottom:0px !important}  
.pb5,.pv5,.pa5{padding-bottom:5px !important}
.pb10,.pv10,.pa10{padding-bottom:10px !important}
.pb20,.pv20,.pa20{padding-bottom:20px !important}
.pl0,.ph0,.pa0{padding-left:0px !important}
.pl5,.ph5,.pa5{padding-left:5px !important}
.pl10,.ph10,.pa10{padding-left:10px !important}
.pl20,.ph20,.pa20{padding-left:20px !important}
.m0 { margin: 0 !important; }  
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.mt0,.mv0,.ma0{margin-top:0px !important}
.mt5,.mv5,.ma5{margin-top:5px !important}
.mt10,.mv10,.ma10{margin-top:10px !important}
.mt20,.mv20,.ma20{margin-top:20px !important}
.mr0,.mh0,.ma0{margin-right:0px !important}
.mr5,.mh5,.ma5{margin-right:5px !important}
.mr10,.mh10,.ma10{margin-right:10px !important}
.mr20,.mh20,.ma20{margin-right:20px !important}
.mb0,.mv0,.ma0{margin-bottom:0px !important}  
.mb5,.mv5,.ma5{margin-bottom:5px !important}
.mb10,.mv10,.ma10{margin-bottom:10px !important}
.mb20,.mv20,.ma20{margin-bottom:20px !important}
.ml0,.mh0,.ma0{margin-left:0px !important}
.ml5,.mh5,.ma5{margin-left:5px !important}
.ml10,.mh10,.ma10{margin-left:10px !important}
.ml20,.mh20,.ma20{margin-left:20px !important}

/* =============================================================================
   print
   ========================================================================== */
  
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
   heading
   ========================================================================== */

h1, .h1{font-size: 24px; }
h2, .h2{font-size: 20px; }
h3, .h3{font-size:146.5%;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; }
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; }
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; }

h1, .h1, h2, .h2, h3, .h3{
	margin-top: 0; font-weight:normal; font-style: normal; color:#000; font-family: 'PFBeauSansProLight';
}
/* =============================================================================
   typography
   ========================================================================== */

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

@font-face {
    font-family: 'PFBeauSansProLight';
    src: url('/fonts/pfbeausanspro-light-webfont.eot');
    src: url('/fonts/pfbeausanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pfbeausanspro-light-webfont.woff') format('woff'),
         url('/fonts/pfbeausanspro-light-webfont.ttf') format('truetype'),
         url('/fonts/pfbeausanspro-light-webfont.svg#PFBeauSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
  
html, body {
	font: 12px/16px Tahoma, Helvetica, sans-serif;
	color: #333;
}

::-moz-selection { background: #3399cc; color: #fff; text-shadow: none; }
::selection { background: #3399cc; color: #fff; text-shadow: none; }

a { color: #3399cc; }

/* =============================================================================
   main styles
   ========================================================================== */
  
body{
	min-width: 990px;
	background: url('/images/bg-x.png') repeat 0 0;
}

.l-wrapper{
	position: relative;
	height: 100%;
	background: url('/images/bg.jpg') no-repeat center 0;
}

.l-header{
	position: relative;
	z-index: 5;
	height: 100px;
}
	
.l-wrapper-inner{
	width: 990px;
	margin: 0 auto;
}

.l-container{
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	overflow: hidden;
	padding: 22px 12px 22px 12px;
	position: relative;
	z-index: 1;
}

.l-content,
.l-sidebar{
	float: left;
}



.l-content{
	width: 462px;
	margin-right: 10px;
}

.l-sidebar{
	width: 232px;
	margin-right: 10px;
}

.l-sidebar.l-sidebar_right{
	width: 252px;
	margin-right: 0;
}

.b-logo{
	display: block;
	width: 185px;
	height: 45px;
	background: url('/images/logo.png') no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 37px 0 0 46px;
}

.b-nav{
	margin: 43px 0 0 15px;
	padding: 0 19px;
	list-style: none;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color: #39c; 
	height: 35px;
}

	.b-nav .b-nav-item{
		float: left;
	}
	
	.b-nav .b-nav-link{
		display: block;
		line-height: 35px;
		font-family: 'PFBeauSansProBold';
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		padding: 0 12px;
	}
	
	.b-nav .b-nav-link:hover{
		background-color: #25739a;
	}
	
	.b-nav .b-nav-sub{
		display: none;
		padding: 10px;
		margin: 0;
		list-style: none;
		color: #fff;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		background-color: #39c; 
		position: absolute;
		
	}
	
	.b-nav .b-nav-sub-link{
		display: block;
		text-decoration: none;
		padding: 5px 15px;
		line-height: 14px;
		border-bottom: 1px solid #85c2e0;	
		color: #fff;
		white-space: nowrap;	
		font-family: 'PFBeauSansProBold';
	}
	
	.b-nav .b-nav-sub-link:hover{
		background-color: #25739a;
	}
	
	
	.b-nav .b-nav-item:hover .b-nav-sub{
		display: block;
	}
	
.b-title{
	display: block;
	float: left;
	clear: both;
	background: #c00;
	height: 24px;
	padding: 0 5px;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
	font-size: 16px;
	font-family: 'PFBeauSansProBold';
}

.b-box{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url('/images/gradient.gif') repeat-x 0 bottom;
}

.b-box_no-bg{
	background: none;
}

	.b-box .b-box-img{
		border: 1px solid #d6d6d7;
		padding: 5px;
		margin-bottom: 5px;
	}
	
	.l-content .b-box .b-box-img{
		width: 450px;
	}
	
	.l-sidebar .b-box .b-box-img{
		width: 220px;
	}
	
	.l-sidebar_right .b-box .b-box-img{
		width: 240px;
	}
	
	.b-box .b-box-img_banner{
		width: auto !important;
	}
	
	.b-box .b-box-link{
		text-decoration: none;
	}
	
	.b-box .b-box-title{
		line-height: 22px;
		font-size: 20px;
		color: #000;
		font-family: 'PFBeauSansProLight';
		margin: 0 6px;
	}
	
	.b-box .b-box-title_small{
		font-size: 16px;
		line-height: 18px;
	}
	
	.b-box .b-box-descr{
		margin: 5px 6px;
		color: #666;
		font-size: 11px;
		line-height: 12px;
	}
	
.b-cat{
	color: #900;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	margin: 0 6px;
}

	.b-cat .b-cat-link{
		color: #900;
		text-decoration: none;
	}
	
.b-footer-nav{
	margin: 20px 0;
	padding: 0;
	text-align: center;
	list-style: none;
}

	.b-footer-nav .b-footer-nav-item{
		display: inline;
	}
	
	.b-footer-nav .b-footer-nav-link,
	.b-footer-nav a,
	.b-footer-nav .b-footer-nav-item{
		color: #000;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 14px;
		text-decoration: none;
	}
	
	.b-footer-nav .b-footer-nav-clear{
		clear: both;
	}
	
.b-counters{
	float: left;
	margin: 20px;
}

.b-mc-link{
	float: right;
	display: block;
	width: 122px;
	height: 34px;
	background: url('/images/logo.png') no-repeat 0 -45px;
	overflow: hidden;
	text-indent: -9999px;
	margin-left: 20px;
}

.b-copyright{
	float: right;	
	text-align: right;
}

	.b-copyright,
	.b-copyright a{
		color: #900;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 12px;
		text-decoration: none;
	}