/**
* @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 {
	background: none repeat scroll 0 0 #333333 !important;
	border: 1px solid #666666 !important;
	color: #CCCCCC !important;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	padding: 4px 15px;
	text-align: right;
	color: #FFFFFF !important;

}
.button {
	/*background: none repeat scroll 0 0 #333333;*/
	/*border: 1px solid #666666;*/
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	padding: 4px 15px;
	text-align: right;
	color: #FFFFFF !important;
}

/*.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 {
	padding: 12px 20px;
	color: #555;
	font-size: 20px;
	text-transform: uppercase;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	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(http://joyeriagarce.com/modules/mod_mjmenu/assets/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:url(../images/menu_btn.png) no-repeat scroll 0 0 transparent;
width: 40px;
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:28px;
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: 700px) {
 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: url("../images/mask-1.png") repeat scroll -18px 94px #474747 !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
-------------------------------------------------------- */