/**
* @package Mj Menu
* @copyright (C) 2012 by Dasinfomedia - All rights reserved!
* @license GNU/GPL, see LICENSE.php

cleardiv CSS*/
.cleardiv:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
}
.cleardiv
{
	display: inline-block;
}
HTML[xmlns] .cleardiv
{
	display: block;
}
* HTML .cleardiv
{
	height: 1%;
}
/*---------------------------------------*/
.container
{
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
A.btn
{
	/*[disabled]background:#333333 repeat 0 0;*/
	/*[disabled]border:1px solid #666666;*/
	/*[disabled]color:#CCCCCC;*/
	cursor: pointer;
	display: block;
	float: left;
	/*[disabled]font-size:14px;*/
	/*[disabled]padding:4px 15px;*/
	text-align: right;
	/*[disabled]color:#FFFFFF;*/
}
.button
{
	/*background: none repeat scroll 0 0 #333333;
border: 1px solid #666666;*/
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1.2em;
	padding: 4px 15px;
	text-align: right;
	color: #FFFFFF;
}
/*.button:hover {
background: none repeat scroll 0 0 #1C1D22;
border: 1px solid #666666;
}
a.btn:hover, a.btn:active, a.btn.active {
background: none repeat scroll 0 0 #1C1D22;
border: 1px solid #666666;
}
Header*/
.navbar .container
{
	width: 100%;
}
/*Mainnav*/
.mj-mainnav
{
	margin-bottom: 0;
}
.mj-mainnav .mj-mainnav-inner
{
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#mj-pos-mainnav
{
	clear: both;
}
.mainnav-toggle SPAN
{
	color: #FFFFFF !important;
}
.mj-mainnav.navbar .nav > LI > A
{
	/*[disabled]padding:10%;*/
	color: #606E82;
	text-transform: uppercase;
	/*[disabled]transition:0.3s;*/
	/*[disabled]-moz-transition:0.3s;*/
	/*[disabled]-webkit-transition:0.3s;*/
	/*[disabled]border-top:3px solid transparent;*/
}
.navbar .nav > LI > A:hover, .navbar .nav > LI > A:active
{
	/*color: #FFFFFF !important;*/
	text-decoration: none !important;
}
.navbar .nav > LI.active > A, .navbar .nav > LI.active > A:hover
{
	color: #FFF !important;
	background-color: transparent;
}
.mj-mainnav.navbar .nav > LI UL.nav-child LI
{
	position: relative;
}
.mj-mainnav.navbar .nav > LI UL.nav-child LI A
{
	padding: 10px 20px !important;
	min-height: 20px;
	line-height: 20px;
	background: #FAFAFA;
	border: 1px solid #F0F0F0;
	border-top: none;
	display: block !important;
	width: 150px;
	color: #AAA;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	text-transform: uppercase;
}
.mj-mainnav.navbar .nav > LI UL.nav-child LI A:hover, .mj-mainnav.navbar .nav > LI UL.nav-child LI A.mj-more-active:active
{
	color: #FFFFFF !important;
	text-decoration: none;
}
.mj-mainnav.navbar .nav > LI UL.nav-child LI.active > A
{
	color: #555;
}
/*Submenu lv2*/
UL.nav-child LI:hover > UL.nav-child
{
	display: block;
	position: absolute;
	z-index: 200;
	top: -1px;
	left: 100%;
}
.nav > LI > A
{
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
/*Modules*/
.mj-modulecontainer
{
	margin-bottom: 20px;
	position: relative;
}
.mj-modulecontainer:last-child
{
	margin-bottom: 0;
}
/*_menu suffix*/
.mj-modulecontainer.mj_menu UL, .mj-modulecontainer.menu UL
{
	list-style: none;
	margin: 0;
}
.mj-modulecontainer.mj_menu UL LI, .mj-modulecontainer.menu UL LI
{
	display: block;
}
.mj-modulecontainer.mj_menu UL LI A, .mj-modulecontainer.menu UL LI A
{
	padding: 6px;
	display: block;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.mj-modulecontainer.mj_menu UL LI A:hover, .mj-modulecontainer.mj_menu UL LI A:active, .mj-modulecontainer.menu UL LI A:hover, .mj-modulecontainer.menu UL LI A:active
{
	color: #FFF;
	text-decoration: none;
}
/*Responsive CSS
------------------------------------------------------------------------------
@media (min-width: 1200px)
{
.responsive-banner
{
background: url(../images/banner-j3.jpg) center center;
overflow: hidden;
}
}
@media (max-width: 700px)
{
.mj-mainnav .navbar-inner
{
padding: 0;
}
.mj-mainnav .navbar-inner .container
{
width: 100%;
text-align: center;
}
.navbar .mainnav-toggle
{
text-align: center;
position: relative;
}
.navbar .btn-navbar
{
float: none;
font-size: 12px;
background-color: #444;
//background-image: -ms-linear-gradient(top, #777777, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#222222));
background-image: -webkit-linear-gradient(top, #777, #222222);
background-image: -o-linear-gradient(top, #777, #222222);
background-image: linear-gradient(top, #777, #222222);
background-image: -moz-linear-gradient(top, #777, #222222);//
background: transparent url(../img/menu_btn.png) no-repeat 0 0;
width: 42px !important;
padding: 5px 10px !important;
margin: 5px auto;
color: #DDD;
text-transform: uppercase;
text-shadow: 0 1px 0 #000;
display: block !important;
text-align: center !important;
height: 30px;
text-indent: -99999999px;
}
//.mj-mainnav.navbar .nav-collapse .nav {
margin: 0;
border-top: 1px solid #ccc;
}//
.mj-mainnav.navbar .nav-collapse .nav > LI > A
{
padding: 12px 9px !important;
}
//border: 1px solid #e0e0e0;
border-top: none;
color: #CC0000;
font-size: 18px;
background: #eaeaea;
text-shadow: 0 1px 0 #fff;
border-radius: 0;
margin: 0;
font-weight: normal;
display:none !important;
text-align:center;
}
.mj-mainnav.navbar .nav-collapse .nav > li a:hover, .mj-mainnav.navbar .nav-collapse .nav > li a:active, ul.nav-child li > ul.nav-child li a:hover, ul.nav-child li > ul.nav-child li a:active {
background: url("../images/mask-1.png") repeat scroll -18px 94px #474747 !important;
text-shadow: none;
}//
.mj-mainnav.navbar .nav-collapse UL.nav LI.active > A, .mj-mainnav.navbar .nav-collapse UL.nav LI.active > A:hover
{
color: #FFFFFF;
//background: url("../images/mask-1.png") repeat scroll -18px 94px #474747 !important;
border-color: #6ea9e0;//
border-bottom-color: #4A87C0;
}
//ul.nav-child {
display: block;
position: relative !important;
}//
.mj-mainnav.navbar .nav-collapse UL.nav LI > UL.nav-child LI A
{
background: #F3F3F3;
border-color: #DDD;
width: auto;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI.active > UL.nav-child LI A
{
color: #AAA;
text-shadow: 0 1px 0 #FFF;
border-bottom-color: #DDD;
}
//ul.nav-child li:hover > ul.nav-child {
left:0;
top: 0;
}//
UL.nav-child LI > UL.nav-child LI A
{
background-color: #FAFAFA;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI UL.nav-child LI A:hover, .mj-mainnav.navbar .nav-collapse UL.nav LI UL.nav-child LI A:active
{
background: #CCC;
}
}

@media (max-width: 750px)
{
BODY
{
padding-top: 0;
}
.container
{
width: 100% !important;
}
.mj-mainnav .mj-mainnav-inner .container
{
text-align: center;
position: relative;
}
.navbar .mainnav-toggle
{
text-align: center;
position: relative;
}
.navbar .btn-navbar
{
width: 40px;
text-indent: -99999999px !important;
}
.navbar-inner
{
background: none;
box-shadow: none;
padding: 0;
}
.navbar .nav-collapse UL.nav
{
float: none;
width: 100%;
border-top: 1px solid #E7E7E7;
}
.navbar .nav-collapse UL.nav LI
{
float: none;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI A
{
padding: 10px 20px !important;
border: 1px solid #E0E0E0;
border-top: none;
//color:#fff !important;//
font-size: 15px;
//background: #eaeaea !important;
text-shadow: 0 1px 0 #fff;//
display: block !important;
text-align: center;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI A:hover
{
//background: url("../images/mask-1.png") repeat scroll -18px 94px #474747 !important;//
text-shadow: none;
color: #FFF !important;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI.active > A, .mj-mainnav.navbar .nav-collapse UL.nav LI.active > A:hover, .mj-mainnav.navbar .nav-collapse UL.nav LI.active > A:active
{
color: #FFFFFF;
background: #474747 url("../images/mask-1.png") repeat -18px 94px !important;
border-color: #6EA9E0;
border-bottom-color: #4A87C0;
text-shadow: 0 1px 0 #8EBFED;
}
UL.nav-child
{
display: block;
position: relative !important;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI UL.nav-child LI A
{
padding-left: 30px;
background: #F3F3F3;
border-color: #DDD;
font-size: 13px;
}
.mj-mainnav.navbar .nav-collapse UL.nav LI UL.nav-child LI A:hover, .mj-mainnav.navbar .nav-collapse UL.nav LI UL.nav-child LI A:active
{
background: #CCC;
}
.responsive-caption
{
position: relative;
}
UL.nav-child LI:hover > UL.nav-child
{
left: 0;
top: 0;
}
.nav-collapse .nav > LI > A
{
margin-bottom: 0;
}
}
Template Admin CSS
--------------------------------------------------------*/