﻿/* ---------------------- 
Estilo para Todos
------------------------ */
*{
	margin:0;
	padding:0;
}
img
{
    border:0;
}
body
{
	font-size: 12px;
	font-family: Tahoma, Geneva, Sans-Serif, Verdana;
	background-color: #FFF;
	background-image: url(../Imagens/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
	color: #111111;
}
a, a:visited
{
	text-decoration:none;
}
hr 
{
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 2px;
}
b
{
	color: #666666 !important;
}
strong
{
    color:#316395;
}
h4
{
    padding-top:15px;
    padding-bottom:10px;
    color: #666666;
    font-weight:bold;
    font-size:13px;
}
a[rel~=external] 
{
	background:url(../Imagens/external.gif) right no-repeat;
	padding-right:14px;
}
a.btn_enviar
{
    margin-top:2px;
    margin-bottom:6px;
    display:block;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:290px;
    height:23px;
    line-height:23px;
    background:transparent url(../Imagens/botao.png) no-repeat;
    background-position:0 0;
    color:#FFFFFF;
}
a:hover.btn_enviar 
{
    background-position:0 -25px;
}

/* ---------------------- 
Texto Conteudo
------------------------ */
.texto_conteudo
{
    padding-left:10px;
    padding-top: 20px;
    padding-right:10px;
}
.texto_conteudo p
{
    margin-left:20px;
    padding-top:6px;
}
.texto_conteudo_titulo
{
    padding-top:10px;
    text-align:center;
}
.texto_conteudo_listagem_imagens img
{
    padding-right:6px;
    padding-bottom:6px;
}

/* ---------------------- 
Menu Superior 
------------------------ */
#menuSuperior
{
	margin-top:60px;
	width:590px;
	float:right;
	voice-family:inherit;
	overflow:hidden;
}
#menuSuperior ul
{
	list-style:none;
	line-height:25px;
}
#menuSuperior li
{
	display:inline;
}
#menuSuperior a,#menuSuperior a:visited
{
	padding:4px 11px 4px 11px;
	color: #777777;
	border:1px solid #dddddd;
	font-weight: bold;
}
#menuSuperior a:hover, #menu_atual a, #menu_atual a:hover, #menu_atual a:visited
{
	padding:4px 11px 4px 11px;
	color: #333333;
	border:1px solid #aaaaaa;
	font-weight: bold;
	background-color:#EDEDED;
}

/*------------------------
barraMenuLateral
------------------------*/
#barraMenuLateral
{
    background: url(../Imagens/widget-title.png);
    background-repeat: repeat-x;
	background-position: 0 -24px;
}
#barraMenuLateral ul
{
	list-style:none;
	line-height:22px;
}
#barraMenuLateral ul li a,#barraMenuLateral ul li a:visited
{
	padding-left:1px;
	text-decoration:none;
	display:block;
	color: #444444;
}
#barraMenuLateral ul li a:hover
{
	font-weight:bold;
	background: url(../Imagens/widget-title.png);
	background-position: 0 -10px;
	background-repeat: repeat-x;
}
#barraMenuLateral ul li
{
	padding-left:10px;
}
#barraMenuLateral li
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#DDDDDD;
}
#barraMenuLateral h3
{
	padding:2px;
	font-size:12px;
	color: #444444;
	margin-bottom:4px;
}

/* -------------------
ConteudoPlaceHolder
---------------------*/
#conteudoPlaceHolder h3 
{
	padding:2px;
	margin-left:4px;
	font-size:14px;
	color: #555555 !important;
}
/* ------------------- 
Caminho do Pão
--------------------- */
.caminhoPao
{
    width:500px;
    margin-top:4px;
    font-size:9px;
    color: #555555;
    border-bottom-style:dashed;
    padding-bottom:3px;
    border-bottom-color:#DDDDDD;
    border-bottom-width:1px;
    text-indent:4px;
}

.caminhoPao a, .caminhoPao a:visited
{
	color: #777777;
	font-weight: bold;
}
.caminhoPao a:hover
{
	color: #555555;
	font-weight: bold;
	background-color:#F2F2F2;
}


/* ------------------- 
Estrutura 
--------------------- */
#container
{
	width:810px;
	padding-left: 20px;
	margin-left:auto;
	margin-right:auto;
	position:absolute; 
	left:50%; 
	margin-left:-405px; 
	top:-7px; 
	z-index:1;
}
#cabecalho
{
	width:810px;
}
#conteudo
{
	width:740px;
	float:left;
	margin:10px 0 10px 0;
	padding:10px;
	overflow:hidden;
}
#conteudoPlaceHolder
{
	width:580px;
}
#rodape
{
    margin-top:30px;
    padding-top:6px;
    border-top-style:dashed;
    border-top-color:#cccccc;
    border-top-width:1px;
    font-size:10px;
    color: #555555;
    text-align:right;
    clear:both;
}
#rodape a, #rodape a:visited
{
	color: #777777;
}
#rodape a:hover
{
	color: #555555;
	background-color:#F2F2F2;
}
#rodape_links
{
    margin-bottom:6px;
}

#barraMenuLateral
{
	width:140px;
	float:right;
	margin:10px 0 10px 0;
	padding:6px;
	border-color:#cccccc;
	border-width:1px;
	border-style: solid;
}
.goto_topo
{
    float:left;
}

/* ------------------- 
Estrutura do Fundo
--------------------- */

#fundo_container
{
	padding-top: 2px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0;
	width:810px;
	height:650px; 
	position:absolute; 
	left:50%; 
	margin-left:-405px; 
	top:-7px; 
	z-index:1;
}
.fundo
{
    background-repeat: repeat-y;
    display:block;
    overflow:hidden;
}
#fundo_topo
{
    height:89px;
    width:800px;
    background: transparent url(../Imagens/bg_Container_topo.png) scroll 0 0;
}
#fundo_meio
{
    height:460px;
    width:800px;
    background:transparent url(../Imagens/bg_Container_meio.png) scroll 0 0;
}
#fundo_rodape
{
    height:83px;
    width:800px;
    background:transparent url(../Imagens/bg_Container_rodape.png) scroll 0 0;
}

/* ------------------- 
Logotipo
--------------------- */
#logotipo
{
	position: absolute;
	width: 180px;
	height: 75px;
	margin-top: 20px;
	margin-left: 10px;
	clear:left;
    float:left;
    background:transparent url(../Imagens/logo.png) no-repeat scroll 0 0;
}
.imgreplace
{
    display:block;
    overflow:hidden;
    text-indent:-9867px;
    width: 180px;
	height: 75px;
}

/* ------------------- 
Listagem
--------------------- */
.listagem li
{
    margin-left:34px;
    text-indent: 3px;
    list-style:none;
    list-style-image: url(../Imagens/logo_li.gif);
    line-height:16px;
    padding-bottom:15px;
}

/* ------------------- 
Barra de widgets
--------------------- */
#container_feed
{
    position: absolute;
    left:750px;
    top:22px;
}
#container_tweet
{
    position:absolute;
    left: 725px;
    top:22px;
}
.feed_tweet
{
    width:22px;
    height:22px;
    background:transparent url(../Imagens/feed_tweet.png) no-repeat scroll 0 0;
}
#feed
{
    background-position: -21px 0;
}
#tweet
{
    background-position: 0 0;
}
.imgFeedReplace
{
    display:block;
    overflow:hidden;
    text-indent:-8981px;
    width: 20px;
	height: 20px;
}

/* ------------------- 
Barra de Validators W3C
--------------------- */

#validatorW3C
{
    clear:left;
    margin-top: 2px;
    float:left;
    background:transparent url(../Imagens/w3c-validators.png) no-repeat scroll 0 0;
}
#validatorW3C a, #validatorW3C a:visited
{
    margin-right: 4px;
}
#validatorW3C a:hover
{
    background:transparent;
}
.W3C_xhtml
{
    background-position:0 0;
    overflow:hidden;
    display:block;
    width: 54px;
	height: 18px;
    text-indent:-2000px;
    text-align:left;
    float:left;
}
.W3C_css
{   
    background-position:-56px 0;
    display:block;
    overflow:hidden;
    width: 54px;
	height: 18px;
    text-indent:-2000px;
    text-align:left;
    float:left;
}

