/* CSS Document */

/* =RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ol, ul { list-style:none; }
adress, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr,acronym { border:0; } 

/* =GERAL 
------------------------------------------------------------------- */
img { border:0; margin:0; padding:0; }
li { list-style:none; list-style-position:outside; }

.clear { clear:both; }
.clear-left { clear:right; }
.hidden { position:relative; display:block; text-indent:-5000px; overflow:hidden; }
.bold { font-weight:bold; }


/* =TIPOGRAFIA 
------------------------------------------------------------------- */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

p#intro { font-size:10px; text-align:right; }
h3 { font-variant:small-caps; letter-spacing:2px; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

p.title { text-align:left; font-size:12px; font-variant:small-caps; font-weight:bold; }
p.year { text-align:right; font-size:12px; font-weight:bold; }
ul#description p { font-size:10px; }

ul#description li.client p { font-weight:bold; }

p.mensagem { text-align:right; }

/* =LAYOUT
------------------------------------------------------------------- */
body { margin:0; padding:0; }

div#header { width:540px; margin:0; }
div#wrapper { width:540px; padding:0 0 0 20px; position:relative; z-index:60; }
div#content { float:left; }
a#go-arrow { width:125px; height:25px; position:absolute; top:6px; left:560px; padding-left:32px; padding-top:6px; }
a#anchor { position:absolute; top:-22px; left:0; visibility:hidden; margin:15px 0 30px 0; background:red; }

p#intro { margin-bottom:15px; }
h1 { width:456px; height:119px; margin:10px 0 0 20px; }
h3 { margin:0 0 5px 0px; z-index:60; }

ul#nav-work { position:absolute; width:162px; top:0; left:0; margin:49px 0 0 20px; z-index:50; }
ul.viewer { position:relative; float:right; width:162px; margin:0; z-index:50; }
ul#nav-work li, ul.viewer li { width:16px; height:16px; float:left; display:inline; overflow:hidden; margin:0 2px 2px 0; border:1px solid black; }
ul.viewer li { float:right; margin:0 0 2px 2px; }
ul#nav-work li a, ul.viewer li a { width:16px; height:16px; float:left; display:block; }
ul#nav-work li.whitespace { padding:1px; border:0; }
ul#nav-work li a img { position:absolute; visibility:hidden; top:-29px; right:-3px; z-index:100; padding:1px; border:1px solid black; }
ul#nav-work li a:hover img, ul#nav-work li a:focus img, ul#nav-work li a:active img { visibility:visible; }

#ifimg { width:518px; height:558px; float:left; }

body.img p.alert { margin:42px 0 0 178px; }

div.title { margin-top:2px; padding:1px; border:1px solid black; }
p.title { padding:3px 68px 4px 4px; display:block; }
p.year { padding:3px 4px 4px 4px; float:right; display:inline; }

ul#description { width:154px; position:absolute; top:294px; left:0; padding:1px; border:1px solid #37332b; }
ul#description li { display:block; padding-bottom:4px; }
ul#description li:first-child { padding-top:6px; }
ul#description li:last-child { padding-bottom:6px; }
ul#description li.client { padding:6px 4px; border-bottom:4px solid #a6997f; }
ul#description li p { display:block; padding:2px 6px; }
ul#description li.client p { padding:2px 3px; }

p.client { padding:3px 68px 4px 4px; display:block; }
p.client-name { padding:3px 4px 4px 4px; float:right; display:inline; }

#ifcontentv { width:340px; height:535px; margin-left:178px; }
#ifcontenth { width:432px; height:381px; margin-left:178px; }

img.bigv { width:336px; height:490px; padding:1px; border:1px solid black; }
img.bigh { width:428px; height:293px; padding:1px; border:1px solid black; }


/* =COLORS 
------------------------------------------------------------------- */
body { background:#ddccaa; }

a#go-arrow { color:#37332b; background:url('../images/arrow_grey.png') left top no-repeat; }

h1 { background:url('../images/ja.png') left top no-repeat; }
p#intro { color:#37332b; }
p#intro em { color:#ff0000; }

ul#nav-work li a, ul.viewer li a { background:#37332b; }
ul#nav-work li.whitespace { background:none; }
ul#nav-work li a:visited, ul.viewer li a:visited { background:#a6997f; }
ul#nav-work li a:focus, ul.viewer li a:focus { background:#6e6655; }
ul#nav-work li a:hover, ul.viewer li a:hover { background:#6e6655; }
ul#nav-work li a:active, ul.viewer li a:active { background:#6e6655; }

#ifimg { background:transparent; }

body.img p.alert { color:#37332b; }

p.title { background:#37332b; color:#a6997f; }
p.year, p.client, p.client-name { color:#a6997f; }
ul#description { color:#37332b; }
ul#description li { background:#a6997f; }
ul#description li.client {background:#32332b; }

/* CONTATO */
div#contato-form { margin:40px; text-align:right; font-size:12px; }
div#contato-form #send { display:none; }
div#contato-form p { color:#37332b; margin-bottom:4px; }
div#contato-form p.padding-top { margin-top:20px; }
div#contato-form input { text-align:right; border:1px solid #37332b; background:#a6997f; color:#37332b; }
div#contato-form input, div#contato-form textarea { text-align:right; padding:3px 4px; margin-bottom:10px; border:1px solid #37332b; background:#a6997f; color:#37332b; overflow:hidden; }
div#contato-form input#button { text-align:center; padding:2px; margin:0; background:#a6997f; }
div#contato-form input#button:active, div#contato-form input#button:hover, div#contato-form input#button:focus { background:#8f836b; }

p.mensagem { margin:40px 40px 0 0; color:#37332b; }
p#mensagem { margin:10px 40px; }
a.mensagem { color:#ff0000; }


/* MENU */
div#submenu { position:fixed; _position:absolute; top:36px; left:560px; padding:0; z-index:200; padding:1px; }
div#close-submenu { float:left; margin-left:1px; }

div#coluna { position:relative; top:0; right:0; float:left; padding-right:27px; }
div#coluna1, div#coluna2 { position:relative; float:left; background:#a6997f;  }
div#coluna1 { position:relative; top:0; right:0; padding:1px 0 0 7px; }
div#coluna2 { position:relative; top:0; left:1px; float:left; padding:0; font-variant:small-caps; font-weight:bold; }
div#coluna1 ul { float:left; margin:0; padding:3px 13px 9px 2px; }
div#coluna2 ul { float:left; margin:0; padding:3px 0 9px 11px; }
div#submenu ul li { margin:0; padding:4px 0 0 0; }
div#submenu ul li a { padding:0 0 0 9px; }

h4 { font-size:16px; font-variant:small-caps; letter-spacing:3px; text-align:center; padding:5px 30px; margin:0; }
a#close { float:left; width:26px; height:26px; }

div#submenu { background:url('../images/menu/border.gif') left top repeat-y; border-top:1px solid #37332b; border-right:1px solid #37332b; border-bottom:1px solid #37332b; }
div#submenu ul li a { color:#37332b; background:url('../images/menu/seta.gif') 0 6px no-repeat; }
div#submenu ul li a:hover { background:url('../images/menu/seta.gif') 1px 6px no-repeat; }
div#submenu ul li a:active { background:url('../images/menu/seta.gif') 1px 6px no-repeat; }
div#submenu ul li a:focus { background:url('../images/menu/seta.gif') 1px 6px no-repeat; }
div#coluna1 { border-left:1px solid #37332b; }

div#close-submenu { background:#a6997f; }
a#close  { border-left:1px solid #37332b; border-top:1px solid #33372b; }

div#coluna { background:url('../images/menu/border.gif') left top repeat-y; }
div#coluna2 { background:url('../images/menu/border.gif') right top repeat-y; }

h4 { background:#37332b; color:#a6997f; }
a#close { border-bottom:1px solid #37332b; border-left:1px solid #37332b; background:#a6997f url('../images/menu/open_close.gif') 0 0 no-repeat; }
a#close:hover { border-bottom:1px solid #37332b; background:#37332b url('../images/menu/open_close.gif') 0 -26px no-repeat; }

div#expand { width:25px; height:100%; position:absolute; top:0; right:0; margin-left:1px; }
div#expand a { width:100%; height:100%; position:absolute; top:0; left:0; background:url('../images/seta.gif') 0 50% no-repeat; }
div#expand a:hover { background:#37332b url('../images/seta.gif') -25px 50% no-repeat; }

div#submenu a.nolink { color:#6e6655; background:url('../images/menu/seta_nolink.gif') 0 6px no-repeat; }
div#submenu a.nolink:hover { color:#6e6655; background:url('../images/menu/seta_nolink.gif') 0px 6px no-repeat; text-decoration:none; cursor:default; }


/* Visibilidade MENU */

div#close-submenu { display:inline; }
div#coluna { display:inline; }

a#close { display:none; }
div#coluna1 { display:block; } /*submenu*/
div#coluna2 { display:block; }
div#coluna1 ul { display:inline-block; }
div#coluna2 ul { display:block; } /*main menu*/

h4 { display:block; }
div#expand { display:none; }

body.pageIsPortfolio div#coluna, body.pageIsContato div#coluna { padding-right:10px; }
/*body.pageIsPortfolio div#submenu { left:650px; }*/


img#custom-poster-01 { width:173px; height:490px; }