/* CSS Document */

* {

	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:Arial;/* LETRA DEL TEXTO DE "MENÚ" EN EL MENU BAR */



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



	

}

 

header nav {



/*COLOR DEL FONDO DEL MENU  */

	z-index:1000;

	

	

	max-width:1230px;/*ANCHO DEL MENÚ */

	margin: auto;

	

}

 

header nav ul {

	list-style:none;

}

 

header nav ul li {

	display:inline-block;

	position: relative;

	

}

 

header nav ul li:hover {

	background-color:#B10E0F;/* COLOR DEL FONDO DEL MENÚ EN HOVER */

	transition:all 0.5s;

	/* border-bottom: #999 solid 3px; */

	

	

/* COLOR HOVER DEL MENÚ EN DESTOP  */

}

 

header nav ul li a {

	color: #000;/* COLOR DE LA LETRA DEL MENÚ  */

	display:block;

	text-decoration:none;

		font-family:Arial;/* LETRA DEL TEXTO DE MENÚ*/

	font-size:17px;/* TAMAÑO DE LA LETRA DEL TEXTO DE MENÚ*/

	padding: 9px 22px 8px 22px;/*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:#FFEA00;/*COLOR DEL FONDO DEL SUB MENU  #F90   */

	position: absolute;

	width: 400px;/*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);

	

	



}

 

header nav ul li .children li a {

	display: block;

	text-align:left;

	z-index:1000;

	font-size:12px;
	

	

}

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;

	

	padding: 4px 0px 4px 0px;/*height:20px;ESPACIO ENTRE BOTÓN Y BOTÓN Y ARRIB Y ABAJO DEL BOTÓN  */

	margin-right:0;

	margin-left:10px;

}

 

header nav ul li .caret {

	position: relative;

	top:3px;

	margin-left:10px;

	margin-right:0px;

}

 

@media screen 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: #FFEA00;/* COLOR DEL MENU EN EL CELULAR */

	}

 

	.menu_bar .bt-menu {

		display: block;

		padding: 20px;

		color: #000;

		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: #FFEA00;/*COLOR DEL FONDO DEL MENÚ DESPLEGABLE BAR CUANDO ESTE EN CELULARES O TABLETS  */

		margin-top:10px; /*DESDE DONDE EMPESARÁ EL MENÚ  BAR DESPLEGABLE 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 screen and (min-width: 768px) {

	 header{

	 margin-top:0px;

	 }

	}