@charset "utf-8";
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	color: #333;
	font-size: 10px;
	padding: 0 0 20px 0;
	background:#333 url(../img/layout/bg_container.jpg); /* bg_body.jpg */ 

}
.topo {
	width:100% /*96%*/; min-height:10px; 
	min-width:960px;
	overflow:hidden;
/*	margin-left:2%; 
	margin-right:2%;  
/*	background: url("../img/atletas/fundo-3.jpg"); */
	  
	}
.topo img {margin-bottom:-5px;}

/* Inicio rotinas de layout dos Atletas de finais de semana */

.futebol {
	width:70%;
	color:#000; font-size:100%;
	position: relative; left:20%; top:30%; 
	  	
	}
.tamanhotabela {width:98% }	
.localizaratleta {position: absolute; left:50%; top:5%; font-size: 14px; }

.formatletas { 
 text-family:Arial,Tahoma,Helvetica,sans-serif; 
 text-size:12px; color:blue; 
 background:url("../img/atletas/fundo-1.jpg");
}

.atletas tr td {background:url("../img/atletas/fundo-4.jpg"); 
					 }
#clickHere {position: relative; top: 20px; left:100px;}

/* Fim dos atletas */

/* links
----------------------------------------------- */
a {
	font-weight:bold;
	text-decoration: none;
	color:#000;
}

a:hover {
	color:#FF0000;
}
/* COLUNAGEM
----------------------------------------------- */
#coluna_menu, #coluna2, #coluna3 {}
.coluna1 {}
#coluna_menu {/*border-right:1px solid #000;*/ margin-left:-0px;}
#coluna_destaque {
	min-height:180px;
/*	border-bottom:1px solid #000;*/
/*	background:#DADADA url(../img/layout/bg_destaque.jpg) repeat-x;*/
        text-align: justify;
	}
.coluna1 {/* border-right:1px solid #000;*/}
#coluna2 {/* border-right:1px solid #000;*/ margin-left:-1px;}
#coluna3 {/* margin-left:-1px; */ width:310px}

#coluna3 .box a img {width:90%; /* border:2px solid #000; */ padding:2px;}
#coluna3 .box a:hover img {/* border:3px solid #333;*/ padding:1px;}

.publicidade {}
.publicidade a img {/* border:1px solid #f2f2f2;*/ padding:2px;}
.publicidade a:hover img {/*border:2px solid #000;*/ padding:1px;}
/* Grade
----------------------------------------------- */
.container_12,
.container_16 {
	background: url(../img/layout/bg_container.jpg) repeat;
}


/* Ttulos
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}

/* Caixas
----------------------------------------------- */
.box {
	padding:20px 5px 5px 5px;
	overflow:hidden; text-align:left;

}
.box h2 {
	font-size:200%;
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0 0 20px 0;
}
.box h2 a {color:#333;}
.box h2 a:hover {color:#FF0000;}

.block {
	padding-top:10px;
}

/* Pargrafos Citaes e listas
----------------------------------------------- */
p {
	margin-bottom:1em;
}


p:first-letter {display: block; float: left; font-size: 2.4em;}


blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}

/* Formulrios
----------------------------------------------- */
form {
	overflow:hidden;
}


input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

/* Menu Vertical
----------------------------------------------- */
#menu {font-size:100%;}
#menu ul {margin:0 0 0 5%; padding:0; list-style:none;}
#menu ul li {margin:0; padding:4px 0 6px 5px;}
#menu ul li a {color:#333; width:100%; display:block;}
#menu ul li a:hover {color:#FF0000;}
#menu .active {color:#CC0000; font-size:150%;}
#menu .active:hover {color:#CC0000; font-size:150%; text-decoration:none;}

/* As Colunas
----------------------------------------------- */
.artigo {
	padding:0 1% 0 1%;
	/* border-bottom:1px solid #ccc; */
}

.artigo h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.artigo a img {
	float:left; 
	width:60px; height:60px;
	margin:3px 5px 3px 0; 
	padding:2px;
/*	border:1px solid #000; */
	background:#fff;
}
.artigo a:hover img {
/*	border:2px solid #000; */
	padding:1px;
}

.artigo p.autor {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* Destaque
----------------------------------------------- */
.destaque  {/*border-right:1px dashed #006633;*/}
.destaque h2, .destaque_ultimo h2 {/*border-bottom:1px dotted #000;*/}
.destaque_ultimo {border-right:none;}
.destaque_ultimo a img, .destaque a img {width:140px; 
/*border:1px solid #000; */ padding:2px; margin:5px; float:left;}
.destaque_ultimo a:hover img, .destaque a:hover img {
	/* border:2px solid #000; */ padding:1px;}
.destaque p {font-size:100%; /*font-weight:bold;*/ width:98%; margin:0 0 10px 3%;}
.destaque_ultimo p a, .destaque p a {color:#000; font-size:110%;}
.destaque_ultimo p a:hover, .destaque p a:hover {color:#FF0000;}

/* Pesquisa
----------------------------------------------- */
#pesquisa {
}
#input {border:1px solid #000;}
#botao {background:#000000; font-size:100%; color:#fff; width:40px; height:28px; border:1px solid #fff; cursor:pointer;}

/* galeria
----------------------------------------------- */
.galeria{}
.galeria a {float:left;}
.galeria a img {width:60px; height:60px; /* border:1px solid #333; */ padding:2px;}
.galeria a:hover img {/*border:1px solid #FFCC00; */}

/* Rodape
----------------------------------------------- */
#rodape .box {
/*	color:#fff;
	background:#000; */
	height:100px;
	/*border-top:2px solid #000; */
	text-align:center;
}
 #rodape a {color:/*#99FF00;*/}
 
 #rodape h1  a  {color:#000;}
 #rodape h1  a:hover {color:red;}

#rodape .box ul{ text-align:left; color:#ccc;}
#rodape .box ul li{display: inline; margin:5px;}
#rodape .box ul li a{
color:#fff;
text-decoration: none;
padding:0 0.5% 0 0.5%;
letter-spacing:0;
}
#rodape .box ul li a:hover, #rodape .box ul li a.selected{
/*border-bottom: 2px solid #99FF00;*/
color:#99FF00;
}

/* Conteudo
----------------------------------------------- */
.conteudo {/*border-right:1px solid #333;*/ padding:5px 40px 5px 30px; margin-left:-5px;}
.conteudo h1 {text-align:center; margin:10px 0 30px 0; font-size:240%;}
.conteudo p {font-size:120%;}
.conteudo img, .conteudo a img { /*border:1px solid #333; */ padding:2px; margin:1px 1px; float:left;}

#m_categoria { display:none;}
#n_categoria { display:none; }

#rolagentequefaz {
padding:1px; 
width:680px; 
height:250px; 
overflow:auto; 
}

#rolaemail {
padding:1px; 
width:890px; 
height:500px; 
overflow:auto; 
}

/*  inicio de lista com Borda*/
 dl.com-bordas {
	margin: .1em 0;
	padding: 0;
	width:660px; 
	}

.com-bordas dt {
	background-color: #FF9900;
	color: #FFFFFF;
	padding: .1em .1em;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-top: 1px solid #131210;
	}

.com-bordas dd {
	margin: 0 0 .1em 0;
	background: #DBD8D8;
	text-align: justify;
	padding: .1em .1em;
	font-style: italic;
/*	
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-bottom: 1px solid #131210;
*/
	}

/* Inicio Formata Tabelas */
table.listaValores {
	border-collapse: collapse; /* CSS2 */
	background: #FFFFF0;
/*	border: solid green 1px; */
}

table.listaValores tr.even /* estilo explícito */ {
	background: #F0FFFF;
}

table.listaValores tr:hover {
	background: #CCF0F0;
}

table.listaValores td {
/*	border-left: 1px dotted blue; */
}

table.listaValores th {
/*	border-left: 1px dotted blue;
	border-bottom: 2px solid green; */
	background: #F0FFF0; vertical-align: middle;
}



table#alter tr td {background: #ffc;} /* Toda a tabela com fundo creme */
table#alter tr.dif td {
  background: #fff; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;} /* Linhas com fundo cinza */

/* Fim Formata Tabelas */

.eopcao {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px; color: #FF0000;} 


#cultura { padding-top:3px; 
           width:500px; height:164px; }


#rolacultura { 
     padding:1px;  width:250px;   
     height:150px;   
     overflow:auto;  
}

#rolaestatistica {
padding:1px; 
width:700px; 
height:650px; 
overflow:auto; 
}

.dia {font-family: helvetica, arial; font-size: 8pt; color: #FFFFFF}
.data {font-family: helvetica, arial; font-size: 8pt; text-decoration:none; color:#191970}
.mes {font-family: helvetica, arial; font-size: 8pt;}

.Cabecalho_Calendario {font-family: helvetica, arial; font-size: 10pt; color: #F08F02;               
text-decoration:none; font-weight:bold;}


.texto1 {
  font-family:Helvetica, sans-serif;}
  } 
.imagensG {width:98%; height:400px;}
.imagensP {width:7%; height:7%;}

.maiormenor {padding:2px; margin:1px 1px; float:right; 
border:0px solid #000;}

#rolameta { 
     padding:1px; 
     width:800px;   
     height:500px;   
     overflow:auto;  
}


/* Exemplo de Imagens com Fundo */
#templatemo_banner_wrapper {
	clear: both;
	width: 100%;
	height: 281px;
	margin: 0 auto;
	background:  url(../img/layout/templatemo_banner_bg.jpg) repeat-x; 

 }

#templatemo_banner {
	width: 900px;
	height: 251px;
	margin: 0 auto;
	padding: 30px 10px 0 10px; float:left
}

#templatemo_banner #templatemo_banner_image {
	float: left;
	width: 440px;	
}

#templatemo_banner_content {
	float: right;
	text-align: left;
	width: 460px;
}

#templatemo_banner_content p {
	color: #959787;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 20px;
}

#templatemo_banner_image_wrapper {
	position: relative;
	width: 413px;
	height: 230px;
	background:url(../img/layout/templatemo_banner_bg.png) no-repeat; 
}

#templatemo_banner_image_wrapper img {
	position: absolute;
	width: 380px;
	height: 210px;
	top: 10px; 
	left: 10px;
}

/* Fim */

/* efeito com imagens 

#imagem{
height:70%; width:70%; transition-duration: 3s;
transform: rotate(10deg);

-moz-transition-duration: 3s;
-moz-transform: rotate(10deg);

-webkit-transition-duration: 3s;
-webkit-transform: rotate(10deg);

-o-transition-duration: 3s;
-o-transform: rotate(10deg);
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=40);

}

#imagem:hover {

transfooterfooterform: rotate(-20deg) scale(1.2) skew(20deg);

-moz-transform: rotate(-20deg) scale(1.2) skew(20deg);
-webkit-transform: rotate(-20deg) scale(1.2) skew(20deg);
-o-transform: rotate(-20deg) scale(1.2) skew(20deg);

	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);

}

 fim */