@charset "utf-8";
/* 
styles_media.css
CSS Document */
 @media screen {
.navbar {
	width:98%;
	margin:auto;
	min-height: 30px;
}
ul.nav .navbar-nav {
	min-height: 30px;
}
.nav > li > a {
	padding: 8px 15px; color: #FFFFFF; font-size: 100%; font-weight: 500;
}
.nav > li:hover > a {
	background: none;color: #FFFF00;
}
.dropdown:hover .dropdown-menu,  .btn-group:hover .dropdown-menu {
	display: block;
}
.dropdown-menu {
	margin: auto;
}
.dropdown-toggle {
	margin: auto;
}
.navbar .dropdown-toggle,  .nav-tabs .dropdown-toggle {
	margin: auto;
}
.navbar-inverse {
	/*background-color:#36C;*/
	border-color:#080808
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color:#fff;
	/*background-color:#006699*/
}
}
@media (max-width: 1140px) {
.bodywidth {
	width:100%;
}
.main_content {
	width: 95%;
}
}

@media (max-width: 1035px) {
.nav > li > a {
	padding: 8px 6px; font-size: 100%;
}
}
@media (max-width: 820px) {
.nav > li > a {
	padding: 8px 6px; font-size: 100%;
}
}

@media (max-width: 785px) {
.nav > li > a {
	padding: 6px 4px; font-size: 100%;
}
}
@media (max-width: 768px) {
.bodywidth {
	width:100%;
}
.main_content {
	width: 95%;
}
}

@media (max-width: 570px) {
.bodywidth {
	width:100%;
}
.main_content {
	width: 100%;
}
.uhomeleft {
	width: 100%;
	float:none;
}
.uhomeright {
	width: 100%;
	float:none;
}
}
@media (max-width: 320px) {
.bodywidth {
	width:100%;
}
.main_content {
	width: 100%;
}
.uhomeleft {
	width: 100%;
	float:none;
}
.uhomeright {
	width: 100%;
	float:none;
}
}