/* GENERAL */
body {
	font: normal 12px/18px 'Trebuchet MS',Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
}
img {
	border:0;
}
a   { 
	outline: none;
	color: #1a6cc1;
	text-decoration:none;
}
tr,
td {
 	vertical-align: top;
}
p {
	margin-bottom: 18px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{min-height: 0; height: 1%;}
div.centered {
	width: 760px;
	margin:0 auto;
}
.icon {
	vertical-align: middle;
}
.hide {
	display:none;
}
.error {
	background: #F00 ;
	padding: 10px;
	color: #fff;
	margin-bottom: 12px;
	font-weight:bold;
	position:relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.error a{
	color:#FF0;
}
.info {
	background: #FFFDDB;
	padding: 10px;
	color: #333;
	margin-bottom: 12px;
	font-weight:bold;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a#btnClose {
	position: absolute;
	top: 3px;
	right: 3px;
	background: transparent url(../images/btn-close.gif) no-repeat;
	width: 16px;
	height:16px;
	display:block;
}
.error a#btnClose:hover {
	background-position: -16px 0;
}
.info a#btnClose {
	background-position: 0 -16px;
}
.info a#btnClose:hover {
	background-position: -16px -16px;
}
/* SUPMENU */
#supmenu {
	background: #ccc;
	color: #000;
	height: 24px;
	text-align:left;
}
#supmenu h3{
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-top:3px;
}
#supmenu ul {
	float: right;
	margin-top: 3px;
}
#supmenu ul li{
	float: left;
}
#supmenu ul li a{
	padding: 0 10px;
	color: #666;
	font-weight:bold;
}
#supmenu ul li a.last{
	padding-right: 0;
}
#supmenu ul li a.selected{
	color: #000;
}

/* HEADER */
#header {
	text-align: left;
	height:80px;
}
#header #logo {
	float:left;
	margin-top: 10px;
}
#header ul {
	float: right;
	margin-top: 30px;
}
#header ul li{
	float: left;
}
#header ul li a.last{
	padding-right: 0;
}

/* WELCOME */
#welcome {
	height: 28px;
	background: #000 url(../images/pixel-welcome.gif) repeat-x;
	color:#fff;
	text-align:left;
	padding-left: 10px;
	padding-top: 7px;
}
#welcome h2{
	font-size: 18px;
	font-weight: normal;
	float: left;
}
#welcome a{
	color: #fff;
	text-decoration:none;
	float: right;
	font-weight:bold;
}
/* CONTENT */
#content {
	width: 681px;
	padding: 0 10px;
	margin:0 auto;
	text-align:left;
	background: #fff;
}
#content #autenticate{
	background: #ccc;
	height: 33px;
	padding-top:6px;
	padding-left:18px;	
}
#content #autenticate label{
	font-weight: bold;
}
#content #autenticate .input-text{
	width: 165px;
	border-top: 2px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #ddd;
}
#content #autenticate .btn-submit{
	width: 90px;
	height:20px;
	border: 0 none;
	color: #fff;
	text-transform:uppercase;
	font: bold 12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	background: transparent url(../images/autenticate-btn.gif) no-repeat;
	cursor:pointer;
}
#content #autenticate .btn-submit:hover{
	background-position: 0 -20px;
}
#content h1 {
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	font-weight: normal;
	margin: 18px 0;
}
#content #calendars {
	margin-bottom: 18px;
}
#content #calendars #datepicker{
	font-size: 10px;
	float:left;
	width:385px;
}
#content #calendars #block-info{
	width: 323px;
	background: #ccc;
	float:right;
	padding:10px;
	overflow:hidden;
}
#content #calendars #block-info h2{
	margin-bottom:18px;
	font-size:14px;
}
td.conf_past a.ui-state-default{ 
	color: #333;
	font-weight: bold;
}
td.conf_future a.ui-state-default{ 
	color: #f00;
	font-weight: bold;
}
#content .table-list {
	width: 100%;
}
#content .table-list th {
	background: #ccc url(../images/pixel-table.gif) repeat-x;
	color: #000;
	font-size:12px;
	font-weight: bold;
	text-align:left;
	padding: 0 10px;
	vertical-align: middle;
	height: 32px;
}
#content .table-list td {
	background: #fff;
	color: #000;
	font-size:12px;
	text-align:left;
	padding:10px;
}
#content .table-list tr.alt td{
	background-color: #f5f5f5;
}
#content .table-list td span.disabled{
	color: #999;
}
#events {
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    width: 97%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 4px;
    padding: 10px;
}

.event {
    margin: 10px;
}

.title-event {
    font-weight: bold;
    font-size: 14px;
}

date-event {
    font-size: 10px;
}

desc-event {
    font-size: 10px;
}

.finalizado {
    font-style: oblique;
    color: red;
}

/* FOOT */
#foot {
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	font-size:11px;
	margin-top: 10px;
}

.shop {
    float: right;
    margin-right: 45px;
    margin-top: 50px;
}
.shop a {
    background-color: #49AFCD;
    background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 10px 20px rgba(255, 255, 255, 0.12) inset, 0 -10px 30px rgba(0, 0, 0, 0.12) inset;
    color: white;
    display: block;
    float: left;
    font-size: 15px;
    margin-top: 20px;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.45);
    width: 150px;
}
.shop a:hover {
    background-color: #2F96B4 !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
}

.download {
	background-color: #91BD09;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: helvetica,arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 16px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    width: 160px;
}