/*! responsive-nav.js v1.0.14 by @viljamis */
#nav-toggle.close-menu {
	color: #fff;
	font-size: 1.4em;
	font-size: 1.4rem;
	background: #1ba8e1 none;
	width:100px;
	height:auto;
	border: none;
	position: absolute;
	top: 18px;
	right: 0;
	left:auto;
	z-index: 5;
	cursor: pointer;
	text-indent: 0;
}
#nav-toggle.close-menu i { margin-right: 6px;}
#menu ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-image: none;
	list-style-type: none;
}
.js #menu {
  max-height: 0;
  /*position: absolute;*/
  display: block;
  /*zoom: 1;*/
}
#nav-toggle{
	background: url(/public/imagenes/template/btn-menu.png) center center no-repeat;
	text-indent: -9000px;
	display: block;
	width: 45px;
	height: 55px;
	position: absolute;
	top: 4px;
	right: 14px;
	z-index: 5;
}


@media screen and (min-width: 800px) {
.js #menu {
  max-height: 0;
 /* position: absolute;*/
  display: block;
  /*zoom: 1;*/
}
.js #menu, #menu {
	max-height: none;
	/*position: absolute !important;
	right:0px;
	top:40px;*/
}
#nav-toggle {display: none;}

#top {
	text-align: right;
}
#top ul { font-size:0;}
#top ul li{
	color:#FFF;
	font-size: 1.5rem;
	line-height: 40px;
	text-align:left;
	display: inline-block;
	margin:0;
	position:relative;
}
#top ul li a, #top ul li a:visited {
	color: #FFF;
	font-weight: bold;
	display: block;
	padding: 0 20px;
}
#top ul li a:hover {text-decoration: none;}
#top ul li:hover {background-color: #1a8ebc;}
#top ul li i { font-size: 18px; float:left; margin-right: 8px;}
#top ul li i.fa-laptop-medical { font-size: 16px;}

#top ul li ul{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 160;
	min-height: 30px;
	display: none;
}
#top ul li:hover ul{
	visibility:visible;
	display: block;
	width: 220px;
}
#top ul li ul li {
	line-height: 20px;
	background-color:#1a8ebc;
	display:block;
}
#top ul li ul li:hover { background-color: #409a4a;}
#top ul li ul li a,  #top ul li ul li a:visited {
	font-weight: normal;
	display:block;
	padding: 4px 10px 4px 20px;
}
/*#nav ul {
	width: 658px;
	list-style-type: none;
	margin: 0 0 0 auto;
	padding: 0;
}
#nav ul li {
	font-size: 1.5em;
	font-size: 1.5rem;
	line-height: 20px;
	vertical-align: top;
	display: inline-block;
	margin: 0;
	padding: 0 30px 30px;
}
#nav ul li.li-me:hover {
	background: url(/public/imagenes/template/indicador.png) center 50px no-repeat;
}
#nav ul li .bd {
	display:block;
	max-width: 108px;
	position:relative;
}
#nav ul li .bd:after {
  content: ".";
  font-size: 0;
  position: absolute;
  right: -30px;
  top: 0;
  width: 1px;
  background: #E8E8E8;
  height: 40px;
}
#nav ul li.last .bd:after { display: none;}

#nav ul li.last { width: 145px; padding-right:0;}
#nav ul li a, #nav ul li a:visited { color: #8B8B8B;}
#nav ul li a:hover, #nav ul li.current a, #nav ul li.current a:visited{
	color: #FE6700;
	text-decoration: none;
}
#nav ul li.current a { cursor: default;}

#nav ul ul { width: 100%;}
#nav ul .biframe {
	width: 100%;	
	visibility:hidden;
	position:absolute;
	left: 0;
	top: 60px;
	z-index:160;
	display: none;
}
#nav ul .li-me.clasecss .biframe {
	visibility:visible;
	display: block;
}
#nav ul ul.sub-menu {
	background-color:#FFF;
	display: table;
	border: 1px solid #E9E9E9;
	border-radius: 6px;
	overflow:hidden;
}

#nav ul ul.sub-menu li { width: 25%; display:table-cell; padding:30px 30px 25px; border: none; }
#nav ul ul.sub-menu li ul li { display:block; width:auto; padding:8px 0; border:none; }
#nav ul ul.sub-menu li.destacado { background-color: #FE6700;}
#nav ul ul.sub-menu li.destacado a, #nav ul ul.sub-menu li.destacado a:visited { color:#FFF;}
#nav ul ul.sub-menu li a, #nav ul ul.sub-menu li a:visited { color:#FE6700;}
#nav ul ul.sub-menu li a:hover { text-decoration: underline;}
#nav ul li:last-child { padding-right:0;}*/

}


/********** RESPONSIVE **********/
/*@media (min-width: 1106px) and (max-width: 1130px) {
}
*/
@media screen and (max-width: 799px) {
.js #menu {
  clip: rect(0 0 0 0);
  text-align:left;
}
/*#nav {
	z-index: 4;
	top:0;
	left:0;
	overflow:visible;
}*/
#menu .menu{
	width: 100%;
	min-height: 550px;
	padding: 40px 14px 14px;
	z-index: 4;
	background-color: #1ba8e1;
	position: absolute !important;
	border: 1px solid #DFDFDF;
	top: -30px;
	left: -120%;
	overflow: visible;
	transition: transform .4s ease;
	transform: translate3d(-100%, 0, 0);
}
#menu.opened .menu{
	left: 0;
	transform: translate3d(0, 0, 0);
	transition-delay: 0s;
}
#menu.opened .close-menu {
	display: block;
}
#menu .menu{
	width: 100%;
	min-height: 550px;
	padding: 54px 14px 14px;
	z-index: 4;
	background-color: #1ba8e1;
	position: absolute;
	top: -60px;
	left: -120%;
	overflow: visible;
	transition: transform .4s ease;
	transform: translate3d(-100%, 0, 0);
}
#menu li{
	font-size: 1.6em;
	font-size: 1.6rem;
	line-height: normal;
	height:auto;
	position:relative;
	margin:0 0 1px;
	padding:0;
}
#menu li.li-me:before {
	font-family: "Font Awesome 6 Pro";
	color: #fff;
	font-weight: 900;
	content: "\f105";
	position: absolute;
	top: 12px;
	right: 16px;
}
#menu li.ul-li.active{ border-bottom: 1px solid #444444;}
#menu li.li-me.active:before { content: "\f106";}
#menu li.li-me.active .bd{ margin-bottom: 10px; }
#menu li.li-me .bd{ margin-right: 60px; }
#menu li.li-me.active .bd { color: #33882A; margin-bottom:0;}
#menu li ul{ display:none;}
#menu li.active ul{ display: block; padding: 1px 0; height: 250px; overflow: auto;}
#menu li a, #menu li span{
	color: #fff;
	width: auto;
	padding: 0;
	display: block;
	text-decoration: none;
	padding: 10px 24px;
	cursor: pointer;
}
#menu li a:hover{ color: #33882A; /*box-shadow: 0 0 12px #ff6300;*/}
#menu li li{
	font-size: 1.5em;
	font-size: 1.5rem;
	line-height: 20px;
}
#menu li li a{ padding: 3px 40px;}
}