@charset "UTF-8";

/* CSS Document */

@media only screen and (min-width: 950px) and (max-width: 5000px)  {

#cssmenu {
    position: relative;
    height: 44px;
    background: #2b2f3a;
    width: auto;
    float: right;
	margin-top: 30px;
}

#pIndicator	{
	border: none !important;
	}

#cssmenu a {
    background: none !important;
	border: none !important;
}




}









#cssmenu > ul > li {

	/*background: #fbfbf9 !important;*/

	}

#cssmenu > ul > li > a {

    text-transform: none !important;

	font-size: 19px !important;

    font-family: 'Cervo Neue Neue';

    font-weight: normal !important;

    font-style: normal !important;

	color: #515151 !important;

    padding: 15px 8px 15px 8px!important;

	background: url(../img/link-marcador.gif) no-repeat left center !important;

	background-size: 5px !important;

	margin: 0 5px;

}

#cssmenu > ul > li > a:hover {

	color: #3c49c1 !important;

	}

#cssmenu > ul > li.has-sub > a{
    padding-right: 17px !important;
}
#cssmenu > ul > li.has-sub > a:hover {
	color: #3c49c1 !important;
}



#cssmenu > ul > #menu-button a {

    white-space: nowrap !important;

    overflow: hidden !important;

	top: -9999px !important;

	position: relative !important;

}

#cssmenu , #cssmenu > ul {

    background: none !important;

}

#cssmenu > ul > #menu-button {

    margin-bottom: 19px;

	background: none !important;

}

#cssmenu ul li a {

	background: #999;

	border-bottom: solid 1px #666666;

}

#cssmenu ul ul li a {

    background: #7a8189 !important;

	border-bottom: solid 1px #5f6163 !important;

	color: #fff !important;

	font-size: 15px !important;

}

#cssmenu ul ul li a:hover {
	background: #474747 !important;
	color: #fff !important;
}









@media only screen and (min-width: 950px) and (max-width: 1220px)  {



}





@media only screen and (min-width: 1100px) and (max-width: 1220px)  {





}



@media only screen and (min-width: 480px) and (max-width: 949px)  {

#cssmenu	{

    width: 90% !important;

	top: 50px;

	}



	}

	

@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	

@media only screen and (max-width: 479px) {

#cssmenu	{
    width: 100% !important;
	top: 40px;
	}




	}

	

	

@media only screen and (max-width: 950px) {

#cssmenu	{
    position: absolute !important;
	z-index: 99;
	}
#cssmenu > ul > li.has-sub > a {
    background: #5f6163 !important;
    margin: 0;
}
#cssmenu ul li a {
background: #5f6163 !important;
    margin: 0;
}
#cssmenu ul li a:hover {
background: #fff !important;
    margin: 0;
}


#cssmenu > ul > li > a {
	color: #fff !important;
}
	

	}




#cssmenu #menu-button::after {
    border-top: 2px solid #7a8189 !important;
    border-bottom: 2px solid #7a8189 !important;
}
#cssmenu #menu-button::before {
    border-top: 2px solid #7a8189 !important;
}

#cssmenu > ul > li.has-sub::after {
    border-top-color: #f2c002 !important;
}