﻿@charset "utf-8";
/* CSS Document */

.menus {
	background-color:#3e3f3b;
	font-weight:bold;
	overflow:auto;
	width: 1140px;
	margin:10px;
	float: left;
}

.nav, .vertical {
	list-style-type: none;
}

.nav > li {
	float:left;
	background-color:#3e3f3b;
	border-left:1px solid #222222;
}

.nav li ul {
	z-index:1000;
	display:none;
	position:absolute;
	height:auto;
	width:220px;
	list-style-type: none;
	background-color:#4a6b16; /*Fondo Seleccion SubMenu*/
	/*border-bottom:1px solid #7BC879;*/
}

.nav li ul li ul {
	right:-220px;
	top:0;
}

.nav li ul li, .vertical li ul li {
	position:relative;
}

/*css li a and li ul li a*/
.nav li a {
	display:block;
	padding:12px 12px;
	height: 18px;
	color:#e0e1dd;
/*	border-left:1px solid #7BC879;*/ /*Color de Borde*/
	/*border-left:1px solid #5e9246;*/
	font-family:Agency FB;
	font-size:16px;
	/*
	:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
	*/
}

.nav li ul li a {
	padding:7px 6px;
	height:auto;
	color:#FFF;
	border-top:1px solid #222222; /*Color de Borde*/
	background-color:#3e3f3b;
}

/*css hover*/
.nav li:hover > ul {
	display:block;
}

.nav li:hover {
	background:#3f5b13;	/*Fondo Selección SubMenu*/
}

.nav li a:hover, .vertical li a:hover {
	background-color:#3f5b13; /*Fondo Selección SubMenu*/
	color:#FFF;
}

.nav li ul li a:hover, .vertical li ul li a:hover {
	background-color:#F3F3F3;
	color:#006CB7;
}

/*css child for <a>*/
.nav li .final {
	border-right:1px solid #3e3f3b;
}

.nav li .child {
	background-image:url(../images/down.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 18px;
}

.nav li ul li .child {
	background-image:url(../images/right1.png);
	background-position:center right;
	background-repeat:no-repeat;
}

/*para vertical*/
.vertical > li {
	width:190px;
	font-weight:bold;
	background-color:#B4B4B4;
}

.vertical li a {
	display:block;
	padding:14px 10px;
	height: 12px;
	color:#000;
	border-bottom:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
}

.vertical li ul li a {
	padding:7px 6px;
	height:auto;
	font-weight:normal;
	color:#000;
}

.vertical li ul {
	height:auto;
	width:190px;
	list-style-type: none;
	background-color:#FFF;
}

.vertical li ul li .title {
	background:#B4B4B4;
}

.vertical li ul li .izquierda {
	padding-left:30px;
	background:transparent url(../images/background_botonera.png) no-repeat 5% center;	
}

.vertical li ul li .derecha {
	text-align:right;
	padding-right:30px;
	background:transparent url(../images/background_botonera.png) no-repeat 95% center;
}