.usuario {
    width: 100%;
    float: right;
    max-width: 352px;
    background-color: #f5f5f5;
    height: 45px;
}
.usuario ul li p{
    margin-right:-320px !important;
    font-weight: bold;
    float: right;
    margin-top: 0;
}
.usuario ul li {
    display: inline;
    list-style: none;
    padding-top: 14px;
    float: left;
    margin-left: 8px;
}
.usuario ul li a:hover{
    border-bottom:0;
}
.usuario a{
	color:#eb7e08;
	font-weight: normal;
}
.icon-login{
	background-image:url('/wp-content/images/icons/login.png');
	width:25px;
	height:25px;
	float: right !important;
    max-width: 320px;
    margin-right:-90px;
}
@media only screen and (min-width : 320px) and (max-width : 768px) {
      .login-mobile { display: block; }
}
@media only screen and (min-width : 801px) and (max-width : 3200px) {
      .login-mobile { display:none !important;}
}

.login-mobile h3{
	font-size:18px;
	color:#fff;
	padding-top:10px;
	border-bottom:1px solid #fff;
	margin-right:10px;
	font-family: 'zapfhumnst_btbold';
}
.login-mobile div{
	margin:10px 0 5px 10px;
}
.login-mobile a{
	color: honeydew;
}
.login-mobile a:hover{
	color:#ff9900 !important;
	border-bottom: 1px solid #ff9900 !important;
}
.login-mobile{
	display: none;
	color:#fff;
	border-top:2px solid #ec974c;
	background-color:lightslategray;
	max-width: 320px;
	position:relative;
	margin:0 auto;
	right:8px;
	top: 40px;
	padding-bottom:5px;
	padding-left: 10px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	border-radius:0 0 7px 7px;
	overflow: hidden;
}
.login-mobile:before {
    content: '';
    display: inline-block;
    position: absolute;
    border-color: transparent transparent #ec974c transparent;
    border-width: 8px;
    border-style: solid;
    margin-left: 270px;
    margin-top: -18px;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); /* IE 9 */
    -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
}
.usuario a:hover{
	color:#eb7e08;
	border-bottom: 1px solid #eb7e08; 
}
@media only screen and (min-width:0) and (max-width:320px) {
   .icon-login{
   	float: right !important;
    max-width: 320px;
    margin-top: 5px;
    }
}
@media only screen and (min-width:320px) and (max-width:375px) {
   .icon-login{
   	float: right !important;
    max-width: 375px;
    margin-top: 5px;
    margin-right: -305px;
    }
}
@media only screen and (min-width:375px) and (max-width:414px) {
   .icon-login{
   	float: right !important;
    max-width: 414px;
    margin-top: 5px;
    margin-right: -330px;
    }
}
@media only screen and (min-width:414px) and (max-width:768px) {
   .icon-login{
   	float: right !important;
    max-width: 768px;
    margin-top: 5px;
    margin-right: -332px;
    }
}
@media only screen and (min-width:768px) and (max-width:800px) {
   .icon-login{
   	float: right !important;
    max-width: 768px;
    margin-top: 5px;
    margin-right: -330px;
    }
}
@media only screen and (min-width:0) and (max-width:800px) {
   .usuario p{
   	   display:none;
    }
}