@charset "utf-8";
/* CSS Document */

body {
	background:#444444;
	font-family: tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	margin:0px;
	}

.container{
		width:90%;
		background:#FFF;
		margin:auto;
		overflow:hidden;	
}

.row{
		width:100%;
		margin:auto;
		overflow:hidden;		
}

hr{
	width:100%;	
	margin:6px;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #666;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
	margin:0px;
}

li a:hover:not(.active) {
    background-color: #555;
}

.active {
    background-color: #066;

}
.col-3{
	width:22.33%;
	overflow:hidden;
	padding:5px;
	float:left;
}

.col-6{
	width:50.33%;
	overflow:hidden;
	padding:5px;
	float:left;
}

.col-3 a{
	display:block;
	width:100%;
	text-indent:8px;
    background-color: #fff;
	color:#003;
	padding-top:15px;
}
.col-3 a:hover{
	color:blue;
}


.dropbtn {
	width:100%;
    border: none;
    cursor: pointer;
	text-indent:8px;
	padding-top:15px;

}

.dropdown {
    position: relative;
    display: inline-block;

}

.dropdown-content {
	width:100%;
    display: none;
	position:relative;
	padding-left:15px;
}

.dropdown-content a {
    color: black;
    width:100%;
	text-indent:8px;
    display: block;
	border-bottom::1px solid #999999;

}

.dropdown-content a:hover {
	background-color: #fff;
	color:blue;
}

.dropdown:hover  .dropdown-content {
    display: block;
	
}

.dropdown:hover .dropbtn {
    background-color: #fff;
}

.menuline{
	border-bottom:1px dashed #999999;width:90%;padding-bottom:5px;
}

.title{
	display:block;
	padding:8px 14px;	
	background:#066;
	width:29%;
	text-align:center;
	color:#FFF;
	border-radius:8px 8px 0px 0px;
}

span{
	color:#aa2000;
}

p{
	text-indent:30px;
}
.pic{
	border:6px solid #ffffff;	
	box-shadow:-0.5px 0px 0.5px #aaa;

}




@media screen and (max-width:800px;) {
.container{
	display:block;
	width:100%;
	margin:0;
	font-size:14px;
}


.col-3 {width:80%;float:none;margin:auto;}

.col-3 a{padding:10px; float:none;}
.col-6 {width:95%;float:none;}


.col-3 img{width:100%;}
.col-3 .menuline{width:80%;}
.title{width:40%;}


}

