/* ==== General ==== */
*{
    margin: 0;
    padding: 0;
}
.navbar{
	margin-top: -15px;
	width: auto;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	z-index: 9000 !important;
}
.navbar:not(.red):not(.blue){
	/* [disabled]margin-top: 50px; */
}

ul{
    list-style: none;
}

a{
    text-decoration: none;
}



/* ==== Superordinate Points ==== */

ul.dropdown-level-1{
	margin-left: -40px; /*AQUÍ SE DETERMINA EL MARGEN IZQUIERDO DEL MENÚ*/
}

ul.dropdown-level-1>li{
	float: left;
	margin-left: 0px;
	position: relative;
	width: auto;
    margin-top: 0px;
    padding-left: 30px;
    text-align: left;
}

.dropdown-level-1>li>a{
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-o-transition: color .15s;
	transition: color .15s;
	font-family: "Dosis", sans-serif;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	text-align: left;
	display: block;
	height: auto;
	/* [disabled]padding-top: 5px; */
	/* [disabled]padding-bottom: 5px; */
	font-weight: 700;
	font-style: normal;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.dropdown-level-1>li>a:hover{
	color: #ee7618;
}



/* ==== Minor Points 1 ====*/

.dropdown-level-2{
	opacity: 0;
	visibility: hidden;
	padding: 16px 0 20px 0;
	background-color: rgb(250,250,250);
	text-align: left;
	position: absolute;
	top: 35px;
	left: 90%;
	margin-left: -75px;
	width: 180px;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	z-index: 9000;
}

.dropdown-level-1>li:hover>.dropdown-level-2{
	opacity: 1;
	top: 43px;
	visibility: visible;
}

.dropdown-level-2:before{
	content: '';
	display: block;
	border-color: transparent transparent rgb(250,250,250) transparent;
	border-style: solid;
	border-width: 10px;
	position: absolute;
	top: -20px;
	left: 20%;
	margin-left: -10px;
}

.dropdown-level-2>li{
    position: relative;
}
.navbar ul ul a{
	color: rgba(108,108,108,1.00);
	font-family: "Dosis", sans-serif;
	font-size: 15px;
	background-color: rgb(250,250,250);
	padding: 5px 8px 7px 16px;
	display: block;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s;
}
.navbar ul ul a:hover{
	background-color: rgb(240,240,240);
}


/* ==== Minor Points 2 ====*/

.dropdown-level-3{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -16px;
	left: 300px;
	padding: 16px 0 20px 0;
	background-color: rgb(250,250,250);
	text-align: left;
	width: 160px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	z-index: 9000;
}


.dropdown-level-3:before{
    content: '';
    display: block;
    border-color: transparent rgb(250,250,250) transparent transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: 20px;
    left: -10px;
    margin-left: -10px;
}


.dropdown-level-2>li:hover>.dropdown-level-3{
    opacity: 1;
    left: 235px;
    visibility: visible;
}
.dropdown-level-4 {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -16px;
	left: 206px;
	padding: 16px 0 20px 0;
	background-color: rgb(250,250,250);
	text-align: left;
	width: 160px;

	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
.dropdown-level-4:before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	left: 170px;
	margin-left: -10px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: rgb(250,250,250);
}
.dropdown-level-2>li:hover>.dropdown-level-4 {
	opacity: 1;
	visibility: visible;
	left: -175px;
}
/* ==== Color Variations ====*/

.navbar.red ul ul a:hover{
	background-color: #ee7618;
	color: rgba(255,255,255,1.00);
}


/*** Sticky Menu ***/

/*
.fixed {
	position: fixed;
	top: 0px;
	width: 1050px;
	background-color: rgba(255,255,255,0.95);
	height: 50px;
	padding-top: 10px;
	z-index: 9999;
	-webkit-box-shadow: 0px 3px 6px rgba(104,104,104,0.90);
	box-shadow: 0px 3px 6px rgba(104,104,104,0.90);
	border-bottom: 0px solid #a91a00;
}
*/