/*  BASE ------------------------------------------------------------------  */

html,
body {
	margin:0;
	padding:0;
	height:100%; /* necessário para a posição do footer ao fundo*/
	font-family:Helvetica, Arial,  sans-serif;
	font-size:12px;
	color:#2f2f2f;
	background-color:#000000;
}

.links li {
    border-bottom: 6px solid #F4F4F4;
    display: inline-block;
    margin-right: 55px;
    padding-bottom: 0;
    vertical-align: top;
    width: 335px;
	float:left;
}

.newsList li {
    display: block;
    list-style: none outside none;
    overflow: hidden;
    padding-bottom: 25px;
}

img {
	border: 0;
	border: none;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}


img.bg2 {
	/* Set rules to fill background */
	min-height: 715px;
	min-width: 307px;

	/* Set up proportionate scaling */
	width: auto;
	height: 80%;

	/* Set up positioning */
	position: fixed;
	bottom: 0px;
	right: 3%;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg2 {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

/* CONTAINER ------------------------------------------------------------------ */


#container {
	min-height: 100%; /* necessário para a posição do footer ao fundo*/
	height:auto !important;
	height:100%;
	margin:0 auto;
	margin-bottom:-42px; /* margin-bootom é o valor negativo da altura do footer */
	width:1151px;
}


/* HEADER ------------------------------------------------------------------ */

#header {
	height:170px;
	width:1151px;
	background-color:#dbdbdb;
	padding:5px;
}

.barra_top {
	width:100%;
	background:url(../images/back_barra_top.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	z-index:3;
	height:102px;
	clear:both;
	left:0px;
}

.content_menu {
	background:url(../images/back_menu.png);
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
	right:0px;
	height:102px;
	width:770;
}

.logotipo {
	position:absolute; 
	margin-left:-120px; 
	z-index:4;
	top: 0px;
}   

#menu {
	height:35px;
	width:950px;
	background-color:#FFFFCC;
	
}

#content {
	width:1024px;
	clear:both;
	min-height:100%;
	position:relative;
	z-index:1;
}

.output_base {
	width:1000px;
	clear:both;
	min-height:651px;
	background:url(/media/images/back_content_base.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-left:9px;
	line-height:18px;
}

.output_base_atletas {
	width:1099px;
	clear:both;
	min-height:651px;
	line-height:18px;
}

.atletas_top {
	width:1151px;
	clear:both;
	background:url(/media/images/back_top_atletas.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:58px;
	margin-left:9px;
}

.atletas_content {
	width:1099px;
	clear:both;
	min-height: 655px;
	background:url(/media/images/back_content_atletas.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-left:9px;
	line-height:18px;
}

.atletas_bottom {
	width:1118px;
	clear:both;
	background:url(/media/images/back_bottom_atletas.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:54px;
	margin-left:9px;
}

.output_multimedia { 
	clear:both;
	min-height:761px;
}

#push {
	height: 42px; /* tem de ter a mesma altura do footer */
}

.sel_atletas {
}

.sel_atletas:hover {
	background-color:#e80e27;
	color:#FFF;
}

.sel_atletas a:link {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color: #414141;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.sel_atletas a:visited {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color: #414141;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.sel_atletas a:hover {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.sel_atletas a:active {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.breadcrumb a:link {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color: #727272;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.breadcrumb a:visited {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color: #727272;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.breadcrumb a:hover {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#e80e27;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho.jpg);
	background-position: center right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.breadcrumb a:active {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#e80e27;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

/*---------------------------------------------------------*/

.breadcrumb2 a:link {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho2.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.breadcrumb2 a:visited {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho2.png);
	background-position:center right;
	background-repeat:no-repeat;
}

.breadcrumb2 a:hover {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#e80e27;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho2.png);
	background-position: center right;
	background-repeat:no-repeat;
}

.breadcrumb2 a:active {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#e80e27;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(/media/images/separador_caminho2.png);
	background-position:center right;
	background-repeat:no-repeat;
}


/*---------------------------------------------------------*/

.caminho {
	background-color:#e1e1e1;
	height:22px;
}

#tabs {
	width:1024px;
	background:url(/media/images/back_tabs_hp.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:471px;
	position:relative;
}


/* FOOTER ------------------------------------------------------------------ */

#footer {
	margin: 0 auto;
	width:1151px;
	height: 42px;
	background:url(/media/images/back_footer.png);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	z-index:3;
}

#footer .left {
	float:left;
	padding:17px 0px 0px 40px;
	color:#000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:770px;
}

#footer .center {
	float:left;
	padding:14px 0px 0px 0px;
}

#footer .right {
	float:right;
	padding:10px 40px 0px 0px;
}

#footer .right a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
}

#footer .right a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
}

#footer .right a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration:none;
}

#footer .right a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration:none;
}



/* LINKS GERAL ------------------------------------------------------------------ */

/* 
link -> visited -> hover -> active :: deve ser seguida esta ordem para formatar as anchors
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
*/


a:link {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:12px;
	color: #d10012;
	text-decoration:none;
}

a:visited {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:12px;
	color: #d10012;
	text-decoration:none;
}

a:hover {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:12px;
	color:#727272;
	text-decoration:underline;
}

a:active {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:12px;
	color:#727272;
	text-decoration:underline;
}

/* LINK calendario home ------------------------------------------------------------------ */



.link_calendar a:link {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #3C3B3B;
	text-decoration:none;
}

.link_calendar a:visited {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #3C3B3B;
	text-decoration:none;
}

.link_calendar a:hover {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #d10012;
	text-decoration: none;
}

.link_calendar a:active {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #3C3B3B;
	text-decoration:none;
}

/* PESQUISA ------------------------------------------------------------------ */

#search {
	float:right;
	width:240px;
	height:80px;
	padding:10px;
	border-left:1px dotted #dbdbdb;
	background-color:#f9f9f9;
}

/*  MESSAGES ------------------------------------------------------------------  */

.messages {
        padding:10px;
        text-align:center;
}

.messages .error {
        color:red;
        font-weight:bold;
}

.messages .message {
        color:green;
        font-weight:bold;
}

.error_message {
        color:red;
        font-size:10px;
}

label.required {
        font-weight:bold;
}

/*  PAGINATOR ------------------------------------------------------------------  */

/*#paginator {
    padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	background-color:#dbdbdb;
	display:block;
	height:25px;
}

#paginator .total_rows_pages{
	float:left;
	padding:3px;
	background-color:#ccc;
	display:inline-block;
	padding:2px 6px;
	margin-right:2px;
	color:#FFFFFF;
}

#paginator .paginatorBlock {
	float:right;
	background-color:#ccc;
	display:inline-block;
	padding:2px 6px;
}

#paginator a {
	padding:2px 6px;
	background:#ccc;
	text-decoration:none; 

}

#paginator .first {
	padding:2px 6px;
	background:#ccc;
	border-right:1px solid #dbdbdb;
}

#paginator .prev {
	padding:2px 6px;
	background:#ccc;
	border-right:1px solid #dbdbdb;
}

#paginator .next {
	padding:2px 6px;
	background:#ccc;
	border-left:1px solid #dbdbdb;
}

#paginator .last {
	padding:2px 6px;
	background:#ccc;
	border-left:1px solid #dbdbdb;
}

#paginator .current {
	padding:2px 6px;
	background-color:#FF6600;
	color:#FFF;
}*/

/*  FORM INPUTS ------------------------------------------------------------------ */

form {margin:0px;} 

.form_field_active{ background-color:#f5f5f5;} /*cor de fundo para campos seleccionados*/

form.LV_form_to_validate input{
	float:left;
}

/*icons de validação dos campos de forms*/
.valid_img{}
.invalid_img{}
.LV_invalid{}
.LV_valid{}

.LV_validation_message{ padding:0px 0px 0px 3px; vertical-align:middle; float:left;}

/* para as select */
.LV_valid_field{float: left;}

/* para ao date-picker */
.date-picker-control{ float:left;}

/* botao para gerar password */
.span_passwordGenerator{padding:0px 0px 0px 3px; float:left;}

/*  OUTROS */

#history_back{padding-top:5px; border-top: 1px dotted #999999; text-align:right;}

.cp_separator{
	float: left;
}
#ajax_right{
float:left;
width:813px;
}
#ajax_left{
float:left;

}

/*---------------------*/

#paginator a:link {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:10px;
	color:#727272;
	text-decoration:none;
}

#paginator a:visited {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:10px;
	color:#727272;
	text-decoration:none;
}

#paginator a:hover {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:10px;
	color: #d10012;
	text-decoration:none;
}

#paginator a:active {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:10px;
	color: #d10012;
	text-decoration:none;
} 

.yt-uix-pager .yt-uix-button, .yt-uix-pager .yt-uix-pager-link {
    color: #555555;
}

.yt-uix-button-default:active, .yt-uix-button-text:active, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-text.yt-uix-button-toggled {
    background-image: -moz-linear-gradient(center top , #E6E6E6 0pt, #DCDCDC 100%);
    border-color: #999999 #AAAAAA #CCCCCC;
    box-shadow: 0 1px 2px #AAAAAA inset;
}

a.yt-uix-button {
    display: inline-block;
    height: 2.78em;
    line-height: 2.8em;
    text-decoration: none;
}

.yt-uix-button-default, a.yt-uix-button-default .yt-uix-button-content {
    color: #555555;
}

.yt-uix-button-default, body .yt-uix-button-default[disabled] {
    background-color: #E0E0E0;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    box-shadow: 0 0 1px #FFFFFF inset;
    text-shadow: 0 1px 0 #FFFFFF;
}

.yt-uix-button {
    border: 1px solid;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 2.95em;
    outline: 0 none;
    padding: 0 0.91em;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal;
}

a {
    cursor: pointer;
}

a {
    color: #1C62B9;
    text-decoration: none;
}

a.yt-uix-button {
    display: inline-block;
    height: 2.78em;
    line-height: 2.8em;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------*/

.widget160
{
    
	     background:url(./black160.png) no-repeat;
	     width:160px;
	     height:106px;
	     font-family:"Century Gothic",helvetica,arial,sans-serif;
	     color:#FFFFCC;
	     font-size:10pt;
	     font-weight:bold;
		 position:relative;
		 line-height:14px;
}

.widget160 #link{
	position:absolute;
	display:block;
	width:100.35px;
	height:39.5px;
	top:10px;
	left:25px;
	
}


.widget160White
{
    background:url(/media/images/white160.png) no-repeat;
	color:#555555;
}
.widget160 div
{
   position:absolute;
}
.widget160 #days
{
	top:57px;
	left:17px;    
}
.widget160 #hours
{
	top:57px;
	left:58px;    
}

.widget160 #min
{ 
	top:57px;
	left:93px;
   
}

.widget160 #sec
{
  top:57px;
  left:130px;
    
}

.widget160White #days
{
	top:57px;
	left:19px;    
}
.widget160White #hours
{
	top:57px;
	left:62px;    
}

.widget160White #min
{ 
	top:57px;
	left:98px;   
}

.widget160White #sec
{
  top:57px;
  left:131px;    
}





/*--------------------------------------------------------------------------------------*/