@charset "utf-8";
/*
Theme Name: Hiro
Theme URI: http://www.r3.com.br/
Description: Em Desenvolvimento.
Version: 1.0
Author: R3 Com Mkt / Faoza Studio
Author URI: http://www.r3.com.br/
*/

/*
********************************
**	(c)2010 R3 WEBMOTION	  **
**	contact: info@r3.com.br	  **
********************************
*/

/* Colors:
Orange: #F7941D
Black: #000000
Gray (titles): #777777
 */

/* Reset */
* {
vertical-align:baseline;
font-weight:inherit;
font-family:inherit;
font-style:inherit;
font-size:100%;
border:0;
padding:0;
margin:0;
list-style:none;
color:#000000;
background:transparent;
text-decoration:none;
}

strong, b { font-weight:bold; }
em, i { font-style:italic; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* Structure */
body { position:relative; }
#prehome { margin:30px auto 30px; width:490px; }
#header { width:100%; height:60px; position:absolute; top:560px; z-index:1; }
#header #headercentral { width:960px; height:60px; margin:0 auto; }
#header #headercentral #leftsidebar { float:left; width:600px; height:60px; }
#header #headercentral #leftsidebar h1 { float:left; margin-left:30px; width:100px; height:60px; padding-left:20px; }
#header #headercentral #leftsidebar h1 a { width:100px; height:60px; }
#header #headercentral #leftsidebar #nav { display:inline; margin-left:40px; }
#header #headercentral #leftsidebar #nav ul { height:60px; padding:19px 0; }
#header #headercentral #leftsidebar #nav ul li { float:left; display:inline; height:60px; margin-right:10px; }
#header #headercentral #leftsidebar #nav ul li a { display:block; height:28px; padding:0 10px; text-indent:-5000px; overflow:hidden; }
#header #headercentral #rightsidebar { float:left; display:inline; width:360px; height:60px; }
#header #headercentral #rightsidebar h3 { margin:18px 0 18px 25px; height:24px; }
#header #headercentral #rightsidebar h3 img { margin-right:0; }
#header #copyright { width:960px; height:30px; margin:0 auto; margin-top:5px; }
#content { width:960px; height:560px; margin:0 auto; }
#content #leftcol { position:relative; float:left; width:600px; height:560px; }
#content #leftcol #page { padding:80px 30px 15px 15px; }
#content #leftcol #page p { padding-bottom:10px; }
#content #leftcol #page form { margin-top:75px; }
#content #leftcol #page form p { clear:both; padding:5px; }
#content #leftcol #page form label { float:left; display:block; width:100px; margin-right:5px; padding-top:2px; }
#content #leftcol #page form input { float:left; display:inline; width:294px; height:20px; padding:0 3px; }
#content #leftcol #page form input#submit, #content #leftcol #page form input#reset { width:150px; }
#content #leftcol #page form input.vazio { display:none; }
#content #leftcol #page form textarea { width:294px; height:196px; padding:2px 3px; }
#content #leftcol #page div.bioitem { display:block; margin-bottom:10px; height:75px; }
#content #leftcol #page div.bioitem img { float:left; display:inline; margin-right:30px; }
#content #leftcol #page div#bioitempages { width:400px; padding-top:10px; padding-left:110px; }
#content #leftcol #page div#bioitempages a, #content #leftcol #page div#bioitempages span { margin:0 8px 5px 0; } 
#content #leftcol #portfolio { padding:30px 50px; }
#content #rightcol { float:left; display:inline; position:relative; width:360px; height:560px; }
#content #rightcol h2 { display:block; height:79px; padding:22px 0 0 0; margin:50px 0 0 40px; }
#content #rightcol p#socialmedia { display:block; margin:315px 0 0 40px; }
#content #rightcol p#socialmedia a { float:left; display:block; height:25px; width:25px; text-indent:-5000px; overflow:hidden; margin:3px 3px 0 0; }
#content #rightcol p#lang { position:absolute; z-index:1; left:300px; top:530px; }
#content #rightcol p#imgside { padding:20px 0 10px 50px; }
#content #rightcol div#contactinfo { padding:20px 0 10px 45px; }
#content #rightcol div#contactinfo h3 { padding-bottom:30px; }
#content #rightcol div#navportfolio { padding:20px 0 10px 45px; }
#content #rightcol div#navportfolio ul li { padding-bottom:3px; padding-left:20px; }
#content #rightcol div#portfoliocaption { padding:30px 0 10px 45px; }
#content #rightcol div#navthumbnail { position:absolute; z-index:2; left:45px; top:360px; }
#content #rightcol div#navthumbnail ul#thumblist { width:200px; height:160px; overflow:hidden; }
#content #rightcol div#navthumbnail ul#thumblist li { float:left; display:inline; margin:0 13px 13px 0; }
#content #rightcol div#navthumbnail ul#thumbpages { width:200px; padding-top:5px; }
#content #rightcol div#navthumbnail ul#thumbpages li { float:left; display:inline; margin:0 8px 5px 0; }

/* Style */
* { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#header { background:url(images/headerbg.gif) center repeat-y; }
#header #leftsidebar { background:#000000; }
#header #rightsidebar { background:#F7941D; }
#header #headercentral #leftsidebar h1 { }
#header #headercentral #leftsidebar h1 a { color:#FFFFFF; }
#header #headercentral #leftsidebar #nav ul li a { color:#FFFFFF; }
#header #headercentral #leftsidebar #nav ul li a:hover { color:#F7941D; }
#header #headercentral #leftsidebar #nav ul li a#pt_portfolio { background:url(images/nav_pt_portfolio.gif) no-repeat; width:83px; }
#header #headercentral #leftsidebar #nav ul li a#pt_blog { background:url(images/nav_pt_blog.gif) no-repeat; width:43px; }
#header #headercentral #leftsidebar #nav ul li a#pt_contact { background:url(images/nav_pt_contato.gif) no-repeat; width:69px; }
#header #headercentral #leftsidebar #nav ul li a#pt_bio { background:url(images/nav_pt_bio.gif) no-repeat; width:31px; }
#header #headercentral #leftsidebar #nav ul li a#pt_store { background:url(images/nav_pt_lojinha.gif) no-repeat; width:66px; }
#header #headercentral #leftsidebar #nav ul li a#pt_portfolio:hover { background:url(images/navover_pt_portfolio.gif) no-repeat; width:83px; }
#header #headercentral #leftsidebar #nav ul li a#pt_blog:hover { background:url(images/navover_pt_blog.gif) no-repeat; width:43px; }
#header #headercentral #leftsidebar #nav ul li a#pt_contact:hover { background:url(images/navover_pt_contato.gif) no-repeat; width:69px; }
#header #headercentral #leftsidebar #nav ul li a#pt_bio:hover { background:url(images/navover_pt_bio.gif) no-repeat; width:31px; }
#header #headercentral #leftsidebar #nav ul li a#pt_store:hover { background:url(images/navover_pt_lojinha.gif) no-repeat; width:66px; }
#header #headercentral #leftsidebar #nav ul li a.selected_pt_portfolio { background:url(images/navover_pt_portfolio.gif) no-repeat !important; width:83px; }
#header #headercentral #leftsidebar #nav ul li a.selected_pt_blog { background:url(images/navover_pt_blog.gif) no-repeat !important; width:43px; }
#header #headercentral #leftsidebar #nav ul li a.selected_pt_contact { background:url(images/navover_pt_contato.gif) no-repeat !important; width:69px; }
#header #headercentral #leftsidebar #nav ul li a.selected_pt_bio { background:url(images/navover_pt_bio.gif) no-repeat !important; width:31px; }
#header #headercentral #leftsidebar #nav ul li a.selected_pt_store { background:url(images/navover_pt_lojinha.gif) no-repeat !important; width:66px; }
#header #headercentral #leftsidebar #nav ul li a#en_portfolio { background:url(images/nav_en_portfolio.gif) no-repeat; width:83px; }
#header #headercentral #leftsidebar #nav ul li a#en_blog { background:url(images/nav_en_blog.gif) no-repeat; width:43px; }
#header #headercentral #leftsidebar #nav ul li a#en_contact { background:url(images/nav_en_contact.gif) no-repeat; width:69px; }
#header #headercentral #leftsidebar #nav ul li a#en_bio { background:url(images/nav_en_bio.gif) no-repeat; width:31px; }
#header #headercentral #leftsidebar #nav ul li a#en_store { background:url(images/nav_en_store.gif) no-repeat; width:49px; }
#header #headercentral #leftsidebar #nav ul li a#en_portfolio:hover { background:url(images/navover_en_portfolio.gif) no-repeat; width:83px; }
#header #headercentral #leftsidebar #nav ul li a#en_blog:hover { background:url(images/navover_en_blog.gif) no-repeat; width:43px; }
#header #headercentral #leftsidebar #nav ul li a#en_contact:hover { background:url(images/navover_en_contact.gif) no-repeat; width:69px; }
#header #headercentral #leftsidebar #nav ul li a#en_bio:hover { background:url(images/navover_en_bio.gif) no-repeat; width:31px; }
#header #headercentral #leftsidebar #nav ul li a#en_store:hover { background:url(images/navover_en_store.gif) no-repeat; width:49px; }
#header #headercentral #leftsidebar #nav ul li a.selected_en_portfolio { background:url(images/navover_en_portfolio.gif) no-repeat !important; width:83px; }
#header #headercentral #leftsidebar #nav ul li a.selected_en_blog { background:url(images/navover_en_blog.gif) no-repeat !important; width:43px; }
#header #headercentral #leftsidebar #nav ul li a.selected_en_contact { background:url(images/navover_en_contact.gif) no-repeat !important; width:69px; }
#header #headercentral #leftsidebar #nav ul li a.selected_en_bio { background:url(images/navover_en_bio.gif) no-repeat !important; width:31px; }
#header #headercentral #leftsidebar #nav ul li a.selected_en_store { background:url(images/navover_en_store.gif) no-repeat !important; width:49px; }
#header #headercentral #rightsidebar h3 {  }
#header #copyright p { font-size:9px; color:#444444; line-height:12px; }
#header #copyright p a { font-size:9px; color:#444444; }
#header #copyright p a:hover { text-decoration:underline; }
#content #rightcol h2 { font-size:28px; color:#777777; background:url(images/tit_bg.gif) left no-repeat; padding-left:30px; }
#content #rightcol p#socialmedia { font-size:12px; font-weight:bold; color:#F7941D; line-height:15px; }
#content #rightcol p#socialmedia a#facebook { background:url(images/facebookbt.png) no-repeat; }
#content #rightcol p#socialmedia a#twitter { background:url(images/twitterbt.png) no-repeat; }
#content #rightcol p#lang a { font-size:10px; font-weight:bold; color:#777777; }
#content #rightcol div#contactinfo h3 a { font-size:12px; color:#F7941D; }
#content #rightcol div#contactinfo p { font-size:10px; font-weight:bold; color:#000000; line-height:15px; }
#content #rightcol div#contactinfo p a { font-size:inherit; font-weight:inherit; color:#F7941D; }
#content #rightcol div#contactinfo p a:hover { color:#777777; }
#content #rightcol div#navportfolio ul li { background:url(images/abullet.gif) 0 0 no-repeat; }
#content #rightcol div#navportfolio ul li a { font-size:12px; color:#F7941D; }
#content #rightcol div#navportfolio ul li a:hover { color:#777777; }
#content #rightcol div#navportfolio ul li a.selectedportfolio { color:#777777; }
#content #rightcol div#portfoliocaption p { font-size:9px; color:#000000; }
#content #rightcol div#navthumbnail ul#thumbpages li a { font-size:11px; font-weight:bold; color:#000000; }
#content #rightcol div#navthumbnail ul#thumbpages li a:hover { color:#F7941D; }
#content #rightcol div#navthumbnail ul#thumbpages li a.selectedthbpn { color:#F7941D; }
#content #rightcol div#navthumbnail ul#thumblist li a img { border:solid 1px #FFFFFF; }
#content #rightcol div#navthumbnail ul#thumblist li a:hover img { border:solid 1px #F7941D; }
#content #rightcol div#navthumbnail ul#thumblist li a.selectedthb img { border:solid 1px #F7941D; }
#content #leftcol #page p { font-size:10px; color:#000000; line-height:15px; }
#content #leftcol #page p a { font-size:10px; color:#F7941D; }
#content #leftcol #page p a:hover { font-size:10px; color:#777777; }
#content #leftcol #page li { font-size:10px; color:#000000; line-height:15px; list-style:disc; }
#content #leftcol #page form p { font-size:9px; font-weight:bold; color:#000000; line-height:15px; }
#content #leftcol #page form label { text-align:right; font-size:inherit; font-weight:inherit; }
#content #leftcol #page form input { border:none; background:#DDDDDD; font-size:inherit; font-weight:inherit; color:#666666; }
#content #leftcol #page form input#submit, #content #leftcol #page form input#reset { background:none; color:#F7941D; cursor:pointer; }
#content #leftcol #page form textarea { border:none; background:#DDDDDD; font-size:inherit; font-weight:inherit; line-height:15px; color:#666666; }
#content #leftcol #page div#bioitempages a { font-size:11px; font-weight:bold; color:#000000; }
#content #leftcol #page div#bioitempages a:hover { color:#F7941D; }
#content #leftcol #page div#bioitempages span { font-size:11px; font-weight:bold; color:#F7941D; }
#content #leftcol #portfolio p { text-align:center; }
#content #leftcol #portfolio p a { margin:0; padding:0; }

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay { background:#000000; }
#superbox-container .loading { text-align:center; font-size:12px; color:#999999; padding:10px 0; background:#EFEFEF; }
#superbox { padding:10px; background:#FFFFFF; border:solid 1px #EEEEEE; }
#superbox-innerbox { padding:10px 0; }
#superbox.image { text-align:center; }
#superbox .close, #superbox .nextprev { overflow:hidden; margin:0; cursor:pointer; text-align:center; }
#superbox .close *, #superbox .nextprev * { color:#999999 !important; text-align:center; }