#logged_user
{
	background: rgb(0,0,0,0.5);
	border: 1px outset #495344;
	border-top-right-radius: 10px;
	text-align: center;
	min-width: 30%;
	max-width: 30%; 
	height: auto;
	box-shadow: 0px -5px 10px black;
	position: relative; 
	top: 75px;
	left: 0px;
	transition-duration: 0.2s;
	font-family: tahoma;
	font-weight: bold;
	font-size: 0.9em;
	color: white !important;
}

#logged_user:hover
{
	background: rgb(0,0,0,0.7);
	max-width: 31%; 
	color: white;
}

#user_logged_panel
{
	color: #33ccff;
	border-bottom: none;
	text-decoration: none;
	
	
}

#user_logged_panel a
{
	text-decoration: none;
}


#option_user
{
	font-family: option_user;
	position: relative;
	top: 2px;
	left: 10px;
	color: #ff9500 !important;
	transition-duration: 0.2s;
}



#option_user:hover
{
	box-shadow: 0px 0px 50px #ff9500 !important;
	color: #ff9500;	
	
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  display: inline-block;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

span#option_user:active
{
	box-shadow: 0px 0px 20px #00CCff !important;
	color: #00CCff !important;
	
}