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

body{
padding:0;
margin:0;
background-color:#f4f4f4;
line-height:1.5;
font-family:Arial, Arial, Helvetica, sans-serif;		 
	 	
	
}

.container{
width:80%;
margin:0 auto;
overflow:hidden;	
	
}


ul{
list-style-type:none;	
padding:0;
margin:0;
	
}
header{

min-height:80px;	

}
header #logo{
float:left;	
	
}
	

header li{
padding 0px 20px 0 20px;
float:left;	
	
}

header nav{
float:right;
	margin-top:20px;
	padding:5px;
}
header a{
padding:15px;	
	text-decoration:none;
	color:#00F;
	
}
header a:hover{

       text-decoration:underline;
	   opacity:0.3;
 }
#contents h1{
color:#03F;	
	
}

header a li{
text-decoration:none;	
}
#header{
	
margin:0;	
	
}
#contents .content{
float:left;	
	width:30%;
	padding:10px;
	
	
	
}
#content h1{
color:#039;	
}
#slider{
margin-top:19px;	
	
}

footer{
background:#000;	
	min-height:50px;
}
footer p{
color:#fff;
text-align:center;
padding-top:10px;	
}


@media screen and (max-width:768px)
{
header #logo, header nav, header li, #contents .content{
float:none;
width:100%;	
text-align:center;
	
}

#logo img{
width:100%;
height:100px;	
}

header li{
height:40px;	
	
}
.container{

padding:0;
	
}
#contents .content{

padding:0;
	
}


}