﻿/********************************************* MENU ****************************************/		
div.pageMenuUser {
    background-color:transparent;
    position:absolute;
    right:10px;
    top:0;
    height:40px;
}

div.pageMenuUser > ul > li > a:first-child { padding:10px 16px 6px 16px; font-size:14px; }

div.menuGeneral {
    background-color:#1877AC;
    position:absolute;
    right:550px;
    height:80px;
}

ul.cssMenuPyx, ul.cssMenuPyx ul {
	border-style: solid;
	border-width: 0;
	margin: 0;
	padding: 0;
}

ul.cssMenuPyx ul {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    left: 0;
    opacity: 0;
    padding: 0 1px 1px;
    position: relative;
    top: 100%;
    -moz-transition: opacity 0.5s ease 0s;
    -o-transition: opacity 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
    display: none;
}

ul.cssMenuPyx li:hover > ul {
	opacity: 1;
	visibility: visible;
	display:block;
}

ul.cssMenuPyx li {
	display: block;
	float: left;
	font-size: 0;
	position: relative;
	white-space: nowrap;
}

ul.cssMenuPyx li:hover {
	z-index: 1;
}

ul.cssMenuPyx ul ul {
	left: 100%;
	position: absolute;
	top: 0;
}

ul.cssMenuPyx {
	border-radius: 0;
	display: inline-block;
	font-size: 0;
	padding: 0;
	position: relative;
}

ul.cssMenuPyx li a {
	display: block;
}

ul.cssMenuPyx > li {
	margin: 0;
	display: inline;
}

ul.cssMenuPyx li img {
	margin-right: 7px;
}

ul.cssMenuPyx a:active, ul.cssMenuPyx a:focus {
	outline-style: none;
}

ul.cssMenuPyx a {
	background-repeat: repeat;
	border-style: none;
	border-width: 0;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 18px;
	padding: 3px;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	font-family: 'Levenim MT', Verdana, Arial;
    -o-transition: background-color 0.8s linear;
    -moz-transition: background-color 0.8s linear;
    -webkit-transition: background-color 0.8s linear;
    transition: background-color 0.8s linear;
}

ul.cssMenuPyx ul li {
	float: none;
	margin: 1px 0 0;
}

ul.cssMenuPyx ul a {
    background-color: #0E6597; /*#555555*/
    border-radius: 0;
    color: #FFFFFF;
    /*font: 13px Open Sans,Arial,sans-serif;*/
    font-size: 14px;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

ul.cssMenuPyx li:hover > a, ul.cssMenuPyx li a.pressed {
	border-style: none;
	color: #FFFFFF;
	text-decoration: none;
}

ul.cssMenuPyx li a:hover, ul.cssMenuPyx li:hover {
	background-color: #116A9D; /*rgb(160, 160, 160);*/
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
			
ul.cssMenuPyx ul li:hover > a, ul.cssMenuPyx ul li a.pressed {
	background-color: #1470A4; /*rgb(160, 160, 160);*/
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

ul.cssMenuPyx li.topmenu > a {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    border-style: solid;
    border-width: 4px 0 0;
    color: #444444;
    /*font: bold 13px Open Sans,Arial,sans-serif;*/
    font-size: 14px;
    padding: 35px 16px 0 16px;
    text-shadow: none;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

ul.cssMenuPyx li.topmenu:hover > a, ul.cssMenuPyx li.topmenu a.pressed {
	background-color: #116A9D;
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

ul.cssMenuPyx > li + li {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAqBAMAAABrZ5dMAAAALVBMVEUTa5wUbqAVcaQVcKMUb6EVb6ITbJ0UbZ8UbJ4WcaQVcKIUbZ4Ubp8Vb6ETa50vP7uOAAAAJklEQVR4Xi3BhwkAIADAsLq3/58rSAnji0qaFB2ygjZNi66qC/AAJCcA6HLvDGUAAAAASUVORK5CYII=') /*Images/menu-s-f.png*/;
    background-repeat: no-repeat;
    background-position: 0 24px;
}

ul.cssMenuPyx > li > a {
    padding: 35px 16px 16px 16px;
	cursor: pointer;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAqCAYAAAB2i+FBAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAAF1JREFUKJGlkTEOgEAIBGf3If7VX/koC0s7LM5EiJqLHt2EMGFB07wEwL6tmLNkXwBgIhKUziNIyYZw9GeqoHQ0uEGDb4Jqc84DjoF1GkR3JoOKgB95bgepL3nLcwA4QhOR2WC4tQAAAABJRU5ErkJggg==') /*Images/menu-s-i.png*/;
    background-repeat: no-repeat;
    background-position: right 24px;
}

ul.cssMenuPyx > li:last-child > a, ul.cssMenuPyx > li > a:hover {
    background-image: none;
}

div.pageMenuUser .icon-Lenguaje {
  position: relative;
  margin: auto;
}