/*	
	V+B
	vitorbaum.com.br
\* .......................................................................................... */


/*
	Reset Stylesheet based on Eric Meyer's Reset
\* .......................................................................................... */

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,b, u, i, center,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-size: 100%; vertical-align: baseline; background: transparent; }
a, button                { outline: none; }
body                     { line-height: 1; }
h1,h2,h3,h4,h5,h6        { font-weight: normal; }
ol, ul                   { list-style: none; }
blockquote, q            { quotes: none; }
:focus                   { outline: 0; }
a                        { outline: 0; }
ins                      { text-decoration: none; }
del                      { text-decoration: line-through; }
table                    { border-collapse: collapse; border-spacing: 0; }
blockquote, q            { quotes: "" ""; }


/*
	Globals
\* .......................................................................................... */

header, nav, section, 
article, aside, footer   { display: block; }

body                     { background: #282828 url(../imgs/bg.jpg); color: #fff; font: normal 12px/19px Arial, sans-serif; }

h1, h2, h3               { font-weight: bold; }
h2                       { font-size: 36px; line-height: 36px; }
h1, h3                   { font-size: 18px; line-height: 18px; }

a                        { background: #000; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 2px 4px; text-decoration: none; }
a:hover                  { background: #454545; background: rgba(100, 100, 100, 0.5); color: #fff; }
p                        { margin: 0 0 18px; font-weight: normal; }


/*
	Layout Structure
\* .......................................................................................... */

#container               { padding: 0 0 0 40px; width: 920px; }
header                   { background: rgba(0, 0, 0, 0.5) url(../imgs/heritage.png) no-repeat 0 0; height: 42px; margin: 0 0 5px -40px; padding: 59px 0 0 40px; position: relative; }
#content                 { margin: 0 0 36px; }
footer                   { background: #000; background: rgba(0, 0, 0, 0.5); line-height: 20px; margin: 0 0 0 323px; padding: 5px 18px; text-align: center; width: 261px; }


/*
	Content
\* .......................................................................................... */

#logo                    { background: transparent url(../imgs/logo-vb.png); display: inline-block; height: 17px; text-indent: -9999px; width: 43px; }
#lang                    { position: absolute; right: 0; top: 56px; }
#lang a                  { background: transparent; display: block; font-size: 11px; height: 20px; line-height: 20px; padding: 0; text-align: center; width: 20px; }
#lang a:hover            { color: #999; }
#lang a:hover,
#lang a.active           { background: #282828 url(../imgs/bg.jpg); }

.intro                   { background: #000; background: rgba(0, 0, 0, 0.5); margin: 0 0 18px -40px; padding: 25px 0 17px 40px; }
.line                    { background: #000; background: rgba(0, 0, 0, 0.5); height: 4px; width: 200px; }
#works                   { border-top: 2px solid #000; border-top: 2px solid rgba(0, 0, 0, 0.5); margin: 0 0 0 -40px; padding: 25px 0 0; position: relative; width: 660px; }
#works .line             { left: 0; position: absolute; top: 0; }
#works h3                { background: #000; background: rgba(0, 0, 0, 0.5); float: left; margin: 34px 0 0; padding: 18px 0 18px 40px; width: 160px; }
#works h3.pt             { margin: 16px 0 0; }
#works ul                { float: left; margin: 0 0 0 47px; }
#works ul li             { display: inline; float: left; height: 90px; margin: 0 0 0 13px; width: 90px; }
#works ul li a           { background: none; padding: 0; }
#works ul li img         { border: 4px solid #000; border: 4px solid rgba(0, 0, 0, 0.5); }
#works ul li a:hover img { border: 4px solid #454545; border: 4px solid rgba(100, 100, 100, 0.5); }

footer #mt               { background: transparent url(../imgs/logo-mt.png); display: inline-block; height: 20px; margin: 0 0 0 1px; padding: 0; text-indent: -9999px; width: 34px; }
footer #mt:hover         { opacity: 0.5; }


/*	
   Helpers
\* .......................................................................................... */

.wrap:after              { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.wrap                    { display: inline-block; }
/* Hide from IE Mac \*/
.wrap                    { display: block; }
/* End hide from IE Mac */


/*	
   Overlays
\* .......................................................................................... */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-25px; left:0; color:#fff;padding-top:4px;*padding-top:0;}
        #cboxCurrent{position:absolute; top:-25px; right:0px; color:#fff;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../imgs/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../imgs/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../imgs/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../imgs/colorbox/controls.png) top center no-repeat; width:24px; height:20px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


/*	
   IE Hacks
\* .......................................................................................... */

#works ul li             { _margin: 0 0 0 12px; }
#cboxTitle               { *padding-top: 0; }