@charset "utf-8";
/* CSS Document */


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Define el ancho de las tabs--*/
	width: 100%;
	color:#FFF
}

ul.tabs li {
	
    color:#FFF;
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/
	line-height: 31px; /*--Alineamiento vertical del texto dentro de la tabla--*/
	border-left: none;
	margin-bottom: -1px; /*--Desplaza los item de la lista abajo 1px--*/
	overflow: hidden;
	position: relative;
	background: #000;
}

ul.tabs li a {
	color:#FFF;
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;

/*<a rel="nofollow" title="outline" href="%20http://www.cssblog.es/css-la-propiedad-outline/">outline</a>: none;*/
}

ul.tabs li a:hover {
	background: #39F;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { 
/*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#39F;
}