/* ----- inicio navegacion y colores */
/* ------------------------------------------------------------------------------------- navegacion */
.navegacionprincipal {	margin: 5px 0 0 10px;	padding: 0 0 1px 0;	overflow: hidden;	width: 980px;	font: 12px Verdana, Arial, sans-serif;	border-bottom: 1px solid #999;}
.navegacionprincipal ul {	margin: 0;	padding: 0;}
.navegacionprincipal ul li {	margin: 0;	padding: 0;	float: left;	list-style-type: none;}
.navegacionprincipal ul li a {	margin: 0 1px 1px 0;	padding: 4px 0 15px 6px;	text-decoration: none;	display: block;	background-color: #efe6e6;	width: 146px;	color: #fff;}
.navegacionprincipal ul li a:hover {	color: #fff;	width: 146px;}

.navegacionprincipal ul li a.actualidad {border-left: 10px solid #3699a9; background-color: #246570;}
.navegacionprincipal ul li a.elblogdeanatoli {border-left: 10px solid #0023e7; background-color: #001486; margin-right: 0; width: 149px;}
.navegacionprincipal ul li a.cine {border-left: 10px solid #f90; background-color: #ee6f00;}
.navegacionprincipal ul li a.disenoyarquitectura {border-left: 10px solid #ff1e66; background-color: #c6003f;}
.navegacionprincipal ul li a.medioambiente {border-left: 10px solid #00b600; background-color: #006b00;}
.navegacionprincipal ul li a.salud {border-left: 10px solid #ff4800; background-color: #bf3700;}
.navegacionprincipal ul li a.sexo {border-left: 10px solid #9600bb; background-color: #63007c;}
.navegacionprincipal ul li a.sobreruedas {border-left: 10px solid #cb0000; background-color: #870000;}
.navegacionprincipal ul li a.tendencias {border-left: 10px solid #ff0cbe; background-color: #a9087e;}
.navegacionprincipal ul li a.topofthetops {border-left: 10px solid #ffca00; background-color: #daa000;}
.navegacionprincipal ul li a.tveldescodificador {border-left: 10px solid #2196e4; background-color: #0065a7; margin-right: 0; width: 149px;}
.navegacionprincipal ul li a.vidadigital {border-left: 10px solid #00e2f6; background-color: #009dab;}
.navegacionprincipal ul li a.vidaurbana {border-left: 10px solid #aff500; background-color: #83b700;}
.navegacionprincipal ul li a.videopatia {border-left: 10px solid #a5c100; background-color: #7e9500;}

.navegacionprincipal ul li a.actualidad:hover {border-left: 10px solid #3699a9; background-color: #3699a9;}
.navegacionprincipal ul li a.elblogdeanatoli:hover {border-left: 10px solid #0023e7; background-color: #0023e7; margin-right: 0; width: 149px;}
.navegacionprincipal ul li a.cine:hover {border-left: 10px solid #f90; background-color: #f90;}
.navegacionprincipal ul li a.disenoyarquitectura:hover {border-left: 10px solid #ff1e66; background-color: #ff1e66;}
.navegacionprincipal ul li a.medioambiente:hover {border-left: 10px solid #00b600; background-color: #00b600;}
.navegacionprincipal ul li a.salud:hover {border-left: 10px solid #f34500; background-color: #f34500;}
.navegacionprincipal ul li a.sexo:hover {border-left: 10px solid #9600bb; background-color: #9600bb;}
.navegacionprincipal ul li a.sobreruedas:hover {border-left: 10px solid #cb0000; background-color: #cb0000;}
.navegacionprincipal ul li a.tendencias:hover {border-left: 10px solid #ff0cbe; background-color: #ff0cbe;}
.navegacionprincipal ul li a.topofthetops:hover {border-left: 10px solid #ffca00; background-color: #ffca00;}
.navegacionprincipal ul li a.tveldescodificador:hover {border-left: 10px solid #2196e4; background-color: #2196e4; margin-right: 0; width: 149px;}
.navegacionprincipal ul li a.vidadigital:hover {border-left: 10px solid #00e2f6; background-color: #00e2f6;}
.navegacionprincipal ul li a.vidaurbana:hover {border-left: 10px solid #aff500; background-color: #aff500;}
.navegacionprincipal ul li a.videopatia:hover {border-left: 10px solid #a5c100; background-color: #a5c100;}

.navegacionprincipal ul li a:hover {color: #fff;}