*{
    margin:0;
    padding:0;
    list-style:none;
    font: normal 1em tahoma, helvetica, arial, verdana, sans-serif;
}
body{
    background:#3B3C3E url("img/bkbody.jpg") fixed;
}
a, abbr, acronym, img{
    outline:none;
    border:none;
}
h2{
    color:#637173;
    font-family:georgia;
    font-style:italic;
    font-size:2.3em;
    font-weight:100;
    text-shadow:0px 0px 2px #000;
}
#header{
    background:url("img/faixaheader.png") repeat-x top;
    width:100%;
    position:fixed;
    top:0;
    right:0;
    z-index:90;
}
#header a{
    display:block;
    width:100px;
    margin:0 auto;
}
#header img{
    display:block;
    margin:0px auto 0;
}
#nav{
    background:url("img/bknav.png") no-repeat center;
    /*width:350px;*/
    padding:12px 35px 5px;
    position:fixed;
    bottom:1%;
    right:0;
    z-index:100;
}
#nav li{
    float:left;
}
#nav li a{
    display:block;
    margin:0 3px;
    padding:10px;
    color:#637173;
    font-family:georgia;
    font-style:italic;
    text-decoration:none;
    cursor:pointer;
}
#nav li a:hover{
    color:#C29D00;
}
#nav li a.selected{
    color:#ffcc00;
}
#copysimbol{
    font-size:1.1em;
    font-weight:900;
}
#home{
    float:left;
    width:100%;
    min-height:1200px;
    padding:100px 0 0 0;
}
#home h1{
    float:left;
    background:url("img/nome.png") no-repeat;
    width:448px;
    height:115px;
    text-indent:-9000px;
}
#home blockquote{
    float:left;
    width:47%;
    margin:90px 0 0 0;
    padding:50px 0 15px 0;
    color:#8A9B9E;
    font: normal 100 0.8em verdana, sans-serif;
    position:relative;
    z-index:2;
}
#home p{
    line-height:16px;
    padding:4px 0;
}
#home p acronym, #home p abbr{
    color:#ffcc00;
}
#home p acronym.normal, #home p abbr.normal{
    color:#b4cccf;
}
body.ie7 #home blockquote{
    width:55%;
}
#saudacao{
    background:url("img/helvetica-tit.png") no-repeat  0 -10px;
    width:75%;
    float:left;
 /* color:#303232;
    font-family:helvetica, arial, tahoma, sans-serif;
    font-size:8em;
    letter-spacing:-0.05em;
    text-shadow:0px 0px 6px #111;
    font-weight:500;*/
    margin:12% 0 0 0;
    padding:0px 0px 1000px 240px;
    border-right:1px solid #768486;
    text-indent:-9999900px;
    position:absolute;
    z-index:1;
}
#saudacao:first-letter{
    font-size:2.3em;
}
body.ie7 #saudacao{
    display:none;
}
#coco{
    color:#FDB6B7;
    font-weight:900;
}
#portfolio{
    float:left;
    width:98%;
    min-height:1000px;
    padding:5% 0 0 0;
}
#portfolio h2{
    padding:5px 0 5px 2%;
}
#portfolio #telacontent{
    float:left;
    width:80%;
    margin:0 0 0 1%;
    padding:1%;
    border:1px solid #252727;
    -moz-box-shadow:0px 0px 6px #111;
    -webkit-box-shadow:0px 0px 6px #111;
}
body.ie7 #portfolio #telacontent{
    border:3px solid #252727;
}
#portfolio #tela{
    display:block;
    background:url("img/telabk.jpg");
    border:1px solid #252727;
}
#tela img{
    display:block;
    max-width:80%;
    margin:-2% auto 0;
    border:2px solid #000;
    -moz-box-shadow:0px 0px 5px #000;
    -webkit-box-shadow:0px 0px 5px #000;
    cursor:crosshair;
    position:relative;
}
div.jobdescription{
    background:url("img/bg-desc.png");
    max-width:55%;
    min-height:30px;
    margin:-50px 0 0;
    padding:1%;
    color:#999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #000;
    -moz-box-shadow:0px 0px 6px #292200;
    -webkit-box-shadow:0px 0px 6px #292200;
    position:relative;
    left:0%;
    bottom:0%;
    z-index:8;
}
div.jobdescription h4{
    color:#ccc;
    font:italic 800 0.8em georgia;
}
body.ie7 div.jobdescription p{
    margin:10px 0 0 0;
}
div .jobdescription p{
    color:#999;
    margin:6px 0 0 0;   
    font:normal 100 0.7em tahoma, sans-serif;
    position:relative;
    z-index:8;
}
#sidejobs{
    background:url("img/bg-joblist.png");
    float:left;
    width:15%;
    margin:20px 0 0;
    padding:10px 3px;
    border:1px solid #2F2F2F;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:0px 0px 5px #000;
    -webkit-box-shadow:0px 0px 5px #000;
    position:absolute;
    right:1%;
}
#sidejobs h3{
    float:left;
    width:100%;
    padding:5px 0;
    color:#afc6c9;
    font-family:tahoma, sans-serif;
    font-size:0.7em;
    text-indent:20px;
}
.joblist{
    float:left;
    margin:2px 4px;
    padding:2px;
    border:1px solid #333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.joblist li{
    float:left;
}
.joblist li a{
    background:url("img/bullet.png") no-repeat center;
    display:block;
    width:13px;
    height:13px;
    text-indent:-9000px;
}
.joblist li a:hover{
        background:url("img/bullet-hover.png") no-repeat center;
}
.joblist li a.selected{
    background:url("img/bullet.gif") no-repeat center;
}

.joblist li a img{
    display:none;
}
.joblist li p{
    display:none;
}
/* over da galeria? 
#over{
   position:absolute;
   background:#000;
   z-index:20;
   top:0;
   cursor:pointer;
}
#telaover{
   width:1000px;
   height:800px;
   position:absolute;
   z-index:200;
   top:1600px;
}
#telaover img{
   background:#eee;
   display:block;
   width:90%;
   margin:3%;
   padding:10px;
   border:1px solid #999;
   -moz-box-shadow:0px 0px 7px #000;
   -webkit-box-shadow:0px 0px 7px #000;
}*/

#eu{
    float:left;
    width:90%;
    min-height:1200px;
    padding:5% 5% 0;
}
#eu blockquote{
    width:60%;
    color:#afc6c9;
    font-size:0.8em;
    margin:10px 30px;
}
#eu p{
    padding:5px;
}
#eu img{
    float:right;
}
#medown{
    width:22%;
    position:absolute;
    margin:140px 0 0 0;
    right:1%;
}
#meup{
    width:20%;
    position:absolute;
    margin:15px 0 0 0;
    right:1%;
    z-index:3;
}
#icons-tools{
    float:left;
    border-top:1px solid #444;
    margin:10px 0 0;
}
body.ie7 #icons-tools li{
    max-width:200px;
}
#icons-tools li{
    float:left;
    max-width:180px;
    min-width:80px;
    min-height:210px;
    margin:2px 0 0 1px;
    padding:0 0 0 3px;
    border-left:1px solid #323739;
}
#icons-tools li h3{
    float:left;
    margin:0 5px 10px 0;
    padding:8px 8px 2px 2px;
    font:italic 400 0.8em georgia;
    color:#79898B;
    border-bottom:1px solid #79898B;
}
#icons-tools li ul li{
    width:99%;
    clear:both;
    margin:1px;
    border:none;
    min-height:0;
}
#icons-tools li img{
    float:left;
    width:29px;
    margin:3px 4px 1px 2px;
}
#icons-tools li p{
    display:block;
    font:italic 200 0.8em georgia;
    color:#79898B;
}
#icons-tools li p strong{
    font-style:italic;
    font-weight:200;
    font-family:georgia;
    color:#B39100;
}
#contato{
    float:left;
    width:100%;
    min-height:1200px;
    padding:4% 0 0 0;
}
#contato h2{
    margin:0 0 0 10%;
    padding:20px 0;
}
#contato form{
    float:left;
    width:550px;
    margin:0 0 0 10%;
}
#contato fieldset{
    border:none;
}
#contato label{
    display:none;
}
#contato input{
    background:url("img/inputbg.jpg") no-repeat center;
    float:left;
    width:520px;
    margin:10px auto;
    padding:8px 10px;
    border:1px solid #222;
    font-family:georgia;
    font-style:italic;
    font-size:1.2em;
    color:#C3DCDF;
}
#contato input:focus{
    border:1px solid #ffcc00;
    -moz-box-shadow:0px 0px 5px #ffcc00;
    -webkit-box-shadow:0px 0px 5px #ffcc00;
}
#contato textarea{
    background:url("img/msgbg.jpg") no-repeat center;
    float:left;
    width:518px;
    max-width:518px;
    height:230px;
    max-height:230px;
    margin:10px auto;
    padding:8px 10px;
    border:1px solid #222;
    font-family:georgia;
    font-style:italic;
    font-size:0.8em;
    letter-spacing:0.05em;
    font-weight:100;
    color:#C3DCDF;
    overflow:auto;
}
#contato textarea:focus{
    border:1px solid #ffcc00;
    -moz-box-shadow:0px 0px 5px #ffcc00;
    -webkit-box-shadow:0px 0px 5px #ffcc00;
}
#contato button{
    background:url("img/buttonbg-hover.png") no-repeat center;
    float:right;
    width:200px;
    height:48px;
    margin:-30px -36px 0 0;
    padding:5px;
    color:#79898b;
    font: italic 300 1.6em georgia;
    border:none;
    cursor:pointer;
    outline:none;
}
#contato button:hover{
    color:#ccc;
    text-shadow:0px 0px 3px #ccc;
}
#contato button:active{
    color:#fff;
    text-shadow:0px 0px 3px #fff;
}
#linkscontatos{
    float:left;
    margin:20px 0 0 5%;
    width:20%;
}
#linkscontatos li{
    border-left:1px solid #424242;
    border-top:1px solid #424242;
    border-right:1px solid #2F2F2F;
    border-bottom:1px solid #2F2F2F;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin:3px 0;
}
#linkscontatos li.parceiros{
    margin:20px 0 0 0;
}
#linkscontatos li.parceiros:active{
    margin:20px 0 0 0;
}
#linkscontatos li:active{
    border-left:1px solid #2F2F2F;
    border-top:1px solid #2F2F2F;
    border-right:1px solid #424242;
    border-bottom:1px solid #424242;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin:3px 0;
}
#linkscontatos li a{
    display:block;
    margin:0 0 0 10px;
    padding:16px 16px 16px 60px;
    color:#515C5E;
    font-family:georgia;
    font-style:italic;
    font-size:1.6em;
    font-weight:100;
    text-shadow:0px 0px 2px #000;
    text-decoration:none;
    
}
#twitter{
    background:url("img/penawitter.png") no-repeat 16px 5px;
}
#twitter:hover, #flickr:hover{
    color:#ffcc00;
    text-shadow:0px 0px 3px #8A7000;
}
#flickr{
    background:url("img/fotockr.png") no-repeat left;
}
h3.parceiros{
    background:url("img/parcbg.png") no-repeat 10px;
    padding:5px 0;
    margin:5px 0 0 0;
    color:#515C5E;
    font-family:georgia;
    font-style:italic;
    font-size:1.2em;
    font-weight:100;
    text-shadow:0px 0px 3px #111;
    text-indent:73px;
    cursor:pointer;
}
h3.parceiros:hover{
    color:#fff;
    text-shadow:0px 0px 3px #666;
}
#parceiros{
    float:left;
    margin:5px 0 0 0;
}
#parceiros li {
    float:left;
    width:100%;
    margin:3px;
}
body.ie7 #parceiros li a{
    width:110px;
}
#parceiros li a{
    padding:5px;
    color:#7D8D91;
    font-family:georgia;
    font-style:italic;
    font-size:0.84em;
    font-weight:100;
    text-shadow:0px 0px 3px #111;
}
#parceiros li a:hover{
    color:#BCD0D6;
    text-shadow:0px 0px 3px #F4FDFF;
}
#nocopy{
    background:url("img/nocopybg.png") no-repeat center 200px;
    float:left;
    width:100%;
    min-height:700px;
    padding:30px 0 0 0;
}
#nocopy p.last-child{
    float:right;
    width:20%;
    margin:210px 27% 0 0;
    color:#ffb500;
    font:normal 200 0.8em georgia, serif;
    text-align:left;
}
#nocopy p:first-child{
    float:left;
    width:20%;
    margin:210px 0 0 27%;
    color:#ffb500;
    font:normal 200 0.8em georgia, serif;
    text-align:right;
}
#thankyou{
    position:absolute;
    width:90%;
    height:550px;
    margin:-275px 0 0 0;
    top:50%;
}
#thankyou img{
    float:left;
    width:45%;
    margin:0 0 0 -20px;
}
#thankyou blockquote{
    float:left;
    width:50%;
    margin:23% 0 0 -10px;
    color:#C3DCDF;
    font:200 2.0em helvetica, arial, tahoma, sans-serif;
    letter-spacing:0.05em;
}
#thankyou a{
    float:right;
    color:#ffcc00;
    margin:20px 10% 0 0;
    font:italic 200 2em georgia, serif;
}
#thankyou a:hover{
    text-shadow:0px 0px 4px #ffcc00;
}
