/* INICIO - Zerar todas as margens e bordas de todos os elementos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Lembre-se de definir foco estilos! */
:focus {
outline: 0;
}
body {
width: 100%;
height: 100%;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background: #e5e5e5 url(imagens/fixo/bkg4.gif) /*repeat-x*/ repeat top center;
}
ol, ul {
list-style: none;
}
/* Tabelas ainda precisam de "cellspacing ="0" 'na marcação */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* FIM */
/*********************************** Ativando a classe hover para o IE ***********************************/
* html * { 
color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; 
if(who.nodeName != 'A'){  
who.onmouseenter=function(){ who.className += ' hover'};  
who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; 
} (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} 
} )(this) , 'auto') }
/* example 
div#imagens div#imgsleft p:first-child , div#imagens div#imgsleft p.first-child { color: red; cursor: pointer;}
p:first-child , p.first-child { color: red }li:hover a , li.hover a { background-color: blue }
/*div#imagens div#imgsleft p:hover{ border: 2px solid #FF5B00; cursor: pointer;}*/


/****************** Formatação dos links ************************/
a {color: #E43205; text-decoration: none;}
a:hover { color: #58030A;}
a:visited {color: #E43205}
a:visited:hover{color: #58030A}
a:active {color: #E43205}

/******************************************* layout fixo para todas as paginas **************************************************/

/****************** layout total todas as outras divs vão dentro desta ********************/
div#layout {
width : 778px;
/* height:500px; */
height: auto !important; /* altura definida pelo conteúdo */
display:table;
padding: 0 0 0 0px; /* espaçamento top, right, buttom, left*/
margin : 0 auto;
text-align: center; /* conteudo a esquerda. */
float: inherit; /* layout centralizado. */
/*line-height : 1.7em;*/ /* definendo altura das linhas */
color : #000;
background: #e5e5e5;
}
/****************** Topo ************************/
div#layout div#topo {
width: 778px;
height: 178px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background: #fff url(imagens/fixo/topo.gif) repeat-x bottom left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Menu topo ************************/
.menutopo{
width: 560px;
height: 20px;
text-align: right;
background-color: #000;
padding: 3px 10px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 110px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
}
.menutopo a{
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 30px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #fff;
}
.menutopo a:hover{
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #A40414;
}
.menutopo span{
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #fff;
}
.menutopo span:hover{
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #A40414;
cursor: pointer;
}
/****************** Logo ************************/
.logo{
width: 291px;
height: 232px;
background: transparent url(imagens/fixo/logo.png) no-repeat top left;
margin: 10px 0px 0px -385px; /* espaçamento top, right, buttom, left*/
position: absolute;
}
/****************** Centro ************************/
div#layout div#centro {
width: 778px;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #fff;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Centro Home ************************/
div#layout div#centro div#centrohome {
width: 778px;
height: 320px;
background: transparent url(imagens/fixo/centro.jpg) no-repeat top left;
float: left;
}
/****************** heightmini ************************/
.heightmini {
width: 1px;
height: 180px;
background-color: transparent;
float: left;
display: table;
}
/****************** Rodapé ************************/
div#layout div#rodape {
width: 778px;
height: 100px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background: transparent url(imagens/fixo/rodape.gif) no-repeat top left;
float: left;
color: #fff;
display: table;
}
/****************** Link 1 ************************/
.link1{
width: 106px;
height: 106px;
background: transparent url(imagens/fixo/link1.png) no-repeat top left;
margin: -40px 0px 0px -680px; /* espaçamento top, right, buttom, left*/
position: absolute;
}
/****************** Link 2 ************************/
.link2{
width: 106px;
height: 106px;
background: transparent url(imagens/fixo/link2.png) no-repeat top left;
margin: -40px 0px 0px -554px; /* espaçamento top, right, buttom, left*/
position: absolute;
}
/****************** Link 3 ************************/
.link3{
width: 106px;
height: 106px;
background: transparent url(imagens/fixo/link3.png) no-repeat top left;
margin: -40px 0px 0px -428px; /* espaçamento top, right, buttom, left*/
position: absolute;
}
/****************** Logo SF Flamengo ************************/
.link4{
width: 206px;
height: 41px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 25px 0px 0px 425px; /* espaçamento top, right, buttom, left*/
background: transparent url(imagens/fixo/sf_flamengo.gif) no-repeat top left;
float: left;
color: #fff;
display: table;
}
/****************** class powered by connexion ************************/
.assinatura {
width: auto !important;
height: 18px;
padding: 2px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
font: 75% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline;
background-color: transparent;
float: left;
color: #999;
display: table;
}
/******************************************************* Curriculum *****************************************************/
/****************** Centro ************************/
.centrocurriculum{
width: 678px;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
padding: 80px 40px 60px 40px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
}
/****************** Centro ************************/
.centroborder{
width: auto !important;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
padding: 0px 10px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-left: 2px solid #ccc;
border-right: 2px solid  #ccc;
float: left;
display: table;
}
/***************************** Class para textos ***************************/
.textcurriculum {
width: 678px;
height: auto !important;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
background-color: transparent;
padding: 0px 0px 20px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #666;
display: table;
}
/***************************** Class para textos numerados e com recuo ***************************/
.textorecuo {
text-align: justify;
padding: 5px 5px 5px 5px;
margin-bottom:20px;
border:1px solid #999999;
}
/***************************** Class para textos identados ***************************/
.textoindent {
text-indent:20px;
margin-bottom:20px;
}
/***************************** Formatação da tag h6  ***************************/
h6 {
font-weight: bold;
margin-bottom: 20px;
}
/***************************** Class para textos italicos ***************************/
.textitalic {
font-style: italic;
}
/***************************** Class para textos italicos e bold ***************************/
.textitalicbold {
font-style: italic;
font-weight: bold;
}
/***************************** Class para textos italicos e bold ***************************/
.textbold {
font-weight: bold;
}
/***************************** Class para textos inderline ***************************/
.textinderline {
text-decoration: underline;
text-transform: lowercase;
text-transform: uppercase;
font-style: italic;
}
/***************************** Class para textos inderline ***************************/
.textmaiusculo {
text-transform: uppercase;
}



/******************************************************* Galeria de Imagens *****************************************************/
#ImageBoxOverlay
{
	background-color: #000;
	
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
	border-top: 1px solid #A40414;
	border-left: 1px solid #A40414;
	border-right: 2px solid #A40414;
	border-bottom: 2px solid #A40414;
	overflow: hidden;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
	border-top: 1px solid #A40414;
	border-left: 1px solid #A40414;
	border-right: 2px solid #A40414;
	border-bottom: 0px solid #A40414;
	overflow: hidden;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
	overflow: hidden;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #999;
	font: 87% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	overflow: hidden;
	
}
#ImageBoxNextImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(imagens/galeria/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(imagens/galeria/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

/****************** Div divgaleria ************************/
.galeria {
width: auto !important;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background: transparent url(imagens/fixo/bandeira3.jpg) no-repeat top left;
padding: 80px 0px 50px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Div imgs ************************/
.imgsgal {
width: 125px;
height: 100px;
border: 1px solid #830000;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 12px 12px; /* espaçamento top, right, buttom, left*/
background-color: transparent;
color: transparent;
float: left;
}
.imgsgal:hover {
background-color: #F2F2F2;
}
/****************** Paginação ************************/
.galpaginacao{
width: 370px;
height: 40px;
padding: 5px 20px 5px 5px; /* espaçamento top, right, buttom, left*/
background: transparent url(imagens/fixo/bandeiras.gif) no-repeat top center;
color: #000;
float: right;
}
/****************** avancar ************************/
.galavanca{
width: 140px;
height: 25px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
background: transparent url(imagens/fixo/avancar.gif) no-repeat top left;
color: #000;
float: right;
}
/****************** avancar ************************/
.galvolta{
width: 120px;
height: 25px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 30px; /* espaçamento top, right, buttom, left*/
background: transparent url(imagens/fixo/voltar.gif) no-repeat top left;
color: #000;
float: left;
}
/******************************************************* Menu Galeria *****************************************************/
/****************** Div central menu galeria ************************/
.menugaleria {
width: 748px;
height: 170px;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background: transparent url(imagens/fixo/bandeira3.jpg) no-repeat top left;
padding: 80px 10px 80px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** formatação da linha para a classe  ************************/
.linkmenugaleria1 a {
width: 100%;
height: 18px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 700;
text-align: left;
background-color: #000;
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 1px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
}
.linkmenugaleria1 a:hover { color: #CA2C04; background-color: #ccc; }
/****************** formatação da linha para a classe  ************************/
.linkmenugaleria2 a {
width: 100%;
height: 18px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 700;
text-align: left;
background-color: #CA2C04;
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 1px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
}
.linkmenugaleria2:hover a:hover { color: #CA2C04; background-color: #ccc; }
/***************************************************** classes na home para contato **********************************************/
.contato {
width: 150px;
height: 200px;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #fff;
border: 2px solid #000;
text-align: center;
float: left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 50px 0px 0px -100px; /* espaçamento top, right, buttom, left*/
color: #000;
display: none;
position: absolute;
}
.contatotitulo {
width: 100%;
height: 20px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #000;
text-align: left;
float: left;
color: #fff;
display: table;
}
.animadoleft {
width: 50px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
color:#fff;
float: left;
}
.fecharanimado {
width: 40px;
font : 90% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
text-decoration:none;
height: 13px; 
line-height: 13px; 
text-align: center;
background-color: #B70000;
border: 1px solid #fff; 
padding: 0px 3px 2px 0px; /* espaçamento top, right, buttom, left*/
color:#000;
float: right;
cursor: pointer;
}
.fecharanimado:hover {
width: 40px;
font : 90% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
height: 13px; 
line-height: 13px; 
text-align: center;
background-color: #F93C3C;
border: 1px solid #fff; 
padding: 0px 3px 2px 0px; /* espaçamento top, right, buttom, left*/
color:#fff;
float: right;
cursor: pointer;
}
/*********************************************************** Contato ***************************************************/
/****************** Div com conteúdo da Contato *************************/
.divcontato {
width: 400px;
height: auto !important;
padding: 50px 0px 0px 50px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: 500;
background-color: transparent;
float: left;
color: #000;
display: table;
}
/****************** Div com Textos da Contato *************************/
.divtxtcontato {
width: 60px;
height: auto !important;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
font-weight: 500;
background-color: transparent;
float: left;
color: #000;
display: table;
}
/****************** Div com campos da Contato manos o campo da mensagem *************************/
.divcampocontato {
width: 250px;
height: auto !important;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
font-weight: 500;
background-color: transparent;
float: left;
color: #000;
display: table;
}
/****************** Texto da Contato *************************/
.txtfale {
width: auto !important;
height: 20px;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#662122;
float: left;
}
/****************** Colocar os campos a direita *************************/
.txtcampo {
width: auto !important;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: right; 
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#ACABAA;
float: right;
}
/****************** Formatar os Campos *************************/
.campo {
width: 290px;
height: 15px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #662122;
float: left;
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** Formatar o Campo Mensagem *************************/
.campomensagem {
width: 348px;
height: 200px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #662122;
}
/****************** Formatar o Botão Enviar *************************/
.botaoenvia {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #ACABAA;
cursor: pointer;
float: right;
margin: 190px 50px 10px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** For,atar o Campo Limpar *************************/
.botaoreset {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #ACABAA;
cursor: pointer;
float: right;
margin: 190px 06px 10px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** Div com a mensagem de E-mail enviado com Sucesso! *************************/
.divemailok {
width: 400px;
height: 50px;
font : 85% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
display: table;
margin-top: 150px;
padding: 25px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
color:#662122;
border: 1px solid #000;
background-color: #e5e5e5;
float: none;
}
/****************** Formatação padrão dos links ************************/
.divemailok a {color: #0033FF; text-decoration: none;}
.divemailok a:hover { color: #662122; text-decoration: underline;}
.divemailok a:visited {color: #0033FF}
.divemailok a:visited:hover{color: #662122; text-decoration: underline;}
/****************** class do rodapé *************************/
.contatorodape {
width: 100%;
height: 20px;
font : 80% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
text-align: center;
display: table;
margin-top: 0px;
padding: 10px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
color:#662122;
border: 0px solid #ACABAA;
background-color: #eee;
}
/************************************************************ Patrocinadores *****************************************************/
/****************** Div divpatrocinadores************************/
.patrocinadores {
width: 750px;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background: transparent url(imagens/fixo/bandeira3.jpg) no-repeat top left;
padding: 80px 0px 80px 54px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Div com a imagem ************************/
.imgsshow {
width: 200px;
height: 110px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: transparent;
border: 4px solid #ccc;
float: left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 25px 15px 0px; /* espaçamento top, right, buttom, left*/
}
.imgsshow a { color:#005625; }
.imgsshow a:hover { color:#fff; }
/************************************************************* Patrocinador *****************************************************/
/****************** Div divpatrocinador ************************/
.divpatrocinador {
width: 680px;
height: auto !important;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
text-align: center;
background: transparent url(imagens/fixo/bandeira3.jpg) no-repeat top left;
padding: 80px 0px 80px 54px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #333;
display: table;
}
.patrocinadorimg {
text-align: left;
float: left;
}
.patrocinadordesc {
width: 450px;
text-align: justify;
float: left;
padding: 0px 0px 10px 20px; /* espaçamento top, right, buttom, left*/
}
.patrocinadordesc a {
width: auto !important;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color: #0000D5;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
.patrocinadordesc a:hover { color: #A40414; }
/****************** class titulo ************************/
.patrocinadortitulo{
width: 100%;
height: auto !important;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color: #A40414;
font-weight: bold;
background-color: transparent;
border: 0px solid #ccc;
float: left;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/************************************************************ Noticias *****************************************************/
/****************** Div divnoticias************************/
.divnoticias {
width: 750px;
height: auto !important;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background: transparent url(imagens/fixo/bandeira3.jpg) no-repeat top left;
padding: 80px 0px 80px 27px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Div titulo e chamada e botão com 2 bordas ************************/
.noticiasnot1 {
width: 210px;
height: 110px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
text-align: left;
background-color: transparent;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
padding: 0px 15px 15px 15px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** Div titulo e chamada e botão com 1 bordas ************************/
.noticiasnot2 {
width: 210px;
height: 110px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
text-align: left;
background-color: transparent;
border-right: 1px solid #ccc;
float: left;
padding: 0px 15px 15px 15px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** Div com titulo e chamada ************************/
.noticiastitchamada {
width: 100%;
height: 90px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
text-align: left;
background-color: transparent;
border: 0px solid #ccc;
float: left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** class titulo ************************/
.noticiastitulo{
width: 100%;
height: auto !important;
font : 90% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color: #A40414;
background-color: transparent;
border: 0px solid #ccc;
float: left;
padding: 0px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** class chamada ************************/
.noticiaschamada{
width: 100%;
height: auto !important;
font : 80% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color: #666;
background-color: transparent;
border: 0px solid #ccc;
float: left;
padding: 0px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** class data ************************/
.noticiasdata{
width: 100%;
height: 20px;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color: #666;
text-align: right;
background: transparent url(imagens/fixo/bt_noticias_saiba_mais.gif) no-repeat top left;
border: 0px solid #ccc;
float: right;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/************************************************************* Noticia *****************************************************/
/****************** Div divnoticia ************************/
.divnoticia {
width: 680px;
height: auto !important;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
text-align: center;
background: transparent url(imagens/fixo/bandeira3.jpg) no-repeat top left;
padding: 80px 0px 80px 54px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #333;
display: table;
}
.noticiaimg {
text-align: left;
float: left;
}
.noticiadesc {
width: 450px;
text-align: justify;
float: left;
padding: 0px 0px 10px 20px; /* espaçamento top, right, buttom, left*/
}
/****************** class titulo ************************/
.noticiatitulo{
width: 100%;
height: auto !important;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color: #A40414;
font-weight: bold;
background-color: transparent;
border: 0px solid #ccc;
float: left;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/************************************************************ Paginação ********************************************************/
/****************** Class paginação ************************/
.paginacao {
width: 750px;
height: 20px;
background-color: transparent;
border: 0px solid #ACABAA;
float: inherit;
text-align: center;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 20px 0px; /* espaçamento top, right, buttom, left*/
}
.pagtitulo {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #000;
background-color: #A40414;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #000;
}
.pagativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #EF2B25;
border: 1px solid #58030A;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #EF2B25;
}
.pagativa a { color: #000; }
.pagativa a:hover { color: #fff; }

.pagativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #58030A;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #58030A;
}

.pagainativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #E43205;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #E43205;
}
.pagainativanr:hover { color: #58030A; border: 1px solid #58030A; }


.pagainativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #f6f6f4;
border: 1px solid #666;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #666;
}