html * {padding: 0; border: none; margin: 0}
html {background-image: url(/images/background/hachura_site.gif)}
#whole_page_container {width: 62.5em; margin: auto}
#page_header {min-height: 38px; height: 2.38em; padding: .44em 3.9em 0 3.9em; background: #E0C99B url(/images/background/header_shading.png) repeat-x bottom; position: relative}
#page_header ul {height: 2.38em; margin-top: 6px; margin-left: 168px; position: absolute; right: 0; bottom: 0; left: 6.75em; overflow: hidden}
#page_header li {display: inline; padding: .5em 0 1.1em 0; background: #EFE3C3 no-repeat left top; margin-right: .2em; position: relative; top: 1em}
#page_header li a {padding: .5em 1.2em 1em 2.4em; background: url(/images/background/tab_corner_right.gif) no-repeat right top; margin-right: -.5em}
body.best_photos #page_header li.best_photos, body.photos #page_header li.photos, body.who #page_header li.who, body.contact #page_header li.contact, body.blog #page_header li.blog {background-color: #F6F0DB; top: .7em}
body.best_photos #page_header li.best_photos a, body.photos #page_header li.photos a, body.who #page_header li.who a, body.contact #page_header li.contact a, body.blog #page_header li.blog a {background-image: url(/images/background/current_tab_corner_right.gif)}
#page_header li.best_photos {background-image: url(/images/icones/best_photos.gif)}
body.best_photos #page_header li.best_photos {background-image: url(/images/icones/best_photos_h.gif)}
#page_header li.photos {background-image: url(/images/icones/photos.gif)}
body.photos #page_header li.photos {background-image: url(/images/icones/photos_h.gif)}
#page_header li.who {background-image: url(/images/icones/who.gif)}
body.who #page_header li.who {background-image: url(/images/icones/who_h.gif)}
#page_header li.contact {background-image: url(/images/icones/contact.gif)}
body.contact #page_header li.contact {background-image: url(/images/icones/contact_h.gif)}
#page_header li.blog {background-image: url(/images/icones/blog.gif)}
body.blog #page_header li.blog {background-image: url(/images/icones/blog_h.gif)}
#shameless_self_promotion {width: 220px; height: 30px; padding: 12px 80px 0 35px; padding: 0 5px 0 0; background: transparent url(/images/background/plaqueta_ie6.png) no-repeat right top; margin: 0; position: absolute; right: -4px; bottom: -33px}
#page_header > #shameless_self_promotion {background-image: url(/images/background/plaqueta.png)}
#selection_index #shameless_self_promotion, #selection_checkout #shameless_self_promotion, #selection_order #shameless_self_promotion {display: none}
#lecture_ad {margin: 0; position: absolute; top: 162px; right: 6px; display: none}
#lecture_ad a {font-size: 0; display: block; width: 46px; height: 244px; padding: 3px; background: transparent url(/images/botoes/workshop_ad.png) no-repeat center; color: #F6F0DB}
#lecture_ad a:hover {background-image: url(/images/botoes/workshop_ad_hover.png)}
#contact_palestra #main_content, #contact_workshop #main_content {padding-right: 3.9em}
#selection_checkout #lecture_ad, #selection_order #lecture_ad {display: none}
#workshop h2 {font-size: 120%; margin: 1em 0}
#workshop ul li, #workshop ol li {text-align: justify}
#workshop ul li {list-style: circle}
#workshop ul ul li, #workshop ol ul li {list-style: disc; font-size: 95%}
#workshop ol li {list-style: decimal}
#workshop ol ul li {font-size: 95%}
#workshop ul, #workshop ol {margin: 1.6em 4em}
#workshop dd {margin: 0 0 1em 2.5em}
#workshop ul li, #workshop ol li {margin-bottom: 1em}
#workshop ul ul, #workshop ol ul {margin: 1em 1.5em}
#workshop ul ul li, #workshop ol ul li {margin-bottom: .5em}
.note {padding: 20px; border: 1px solid #940029; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin: 15px 0}
.note strong {font-weight: normal; font-variant: inherit}
#cracha {width: 224px; height: 524px; padding: 110px 50px 0 600px; background: transparent url(/images/ilustracoes/cracha_workshop.jpg) no-repeat top; margin: 20px auto; position: relative}
#cracha * {text-align: right}
#cracha h2 {display: none}
#cracha span {display: block; margin-top: 1em}
#cracha h3 a {font-size: 105%; line-height: 1.2em; width: 150px; height: 70px; position: absolute; right: 230px; bottom: 25px; color: #BBB}
#cracha h3 a:hover {color: #FFF}
#main_content {padding: 1.56em 0 1.56em 3.9em; background-color: #F6F0DB}
#subnavigation {padding: .2em 0; margin: -24px 62px 0 0; margin-right: 215px}
#subnavigation a {margin: 0 2.1em 0 3px}
h1 {margin-right: 1.9em; margin-bottom: .7em}
#selection_index h1 {float: left}
h2 {margin-right: 3.9em}
#main_content h5 {padding: 0; margin: -3.2em 62px 3.2em 0}
#main_content h5, #large_photo cite {color: #B09A6F}
#main_content h5 a, #large_photo cite a {background: transparent url(../images/background/flickr_logo.png) no-repeat left; display: inline-block; width: 37px; height: 14px; overflow: hidden; text-indent: 37px; vertical-align:bottom; margin-bottom:-1px}
li.event cite {display: inline; margin: 0; position: absolute; right: 0; bottom: 236px}
li.event cite a {display: inline-block; width: 20px; height: 15px; overflow: hidden; background: transparent url(../images/background/flickr.png) no-repeat left bottom; opacity: .4}
li.event cite a:hover {opacity: 1}
#large_photo cite {display: block; width: 10%; margin: 0 auto -5px; position: relative; top: -29px; z-index: 2}
#page_footer h6 {text-align: center; font-size: 60%; letter-spacing: .02em; color: #555; margin: 3.5em 0 -4em -198px}
#page_footer h6 em {color: #777}
.event {float: left; margin: 0 3.9em 2.5em 0; position: relative}
.large_thumbnail_box {position: relative}
.large_thumbnail_box a {display: table-cell; width: 250px; height: 250px; background: #E0C99B url(/images/background/large_thumb_box.gif); vertical-align: middle}
.large_thumbnail_box img {vertical-align: middle}
.large_thumbnail_box a:visited {background: #EFE3C3 url(/images/background/large_thumb_box_v.gif)}
.large_thumbnail_box a:hover {background: #940029 url(/images/background/large_thumb_box_h.gif)}
#summary, #about_us, #data_sheet, .error_hints {padding: .65em 7.5em; background-color: #EFE3C3; border: 3px double #F6F0DB; margin: 0 3.9em 10px 0}
#summary {min-height: 4.5em; height: auto !important; height: 4.5em; padding-right: 20em; position: relative; clear: both}
#summary img {margin-right: 5px; position: relative; top: 2px}
#select_your_photos {width: 11em; position: absolute; right: 5em; top: 1em}
#select_your_photos img {float: left; margin-right: .5em; position: relative; top: -.2em; left: -.3em}
.pages {padding: 3px 20px 7px 20px; margin: 5px 3.9em 5px 0; background-color: #EFE3C3; clear: both}
.pages a, .pages strong {padding: 0 .25em}
.second {position: relative; bottom: 35px}
.pages img {position: relative; top: 2px}
#data_sheet {padding-top: 0em; padding-bottom: 1.5em; clear: both}
#data_sheet h2 {padding-top: 1.5em; margin: 0 0 1em 0}
#data_sheet li {padding-left: 2em}
#previous, #next {width: 1.44em; background-color: #F6F0DB; margin-top: 12.5em}
#previous a, #next a {display: table-cell; width: 1.44em; height: 3.75em}
#previous, #previous img {float: left}
#next, #next img {float: right}
#next {position: relative; right: 3.9em}
#previous a:hover, #next a:hover {background-color: #E0C99B}
#large_photo {text-align: center; float: left; width: 51.5em; margin: auto}
#large_photo img {padding: 2px; border: 1px solid #940029}
#photo_number_at_photo_page {width: 11%; padding: 0 .2em; background-color: #F6F0DB; margin: 0 auto -.5em auto; position: relative; bottom: .8em; right: .9em; z-index: 1; clear: both}
#tags {margin: .6em 3.9em .8em 0}
#tags h3, #tags p, #tags a {display: inline; margin-right: .7em}
#all_photos {float: left; width: 31em; margin-top: .5em}
.thumb_box {float: left; width: 75px; height: 75px; padding: 0; margin: 3px; position: relative}
.thumb_number {padding: 2px 3px; background-color: #F6F0DB; position: absolute; bottom: 1px; left: 1px}
body#photos_album .thumb_number, body#photos_search .thumb_number {background: none; left: 3px}
body#photos_album .large_thumbnail_box a:hover .thumb_number, body#photos_search .large_thumbnail_box a:hover .thumb_number {color: #fff}
.thumb_number img {padding: 1px 0 1px 3px; margin-bottom: -3px}
.photo_selection, .photo_selected {border: 0; margin: 0 3px 0 0}
.cart-active, .move {cursor: move}
#cart_items {width: 20.25em; min-height: 405px; height: auto !important; height: 25.3em; border: 1px solid #940029; margin-top: .75em; margin-left: 34.35em; position: relative}
body#selection_index #selection_size {padding: .3em .8em; background-color: #940029; float: right; position: relative; top: -.5em; right: 14em; z-index: 1}
.instructions {width: 100%; height: 100%; background: url(/images/selection/selection_instructions.gif) no-repeat center center}
#checkout_instructions {margin-bottom: 20px}
.checkout {min-height: 40px; height: auto !important; height: 2.5em; padding: 15px 75px 0 0; background: transparent url(/images/selection/shopping_cart.gif) no-repeat right center; margin: .5em 3.9em -.6em 40em}
#first_checkout {position: relative; bottom: 1.2em}
#back_to_album {text-align: center}
#back_to_album p {padding: 1em}
.moved_to_cart {opacity: .3}
#us {height: 50px; margin: 1.5em 3.9em .8em 4em}
#us dt {float: left; width: 200px; margin: 0}
#us dd {float: left; margin: 25px 0 0 -200px}
#about_us dt {float: left; padding-right: .5em}
#about_us p {margin: 1em 0 1.5em 0}
dd:first-line {margin-left: 0}
dd {margin: .25em 0 .25em 2.5em}
#about_us .signature {padding: 41px 58px 10px 0; background: transparent url(/images/background/patfig_signature.gif) no-repeat right top}
#testimonials {margin: 3em 3.9em 2em 0}
#testimonials blockquote {padding: 1.5em 3em 0 3em}
#testimonials .odd {background: #EFE3C3 url(/images/background/30px_tl_corner.gif) no-repeat left top}
#testimonials blockquote ul {margin: 1em 2em}
#testimonials blockquote li {margin-bottom: .5em}
#submit_result, #contact_content, #back_to_album {margin-right: 3.9em}
#selection_checkout #submit_error {margin-top: 2em; margin-left: 0.1em; margin-right: 3.1em; padding: 1.5em}
label {float: left; clear: left; width: 29%; margin-top: .2em; margin-right: 1em}
input, textarea {display: block; width: 40%; padding: 0 .3em; background-color: #EFE3C3; border: 1px inset #7F6B43; margin: 0 0 .5em 18em}
input:hover, textarea:hover {border: 1px solid #940029}
input:active, input:focus, textarea:active, textarea:focus {background-color: #E0C99B; border-color: #940029}
#submit_button, .submit {width: auto; padding: .1em .5em; background-color: #E0C99B; border: 1px outset #E0C99B; margin: auto; margin-top: .5em}
#submit_button:active {border-style: inset}
#submit_button:hover {border-color: #7F6B43}
#spinner {float: right; margin-top: -.63em; margin-right: 20.63em}
#selection_checkout #spinner {margin-top: -.4em; margin-right: 24.9em}
#wait_message {margin-right: 2.8em; padding-top: 1.25em}
.email_field_with_errors {background-color: #BF667F}
#submit_error, #submit_success {padding: .5em 8em; margin-bottom: 1em}
#submit_error {background-color: #940029}
#submit_success {background-color: #B09A6F}
#selection_checkout #order_form {margin: 20px 4em 0 0}
#selection_checkout #order_form p {margin-left: 1.5em}
#global_search {width: 7.5em; padding-left: 25px; background: transparent url(/images/background/global_search_corner_left.gif) no-repeat left center; position: absolute; top: .8em; right: 2.5em}
#global_search fieldset {padding-right: 10px; background: transparent url(/images/background/global_search_corner_right.gif) no-repeat right center}
#global_search #search_type {display: none}
#global_search #query {width: 100%; height: 18px; padding: 0; background: #EFE3C3 url(/images/background/input_shading.gif) repeat-x left top; border: none; border-top: 1px solid #baa984; border-bottom: 1px solid #f6f0df; outline: none; margin: 0}
#me_too {margin-right: 3.9em}
#me_too #contact_content, #me_too #submit_result, #me_too h2, #me_too ul, #me_too p {margin: 1em 0}
#me_too #spinner {border: none; margin: -.9em 10em 0 0}
#me_too fieldset > #spinner {margin: -.9em 22em 0 0}
#me_too img {display: block; padding: 2px; border: 1px solid #E0C99B; margin: .5em auto}
p#not_found {margin: 2em 3.9em -2em 0; position: relative; z-index: 1}
.error_description {padding-top: 210px; background: #F6F0DB url(/images/errors/error_404.gif) no-repeat center top; margin: -1.75em 0 2em -4.1em}
#error_500 {background-image: url(/images/errors/error_500.gif)}
#error_timeout {background-image: url(/images/errors/error_timeout.gif)}
.error_hints {margin-top: .5em}
body#photos_search #main_content p {margin-right: 3.9em}
#valid_search_suggestions {padding-left: 23em; margin-top: 1.2em; margin-right: 3.9em}
.empty {height: 0; padding: 0; background-color: transparent; margin: 0 3.9em 0 0; clear: both}
#page_footer {padding: 1.25em 3.9em 1.25em 260px; background: #F6F0DB url(/images/background/sombra.png) repeat-x; border-bottom: .2em solid #940029; margin-bottom: 2em; position: relative}
#page_footer h2 {margin: 1em 0}
#page_footer h2, #page_footer h2 a {color: #555}
#page_footer #beonthenet:visited img, #page_footer #improveit:visited {color: #7F6B43}
#page_footer #beonthenet:hover img, #page_footer #improveit:hover {color: #940029}
#beonthenet img {width: 95px; height: 22px; margin: 0 -4px -3px 0}
#page_footer .follow_me_at_twitter a {position: absolute; top: 5px; left: 40px}
.follow_me_at_twitter a {display: block; width: 67px; height: 111px; padding: 17px 75px 0 20px; color: #7F6B43 !important; background: transparent url(/images/botoes/follow_me_at_twitter.png) no-repeat center}
.follow_me_at_twitter a em {display: block; color: #940029}
/* /Footer */

html * {list-style-type: none; color: #555; font: normal normal normal 1em/1em Geneva, Helvetica, "Lucida Grande", "Trebuchet MS", Arial, sans-serif}
p, li, dd, dt {font-size: 75%; line-height: 1.7em}
em {font-style: italic}
strong {font-weight: bold}
strong a {font-weight: inherit}
a:visited {color: #7F6B43}
a:focus, a:hover, a:active {color: #940029}
#page_header li {font-size: 85%; line-height: 1em}
#page_header li a {text-decoration: none; text-transform: lowercase}
#page_header li a:visited {color: #555}
#page_header li a:hover {color: #111}
#page_header li a:active {color: #940029}
#shameless_self_promotion {font-size: 80%; text-align: center}
#shameless_self_promotion, #shameless_self_promotion a {color: #EEE; line-height: 1.6em}
#shameless_self_promotion a:hover {color: #FFF}
#shameless_self_promotion a:active {color: #DDD}
h1 {color: #940029; font-variant: small-caps; font-size: 200%}
h2 {color: #7F6B43; font-size: 95%}
#main_content h5, #large_photo cite {font-size: 70%; text-align: right}
li.event cite {font-size: 60%}
li.event cite a {text-indent: 20px}
h3, h3 a {color: #555; font-variant: small-caps}
h4, h4 a {color: #940029; font: 92%/1.5em "Times New Roman", Times, serif; text-decoration: none}
h4 a:focus, h4 a:hover {text-decoration: underline}
.event {font-size: 100%}
.large_thumbnail_box a {text-align: center; text-decoration: none}
#select_your_photos a {font-size: 75%; line-height: 1.8em}
#summary #see_data_sheet {text-transform: uppercase; line-height: 2.5em}
#select_your_photos a:link, #select_your_photos a:visited {color: #940029; line-height: 1.3em}
#select_your_photos a:hover {color: #BF667F}
.pages {text-align: justify}
.pages a {font-size: 75%; line-height: 1em; word-spacing: .5em}
.pages a:visited {color: #B09A6F}
.pages span a:visited {color: #555}
.pages a:hover, .pages span a:hover {color: #fff; background-color: #7F6B43; text-decoration: none}
.current_page {color: #940029; font-weight: bold; font-size: 110%}
#data_sheet h2 {font-size: 120%}
#data_sheet .topic {color: #7F6B43; font-weight: bold; text-indent: -2em; line-height: 2.5em}
#photo_number_at_photo_page {color: #940029; font: 160% Geneva, Helvetica, sans-serif; text-align: center; letter-spacing: -.05em}
#tags p {line-height: .5em}
#tags a {color: #940029}
#tags a:visited {color: #7F6B43}
#tags a:hover {color: #fff; background-color: #940029; text-decoration: none}
.thumb_number {color: #7F6B43; font-size: 58%; line-height: 1.3em}
.checkout {text-align: right; font-size: 100%; line-height: 1.2em}
.checkout a {color: #940029}
#selection_size {color: #940029; font-weight: bold}
body#selection_index #selection_size {color: #FFF; font-size: 90%}
#checkout_instructions {font-size: 95%}
#us dt {color: #7F6B43; font-variant: small-caps; font-size: 120%}
#us dd, #about_us dt, #about_us strong {color: #940029}
#about_us strong {font-weight: normal}
.signature {text-align: right}
#testimonials p {font-style: italic; font-size: 85%}
#testimonials blockquote li {list-style: disc; text-align: justify; line-height: 1.4em}
#testimonials em, #testimonials strong, #testimonials .signature, #testimonials .signature a:link {color: #940029}
#testimonials .signature, #testimonials .signature a {font-style: normal; font-variant: small-caps; line-height: 3em}
#testimonials .signature {font-size: 95%}
#testimonials .signature a:hover {color: #BF667F}
label {color: #940029; font-size: 75%; text-align: right; line-height: 1.2em}
input, textarea {color: #111; font-size: 93%; line-height: 1.2em}
#submit_button, .submit {font-size: 75%}
#wait_message {text-align: center}
.email_field_with_errors {color: #fff}
#submit_error, #submit_success {color: #fff; text-align: center}
#selection_checkout #order_form p {font-size: 90%; text-align: center; line-height: 2.5em}
#global_search #query {text-indent: .2em; line-height: 1.2em; color: #555}
p#not_found, .error_description, body#photos_search #main_content p {font-size: 95%; text-align: center; line-height: 1.7em}
.error_hints li {list-style-type: disc}
#searched_item {color: #940029}
#valid_search_suggestions li {list-style: disc inside; font-size: 90%; line-height: 1.4em}
#page_footer * {text-align: right}
.patfig {text-transform: uppercase}
#page_footer h2 {font-size: 70%}
#page_footer h2 strong, #page_footer h2 a {font-weight: normal; font-size: 100%; text-decoration: none}
#page_footer #beonthenet img, #page_footer #improveit {text-decoration: underline}
#page_footer h3, #page_footer h3 a {font-variant: normal}
#page_footer h3 {font-size: 65%}
.follow_me_at_twitter a {font-variant: normal; font-size: 135%; text-decoration: none; text-transform: lowercase; text-align: center !important}
.follow_me_at_twitter a em {font-style: normal; font-variant: small-caps; font-size: 125%; line-height: .6em; text-transform: none; text-align: center !important}
.follow_me_at_twitter a:hover em {text-decoration: underline}
/* /Footer */

#facebox .b {background:url(/images/facebox/b.png)}
#facebox .tl {background:url(/images/facebox/tl.png)}
#facebox .tr {background:url(/images/facebox/tr.png)}
#facebox .bl {background:url(/images/facebox/bl.png)}
#facebox .br {background:url(/images/facebox/br.png)}
#facebox {position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left}
#facebox .popup {position: relative}
#facebox table {margin: auto; border-collapse: collapse}
#facebox .body {padding: .5em; background: #fff; width: 27em}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox .top {text-align: right; padding-bottom: 5px; border-bottom: 1px solid #DDD; margin-bottom: 10px}
#facebox a.close {color: #777; font-size: 70%; text-transform: uppercase}
#facebox a.close:hover {color: #FFF; background: #777}