html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; outline:0;}
object {outline:0;}
a img, fieldset {border: 0;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body, html { font-size:12px; font-family:Georgia, arial; }
html {background:url(../pics/bg.jpg) center top fixed; overflow:hidden !important;}
body { overflow-x: hidden !important; background:url(../pics/bg-bottom.png) no-repeat center bottom;  }
.clear { clear:both; }
.limites { width:1000px; margin:0 auto; }
div#layer { width:100%; height:100%; position:fixed; background:#00ffa8; opacity:0.9; filter:alpha(opacity=90); z-index:101; display:none; }
div#layer2 { width:100%; height:100%; position:fixed; background:#b2b3b3; opacity:0.97; filter:alpha(opacity=97); z-index:1000; display:none; }
div#container { position:relative; overflow-x:hidden; }
div#global { background:; }

section#content-header { width:1000px; height:1400px;}
header { width:1000px;height: 190px; float:left; position:relative; z-index:5;}
header h1 { width:123px; height:109px; margin-top:20px; }
header h1 a { display:block; width:123px; height:109px; text-indent:-9999em; overflow:hidden;}

#logo {position:absolute;top:40px;left:17px;width:275px;height:95px;z-index:80;background:url(../pics/logo-many_design.png) no-repeat;text-indent:-9000em;overflow:hidden;}

section#social-networks {width:125px; height:30px; position:absolute; top:40px; right:15px; z-index:80;}
section#social-networks ul {list-style:none; width:125px; height:30px;}
section#social-networks ul li {width:26px; height:30px; float:left; margin-right:5px;}
section#social-networks ul li a {display:block;width:26px;height:30px;background:url(../pics/redes-sociais.png) no-repeat;text-indent:-9999em;overflow:hidden;}
section#social-networks ul li a#twitter { background-position:0 0;}
section#social-networks ul li a#flickr { background-position:-32px 0;}
section#social-networks ul li a#facebook { background-position:-63px 0;}
section#social-networks ul li a#rss { background-position:-93px 0;}

section#social-networks-footer {width:125px; height:30px; position:absolute; top:1470px; left:20px; z-index:80;}
section#social-networks-footer ul {list-style:none; width:125px; height:30px;}
section#social-networks-footer ul li {width:26px; height:30px; float:left; margin-right:5px;}
section#social-networks-footer ul li a{display:block;width:26px;height:30px;background:url(../pics/redes-sociais-footer.png) no-repeat;text-indent:-9999em;overflow:hidden;}
section#social-networks-footer ul li a#twitter02 { background-position:0 0;}
section#social-networks-footer ul li a#flickr02 { background-position:-32px 0;}
section#social-networks-footer ul li a#facebook02 { background-position:-63px 0;}
section#social-networks-footer ul li a#rss02 { background-position:-93px 0;}

.twitter {width:500px;left:347px;position:absolute;top:40px;}
div#tweet-container {background:url(../pics/bg-twitter.png) repeat left top;padding:0 10px;display:inline;float: left;height:52px;width:390px;}
.ico-twitter {float:left;display:inline;background:url(../pics/bg-ico-twitter.jpg) no-repeat left top;width:88px;height:52px;}
div.twitter h1 {font:bold 30px HoratioDLigRegular;color:#000;text-transform:uppercase;margin:0 0 8px 0!important;width: auto !important;height: auto !important;}
div.twitter h1 a {font:bold 30px HoratioDLigRegular;color:#000;text-transform:uppercase;margin: 0;margin-bottom: 8px;}
div.tweet-container a#twitter {font:bold 20px georgia;color:#fff;height: 25px;margin: 8px 0 0 10px;display:inline-block;}
#tweet-container ul {color:#757679;list-style:none;font:normal 12px/14px georgia;}
#tweet-container p, #tweet-container a {color:#757679;font:normal 12px georgia;text-decoration:none;}
#tweet-container img {margin:0 auto;border:none !important;}
#tweet-container .imagem img {display:block;float:left;margin-right:5px;}
#tweet-container li {margin: 4px 0;}
.time {font-size:11px;display:block;text-align:right;margin:5px 5px 0 0;}
span.twitterTime {color:#E2194D;display: inline-block;text-align: right;}
#tweet-container ul a {color:#333;font-style:italic;font:normal 12px/16px georgia;}
#tweet-container ul a:hover {text-decoration:underline;}

#floatMenu {width:154px;position:absolute;top:197px;left:20px;position:absolute;}

/* nav style */
header nav { display:block; width:154px; list-style:none; z-index:85; height:250px;}
header nav a {	display: block;	overflow: hidden; float: left;	clear: both; margin-bottom:20px; }
header nav a span { display: block; overflow: hidden; text-indent: -9999px; width: 0; height:30px; }

/********* nav pt *********/
header nav a#nav-inicio {width: 154px; background: url(../pics/menu.png) 0 0;} /* normal */
header nav a#nav-inicio.selected { background: url(../pics/menu.png) 156px 0; } /* selecionado */
header nav a#nav-inicio span { background: url(../pics/menu.png) 156px 0; } /* hover */

header nav a#nav-sobre {width: 154px; background: url(../pics/menu.png) 0 -49px;} /* normal */
header nav a#nav-sobre.selected { background: url(../pics/menu.png) 156px -49px; } /* selecionado */
header nav a#nav-sobre span { background: url(../pics/menu.png) 156px -49px; } /* hover */

header nav a#nav-trabalhos {width: 154px; background: url(../pics/menu.png) 0 -98px; } /* normal */
header nav a#nav-trabalhos.selected {background: url(../pics/menu.png) 156px -98px; } /* selecionado */
header nav a#nav-trabalhos span { background: url(../pics/menu.png) 156px -98px; } /* hover */

header nav a#nav-blog {width: 154px; background: url(../pics/menu.png) 0 -144px; } /* normal */
header nav a#nav-blog.selected { background: url(../pics/menu.png) 156px -144px; } /* selecionado */
header nav a#nav-blog span { background: url(../pics/menu.png) 156px -144px; } /* hover */

header nav a#nav-contato { width: 154px; background: url(../pics/menu.png) 0 -192px; } /* normal */
header nav a#nav-contato.selected { background: url(../pics/menu.png) 156px -192px; } /* selecionado */
header nav a#nav-contato span { background: url(../pics/menu.png) 156px -192px; } /* hover */

nav span#pingo { display:block; width:15px; height:19px;position:absolute; bottom:-15px; left:-8px; }
/* nav style */

section#watch-showreel { width:640px; height:193px; margin-top:40px; position:relative; }
section#watch-showreel h1#showreel-en { width:255px; height:56px; text-indent:-9999em; overflow:hidden;position:absolute; right:0px; top:10px; }
section#watch-showreel h1#showreel-pt { width:259px; height:56px; text-indent:-9999em; overflow:hidden;position:absolute; right:0px; top:10px; }
section#watch-showreel div#showreel-video { width:420px; height:240px; float:left; position:relative; }
section#watch-showreel a#effect-play-showreel { display:block; width:61px; height:61px; position:absolute; top:67px; left:307px;}
section#watch-showreel a#effect-play-showreel:hover { }

section#share-button { width:535px; height:20px; float:left; margin:75px 0 0 150px; }
section#share-button h1 { display:inline-block; font-size:11px; line-height:20px; font-style:italic; color:#fff; float:left; }
section#share-button div.bt{ float:right; }
section#share-button div.twi{ margin-right:-14px; }

/* ANIMACAO */

#animacao {width:760px;height:300px;right:20px;position:absolute;top:190px;}
.animacao {position:relative;}
.anima {width:760px;height: 300px;}
#animacao a img {float:right;display:inline;}
#animacao img {float:left;display:inline;}
.engloba {width:640px;height:50px;position:absolute;right:5px;bottom:5px;background:url(../pics/bg-legenda.png) repeat left top;}
.engloba a {font:normal 16px georgia!important;color:#fff!important;text-align:right!important;width:615px!important;margin:20px 0 0 15px!important;letter-spacing:0.3px;display:block;text-decoration: none;}
.engloba a strong {font:italic bold 16px georgia!important;}
#animacao p {font:bold italic 13px/14px arial;color:#f4ab19;text-align:center;width:410px;margin:20px 0 0 30px;letter-spacing:0.3px;}
#animacao a {font:bold italic 13px/14px arial;color:#f4ab19;text-align:center;width:410px;margin:20px 0 0 30px;letter-spacing:0.3px;}

ul#botoes{left:225px;position:absolute;top:435px;width:110px;height:50px;z-index:80;}
ul#botoes li{width:50px;height:50px;float:left;display:inline;margin-right: 5px;}

a#proximo, a#anterior{display:block;width:50px;height:50px;overflow:hidden;text-indent:-999em;z-index:999;background-image:url(../pics/bt-anima.jpg);margin: 0;}
a#anterior{background-position:0 0;}
a#anterior:hover {background-position:0 -50px;}
a#proximo{background-position:-55px 0;}
a#proximo:hover {background-position:-55px -50px;}

/* 7 */
section#content-top { width:100%; height:560px; background:url(../pics/bg-sobre.png) repeat; display:; position:absolute; top:-9999em;z-index: 90; }
.trabalhos-geral {width:1000px;margin:0 auto;}

a.pt { display:block; width:45px; height:60px; position:absolute; bottom:5px; right:20px; margin-left:-35px; text-indent:-9999em; overflow:hidden; background:url(../pics/bt-voltar.png) no-repeat; display:none; }

div#wrap-top { width:994px; height:360px; margin:0 auto; padding-top:80px;  }

/* 8 */
section#showreel { width:100%; height:1073px; background:url(../pics/bg-sobre.png) repeat; position:fixed;top:50%;margin-top:-537px;left:-100%;z-index:89; }
section#showreel h1 { color:#fff; text-transform:uppercase; font:bold 36px HoratioDLigRegular; padding-top:260px;}
section#showreel h1 span { color:#E21A4D; }
section#showreel h2 {font:bold 32px HoratioDLigRegular;text-transform:uppercase;color:#E21A4D;margin: 15px 0 5px;}
section#showreel div { width:750px;margin:0 auto;}
section#showreel div p {color:#fff;font:14px/18px georgia;letter-spacing: 0.3px;margin-bottom: 8px;}
section#showreel a { display:block; width:40px; height:58px;text-decoration:none; text-indent:-9999em; overflow:hidden; position:absolute; top:516px; left:839px; }
section#showreel a#voltar_showreel { display:block; width:45px; height:60px; background:url(../pics/bt-voltar.png) no-repeat; text-decoration:none; text-indent:-9999em; overflow:hidden; position:absolute; top:300px; left:95%; }

.bt-twitter {display: inline;float: left;width:100px;height:20px;margin: 0 5px;}
.bt-facebook {display: inline;float: left;width:70px;height:20px;margin: 0 5px;}
.bt-facebook-recomendo {display: inline;float: left;width:120px;height:20px;margin: 0 5px;}
.bt-google { display: inline;float: left;height: 20px;margin: 0 5px;width: 65px;}

/* FORMULARIO DE CONTATO */
#formulario{width:755px;position: absolute;right: 20px;top: 930px}
#formulario h1 {margin-bottom:15px;font:bold 38px HoratioDLigRegular;text-transform:uppercase;color:#000;}
#formulario h1 span {color:#e21a4d;}

.contato, textarea {font:italic 18px georgia;color:#757679;background:#dadee1;border:none;}

#formulario label {width:70px;height:25px;font:italic 16px georgia;color:#757679;text-align:left;padding:15px 0 10px 10px;float:left; display:inline;cursor:pointer;background:#DADEE1;}
#form_textarea label {width:365px;padding-bottom: 0;}

input.contato {width:278px;height:30px;margin:0 7px 5px 0;padding: 10px 10px 10px 0;}
textarea {width:355px;height:110px;margin:0;overflow:auto;padding: 0 10px 10px;}

input.enviar {background: url(../pics/bt-enviar.jpg) no-repeat;border:none;color:#000;cursor: pointer;display: inline;float: right;height: 40px;margin-top: 15px;text-indent: -9000em;width: 160px;}
input.enviar:hover {background: url(../pics/bt-enviar.jpg) no-repeat 0 -40px;}

#form_textfield {width:375px;float:left;}
#form_textarea {width:375px;float:left;margin-left:5px;}

div.contato-email{margin:15px 0 15px 10px;width:580px;}
div.contato-email a.link-email{font:bold 15px arial;color:#fff;text-decoration:none;float:left;}
div.contato-email a.link-email:hover{text-decoration:underline;}
div.contato-email p small{font:bold 15px arial;color:#fff;}
div.contato-email p {margin:10px 0!important;font:italic 14px arial!important;}

.footer-out {bottom: 0;float: right;position: relative;right: 20px;width: 300px;}
.footer-out p {font:italic 16px georgia;color:#fff;text-align:right;margin-bottom: 20px;}
.footer-out a {font:italic 16px georgia;color:#fff;text-align:right;text-decoration:none;}
.footer-out a:hover {text-decoration:underline;}

/* Trabalhos */

#nav-portifolio {display: inline-block;height: 30px;}
#nav-portifolio ul li {margin:0 20px;list-style-type:none;font:bold 24px HoratioDLigRegular;float:left;display:inline;}
#nav-portifolio ul li a {color:#fff;text-decoration: none;}
#nav-portifolio ul li a:hover {color:#E21A4D;}

.conteudo-portifolio p {color:#fff;font:16px georgia;}

/*** WEBSITES ***/

.conteudo-portifolio {width:950px;height:490px;margin:0 auto;}

ul.trabalhos-sites {width:950px!important;height:470px!important;}
ul.trabalhos-sites li {float:left;display:inline;height:220px;width:220px;margin: 8px;}
ul.trabalhos-sites li a {width:220px;height:220px;display:block;}
ul.trabalhos-sites li:hover{opacity:0.80;-moz-opacity:0.80;filter: alpha(opacity=80);}
ul.trabalhos-sites li a img {width:220px;height:220px;}
ul.trabalhos-sites li span {background:#000;bottom:27px;color:#fff;font:12px Trebuchet MS, Verdana, tahoma, arial;left:0;padding:5px;position:relative;width:210px;height:15px;z-index:999;-moz-opacity:.9;opacity:0.90;filter:alpha(opacity=90);display:inline-block;}
ul.trabalhos-sites li span small {color:#d00000;font:12px Trebuchet MS, Verdana, tahoma, arial;}

div.trabalhos-sites-geral {}

.paginacao {top: 20px;height: 50px;position: relative;left: 520px;width: 300px;}
#anterior-sites, #proximo-sites {width:50px;height:50px;position:relative;z-index:1000;display:inline-block;background-image:url(../pics/bt-anima.jpg);top:0;}
a#anterior-sites {background-position:0 0;left: 125px;}
a#anterior-sites:hover {background-position:0 -50px;}
a#proximo-sites {background-position:-55px 0;left: 250px;}
a#proximo-sites:hover {background-position:-55px -50px;}

#anterior-logos, #proximo-logos {width:50px;height:50px;position:relative;z-index:1000;display:inline-block;background-image:url(../pics/bt-anima.jpg);top:0;}
a#anterior-logos {background-position:0 0;left: 65px;}
a#anterior-logos:hover {background-position:0 -50px;}
a#proximo-logos {background-position:-55px 0;left: 250px;}
a#proximo-logos:hover {background-position:-55px -50px;}

#anterior-impressos,#proximo-impressos{width:50px;height:50px;position:relative;z-index:1000;display:inline-block;background-image:url(../pics/bt-anima.jpg);top:0;}
a#anterior-impressos {background-position:0 0;left: 125px;}
a#anterior-impressos:hover {background-position:0 -50px;}
a#proximo-impressos {background-position:-55px 0;left: 250px;}
a#proximo-impressos:hover {background-position:-55px -50px;}

#bt-animacao {position:absolute;z-index:80;top:0;right:0;}
#bt-animacao a {padding:10px 0 0 20px;color:#fff; background:#E31A4E;font:bold 28px HoratioDLigRegular;display:block;float:left;display:inline;width:30px;height:40px;text-decoration:none;margin: 0 5px;}
#bt-animacao a.activeSlide{color:#E31A4E;background:#fff;padding:10px 0 0 20px;font:bold 28px HoratioDLigRegular;display:block;float:left;display:inline;width:30px;height:40px;text-decoration:none;}