@CHARSET "UTF-8";

/* TOOLBAR */

#toolbar {
	list-style:none;
	float:left;
	display:block;
	width: 224px;
	padding: 0 0 5px 10px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        //height: 100%;
        //overflow-y: auto;
        //background-color: white;
}

#toolbar a{
    
    color:#343E47;
}

#toolbar a:hover{
    
    color:black;
}

#toolbar .logoPrice{
	position:absolute;
	left:20px;
	bottom:20px;
}

#toolbar .logoPrice span{
	text-indent:-9000px;
	width:175px;
	height:41px;
	background-image: url(/images/logo-price-nemo.jpg);
	background-repeat:no-repeat;
	display:block;
}

/* MENU LEFT */
	
#menu-left{
	width:210px;
	margin:10px 0;
	padding:0;
}

#menu-left li{
	list-style:none;
	margin:0;
	padding:0;
}

#menu-left li a.header-bottom{
	text-transform:uppercase;
	width:210px;
	border-bottom:1px dotted #000;
	float:left;
	text-decoration:none;
	padding:5px 0;
}

#menu-left li a.header-bottom span{
	float:left;
}

#menu-left li a.header-bottom span.labelMore{
	float:right;
}


/* SUBMENU */

ul.subbotonera{
	float:left;
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}


ul.subbotonera li a{
	clear:both;
	width:100%;
	float:left;
	padding:5px 0;
	//margin:5px 0;
        margin:3px 0;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*padding:0;
}

ul.subbotonera li a:hover{
	background-color:#cee3fd;
	color:#2066a8;
}

ul.subbotonera li a span.labelMore{
	float:right;
	padding:0 4px;
	font-weight:bold;
	*position:relative;
	*top:-12px;
}


/* ICONOSC */

ul.subbotonera li a span.icono{
	background-image: url(/images/sprite-icon-backend.png);
	background-repeat:no-repeat;
	margin:0 5px;
	float:left;
}

ul.subbotonera li a span.icono.liquidacion{
	background-position:0 0;
}

ul.subbotonera li a span.icono.tasas{
	background-position:-20px 0;
}

ul.subbotonera li a span.icono.tasas_default{
	background-position:-40px 0;
}

ul.subbotonera li a span.icono.consulta{
	background-position:-60px 0;
}

ul.subbotonera li a span.icono.pagar{
	background-position:-80px 0;
}

ul.subbotonera li a span.icono.actualizar{
	background-position:-100px 0;
}

ul.subbotonera li a span.icono.personal{
	background-position:0 0;
}

ul.subbotonera li a span.icono.cuentas{
	background-position:-120px 0;
}

ul.subbotonera li a span.icono.mycontract{
	background-position:-140px 0;
}

ul.subbotonera li a span.icono.usuario{
	background-position:-160px 0;
}

ul.subbotonera li a span.icono.zonas{
	background-position:-180px 0;
}

ul.subbotonera li a span.icono.grupo{
	background-position:0 0;
}

ul.subbotonera li a span.icono.perfil{
	background-position:-200px 0;
}

ul.subbotonera li a span.icono.news{
	background-position:-220px 0;
}

ul.subbotonera li a span.icono.segmentos{
	background-position:-240px 0;
}

ul.subbotonera li a span.icono.tool_restart{
	background-position:-260px 0;
}

.subbotonera .submenu-dot {
    margin-left: 10px;
}

.subbotonera .label {
    vertical-align: middle;
}

/* SUBMENU */

.has-sub ul {
    display: none; 
    position:absolute;
    z-index: 599;
    background-color:white;
    border-radius: 5px;
    padding: 10px;
    width: 120px;
    margin-left: 0px;
    border: 1px solid #cee3fd; 
}

.has-sub > a {
    /*width: 108% !important;*/
}

.has-sub:hover > a {
    background-color:#cee3fd;
    color:#2066a8;
    border-radius: 5px 0px 0px 5px;
}

.has-sub:hover > ul {
    display: inline-block;
}

#overlay {
    /*background-color: rgba(0, 0, 0, 0.8);*/
    background-color:#000;
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;    
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    padding-top: 200px; 
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#overlay img {
    margin: 0 auto;
    margin-bottom: 10px;
}