* {
	margin: 0;
	padding: 0;
}
html {
	text-align:center;
	 height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	height: 50%;
    background:white url(images/bg_page.gif) no-repeat 20% 0; 
	line-height:20px;
	background-attachment: fixed;
}

a {
	color: #003399;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	word-spacing: normal;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.wrapper {
	min-height: 100%;
	width: 1200px;
	text-align:center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	vertical-align: middle;
	
}


#header {
  	width:1200px;
	height: 102px;
	background:#FFF url(images/bg_header.gif) repeat-x;
	-moz-border-radius:2px;
	background-attachment: fixed;
	
}


#nav 			{
	position: relative;
	display:block;
	width:1200px;
	height:25px;
	margin:0;
	padding:0;
	text-align:left;
	background:#A13D3D url(images/bg_nav.gif) repeat-x;
	background-attachment: fixed;


	 -moz-border-radius:2px;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	 }
#nav li 		{ 
	float:left; 
	width:115px; 
	 
	}
#nav li a 		{ 
	text-decoration:none; 
	display:block; 
	padding:0; 
	height:1%; 
	line-height:25px; 
	color:#FFF; 
	}
#nav li.on 		{ 
	display:block; 
	padding:0; 
	width:120px; 
	height:25px; 
	line-height:25px; 
	background:url(../images/bg_nav_on_2.gif) no-repeat 50% 0; 
	color:#EFEFEF; 
	}
#nav li a:hover {
	background:url(images/bg_nav_on_2.gif) no-repeat 50% 0;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	}
#nav p {
	word-spacing: normal;
}
nav p a 		{  
	color:#FFF; 
	}

#maket {
	width:100%; 
	padding:40px 0px; 
	min-height:43px;
	background:#FFF url(images/bg_content.gif) no-repeat 0 0;
	text-align:justify;
	margin:0 auto;
	
	  }

#left { 
	padding:0 auto ;
	margin-left:0px;
	margin-top:102px;
	width:220px; 
	float:left; 
	min-height:43px;
	background:url(images/bg_left.gif) no-repeat 100% 50% ;
}


#content {
	width:900px; 
	float:left;
	margin-right:0px;
	padding:0 auto;
	margin-top:102px;	
		min-height:43px;

}



#clear {
	clear: both;
	height: 15px;
	
}

#footer {
	text-align:center;
	clear: both;
	width: 400px;
	margin: 0 auto;
	height: 35px;
	background:#EFEFEF; 
	-moz-border-radius:2px;
	line-height:15px;
	margin-top:-40px;	
}



<style>

.header1 {

  position: fixed;
  display: flex;
  
  width:1200px;
	-moz-border-radius:2px;
}



.list1 {
  width:1200px;
	-moz-border-radius:2px;

    z-index: 2;
	
}




.item {

  display: inline-block;
  position: relative;
  cursor: pointer;
 
}

.second-list1 {
  display:none;
  position: absolute;
  list1-style-type: none;
  margin-left: 0; 
  padding-left: 0;
  background-color:#FFEBCD	;
  overflow: auto;
max-height: calc(70vh);

}

.item:hover .second-list1 {
  display: block;
 overflow: auto;
}

.second-item {
  color: #000;
  padding: 10px;
  width: 200px;
  cursor: pointer;
  text-align: left; 
  overflou: auto;
}


</style>


<style>

.main_nav_wrapp {

}

.main_row {
  max-width: 1200px;
  margin: 0 auto;
}

.main_nav {
  display: flex;
  display: -webkit-flex;

}

.main_nav li {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  text-align: center;
}

.main_nav li b {
  display: block;
  flex: 1;
  -webkit-flex: 1;
  padding: 0 10px;

}

</style>


<style>

* {margin:0; padding:0}
#inln 
.block { 
width:13%;
display:inline-block;
}




</style>