/* BEGIN reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,b,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';}a, a:hover, object {outline:none;} :focus {outline-width:0;} button::-moz-focus-inner {border:0;padding:0;}
/* END reset css */
	
/* BEGIN html5 */
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/* END html5 */

/* BEGIN global */
	img, object {float:left; display:inline;}
	legend {display:none;}
	strong {font-weight:bold;}
	em {font-style:italic;}
	label {cursor:pointer;}
	input[type="submit"], button {cursor: pointer;}
	object {outline:none;}
	table {empty-cells:show; table-layout:auto;}
    body {background: #fff;}
	body, button, input, select, textarea {font: 14px "Roboto", sans-serif; color: #252525; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	input, select, textarea {background:#fff; border: 1px solid #ccc;}
	a {color: #016c4a; text-decoration: none;}
	a:hover {color: #0c9c6e;}
	h1 {font-size: 32px;}
	h2 {font-size: 24px; font-weight: 900;}
	h3 {font-size: 20px;}
	
	/* global classes */
		.fl {float:left;}
		.fr {float:right;}
		.c-clear {float:left; width:100%;}
		.cb {clear:both; width:100%; }
		.bl {display: block; float: none;}
		.oh {overflow:hidden;}
		.ftb {display: block; width: 100%; height: 100%; text-indent: -55000px;}
	/* clearfix */
		.cf:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
		.cf {display: inline-block;}
		html .cf {display: block;}
		* html .cf {height: 1%;}
/* END global */

/* BEGIN icomoon */
	@font-face {
		font-family: 'icomoon';
		src:url('fonts/icomoon.eot?-6uzylq');
		src:url('fonts/icomoon.eot?#iefix-6uzylq') format('embedded-opentype'),
			url('fonts/icomoon.ttf?-6uzylq') format('truetype'),
			url('fonts/icomoon.woff?-6uzylq') format('woff'),
			url('fonts/icomoon.svg?-6uzylq#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
			font-family: 'icomoon';
			src: url('fonts/icomoon.svg?-6uzylq#icomoon') format('svg');
		}
	}
	
	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.icon-magazine:before {
		content: "\e600";
	}
	
	.icon-point:before {
		content: "\e601";
	}
/* END iconmoon */
	
/* BEGIN grid */
	.g {min-width: 255px; max-width: 1220px; margin: 0 auto; padding: 20px 30px 30px;}
/* END grid */

/* BEGIN design */

	/* BEGIN common */
	/* END common */
	
	/* BEGIN top */	
		#header {position: relative; height: 160px; background: url(../img/bg_header.jpg) no-repeat;}
			#header .logo {position: absolute; bottom: 24px; left: 20px; width: 450px; height: 65px; background: url(../img/logo_na.png) no-repeat;}
			#header .links {position: absolute; top: 24px; right: 10px; font-size: 12px; color: #fff;}
				#header .links > li {float: left; width: 116px;}
				#header .links > li + li {margin-left: 50px;}
					#header .links > li .label {text-transform: uppercase;}
					#header .links > li li {margin-top: 9px;}
						#header .links > li li a {font-weight: bold; color: #fff;}
	/* END top */
	
	/* BEGIN main */
		#main {margin-top: 20px;}
			
			/* BEGIN sidebar */
				#sidebar {float: right; width: 292px; margin-left: 40px;}
					#sidebar .banner {overflow: hidden; margin-top: 20px;}
					#sidebar .banner:first-child {margin-top: 0;}
					
					#sidebar .col {width: 126px;}
					#sidebar .col-1 {float: left;}
					#sidebar .col-2 {float: right;}
						#sidebar .col-2 .banner img {float: right;}
						
					#sidebar .links {margin-top: 35px; font-size: 13px; line-height: 20px;}
						#sidebar .links p {margin-top: 7px;}
							#sidebar .links p strong {font-weight: 900;}
			/* END sidebar */
			
			/* BEGIN content */
				#content {overflow: hidden;}
					#content .filter {}
						#content .page-header {padding-top: 25px; padding-bottom: 5px;}
						#content .filter {}
							#content .filter li {float: left; margin-right: -1px;}
								#content .filter li a {display: block; padding: 8px 20px 8px 15px; border: 1px solid #cce1da; font-weight: bold; color: #0a865f; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
								#content .filter li a:hover {text-decoration: none;}
								#content .filter li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
								#content .filter li a.active {background-color: #016c4a; border-color: #016c4a; color: #fff;}
									#content .filter li a span {vertical-align: middle;}
									#content .filter li a .icon {margin-right: 15px;}
									
					#content .letters {margin-top: 20px; padding: 10px 0; border-top: 1px solid #cdced0; border-bottom: 1px solid #cdced0}	
						#content .letters ul, #content .letters ul li {zoom: 1;}
						#content .letters ul {font-size: 0 !important; text-align: justify; text-justify: distribute-all-lines;}
						#content .letters ul:after, #content .letters .break {content: ""; display: inline-block; width: 100%; height: 0;}
						#content .letters li {display: inline-block; font-size: 14px; font-weight: bold;}	
							#content .letters li span {color: #c4c4c4;}	
						#content .letters .break {display: none; margin-top: 10px; padding-top: 10px; border-top: 1px solid #cdced0;}
					
					#content .links-letters	{margin-bottom: 15px;}
					#content .links-letter {margin-top: 25px;}
						#content .links-letter .letter {font-size: 16px; font-weight: 900;}
						#content .links-letter ul {margin-top: 15px; -moz-column-count: 3; -moz-column-gap: 40px; -webkit-column-count: 3; -webkit-column-gap: 40px; column-count: 3; column-gap: 40px;}
							#content .links-letter ul li {line-height: 24px;}
							#content .links-letter ul li:first-child {}
								#content .links-letter ul li a {font-weight: bold;}
								#content .links-letter ul li span {color: #ababab;}
					
					#content .links-groups {margin-top: 35px; border-top: 1px solid #cdced0;}
						#content .links-groups > ul {margin-left: -40px;}
						#content .links-groups > ul > li {float: left; width: 33.3%; margin-top: 35px;}
							#content .links-groups > ul > li .label, #content .links-groups > ul > li ul {margin-left: 40px;}
							#content .links-groups > ul > li .label {font-size: 16px; line-height: 22px; font-weight: 900;}
							#content .links-groups > ul > li ul {margin-top: 4px;}
								#content .links-groups > ul > li ul li {line-height: 24px;}
									#content .links-groups > ul > li ul li a {font-weight: 900;}
					
					#content .banners {margin-top: 30px;}
						#content .banners img {max-width: 100%; height: auto;}
					#content .banners-bottom {overflow: hidden; margin-top: 35px; margin-left: -20px; border-top: 1px solid #cdced0;}
						#content .banners .banner {overflow: hidden;}
						#content .banners-bottom .banner {float: left; margin-top: 20px; margin-left: 20px;}
					
					#content .entry {margin-bottom: 15px;}
					#content .page-header + .entry {margin-top: -5px;}
						#content .entry h3, #content .entry p {margin-top: 24px; line-height: 24px;}
						#content .entry h3 {font-size: 18px; font-weight: 900;}
						#content .entry img {display: block; float: none; max-width: 100%; height: auto;}
			/* END content */
			
	/* END main */

	/* BEGIN footer */
		#footer {margin-top: 20px; padding-top: 20px; border-top: 1px solid #cdced0; font-size: 12px; color: #5e5e5e;}
			#footer p + p {margin-top: 3px;}
	/* END footer */

/* END design */

/* BEGIN small desktop */
	@media screen and (max-width: 1279px) {
		/* BEGIN content */
			#content .links-letter ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
			#content .banners-middle {display: none;}
			#content .links-groups > ul > li {width: 50%;}
			#content .links-groups > ul > li:nth-child(2n+1) {clear: left;}
		/* END content */
	}
/* END small desktop */

/* BEGIN tablet */
	@media screen and (max-width: 1023px) {
		/* BEGIN top */	
			#header {height: 200px;}
				#header .logo {top: 25px; bottom: auto;}
				#header .links {top: 110px; right: auto; left: 20px; width: 450px; padding-top: 6px; border-top: 1px solid rgba(255, 255, 255, .3);}
					#header .links > li {float: none; overflow: hidden; width: auto; margin-top: 15px;}
					#header .links > li + li {margin-left: 0;}
						#header .links > li .label {float: left;}
						#header .links > li li {float: left; margin-top: 0; margin-left: 25px;}
		/* END top */
		
		/* BEGIN sidebar */
			#sidebar {width: 126px;}
				#sidebar .col-2 {display: none;}
		/* END sidebar */
		
		/* BEGIN content */
			#content .letters .break-2 {display: inline-block;}
		/* END content */
	}
	
	@media screen and (max-width: 719px) {
		/* BEGIN top */	
			#header {margin: 0 -15px;}
				#header .logo {left: 15px; width: 420px; height: 61px; background-size: 100%;}
				#header .links {left: 15px; width: 420px;}
		/* END top */
		
		/* BEGIN content */
			#content .filter li {float: none; margin-right: 0; margin-bottom: -1px;}
				#content .filter li a {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
				#content .filter li:first-child a {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
			#content .letters .break-2 {display: none;}
			#content .letters .break-3 {display: inline-block;}
			#content .links-letter ul {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
			#content .links-groups > ul > li {width: 100%;}
			#content .banners-bottom .banner {float: none;}
		/* END content */
	}
/* END tablet */

/* BEGIN mobile */
	@media screen and (max-width: 479px) {
		/* BEGIN top */	
			#header {height: 88px;}
				#header .logo {width: 260px; height: 38px;}
				#header .links {display: none;}
		/* END top */	
		
		/* BEGIN sidebar */
			#sidebar {display: none;}
		/* END sidebar */
	}
/* END mobile */