/* CSS Document */
/*.navbar .nav > li:hover> a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    border: 1px solid #FECE1A;
    color: #fff;
    background-color: #181A1C;
    transition: border-color 1s ease;
} */
* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
.icon-down-open{
	float:right;}
.menu_bar {
	display:none;
}
 
header {

	position: relative;/* COLOCAR EL MENÚ ENCIMA DEL SLIDE CON POSITION:RELATIVE */
/*COLOR DEL MENU  EN LOS COSTADOS */
	font-family: Roboto,sans-serif;/* LETRA DEL TEXTO DE "MENÚ" EN EL MENU BAR */

	font-size:15px;/*TAMAÑO DE LA  LETRA DEL TEXTO DE "MENÚ" EN EL MENU BAR */
	

}
 
header nav {

	background-color: #181A1C;/*COLOR DEL FONDO DEL MENU  */
	z-index:1000;
	
	
	max-width:1170px;/*ANCHO DEL MENÚ */
	margin: auto;
	
}
 
header nav ul {
	
	list-style:none;
	
	
}
 
header nav ul li {
	
	display:inline-block;
	position: relative;
	border:#181A1C solid 1px;
	transition:all 1.5s;/* TRANCICIÓN DEL BORDE */
	
}
 
header nav ul li:hover {
	background-color:#181A1C;/* COLOR DEL FONDO DEL MENÚ EN HOVER */
	border:#FECE1A solid 1px; 
	transition:all 1.5s;/* TRANCICIÓN DEL BORDE */
	/* COLOR DEL FONDO DEL MENÚ EN HOVER */
	/* border-bottom: #999 solid 3px; */
	
	
/* COLOR HOVER DEL MENÚ EN DESTOP  */
}
 
header nav ul li a {
	color: #fff;/* COLOR DE LA LETRA DEL MENÚ  */
	display:block;
	text-decoration:none;
		font-family: Roboto,sans-serif;/* LETRA DEL TEXTO DE MENÚ*/
	font-size:15px;/* TAMAÑO DE LA LETRA DEL TEXTO DE MENÚ*/
	padding: 15px 15px 15px 15px;/*ESPACIO ENTRE BOTÓN Y BOTÓN Y ARRIB Y ABAJO DEL BOTÓN  */
	
}
header nav ul li a:hover {color: #FFF;/* COLOR DE LA LETRA DEL MENÚ EN HOVER */}
 
header nav ul li a span {
	margin-right:10px;
}
 
 
header nav ul li:hover .children {
	display:block;
	border: #CCC solid 1px;/*COLOR DE LA LÍNEA DEL SUB MENU  #F90   */


}
 
header nav ul li .children {
	display: none;
	background:#FFCC00;/*COLOR DEL FONDO DEL SUB MENU  #F90   */
	position: absolute;
	width: 580px;/*TAMAÑO DEL ANCHO DEL SUB MENÚ   */
		
}
 
header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
	height:40px;

}
 
header nav ul li .children li a {
	display: block;
	text-align:left;
	z-index:1000;
	margin-top:-10px;
	
}
header nav ul li .children li a:hover {
	transition:all 0.3s;
	background-color:#B10E0F;/*COLOR DEL FONDO DEL SUB MENU HOVER  #F90   */
}
 
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
 
header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
 
 
 
 
@media (min-width:50px) and (max-width:768px){
	body {
		padding-top:80px;
	}
	header nav ul li .children li {height:90px;}
 header{
	 margin-top:0px;}
	 
	.menu_bar {
		z-index:999;
		display:block;
		width:100%;
		position: fixed;/* POSICIÓN DEL MENU BAR EN CELULARES Y TABLETS */
		top:0px;
		background: #181A1C;/* COLOR DEL MENU EN EL CELULAR */
		margin-left:-20px;
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;/* COLOR DE LA LETRA EN EL MENU BARRA EN EL CELULAR */
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;		
	}
 
	.menu_bar span {
		float: right;
		font-size: 40px;
	}
	
	
	







		 header{
	
	 
	 }
 
	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
		background-color: #181A1C;/*COLOR DEL FONDO DEL MENÚ DESPLEGABLE BAR CUANDO ESTE EN CELULARES O TABLETS  */
		margin-top:2px; /*DESDE DONDE EMPESARÁ EL MENÚ  BAR DESPLEGABLE CUANDO ESTE EN CELULARES O TABLETS  */	
	}
	header nav ul li a { 
	color:#FFF;/*COLOR DE LA LETRA DEL MENÚ DESPLEGABLE BAR CUANDO ESTE EN CELULARES O TABLETS  */
	}
 
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:20px;
	}
 
	header nav ul li .caret {
		float:  right;
	}
}
@media (min-width:50px) and (max-width:768px){
	 header{
	 margin-top:0px;
	 }
	}