/* AGÊNCIA: ATHA DESIGN
WEB DESIGNER: TIAGO MONTEIRO
E-MAIL: web@athadesign.com.br
MSN: athadesign@hotmail.com
SKYPE: tiago.athadesign
DATA: NOVEMBRO/2008 */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {color: #00986F; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover {text-decoration:underline;}

/*--heads e textos--*/
p {color: #00986F; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/*--pagina estrutura e layout--*/
body { background:#B5E1DF; text-align:center; color: #338A79; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div#geral {margin:0px auto; width:800px; position:relative; background: url(images/bg_geral.gif) repeat-y top center;}
div#topo {position:relative; height:142px;}
.meio { position:relative; text-align:center; height:200px;}
.meio h1 {color: #00986F;  display: block; font-size:16px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; margin:10px auto;}
#invisible { display:none;}


/*--topo--*/
div#topo h1 {display:none;}
div#topo a img {margin:13px 17px 18px 132px; float:left;}
div#topo img {margin:13px 0 18px 0; float:left}
div#topo ul{bottom:0; position:absolute; right:132px;}
div#topo ul {  display: inline;}
div#topo li {  display: block;  float: left;  list-style: none;}
div#topo li a {  color: #00986F;  display: block; font-size:14px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; padding: 32px 6px 7px 6px;  text-align: center;  text-decoration: none;}
div#topo li a:hover {color:#00B495;}
div#topo #minhasfotos a { background:url(images/fotos_ico.png) top center no-repeat; }
div#topo #contato a { background:url(images/contato_ico.png) top center no-repeat; }

/*--formulário--*/
div#formulario h1 {color: #00986F;  display: block; font-size:16px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; margin:10px auto;}
fieldset { display:block; width:369px; margin:0 auto; padding:7px 27px; background:#00986F; text-align:left;}
div#formulario label { display:inline-block; width:70px; padding:7px 0; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#fff;}
label#msg {vertical-align:top;}
div#formulario label#npessoas {width:130px;}
div#formulario input, div#formulario textarea { font-family:Arial, Helvetica, sans-serif; padding:3px;}
div#formulario input#nome, div#formulario input#e-mail, div#formulario textarea {width:250px;}
div#formulario input#ddd, div#formulario input#pessoas {width:28px;}

/*--rodape--*/
div#rodape {display:block; height:20px; padding:15px; clear:both;}
div#rodape p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#00986F;}
div#rodape a {color:#00986F; text-decoration:none; font-size:11px;}
div#rodape a:hover {border-bottom: 1px dashed #00986F;}

/*--galeria--*/
div.galeria {margin:0px auto; width:800px; height:440px; position:relative; padding:10px; text-align:left; background:#D5EAEB;}
div.galeria .coluna_lista {float:left; width:210px; height:440px; overflow-y:scroll;}
div.galeria .conteudo {float:right; width:560px; height:440px; padding-left:10px; background:#D5EAEB;}
.conteudo h1.tt_imagem_full {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin:10px 0;}
.conteudo ul {display:block; margin:10px 0;}
.conteudo ul li {display:inline; margin:5px;}
.coluna_lista li a {display:block; padding:4px 0;}
.coluna_lista li a:hover {background:#f1f1f1; text-decoration:none;}