[#] hm X_Shell Backd00r [#]

@import "../css/superfish.css";

/************************************************************************************
NAV
*************************************************************************************/
#menu
	{
		width: 62%;
		min-height: 40px;
		float: right;
		position: relative;
	}	
/* menu icon */
#menu #mobnav-btn {
   display: none;
	font-weight: bold;
	background: #3e4652;
	background-image: url(../img/menu-icon.png);
	background-repeat: no-repeat;
	background-position:5px;
	color: #fff;
	height: 39px;
	padding: 10px 0 10px 34px;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
}
#menu .mobnav-subarrow {
    display: none;
}
#menu .sf-menu li {
        list-style: none;
		float: left;
		white-space: nowrap;
		position: relative;
		width: 15.75%;
		background-image: url("../img/line.png");
		background-repeat: no-repeat;
		background-size: 2% 85%;
		background-position: 100%;
}
 
/* nav link */
 #menu .sf-menu a {	 	
		/*background: #3e4652;*/
		vertical-align: middle;
		text-decoration: none;
		font-size:12px;
		color: #fff;
		cursor: pointer;
		padding: 10px;
		border-width: 0px;
		border-style: none;
		min-height: 20px;
		text-align: center;
		z-index:9;
}
#menu .sf-menu li ul li a {
       padding: 4px 15px;
		background: #26aa34;
		display: block;
		vertical-align: middle;
		text-align: left;
		text-decoration: none;
		font-weight:bold;
		font-size:12px;
		color: #FFFFFF;
		cursor: pointer;
		padding: 10px;
		background-repeat: repeat;
		background-position: 0 200px;
		border-width: 0px;
		border-style: none;
}
#menu .sf-menu li:hover , .activo , #send_contacto:hover { background: #b82015;	}

.activo>a{ color: #fff !important;	 }

#menu .sf-menu li:first-child{ border-radius: 5px 0 0 5px;}
#menu .sf-menu li:last-child{ border-radius: 0 5px 5px 0;}
#menu .sf-menu li:first-child:hover , #menu .sf-menu li:last-child:hover{ background: #b82015;
/* box-shadow: inset 3px 3px 4px 1px #ce938f, inset -3px -3px 4px 1px #8e1910;
-webkit-box-shadow: inset 3px 3px 4px 1px #ce938f, inset -3px -3px 4px 1px #8e1910;
-moz-box-shadow: inset 3px 3px 4px 1px #ce938f, inset -3px -3px 4px 1px #8e1910;
-o-box-shadow: inset 3px 3px 4px 1px #ce938f, inset -3px -3px 4px 1px #8e1910; */}
.sf-menu li:last-child{ background-image:none !important;}

.sf-menu li:nth-child(4){width: 21% !important;}
.sf-menu li:nth-child(5){width: 16% !important;}
/* nav dropdown */
#menu .sf-menu ul {
        background: #fff;
		position: absolute;
		display: none;
		width: 100%;
}
#menu .sf-menu ul li {
        float: none;
        margin: 0;
        padding: 0;
}
#menu .sf-menu li:hover > ul {
        display: block; /* show dropdown on hover */
}
#menu ul.sf-menu li li:hover ul,
#menu ul.sf-menu li li.sfHover ul {
        left:                   200px; /* match ul width */
        top:                    0;
}
/*** ESSENTIAL STYLES ***/
#menu .sf-menu, .sf-menu * {
        list-style:             none;
}


/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (max-width: 483px) {
	#menu
	{
		width:100%; 
		height:auto;
		float: left;
	}	
	header #logo { float:none !important; margin: 0 auto;}
	header #redes { width:100% !important; margin-bottom: 10px;}
    #menu #mobnav-btn {
        display: block;
	}
    #menu .mobnav-subarrow {
		display: block;
		height: 92%;
		width: 40px;
		position: absolute;
		top: 1px;
		right: 10px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
    }
	#menu .mobnav-subarrow img { margin-left:10px; }
    #menu .sf-menu {
        width: 100%!important;
        display: none;
    }
    #menu .sf-menu.xactive {
        display: block!important;
		position: absolute;
		z-index: 2;
		border-radius: 0 0 5px 5px;
    }
    #menu .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    #menu .sf-menu li a {
        float: none!important;
		border-bottom: 1px solid #BDB9AE;
    }
	#menu .sf-menu li:last-child a {
        float: none!important;
		border-bottom: none;
    }
    #menu .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    #menu .xpopdrop ul {
        display: block!important;
    }
	#menu .sf-menu li {
		background-image:none;
	}
	.mapita_compu{ display:none !important;}
	.mapita_cel { display:block !important;}
}