﻿#tabs
{
    overflow:hidden;

    list-style:none;
	width:100%;
	margin:0;
	height:40px;
	padding:0;
}

#tabs > ul
{
	width:100%;
    display:table;
    table-layout:fixed;
}

#tabs > ul > li
{
	margin:0 1px;
	padding:7px 10px;
	display:table-cell;
	float:left;
	color:#FFFFFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #759CB9;
	background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0272a7 0%,#013953 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0272a7 0%,#013953 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0272a7 0%,#013953 100%); /* IE10+ */

    background-image: url(../imgs/layout/blue-lbl-gradmenubar_azul_mar.jpg);
	background-repeat: repeat-x;

    width:auto;
	text-align:center;
}

#tabs > ul > li > a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	display:block;
	outline:0;
	text-decoration:none;
}

#tabs li:hover a {
	color:#161616;
}

#tabs > ul > li:hover
{
	cursor:pointer;

    border: 1px solid #777777;

	/* Background color and gradients */

	background: #F4F4F4;
	
    background: -moz-linear-gradient(top, #F4F4F4 0%, #EEEEEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F4F4F4 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F4F4F4 0%,#EEEEEE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F4F4F4 0%,#EEEEEE 100%); /* IE10+ */

	/* Rounded corners */

	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;

    background-image: url(../imgs/layout/blue-lbl-gradmenuoption_azul_mar.jpg);
	background-repeat: repeat-x;
}

#tabs > ul > li.tabActiveHeader
{
	cursor:pointer;

    border: 1px solid #777777;

	/* Background color and gradients */

	background: #F4F4F4;
	
    background: -moz-linear-gradient(top, #F4F4F4 0%, #EEEEEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F4F4F4 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F4F4F4 0%,#EEEEEE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F4F4F4 0%,#EEEEEE 100%); /* IE10+ */

	/* Rounded corners */

	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;

    background-image: url(../imgs/layout/blue-lbl-gradmenuoption_azul_mar.jpg);
	background-repeat: repeat-x;
}

#tabs > ul > li.tabActiveHeader > a
{
	color:#161616;
}

#tabContainer
{
    margin:0;
    padding:0;
    position:relative;
    top:-7px;
    z-index:1;
}