/* Estilos especiales para dentro de zonas TAB JQUERY UI */

/* Elementos Genericos para modificar posibles estilos externos que se hereden */
#tabs, #tabs li
{
	/* Para sustituir el color de texto que pueda tener por defecto la plantilla
	 * si queremos usar tabs en zonas donde la plantilla no tenga previsto meter enlaces.
	 * Este será el nuevo color base para todo el contenido en #tabs y sus links
	 */
}

/* Para los links de la cabecera */
#tabs a
{
	color: #696969;
}

/* Para links internos del panel */
#tabs a.link_oscuro
{
	text-decoration:none;
	color: #696969;
}

#tabs a:hover
{
	/* como el anterior, para hover sobre link, especialmente sobre cabeceras de tabla */
	color: #940E03;
	text-decoration: none;
}
/* Fin Elementos Genericos */

/* Elementos de la cabecera de tabs (pestañas) */
#tabs ul li 
{
	/* definicion para los elementos li de la cabecera de tabs.
	 * Cuidado que podrá aplicarse también a otros unordered list que haya en los paneles internos
	 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 2px solid #7a7a7a;
	background-color: inherit; /* para todas, luego si queremos se sobreescribe para la activa */
	/* inherit si simplemente queremos no darle ningún color distinto a lo que tenga detras */
	font-size: 13px;
}

#tabs .tiksluscarousel ul li
{
	/* para contrarrestar el borde que pone tabs a las cosas del carrousel */
    border: 0px solid;
}

#tabs a.ui-tabs-anchor
{
	font-weight: normal;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active 
{
	/* Override a estilos de jquery tabs
	 * Necesitamos usarlo aqui porque es la única manera de acceder a que pestaña está activa
	 * Aqui modificamos eso, estilos de la pestaña activa.
	 */
	background-color:#7a7a7a;
}

#tabs li.ui-tabs-active  a
{
	/* para redefinir elemento texto de la pestaña activa, 
	 necesario por cuestiones de especificidad */
	color: #ffffff;
	font-weight: bold
}
/* Fin Elementos de la cabecera de tabs (pestañas) */

/* Paneles (contenido de tab) */
#tabs .ui-tabs-panel 
{
	/* Estilo para los capas con contenido, cuidado que lo heredará lo de dentro */
	background: #FEFEFE;
	border: 2px solid #7a7a7a;
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 13px;
	padding: 20px 40px 20px 40px;
}

/* Definir estilos para #tabs .ui-tabs-panel loqueseaaqui {} si queremos 
 * modificarlo para algun elemento 'loqueseaaqui' que ya tuviese algún estilo heredado de arriba
 */

/* Para alojar el gráfico con el link de la tienda relativo a un producto */
#tabs #link_producto_tienda
{
	float: right;
	text-align: center;
}

#tabs #link_producto_tienda img
{
	vertical-align: middle;
	margin-bottom: 10px;
}

#tabs #link_producto_tienda a
{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

/* estilos custom para necesidades espciales
 * En este caso para dar bordes según la posición de la pestaña para evitar diferencias
 * Solo se sobreescriben las cosas imprescindibles, lo que no esté aqui buscarlo arriba
 */
.tabs_primero
{
	border-left: 2px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
}

.tabs_interior
{
	border-left: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
}

.tabs_ultimo
{
	border-left: 1px solid #7a7a7a;
	border-right: 2px solid #7a7a7a;
}