/* This is the bare minimum needed to create your own theme.
   In this example, all we're doing is overriding the default
   color scheme with our own. In the real world, you'd probably
   want to do more complex operations. */
html,body {
	background-color: #FFFFFF;
	color: #222222;
}

#hd {
	background-color: #FFFFFF;
}

.block .hd {
	/*background-color: #009EB4;*/
	color: #FFFFFF;
	border: 1px solid #333333;
	background-image: linear-gradient(to right, #e81f76, #417099, #00AEC3);
}

.block .bd {
	border: 1px solid #333333;
	border-top: 0px none #333333;
}

table thead th {
	background-color: #417099;
	color: #FFFFFF;
}

table th.hd {
	background-color: #417099 !important;
	background-image: none !important;
	color: #FFFFFF;
}

h2 {
	font-weight: bold;
}

.spaces .hd {
	background-color: transparent;
}

.spaces .hd ul li {
	background-color: #333333;
}

a {
	color: #333333;
}

ul.biglist li a {
	padding: 0.4em;
}

.highlight {
	background-color: #417099;
	color: #ffffff !important;
}

#navigation {
	background: #009EB4 url(../../imgs/bg-navigation.png) repeat-x;
	margin-top: 5px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #14AABF;
}

#navigation li a {
	color: #666666;
	text-decoration: none;
}

#primary-navigation li.active a {
	background-color: #009EB4;
	color: #FFFFFF;
}

h1 {
	color: #333333;
}

#navigation li a:hover {
	text-decoration: none;
}

.rounded #navigation ul li a {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 0em;
}

.rounded #navigation {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.webstudio {
	text-decoration: none;
}

.fila-par {
	background-color: #cae7ea;
}

.fila-impar {
	background-color: #FFFFFF;
}