/** *** NAV CSS *** **/

#drawer {
	background: #fff;
}

.nowrap{
	 white-space: nowrap;
}

.logo-bco{
	margin: 0 auto;
	width: 110px;
	height: 40px;
	background: url(../img/logo_min.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

header {
	display: flex;
	width: 100%;
	border: 0px solid blue;
	z-index: 3;
	position: fixed;
	height: 45px;
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	color: white !important;
	/*! font-family: arial !important; */
	font-size: 0.79em !important;
}

.empresa-name-content {
	margin-left: 10px;
	margin-right: 10px;
	background: white;
	border-radius: 10px;
	border: 2px solid #4e9a06;
	display: flex;
	flex-direction: column;
	box-shadow: 1px 1px 2px #0e0505;
}

.empresa-name-content > div {
	flex: 1;
}

.clear-search{
	width: 25px;
	height: 25px;
	position: relative;
	right: -176px;
	top: -27px;
	background: url(../img/icons_free/circle-remove.png);
	background-size: cover;
	cursor: pointer;
}

.name-empresa{
/*	padding-top: 13px;*/
	font-weight: bold;
	color: green;
	text-shadow: 0px 0px 1px white;
	height: 40px;
	text-align: center;
}

header > div:nth-child(1), header > div:nth-child(2) {
	flex: 1;
/*	border: 0px solid red;*/
	padding-top: 2px;
}
header > div:nth-child(3){
	flex: 8;
/*	border: 0px solid red;*/
	padding: 0;
}
header > div:nth-child(4){
	flex: 2;
	padding-top: 7px;
	padding-left: 7px;
/*	border: 0px solid red;*/
	text-align: left;
}

header > div, header > div > nav, header > div > nav > ol{
	margin: 0 auto;
	padding: 0;
}

/*header > div {*/
/*	border: 0px solid white;*/
/*}*/

/*header > div > nav > ol{*/
/*	display: flex;*/
/*}*/


/*header > div > nav > ol > li {*/
/*	flex: 1;*/
/*	transition: all 1s;*/
/*	-moz-user-select: none;*/
/*	user-select: none;*/
/*	cursor: pointer;*/
/*	height: 45px;*/
/*	text-align: center;*/
/*	list-style: none;*/
/*	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);*/
/*}*/

/*header > div > nav > ol > li > div{*/
/*	padding-top: 17px;*/
/*	border: 0px solid white;*/
/*	height: 27px;*/
/*}*/

header > div > nav > ol > li:hover, header > div > nav > ol > li > ol > li:hover, .module:hover, .submodule:hover {
	background: linear-gradient(to bottom, rgba(50,168,0,1) 1%,rgba(0,110,46,1) 40%,rgba(0,110,46,1) 100%);
}

/*ol > li:hover > ol{*/
/*	display: block;*/
/*}*/

/*header > div > nav > ol > li > ol{*/
/*	display: none;*/
/*	flex-direction: column;*/
/*	padding: 0;*/
/*	position: absolute;*/
/*	top: 45px;*/
/*	width: 200px;*/
/*	box-shadow: 2px 2px 4px #2e3436;*/
/*}*/

/*header > div > nav > ol > li > ol > li{*/
/*	flex: 1;*/
/*	width: 200px;*/
/*	height: 30px;*/
/*	list-style: none;*/
/*	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);*/
/*}*/

/*header > div > nav > ol > li > ol > li > div{*/
/*	padding-top: 9px;*/
/*	padding-left: 10px;*/
/*	text-align: left;*/
/*	border: 0px solid white;*/
/*	height: 20px;*/
/*}*/


#nav-one {
	border: 0px solid white;
	flex: 8;
}

#nav-one > ol {
	display: flex;
}

#nav-one ol li {
	list-style: none;
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	border: 0px solid red;
	flex: 1;
}


#nav-one ol li div {
	padding: 7px 0px 7px 0px;
}

#nav-one > ol > li > div {
	padding: 14px 0px 14px 0px;
}

#nav-one * {
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	-moz-user-select: none;
	user-select: none;
}

#nav-one > ol > li {
	float: left;
}

#nav-one ol li ol {
	position: absolute;
	min-width: 180px;
	transition: visibility 0.5s, opacity 0.5s;
	visibility: hidden;
	opacity:0;
}

#nav-one ol li:hover > ol {
	visibility:visible;
	opacity:1;
}

#nav-one ol li:hover {
	background: linear-gradient(to bottom, rgba(50,168,0,1) 1%,rgba(0,110,46,1) 40%,rgba(0,110,46,1) 100%);
}

#nav-one ol li ol li {
	position: relative;
}

#nav-one ol li ol li ol {
	right: -180px;
	top: 0px;
}


.submenuList {
	margin-left: 200px;
	width: 150px;
	text-align: left;
	background: #000;
	display: none;
}

.submenuList > li {
	height: 30px;
	list-style: none;
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
}

.search-one{
	border-radius: 0;
	padding: 5px;
	margin: 0 auto;
	width: 200px;
	border: 0;
}

.itemMenu {
	padding: 7px 5px 7px 6px !important;
	text-align: left !important;
}

#res-search{
	display: none;
	border: 1px solid #888a85;
	width: 320px;
	max-height: 530px;
	min-height: 50px;
	position: absolute;
	right: -12px;
	top: 45px;
	background: rgba(255,255,255,0.7);
	padding: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: -3px 3px 3px #2e3436;
}

.item-search{
	padding: 10px 5px 10px 5px;
	background: #babdb6;
	color: black !important;
	cursor: pointer;
	border: 1px solid;
	border-bottom: 0;
	border-radius: 7px 7px 0 0;
}

.colorActivo {
	background: #73d216 !important;
}

.colorRetirado {
	background: #ef2929 !important;
}


.line-info:nth-child(2n+1) {
	background : #f9f9f9;
}
.line-info:nth-child(2n+2) {
	background : #e7e7e7;
}


.item-search:hover, .line-info:hover{
	background: #ebff89;
}

.item-det{
	background: white;
	color: black;
	border: 1px solid;
	border-top: 0;
	border-radius: 0 0 7px 7px;
}

.line-info{
	display: flex;
}
.tit-info{
/*	padding: 10px 7px 10px 10px;*/
	padding: 2px 3px 5px 7px;
}

.tit-info:nth-child(1){
	flex: 1;
}
.tit-info:nth-child(2){
	flex: 3;
}

.menu-phone {
	display: none;
	padding-top: 7px;
	flex: 1;
}

.menu-icon{
	background: url(../img/btn-menu.png);
	width: 30px;
	background-size: cover;
	height: 30px;
}

.search-area{
	text-align:center;
}

#menu-two nav ol li {
	border: 1px solid #2e3436;
	color: white;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	text-align: left;
	list-style: none;
}

.module{
	padding-top: 15px;
	font-weight: bold;
	color: #fff;
	background: url(style/drawer/images/ui/pattern_subheader.png) repeat left top;
	margin: 0;
}

.module > div{
	margin-bottom: 15px;
	padding-left: 10px;
}

.submodule{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	background: url(style/drawer/images/ui/pattern.png) repeat;
}

#menu-two > nav > ol > li > ol {
	margin-top: 10px;
}

#menu-two nav ol{
	-moz-padding-start: 0;
	-moz-padding-inline-start: 0;
	padding-inline-start: 0;
	padding-start: 0;
}


.module:hover, .submodule:hover {
	background: linear-gradient(to bottom, rgba(50,168,0,1) 1%,rgba(0,110,46,1) 40%,rgba(0,110,46,1) 100%);
}

#menu-tree{
	flex: 2;
}


.content-logo {
/*	background: white;*/
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(219,219,219,1) 82%,rgba(226,226,226,1) 100%);
	height: 43px;
	min-width: 140px;
}

.version-system {
	width: 20px;
	height: 20px;
	border: 0px solid red;
	color: green;
	position: relative;
	right: -90px;
	top: 22px;
	padding: 0px;
}

.version-system > span {
	margin-top: 1px;
	position: relative;
	top: 6px;
	font-weight: bold;
	left: 2px;
}

.subMenuItem {
	text-align: left !important;
	padding-left: 10px !important;
}

.ssMenu{
	margin-right: -3px !important;
	margin-top: -2px !important;
	border: 2px solid #8ae234;
}

@media screen and (max-width: 999px) {
	#menu-one{
		display: none;
	}
	header > div > nav > ol{
/*		flex-direction: column;*/
/*		width: 100%;*/
/*		height: 30px;*/
		display: none;
	}

	.logo-bco{
		background: url(../favicon2.png);
		background-size: cover;
	}

	.version-system {
		right: -40px
	}

	.clear-search {
		right: -115px;
	}

	.content-logo {
		min-width: 10px;
	}

	.logo-bco{
		width: 40px;
/*		background: url(../img/logo_min2.png);*/
	}

	#menu-one, #menu-one nav > ol{
		position: absolute;
		top: 45px;
		left: 0;
		width: 100%;
		background: #000;
	}

	.menu-phone{
		display: initial;
	}

	.search-one{
		width: 140px;
	}


	.dc{
		width: 246px !important;
		font-size: 1.7em !important;
	}


	header > div:nth-child(1){
		text-align: left;
	}
	header > div:nth-child(2){
		display: none;
	}

	header > div > nav > ol {
/*		position: initial;*/
	}
	header > div > nav > ol > li > ol {
		position: initial;
	}


	header > div,
	header > div > nav,
	header > div > nav > ol > li,
	header > div > nav > ol > li > div,
	header > div > nav > ol > li > ol,
	header > div > nav > ol > li > ol > li,
	header > div > nav > ol > li > ol >li > div
	{
/*		width: 100%;*/
	}
}


.info-ventas-valor{
	font-size: 3em;
	font-weight: bold;
	text-align: right;
	padding: 30px;
}


@media screen and (max-width: 790px) {
	.footer:nth-child(2) {
		display: none;
	}
}

@media screen and (max-width: 750px) {
	.line-row {
		flex-direction: column;
	}
	.line-row > div {
/*		width: 100%;*/
	}
}

@media screen and (max-width: 550px) {
	.boton_subm, .boton_subm2, boton_subm3 {
		/* AGRANDAR LOS BOTONES */
		padding : 10px;
	}
	.footer:nth-child(1), .footer:nth-child(2) {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.footer:nth-child(1), .footer:nth-child(2) {
		display: none;
	}
}