/* CSS Document */

/***********************************************/
/* Menu dinamico            */
/***********************************************/

/**************MENU JQUERY*****************/

/**************MENU JQUERY*****************/

ul#menu, ul#menu ul {
	font:500 15px 'Oswald', sans-serif;
	list-style-type:none;
	list-style:none;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
	margin-top: 1px;
	font-size:12.7px;
}
/************ Cambiar los link que espanden o denominados principales tanto fondo como color de letra y letra **********************/
ul#menu li a {
	color: #333;
	padding:0.8em 0.4em 0.8em 1.5em;
	border-bottom:1px dotted #7c7c7c;
	background-color:#F8F6F1;
	text-transform:uppercase
}

ul#menu li a:hover {
	color: #f62930;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   text-shadow:0px 1px 1px #333;
   background-color:rgba(235,233,228,0.8);
}

/************ Cambiar los link de SEGUNDO nivel tanto fondo como letras **********************/
ul#menu li ul li a {
	color: #01358B;
	background-color: #F3F3F3;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: none;
	padding-top: 0.8em;
	padding-right: 1.5em;
	padding-bottom: 0.8em;
	padding-left: 1.5em;
}

ul#menu li ul li a:hover {
	background-color: #01358B;
	color: #ffffff;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: none;
}

/************ Cambiar los link de TERCER nivel tanto fondo como letras **********************/
ul#menu li ul li ul li a {
	color: #FFFFFF;
	background-color: #919191;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: none;
	padding-top: 0.8em;
	padding-right: 1.5em;
	padding-bottom: 0.8em;
	padding-left: 1.5em;
}
ul#menu li ul li ul li a:hover {
	background-color: #626262;
	color: #F0F0F0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: none;
}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }