@charset "UTF-8";
/* CSS Document */


#navitop{
	width:100%;
	height:80px;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	position:fixed;
	z-index:9;}
	
	#home{
		width:200px;
		height:80px;;
		margin-left:1%;
		background-image:url(../imag/logo1.png);
		background-repeat:no-repeat;
		background-size:cover;
		z-index:11;
		float:left;
		}
		#home:hover{
		width:200px;
		height:80px;
		margin-left:1%;
		background-image:url(../imag/logo2.png);
		background-repeat:no-repeat;
		background-size:cover;
		z-index:11;
		}
#bottom{
		width:90px;
		height:45px;
		
		background-image:url(../imag/bottom1.png);
		background-repeat:no-repeat;
		background-size:contain;
		
		z-index:11;
	float:right;
		margin-right:2%;
	
		margin-top:18px;
		
		}
		
		.tr-slide{
			
		
			height:2999%;
			
			color:#000000;
			float:right;
			
			margin-top:40px;
			background-color:#fff;
			
			display:none;
			list-style:none;
			line-height:25px;
			
			}
			.tr_slide li{
				width:500px;
				margin-top:90%;}
#bottom:hover{
		
		
		background-image:url(../imag/bottom2.png);
		background-repeat:no-repeat;
		background-size:contain;
		
	
		
		}
#bottom:hover .tr-slide{
	display:block;
	width:500px;
	overflow:visible;
	margin-right:-100px;
	opacity:1;
	display:block;
	font-weight:bold;
		font-size:200%;
		color:#000;
		

	
	
	
}


.one{
	width:100%;
	height:70px;
	
	border-bottom:1px solid    #EFEFEF ;
	padding-top:2%;
	margin-top:10%;
	
	
}

.one:hover{
	color:#CCCCCC;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	
	
}



.green9{
	color:#900;
	font-size:250%;
	}

.green9:hover{
	color:#ccc;
	font-size:250%;
	}



@media only screen and (min-width: 601px) and (max-width: 768px) 
{



#home:hover{
		width:200px;
		height:80px;
		margin-left:1%;
		background-image:url(../imag/logo2.png);
		background-repeat:no-repeat;
		background-size:cover;
		z-index:11;
		}
#bottom{
		width:90px;
		height:40px;
		
		background-image:url(../imag/bottom1.png);
		background-repeat:no-repeat;
		background-size:contain;
		
		z-index:11;
	float:right;
		margin-right:2%;
	
		margin-top:18px;
		
		}
		
		.tr-slide{
			
		
			height:2999%;
			
			color:#000000;
			float:right;
			
			margin-top:40px;
			background-color:#fff;
			display:none;
			list-style:none;
			
			z-index:99 !important;}
			.tr_slide li{
				width:300px;}
#bottom:target{
		
		
		background-image:url(../imag/bottom2.png);
		background-repeat:no-repeat;
		background-size:contain;
		
	
		
		}
#bottom:target .tr-slide{
	display:block;
	width:500px;
	overflow:visible;
	margin-right:-100px;
	opacity:1;
	font-weight:bold;
		font-size:200%;
		color:#000;
		

	
	
	
}


.one{
	width:100%;
	height:40px;
	
	border-bottom:1px solid #EFEFEF;
	padding-top:9px;
	margin-top:5%;
	
	
}

.one:target{
	color:#CCCCCC;
	
}



}

@media only screen and (min-width: 150px) and (max-width: 600px) 
{


#bottom:hover .tr-slide{
	display:block;
	width:300px;
	overflow:visible;
	margin-right:-100px;
	opacity:1;
	font-weight:bold;
		font-size:200%;
		color:#000;
		

	
	
	
}

#navitop{
	width:100%;
	height:50px;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	position:fixed;
	z-index:9;}
	
	#home{
		width:150px;
		height:50px;
		margin-left:1%;
		background-image:url(../imag/logo1.png);
		background-repeat:no-repeat;
		background-size:cover;
		z-index:11;
		}
		#home:hover{
		width:150px;
		height:50px;
		margin-left:1%;
		background-image:url(../imag/logo2.png);
		background-repeat:no-repeat;
		background-size:cover;
		z-index:11;
		}
		
		
		#bottom{
		width:25px;
		height:25px;
		
		background-image:url(../imag/bottom1.png);
		background-repeat:no-repeat;
		background-size:contain;
		
		z-index:11;
	float:right;
		margin-right:3%;
	
		margin-top:13px;
		
		}
			

	
		
		.tr-slide{
			
		
			height:2999%;
			
			color:#000000;
			float:right;
			
			margin-top:25px;
			background-color:#fff;
			display:none;
			list-style:none;
			
			z-index:60 !important;}
	


.one{
	width:100%;
	height:29px;
	
	border-bottom:1px solid #CCC width:70%;
	padding-top:4px;
	margin-top:5%;
	
}
.genericons{
	width:50%;
	}
}