@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/


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



.menu_sub {
	padding:0;
	background:#004097	;
	}


#nav_sub {
	text-align:center;
	width: 100%;
	margin:0 auto;
	padding:0;
	}

#nav_sub li {
	display: inline-block;
	width:18%;
	padding: 10px 0 ;
	vertical-align:middle;
	border-left: dotted 1px #ddd;
	font-size: 85%;
	line-height:1.5em;

}

#nav_sub li:first-child {
	padding-left: 0;
	border-left: none;
}

#nav_sub a:link,
#nav_sub a:visited {
	color: #fff;
	text-decoration: none;
}

#nav_sub a:hover,
#nav_sub a:active{
	color:#FDFFA4;
}


/* ------ Title ------ */

#title_sub{
	border-top:#ccc solid 3px;
	background: #efefef;
	padding:20px 0;	
}

#title_sub h1{
	text-align:center;
	font-weight:bold;
	font-size:130%;
}

#title_sub p{
	text-align:center;
	font-weight:bold;
	font-size:130%;
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {




}

/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {


#title h1{
  font-size:100%;
}

#title p{
  font-size:100%;
}
.menu_sub {
	padding:10px 0;
	}

	#nav_sub li {
	width:50%;
	padding: 5px 0 ;
	border-left: none;
	float:left;
	font-size:80%;
	}
	
	#nav_sub {
	margin-top:0;
	}


}