*, *:before, *:after
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}


html, body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s,
samp, small, strike, strong, sup, sub, tt, var, b, u, i, center,
ul, ol, li, dl, dt, dd,
table, tr, th, td, thead, tbody, tfoot, caption,
form, fieldset, legend, input, button, textarea, select, label,
applet, object, iframe, audio, video, canvas,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary
{
	font-size: 100%;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}

html
{
	font-size: 100%;
	font-size-adjust: auto;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

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

audio, canvas, video	{ display: inline-block; *display: inline; *zoom: 1; }
audio:not( [controls] ) { display: none; }

a, input, button		{ touch-action: manipulation; }

[hidden]				{ display: none; }

a 						{ text-decoration: underline; color: #000; }
a:hover 				{ text-decoration: none; }

small					{ font-size: 75%; }
big						{ font-size: 125%; }
em						{ font-style: italic; }
strong					{ font-weight: bold; }
ins						{ text-decoration: none; }
del						{ text-decoration: line-through; }
sup, sub				{ font-size: 75%; line-height: 0; }
sup						{ vertical-align: super; }
sub						{ vertical-align: sub; }
pre						{ display: block; overflow: auto; }

ul, ol					{ list-style: none; }

table					{ table-layout: auto; border-collapse: separate; border-spacing: 0; empty-cells: show; }

img						{ vertical-align: middle; -ms-interpolation-mode: bicubic; }
svg:not(:root)			{ overflow: hidden; }

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

input, textarea, select, button 										{ vertical-align: baseline; *vertical-align: middle; -webkit-border-radius: 0; }
input, button 															{ line-height: normal; *overflow: visible; }
table input, table button 												{ *overflow: auto; }
input[type='submit'], input[type='reset'], input[type='button'], button	{ cursor: pointer; -webkit-appearance: button; }
textarea 																{ overflow: auto; vertical-align: top; }

input, textarea															{ -webkit-appearance: none; }
input[type='radio']														{ -webkit-appearance: radio; }
input[type='checkbox']													{ -webkit-appearance: checkbox; }

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration,
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button							{ display: none; }
input[type='password']::-ms-reveal										{ display: none; }
input::-ms-clear				 										{ display: none; }

.clearfix:after					{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
* html .clearfix 				{ zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }
.cleaner 						{ height: 0; line-height: 0; clear: both; }



		#nav
		{
			width:55%; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			/*position: absolute;*/
			position:relative;
			float:left;
			letter-spacing: 1px;
			text-transform:uppercase;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				width:20%;
			}
				#nav li a
				{
					color: #D1D1D1;
					display: block;
				}
				#nav li a:active
				{
					color: #66E0FF !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				background-color: transparent;
				height:75px;
				
			}
				#nav > ul > li
				{
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 0.875rem;
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						vertical-align:middle;
						line-height:75px;
						color:#D1D1D1;
					}
					
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							color: #00B5E1 ;
						}


				/* second level */

				#nav li ul
				{
					background-color: #cc470d;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #e15a1f;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}


		@media (max-width:900px) and (min-width:640px) {
			
			#div_logo{
				width:100%;
				top:0;
				line-height:55px;
				left:auto;
				right:auto;
				text-align:center;
			}

			#nav
			{
				width:100%;
				position: absolute;
				top: 25px;
				left: auto;
			}
		}
/*
		@media only screen and ( max-width: 1000px ){
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}
*/
		@media only screen and ( max-width: 640px ) /* 640 */
		{
			
			#div_logo{
				width:100%;
				left:auto;
				right:auto;
				text-align:center;
			}

			#nav
			{
				width:50%;
				position: absolute;
				top: 15px;
				left: 2px;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #F8F8F8;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #2C3133;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				background-color: #F8F8F8;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						line-height:40px;
						padding: 0 0.833em; /* 20 (24) */
						color: #2C3133;
					}
					#nav li a:active
					{
						background-color: #2C3133 !important;
						color: #66E0FF !important;
					}
					
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #2C3133;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}