.menu{
	margin:0;
	padding: 0;
	padding-left: 7px;
	overflow:hidden;
	width:100%;
}
.menu ul{
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}
.menu li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
}
.menu li a,.box .menu li a,.menu li a:hover{
	float:left;
	background: transparent url(../img/color_tabs_left.gif) no-repeat -3px -3px;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 0px;
	font-weight:normal;	
	color:#FFFFFF;
	
}

.menu li a:hover{
	/*background: transparent url(../img/color_tabs_left.gif) no-repeat left top;*/
}

.menu li a span,.box .menu li a span{
	display:block;
	background: transparent url(../img/color_tabs_right.gif) no-repeat right top;
	padding:4px 9px 2px 6px;
}

#menu_principal.menu li a span{
  background: transparent url(../img/color_tabs_esquina_mp.gif) no-repeat top right;  
}

/*colores*/
.menu li a.azulclaro,.menu li a.azulclaro span{	background-color: #0099CC;color:#000000;}
.menu li a.azul,.menu li a.azul span{	background-color: #2763A5;}
.menu li a.verde,.menu li a.verde span{	background-color: #669933;}
.menu li a.rojo,.menu li a.rojo span{	background-color: #FF0000;}
.menu li a.rosa,.menu li a.rosa span{	background-color: #CC6699;}
.menu li a.malva,.menu li a.malva span{	background-color: #9999CC;}
.menu li a.gris,.menu li a.gris span{	background-color: #666666;}
.menu li a.grisclaro,.menu li a.grisclaro span{	background-color: #c3c3c3;color:#000;}
/*hover*/
.menu li a.azul:hover,.menu li a.azul:hover span{background-color: #0099CC;}
.menu li a.verde:hover,.menu li a.verde:hover span{	background-color: #66CC99;}
.menu li a.rojo:hover,.menu li a.rojo:hover span{	background-color: #CC6666;}
.menu li a.rosa:hover,.menu li a.rosa:hover span{	background-color: #CC99CC;}
.menu li a.malva:hover,.menu li a.malva:hover span{	background-color: #CCCCFF;}
.menu li a.gris:hover,.menu li a.gris:hover span{	background-color: #c3c3c3;color:#000;}
.menu li a.grisclaro:hover,.menu li a.grisclaro:hover span{	background-color: #666666;color:#FFF;}
.menu li.seleccionado a, .menu li.seleccionado a span{ /*tab seleccionada actual*/
	color:#FFFFFF;
	background-color: #0099CC;
}

#tabs_detalle.menu{
	padding-left:2px;
}

#tabs_detalle.menu li a span{
	padding:4px 7px 2px 6px;
}

#menu_principal.menu{
	margin-left:5px;
	padding:0;
}
#menu_principal.menu ul{
	padding-right:6px;
}
#menu_principal.menu img{
	float:left;
	margin-left:-12px;
	/*-13px*/
	/*
	margin-left:-12px;
	width:10px;
	height:10px;
	*/
}
#menu_principal.menu a{
/*	background: transparent url(../img/bhl_azul.png) repeat-x left top;*/
	padding:0px 0px 0px 12px;
	background-repeat:repeat-x;
	background-position:left top;
}
#menu_principal.menu a span{
/*	background: transparent url(../img/bhr_azul.png) repeat-x right top;*/
/*	padding:4px 13px 4px 0px;*/
	padding:3px 12px 3px 0px;
	font-weight:bold ;
	color:#FFF;
	font-size:1.1em;
}

#menu_principal.menu li{
/*float:left;*/
/*	background: transparent url(../img/color_tabs_left.gif) no-repeat left top ;*/
}
#menu_principal.menu li.inicio  	a{background: #0099CC url(../img/fondo_azulclaro.png) ;}
#menu_principal.menu li.libre  		a{background: #2763A5 url(../img/fondo_azul.png) ;}
#menu_principal.menu li.accesorio a {background: #9999CC url(../img/fondo_malva.png) ;}
#menu_principal.menu li.vodafone  a{background: #FF0000 url(../img/fondo_rojo.png) ;}
#menu_principal.menu li.tiendas  	a{background: #CCCCFF url(../img/fondo_rosa.png) ;}
#menu_principal.menu li.trabajo  	a{background: #CC99CC url(../img/fondo_morado.png) ;}
#menu_principal.menu li.quienes  	a{background: #c3c3c3 url(../img/fondo_gris.png) ;}
/**/
#menu_principal.menu li.activo a,
#menu_principal.menu li a:hover{background-position:left -40px;}

#menu_principal.menu li.activo span,
#menu_principal.menu li a:hover span {padding-top:5px;color:#FFF;}

/*izquierda*/
/*
#menu_principal.menu li.inicio a {background-image: url(fondo_azulclaro.png);}
#menu_principal.menu li.libre a {background-image: url(fondo_azul.png);}
#menu_principal.menu li.accesorio a {background-image: url(fondo_malva.png);}
#menu_principal.menu li.vodafone a {background-image: url(fondo_rojo.png);}
#menu_principal.menu li.tiendas a {background-image: url(fondo_rosa.png);}
#menu_principal.menu li.trabajo a {background-image: url(fondo_morado.png);}
#menu_principal.menu li.quienes a {background-image: url(fondo_gris.png);}
*/
/*derecha*/
/*
#menu_principal.menu li.inicio a span {background-image: url(../img/bhr_azulclaro.png);}
#menu_principal.menu li.libre a span {background-image: url(../img/bhr_azul.png);}
#menu_principal.menu li.accesorio a span {background-image: url(../img/bhr_malva.png);}
#menu_principal.menu li.vodafone a span {background-image: url(../img/bhr_rojo.png);}
#menu_principal.menu li.tiendas a span {background-image: url(../img/bhr_rosa.png);}
#menu_principal.menu li.trabajo a span {background-image: url(../img/bhr_morado.png);}
#menu_principal.menu li.quienes a span {background-image: url(../img/bhr_gris.png);}

#menu_principal a:hover{background-position:left -37px;}
#menu_principal a:hover span{
	background-position:right -37px;
}
*/

.tabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	border-top: 2px solid #0099CC; /*quitar para eliminar el borde entre la barra y la pestaņa*/
	background-color: #0099CC;	
	background-image:url(../img/bg_rayado_azul.png);
	background-repeat:repeat-x;
	margin-bottom:2px;
}
.tabsline2{
	clear: both;
	padding: 0;
	width: 100%;
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #0099CC; /*quitar para eliminar el borde entre la barra y la pestaņa*/
	background-color: #0099CC;	
	margin-bottom:2px;
}
/**************************************/