/* ---------- CSS GERAL: DEFINE TODOS OS ESTILOS GERAIS DAS PÁGINAS ---------- */

body {
	margin:0px;
	padding:0px;
	font:12px/20px Arial, Verdana;
	color:#fff;
	background:#000 url('../images/bg_topo_conteudo.gif') no-repeat center -5px;
}
* {
	outline:none;
}

/* DEFINIÇÃO DE TAGS
----------------- */
p {
	width:100%;
	float:left;
	text-indent:40px;
	text-align:justify;
	font:14px/20px Arial, Verdana;
	color:#fff;
	margin:0px;
	padding:0px 0px 15px 0px;
}
h1 {
	width:100%;
	font:20px;
	font-weight:normal;
	color:#f8f8f8;
	margin:0px;
	padding:30px 0px 15px 0px;
	border-bottom:1px solid #fff;
}
h2 {
	width:100%;
	float:left;
	text-align:right;
	font-size:20px;
	font-weight:normal;
	padding:0px 0px 10px 0px;
	border:1px solid #fff;
}
h3 {
	width:900px;
	color:#999;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	position:absolute;
	top:-30px;
	left:0px;
}
h4 {
	width:100%;
	color:#f1f1f1;
	font-size:26px;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 20px 0px;
}
ul {
	padding:0px;
	margin:0px;
}
ul li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
img,
a img {
	border:none;
	margin:0px;
}

/* DEFINIÇÃO DE CLASSES
-------------------- */
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.displayNone {
	display:none;
}
.widthAuto {
	width:auto!important;
}
.paddingZero {
	padding:0px!important;
}

/* DEFINE A ESTRUTURA DO SITE
-------------------------- */
#guardaSite {
	width:100%;
	float:left;
}

/* FORMATA O TOPO DO SITE
---------------------- */
#guardaTopo {
	width:900px;
	height:190px;
	margin:auto;
}
#superiorTopo {
	width:900px;
	float:left;
	border-bottom:1px solid #646464;
	padding:10px 0px 0px 0px;
}

/* Menu Superior (topo) */
#menuSuperior {
	float:left;
	padding:17px 0px 0px 413px;
}
#menuSuperior li {
	float:left;
	padding:0px 15px 0px 0px;
}
#menuSuperior li#ultimaLiMenu {
	padding:0px!important;
}

/* Texto Abaixo do Logo */
#textoFotografo {
	width:337px;
	float:left;
	font-size:17px;
	text-align:center;
	letter-spacing:3px;
	padding:10px 0px 0px 0px;
}

/* Imagens dos Logos */
#guardaLogos {
	float:right;
	padding:10px 0px 0px 0px;
}
#guardaLogos li {
	float:left;
	padding:0px 4px 0px 0px;
}
#guardaLogos li#ultimaLiLogos {
	padding:0px!important;
}

/* CONTROLA O CONTEUDO DO SITE
--------------------------- */
#conteudo {
	width:100%;
	float:left;
	background:url('../images/bg_laterias_conteudo.gif') repeat-y center 0px;
}
#conteudo #containerConteudo {
	width:900px;
	margin:auto;
	position:relative;
}

/* FAIXA BRANCA DA GALERIA ABAIXO DO TÍTULO
---------------------------------------- */
#faixaBranca {
	width:900px;
	float:left;
	color:#000;
	font-weight:bold;
	padding:0px 0px 30px 0px;
}
#faixaBranca #conteudofaixaBranca {
	float:left;
	width:883px;
	height:25px;
	padding:5px 0px 0px 5px;
	background:url('../images/faixa_branca.gif') repeat-x 0px 0px;
}
#faixaBranca #conteudofaixaBranca a {
	color:#000;
}
#faixaBranca #conteudofaixaBranca a:hover,
#faixaBranca #conteudofaixaBranca span.breadMarcado {
	color:#717171;
}

/* FORMATA AS LISTAS DE GALERIA DO SITE
------------------------------------ */
.listaGaleria {
	width:100%;
	float:left;
	padding:0px 0px 50px 0px;
}
.listaGaleria li {
	float:left;
	padding:0px 60px 0px 0px;
}
.listaGaleria li .linkNome {
	width:260px;
	display:block;
	font-size:16px;
	text-decoration:none;
	padding:0px 0px 4px 0px;
}
.listaGaleria li .linkNome:hover {
	text-decoration:underline;
}
.listaGaleria li .fotoVertical {
	float:left;
	width:260px;
	height:254px;
	text-align:center;
	padding:6px 0px 0px 0px;
	background:url('../images/bg_imagens.gif') no-repeat 0px 0px;
}
.listaGaleria li .fotoHorizontal {
	float:left;
	width:260px;
	height:214px;
	text-align:center;
	padding:46px 0px 0px 0px;
	background:url('../images/bg_imagens.gif') no-repeat 0px 0px;
}
.listaGaleria li .fotoVertical:hover,
.listaGaleria li .fotoHorizontal:hover {
	background:url('../images/bg_imagens_hover.gif') no-repeat 0px 0px;
}
.listaGaleria .ultimaLiGaleria {
	padding:0px!important;
}

/* FORMATA A GALERIA INTERNA DE CADA ITEM
-------------------------------------- */
.listaGaleriaInterna {
	width:100%;
	float:left;
	padding:0px 0px 20px 0px;
}
.listaGaleriaInterna li {
	float:left;
	position:relative;
	padding:0px 60px 0px 0px;
}
.listaGaleriaInterna li .numeracaoImagem {
	position:absolute;
	top:234px;
	left:10px;
	font-size:10px;
	color:#ccc;
}
.listaGaleriaInterna li .fotoVertical {
	float:left;
	width:260px;
	height:254px;
	text-align:center;
	padding:6px 0px 0px 0px;
	background:url('../images/bg_imagens.gif') no-repeat 0px 0px;
}
.listaGaleriaInterna li .fotoHorizontal {
	float:left;
	width:260px;
	height:214px;
	text-align:center;
	padding:46px 0px 0px 0px;
	background:url('../images/bg_imagens.gif') no-repeat 0px 0px;
}
.listaGaleriaInterna li .fotoVertical:hover,
.listaGaleriaInterna li .fotoHorizontal:hover {
	background:url('../images/bg_imagens_hover.gif') no-repeat 0px 0px;
}

/* FORMATA A GALERIA COM A IMAGEM AMPLIADA
--------------------------------------- */
#guardaImagemApliada {
	width:900px;
	float:left;
	padding:10px 0px 50px 0px;
}
#guardaImagemApliada #retroceder {
	float:left;
	width:20px;
	padding:220px 0px 0px 0px;
}
#guardaImagemApliada #avancar {
	float:right;
	width:20px;
	padding:220px 0px 0px 0px;
}
#guardaImagemApliada #galeria,
#guardaImagemApliada #galeria .imagem {
	float:left;
	width:860px;
	text-align:center;
}

/* FORMATA A BIOGRAFIA
------------------- */
#textoBiografia {
	float:left;
	width:900px;
	padding:0px 0px 40px 0px;
}

/* FORMATA O FORMULÁRIO DE CONTATO
------------------------------- */
#formularioContato {
	float:left;
	width:100%;
	padding:40px 0px 140px 0px;
	background:url('../contato/images/bg_contato.jpg') no-repeat 0px 0px;
}
#formularioContato ul li {
	padding:0px 0px 7px 0px;
	float:left;
	clear:both;
}
#formularioContato ul li label {
	width:80px;
	display:block;
	float:left;
}
#formularioContato ul li input {
	font:12px/20px Arial, Verdana;
}
#formularioContato ul li textarea {
	font:12px/20px Arial, Verdana;
	overflow:auto;
	width:250px;
	height:100px;
	margin:0px;
	float:left;
}
#formularioContato ul li .borderOver:hover {
	border:2px solid #999;
}
#formularioContato ul li .borderOver:focus {
	border:2px solid #999;
	background-color:#f2f2f2;
}
#formularioContato ul .botoesForm {
	float:left;
	clear:both;
	padding:0px 0px 0px 206px;
}
#formularioContato ul .botoesForm .controlaBotoes {
	float:left;
	margin:0px 0px 0px 5px;
}

.borderHover {
	border:2px solid #999;
}
.borderFocus {
	border:2px solid #999;
	background-color:#f2f2f2;
}

/* FORMATA O BOX DOS TWITTES */
#guardaTwittes {
	width:580px;
	height:262px;
	float:left;
	padding:21px 0px 0px 0px;
	background:url('../images/bg_twitter.jpg') no-repeat 0px bottom;
}
#guardaTwittes #tituloTwittes {
	width:550px;
	float:left;
	color:#2eb8dc;
	font-size:26px;
	text-align:right;
	padding:40px 30px 0px 0px;
}

/* FORMATA O RODAPÉ DO SITE
------------------------ */
#guardaRodape {
	width:100%;
	height:160px;
	float:left;
	clear:both;
	background:url('../images/bg_rodape_conteudo.gif') no-repeat center 0px;
}
#guardaRodape ul,
#guardaRodape ul li {
	width:100%;
	float:left;
	text-align:center;
}