@CHARSET "ISO-8859-1";

#pcm {
	display: none;
}

.cssMenu {
    background: none repeat scroll 0 0 #817373;
    color: #ffffff;
    width:100%;
}

ul.cssMenu ul {
	display: none;
}

ul.cssMenu li:hover>ul {
	display: block
}

ul.cssMenu ul {
	position: absolute;
	left: -1px;
	top: 98%;
}

ul.cssMenu ul ul {
	position: absolute;
	left: 98%;
	top: -2px;
}

ul.cssMenu,ul.cssMenu ul {
	margin: 0px;
	list-style: none;
	padding: 0px 2px 2px 0px;
	/*background-color:#;*/
	background-repeat: repeat;
	/*border-color: #AAAAAA;
                border-width: 1px;
                border-style: solid;*/
}

ul.cssMenu table {
	border-collapse: collapse
}

ul.cssMenu {
	display: block;
	zoom: 1;
	float: left;
	height: 32px; /*agregado*/
}

/*agregado*/
#item {
	margin-top: 6px;
	margin-left: 8px;
}

ul.cssMenu li#bell {
    float: right;
    margin-right: 20px;
}

/*agregado*/
#bell {
	margin-top: 6px;
	margin-left: 8px;
}
#bell a {
    float: left;
    margin-right: 0px !important;
	padding-right: 0px;
}
#bell a img {
    margin-right: 0px;
}

#cantidadNotificaciones {
    float: left;
    margin: 0px;
    padding: 2px;
    border: 0.1em solid white;
    background-color: rgba(255, 99, 71, 0.5);
    -webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/*http://waitanimate.wstone.io/#!/*/
.vibrar {
   animation: shake 5.4s ease infinite; transform-origin: 50% 0%;
}
.toast-container {
	width: 500px !important;
}
.toast-item p {
    line-height: 1.2 !important;
    margin-right: 30px;
}

ul.cssMenu ul {
	/*width: 0px;*/
}

ul.cssMenu li {
	display: block;
	margin: 2px 0px 0px 2px;
	/*font-size: 0px;*/
}

ul.cssMenu li#bell {
    float: right;
    margin-right: 20px;
}

ul.cssMenu a:active,ul.cssMenu a:focus {
	outline-style: none;
}

ul.cssMenu a,ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover {
	display: block;
	vertical-align: middle;
	/*background-color:#;*/
	border-width: 0px;
	border-color: #6655ff;
	border-style: solid;
	text-align: left;
	text-decoration: none;
	padding: 4px;
	_padding-left: 0;
	font: bold 11px Arial;
	color: #ffffff;
	text-decoration: none;
	cursor: default;
}

ul.cssMenu span {
	overflow: hidden;
}

ul.cssMenu li {
	float: left;
}

ul.cssMenu ul li {
	float: none;
}

ul.cssMenu ul a {
	text-align: left;
	white-space: nowrap;
}

ul.cssMenu li.sep {
	text-align: center;
	padding: 0px;
	line-height: 0;
	height: 100%;
}

ul.cssMenu li.sep span {
	float: none;
	padding-right: 0;
	width: 5px;
	height: 16px;
	display: inline-block;
	background-color: #AAAAAA;
	background-image: none;
}

ul.cssMenu ul li.sep span {
	width: 80%;
	height: 3px;
}

ul.cssMenu li:hover {
	position: relative;
}

ul.cssMenu li:hover>a { /*background-color:#;*/
	border-color: #665500;
	border-style: solid;
	font: bold 11px Arial;
	color: #e30713;
	text-decoration: none;
}

ul.cssMenu li a:hover {
	position: relative;
	
	/*background-color:#CCCCCC;	*/

	border-color: #665500;
	border-style: solid;
	font: bold 11px Arial;
	color: #108A97;
	text-decoration: none;
}

ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.cssMenu img {
	border: none;
	float: left;
	_float: none;
	margin-right: 4px;
	width: 16px;
	height: 16px;
}

ul.cssMenu ul img {
	width: 16px;
	height: 16px;
}

ul.cssMenu img.over {
	display: none
}

ul.cssMenu li.dis a:hover img.over {
	display: none !important
}

ul.cssMenu li.dis a:hover img.def {
	display: inline !important
}

ul.cssMenu li:hover>a img.def {
	display: none
}

ul.cssMenu li:hover>a img.over {
	display: inline
}

ul.cssMenu a:hover img.over {
	display: inline
}

ul.cssMenu a:hover img.def {
	display: none 
}

ul.cssMenu span {
	display: block;
	/*background-image:url(http://purecssmenu.com/ssc-data/templates/clear-1/images/arrv_anim_1.gif);*/
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 11px;
}

ul.cssMenu li:hover>a>span {
	/*background-image:url(http://purecssmenu.com/ssc-data/templates/clear-1/images/arrv_anim_1o.gif);*/
	
}

ul.cssMenu a:hover span {
	/*_background-image:url(http://purecssmenu.com/ssc-data/templates/clear-1/images/arrv_anim_1o.gif)*/
	
}

ul.cssMenu ul span,ul.cssMenu a:hover table span {
	/*background-image: url(http://purecssmenu.com/ssc-data/templates/clear-1/images/arr_double_1.gif)*/
	
}

ul.cssMenu ul li:hover>a span {
	/*background-image: url(http://purecssmenu.com/ssc-data/templates/clear-1/images/arr_double_1o.gif);*/
	
}



.cssSubmenu {
	/*display: block;*/
	background: #FFFFFF;
	text-transform: uppercase;
	max-width: 200px;
	width: 200px;
	border: 1px #CCCCCC solid;	
}

@keyframes shake {
   0% { transform: rotate(-15deg) } 0.74074% { transform: rotate(15deg) } 1.48148% { transform: rotate(-18deg) } 2.22222% { transform: rotate(18deg) } 2.96296% { transform: rotate(-22deg) } 3.7037% { transform: rotate(22deg) } 4.44444% { transform: rotate(-18deg) } 5.18519% { transform: rotate(18deg) } 5.92593% { transform: rotate(-12deg) } 6.66667% { transform: rotate(12deg) } 7.40741% { transform: rotate(0deg) } 100% { transform: rotate(0deg) }
}