/* 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;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}

/* general */
html, body, .l, .r, .tl, .tr {height: 100%; min-height:750px;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -130px;}
.clear {clear:both;}
embed, object {margin-bottom: -4px; width: 100%; height: 100%; min-height:750px;}

body {background: url(../img/bg_top.jpg) repeat-x top; min-width: 1000px; min-height:750px; *height: 750px; font: 11px Myriad Pro, Arial, sans-serif; color: #fff;}
.l {background: url(../img/bg_left.jpg) repeat-y left;}
.r {background: url(../img/bg_right.jpg) repeat-y right;}
.tl {background: url(../img/bg_top_left.jpg) no-repeat top left;}
.tr {background: url(../img/bg_top_right.jpg) no-repeat top right; min-height: 750px;}

h1 {background:url(../img/maya.gif) no-repeat bottom right; width: 180px; height: 150px; text-indent: -9999em; float: left;}
h2, h3, h4 {font-size: 13px;}
.nav {float: right; padding: 80px 80px 0 0;}
.nav li {float: left;}
.nav li strong {display: block; text-indent: -9999em; height: 13px; font-size: 1px; background-repeat: no-repeat;}
.nav li a {display: block; padding: 10px 15px;}
.nav li a:hover strong {background-position: bottom left;}

.nav-empresa strong {background-image:url(../img/nav_empresa.gif); width: 57px;}
.nav-labs strong {background-image:url(../img/nav_labs.gif); width: 31px;}
.nav-carreira strong {background-image:url(../img/nav_carreira.gif); width: 59px;}
.nav-contato strong {background-image:url(../img/nav_contato.gif); width: 56px;}
.nav-fazemos strong {background-image:url(../img/nav_fazemos.gif); width: 100px;}

.modal {display:none;}
.modal h2 {text-transform: uppercase; font-weight: bold;}
#nyroModalContent h2, #nyroModalContent p, #nyroModalContent ul {padding: 5px 0;}
#nyroModalContent h2 {text-transform: uppercase;}
#nyroModalContent a {color:#fff;}
#nyroModalContent li {list-style: disc; margin-left: 14px;}

.social-icons {padding-top: 50px;}
#nyroModalContent .social-icons li, .social-icons li {text-indent: -9999em; float: left; width: 20px; height: 16px; margin: 0px; list-style: none;}
.social-icons a {display: block; width: 16px; height: 16px;}
.twitter {background: url(../img/twitter.png) no-repeat scroll top left;}
.blog {background: url(../img/feed.png) no-repeat scroll top left;}
.facebook {background: url(../img/facebook.png) no-repeat scroll top left;}

#controls {display: none;}

#thumbs {position: absolute; bottom: 10px; left: 10px;}
#thumbs li {text-indent:-9999em; padding: 0px 3px; float: left;}
#thumbs a {display: block; width: 10px; height: 10px; background: #000;}
#thumbs li.selected a {background: #ccc;}

.projeto {width: 870px; background: #000; overflow: auto;}
.projeto img {float: left; width: 650px; height: 465px;}
.projeto .desc {float: left; padding: 10px 0px 10px 30px; background: url(../img/ico_div.jpg) no-repeat 10px center; width: 180px; height: 270px;}
.projeto h2 {font-size: 18px;}
.projeto h3 {font-size: 15px;}
.projeto p, .projeto h2, .projeto h3 {padding: 5px 0px;}

.projetos {clear:both; padding: 60px 50px; position: relative; overflow: visible;}
.projetos h2 {height: 1px; text-indent:-9999em;}
.projetos li {float: left; width: 190px; height: 150px}
/* .projetos .menor {padding: 15px 10px;} */
.projetos, .projetos a {color: #666666; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold;}
.projetos p {margin: 4px;}
.projetos img {margin: 0px; border: 4px solid #dbd9da;}

.footer {clear:both; font-size: 10px; font-weight: bold; color: #666; padding:50px 0 0 70px; height: 80px;}
.push {height: 130px;}
.footer p {background: #ccc; padding: 2px 5px; margin: 1px 0px; float: left; clear: both;}
.footer a {color:#4e0f6c; text-decoration:none;}
.footer a.tel {color:#666;}
.footer a:hover {text-decoration: underline;}

/* modal */
table{border-collapse:collapse;border-spacing:0;}
div#nyroModalFull{font-size:12px;color:#ccc;}
div#nyroModalLoading{width:150px;height:150px;text-indent:-9999em;background:#000 url(../img/ajaxLoader.gif) no-repeat;background-position:center;padding:20px;}
div#nyroModalLoading.error{line-height:20px;padding:20px;width:300px;height:100px;text-indent:0;background:#000;padding:20px;}
div#nyroModalWrapper{background:#000;padding:20px;}
a#closeBut{position:absolute;display:block;top:0px;right:-16px;width:16px;height:16px;text-indent:-9999em;background:url(../img/close.gif) no-repeat;outline:0;}
a#closeBut:hover{background-position:bottom;}
h1#nyroModalTitle{margin:0;padding:0;position:absolute;top:-22px;left:5px;font-size:12px;color:#ddd; display:none;}
div#nyroModalContent{overflow:auto;}
div.wrapper div#nyroModalContent{padding:5px;}
div.wrapperImg div#nyroModalContent{position:relative;overflow:hidden;text-align:center;}
div.wrapperImg img{vertical-align:baseline;}
div.wrapperImg div#nyroModalContent div{position:absolute;bottom:0;left:0;background:black;padding:10px;margin:10px;border:1px white dotted;overflow:hidden;opacity:0.2;filter:alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover{opacity:0.5;filter:alpha(opacity=50);cursor:help;}
a.nyroModalPrev,a.nyroModalNext{z-index:105;outline:none;position:absolute;top:0;height:100%;width:40%;cursor:pointer;text-indent:-9999em;background:left 20% no-repeat;background-image:url(data:image/gif;base64,AAAA);/* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev,div.wrapperSwf a.nyroModalNext,div.wrapper a.nyroModalPrev,div.wrapper a.nyroModalNext{height:60%;width:20%;}
a.nyroModalPrev{left:0;}
a.nyroModalPrev:hover{background-image:url(../img/prev.gif);}
a.nyroModalNext{right:0;background-position:right 20%;}
a.nyroModalNext:hover{background-image:url(../img/next.gif);}
#nyroModalIframe {overflow:hidden;}