/* -----------------------------------------
   geral
----------------------------------------- */
body {background:#fff url(/static/img/bg.png) center top repeat-y; color:#333; font-family:ff-enzo-web-1,ff-enzo-web-2; font-size:15px; font-weight:300; font-style:normal; }

.debug {border:1px solid #f00;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

a:link, a:visited {text-decoration:none; color:#000; border-bottom:1px dotted #333;}
a:hover {color:#765a06; background:#fc0; border:none; }

p {line-height:150%; margin-bottom:15px;}

h1 {font-size:180%; font-weight:600; font-style:normal; margin-bottom:20px;}
h2 {font-size:120%; font-weight:600; font-style:normal;}
h3 {font-size:110%; font-weight:600; font-style:normal;}
h4 {font-size:100%; font-weight:600; font-style:normal;}

.header {background:#fff url(/static/img/bg_header.gif) repeat-x; height:125px;}

.logo {margin-top:25px; margin-left:0;}
.logo a {border:none; background:none;}

.nav li {display:inline; text-transform:uppercase; font-size:90%; font-weight:600; font-style:normal;}
.nav li a:link,  .nav li a:visited {float:left; color:#000; text-decoration:none; margin-right:30px; padding-top:35px; border-top:5px solid #fc0; border-bottom:none;}
.nav li a:hover, .nav li a.active:link,  .nav li a.active:visited {border-top:5px solid #000; color:#999; background:none;}

a.showmenu {display:block; float:right; margin-top:5px; text-transform:uppercase; padding:5px 5px 5px 25px; background:#fc0 url(/static/img/bl-arrow.png) 5px 9px no-repeat; color:#bf9109; width:42px; }
a.close {background:#fc0 url(/static/img/bl-arrow.png) 5px -28px no-repeat; width:67px;}
#mobmenu ul {margin:0; padding:0;}
#mobmenu li {text-transform:uppercase; font-weight:600; font-style:normal; display:block; margin:0 0 1px 0;}
#mobmenu li a:link,  #mobmenu li a:visited {display:block; color:#000; text-decoration:none; padding:5px; margin:0; border-bottom:none; background:#f1f1f1;}
#mobmenu li a.active:link, #mobmenu li a.active:visited {color:#fff; background:#fc0;}

.busca { margin-top:37px; text-align:right;}

.footer {position:absolute; background:transparent url(/static/img/bg-footer.png); text-align:center; width:100%; height:70px; bottom:10px;}
.footer a:link { color:#666; text-decoration:none;}
.footer a:visited { color:#444; text-decoration:none;}
.footer a:hover { color:#666; text-decoration:underline;}
.footer .info {margin:15px auto 0; text-align:left; padding-bottom:2px;}
.address {background:url(/static/img/ico-pin.png) left top no-repeat; font-weight:600; font-style:normal; font-size:85%; float:left; padding:0 0 0 20px; margin-right:45px}
.address a:link, .address a:visited {color:#333;}
.address a:hover {border-bottom:none; text-decoration:none; background:none; color:#000;}
.address h3 {margin-left:8%; font-weight:600; }
.follow {text-align:right; margin-top:3px;}
.follow a {border:none;}
.follow a.social:link, .follow a.social:visited {background:url(/static/img/ico-follow.png) no-repeat; display:block; float:right; margin-left:3px; width:16px; height:16px; text-indent:-1000px; overflow:hidden; text-align:left;}
.follow a.linkedin:link, .follow a.linkedin:visited {background-position:left top;}
.follow a.linkedin:hover {background-position:left bottom;}
.follow a.facebook:link, .follow a.facebook:visited {background-position:-19px top;}
.follow a.facebook:hover {background-position:-19px bottom;}
.follow a.twitter:link, .follow a.twitter:visited {background-position:-38px top;}
.follow a.twitter:hover {background-position:-38px bottom;}
.follow a.flickr:link, .follow a.flickr:visited {background-position:-57px top;}
.follow a.flickr:hover {background-position:-57px bottom;}
.follow a.feed:link, .follow a.feed:visited {background-position:-76px top;}
.follow a.feed:hover {background-position:-76px bottom;}


/* -----------------------------------------
   home
----------------------------------------- */
.readme {background:#333 url(/static/img/bg-elevator.png) center top no-repeat; margin-top:-35px; margin-bottom:0;}
.readme .elevator {text-align:center;}
.readme .elevator h3 {font-family:fanwood-1,fanwood-2; font-size:110%; font-weight:400; font-style:italic; line-height:115%; color:#888; margin:20px auto;}
.readme .pitch {margin:15px 0 0 4%;}
.readme .pitch h1 {color:#fff; font-size:120%; font-weight:600; font-style:normal; line-height:130%;}
.readme .pitch h1 a:link, .readme .pitch h1 a:visited {color:#fc0; border-bottom:1px dotted #fc0;}
.readme .pitch h1 a:hover {border:none; color:#ff9; background:none;}

.divbox h2 {background:url(/static/img/bg_div.gif) left top repeat-x; padding-top:20px; font-size:140%;}
h2.sub {text-transform:uppercase; font-weight:600; font-style:normal; }
h2.sub a:link, h2.sub a:visited {display:block; float:right; background:#fc0; color:#765a06; font-size:60%; padding:6px 5px 5px; margin-top:-2px; border:none;}
h2.sub a:hover {background:#666; color:#fff;}

.clientes {margin-left:0;}
.clientes ul {margin:0; padding:0;}
.clientes li {display:inline; list-style:none; margin:0 10px 0; padding:0;}
.clientes li a {background:none; border:none;}
.clientes a.all:link, .clientes a.all:visited {text-transform:uppercase; display:block; width:55px; background:#fc0; color:#765a06; font-size:85%; font-weight:600; padding:5px; margin:30px 0 0 15px; border:none;}
.clientes a.all:hover {background:#666; color:#fff;}

.apps {margin-top:15px;}
.apps ul {margin:25px 0; padding:0;}
.apps li {display:inline; list-style:none; margin:0; padding:0;}
.apps li a:link, .apps li a:visited {
   -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
   -moz-box-shadow: 0 0 4px 2px #999; -webkit-box-shadow: 0 0 4px 2px #999; box-shadow: 0 0 4px 2px #999;
   border:none; display:block; float:left; width:72px; height:72px; overflow:hidden; background:url(/static/img/bg_div.gif) no-repeat; margin:0 14px 20px 0;}
.apps li a:hover {
   -moz-box-shadow: 0 0 4px 2px #fc0; -webkit-box-shadow: 0 0 4px 2px #fc0; box-shadow: 0 0 4px 2px #fc0;}

.servicos {margin-top:15px;}
.servicos ul, .services ul {margin:25px 0; padding:0;}
.servicos li, .services li {list-style-type:none;}
.servicos li a:link, .servicos li a:visited,
.services li a:link, .services li a:visited {text-decoration:none; color:#333; display:block; background:#f1f1f1; height:160px; border:none; padding-top:5px;}
.servicos li a:hover, .services li a:hover {background:#fc0;}
.servicos li .image {display:block; width:93%; height:90px; margin:0 0 0 5px; overflow:hidden; background:url(/static/img/bg_div.gif) center top no-repeat;}
.servicos li h3, .services li h3 {margin:0px 5px 0 5px; font-size:90%; line-height:16px; }
.servicos li span, .services li span {display:block; clear:both; margin:5px 0 0 5px; text-transform:uppercase; font-size:80%;}


/* -----------------------------------------
   sobre / o que
----------------------------------------- */

.top {width:980px; height:200px; position:relative; margin:0 auto -30px; padding-top:30px; top:-30px;}
.top .pgtitle {background:#fc0; color:#fff; display:block; font-weight:600; font-style:normal; height:45px; font-size:200%; line-height:100%; padding:11px 0 0 20px;}
.sobre {margin-left:-21px; background:url(/static/img/top-sobre.jpg) no-repeat;}
.sobre .pgtitle {width:102px; height:45px; font-size:200%; line-height:100%; padding:11px 0 0 20px;}
.aplicativos {margin-left:-21px; background:url(/static/img/top-aplicativos.jpg) no-repeat;}
.aplicativos .pgtitle {width:215px;}
.clientop {margin-left:-21px; background:url(/static/img/top-sobre.jpg) no-repeat;}
.clientop .pgtitle {width:102px; height:45px; font-size:200%; line-height:100%; padding:11px 0 0 20px;}
.publisher {margin-left:-21px; background:url(/static/img/top-publisher.jpg) no-repeat;}
.publisher .pgtitle {width:215px;}
.digiserv {margin-left:-21px; background:url(/static/img/top-servicos.jpg) no-repeat;}
.digiserv .pgtitle {width:215px;}


.tabs {margin:-30px 0 40px -20px; height:45px; width:672px; border-bottom:1px dotted #ccc;}
.tabs ul {margin:0; padding:0; background:url(/static/img/bg_header_k.gif) repeat-x;}
.tabs ul li {display:inline;}
.tabs ul li a:link, .tabs ul li a:visited {display:block; float:left; height:30px; padding:15px 20px 0; font-size:110%; font-weight:600; font-style:normal; color:#333; border-bottom:none; border-right:1px dotted #ccc;}
.tabs ul li a:hover, .tabs ul li a.active:link, .tabs ul li a.active:visited {background:#fff; color:#999; border-top:5px solid #fc0; height:26px;}

.main h1 {color:#777;}
.main ul.clients {margin-top:40px;}
.main ul.clients li {display:inline;}
.main ul.clients li a:link, .main ul.clients li a:visited {display:block; border-bottom:none; border:1px solid #ededed; margin:0 0 20px 0; text-align:center; vertical-align:middle;}
.main ul.clients li a:hover {border:1px solid #fc0;}
.main ul.clients li a img {margin:auto;}
.main ul.txt {margin:20px 0 30px 30px;}
.main ul.txt li {list-style-type:square; margin-top:10px;}

.sidebar {}
.sidebar h2.sub {height:30px; background:url(/static/img/bg_bl.gif) no-repeat; padding:7px 0 0 20px;}
.sidebar ul {margin:-10px 10px 0 37px;}
.sidebar li {list-style-type:square; margin-top:10px;}
.sidebar h4 {margin:0; font-size:85%; line-height:120%;}
.sidebar h4 a {color:#666;}
a.aimg {border:none; margin:0 15px 0 0;}
a.aimg:hover {background:none;}

a.callme:link, a.callme:visited {padding:7px; background:#fc0; color:#765a06; border-bottom:none;}
a.callme:hover {background:#666; color:#fff;}


/* -----------------------------------------
   portfolio
----------------------------------------- */

.portfolio {margin-left:-21px; padding-top:0; height:120px;}
.portfolio .pgtitle {width:130px;}

.timeline {background:#333; color:#fff;}
.timeline ul {list-style:none; margin:0; padding:0; height:32px; display:block;}
.timeline ul li {margin:0; padding:0; text-align:left; display:inline; }
.timeline ul li a:link, .timeline ul li a:visited {color:#fff; display:block; float:left; text-decoration:none; padding:7px; margin:0; border:none; font-size:90%;} 
.timeline ul li a:hover {color:#333; background:#fc0;} 
.timeline ul li a.active:link, .timeline ul li a.active:visited {color:#333; background:#fc0;} 
.timeline ul li a.active:hover {color:#333; background:#fc0;}

.gallery ul {list-style:none; margin:0; padding:0; display:block; clear:both;}
.gallery ul li:first-child {margin-left:0;}

.gallery ul li a:link, .gallery ul li a:visited {text-decoration:none; color:#333; display:block; background-color:#f1f1f1; height:175px; border:none; padding-top:5px; margin-bottom:10px;}
.gallery ul li a.ios:link, .gallery ul li a.ios:visited {background-image:url(/static/img/bg-ios.png); background-position:right bottom; background-repeat:no-repeat;}
.gallery ul li a.android:link, .gallery ul li a.android:visited {background-image:url(/static/img/bg-android.png); background-position:right bottom; background-repeat:no-repeat;}
.gallery ul li a.android_ios:link, .gallery ul li a.android_ios:visited {background-image:url(/static/img/bg-ios_android.png); background-position:right bottom; background-repeat:no-repeat;}
.gallery ul li a.android_firefox_ios:link, .gallery ul li a.android_firefox_ios:visited {background-image:url(/static/img/bg-ios_android_firefox.png); background-position:right bottom; background-repeat:no-repeat;}
.gallery ul li a.android_firefox_ios_w8:link, .gallery ul li a.android_firefox_ios_w8:visited {background-image:url(/static/img/bg-ios_android_firefox_w8.png); background-position:right bottom; background-repeat:no-repeat;}
.gallery ul li a:hover { background-color:#fc0; }
.gallery ul li .image {display:block; width:96%; height:100px; margin:0 0 0 5px; overflow:hidden; background:url(/static/img/bg_div.gif) center top no-repeat;}
.gallery ul li span {display:block; clear:both; margin:5px 0 0 5px; text-transform:uppercase; font-size:80%;}
.gallery ul li h3 {margin:5px 0 0 5px; line-height:16px;}

.pagination {margin:30px 30px 10px 0; display:block; clear:both; text-align:right; float:right;}
.pagination a:link, .pagination a:visited {padding:3px; margin:0 3px; background:#fff; border:none;}
.pagination a:link.active, .pagination a:visited.active {padding:3px; margin:0 3px; background:#fc0; border:none;}

.job {margin:0 0 10px -21px; padding-top:0; height:240px; background:transparent url(/static/img/bg-2.jpg) 0 30px no-repeat}
.job .info {padding-top:50px;}
.job .info h1 {margin-bottom:10px; line-height:100%; font-size:150%;}
.job .info h1, .job .info h3 {color:#765a06;}
.job .info span {text-transform:uppercase; color:#fff; font-weight:700;}
.jobdesc h2 {font-size:180%; line-height:100%; color:#777; margin-bottom:35px;}
.jobdesc ul {margin:-10px 10px 0 17px;}
.jobdesc li {list-style-type:square; margin-top:10px;}

.sidebar ul.thumbs {margin:10px 0 0 15px; clear:both; display:block;}
.thumbs li {display:inline; list-style:none; margin:0; padding:0;}
.thumbs li a:link, .thumbs li a:visited {display:block; float:left; width:75px; height:75px; text-decoration:none; margin:0 7px 7px 0; padding:3px; border:none; background:#fff;}
.thumbs li a:hover {background:#fc0;}

a.tag {font-size:80%;}
a.tag span {font-size:90%;}




/* -----------------------------------------
   contato
----------------------------------------- */

.contato {margin-left:-21px; background:url(/static/img/top-contato.jpg) no-repeat;}
.contato .pgtitle {width:125px;}
.yellow.button	{background-color:#fc0;}
.nice.yellow.button	{border:1px solid #bf9109;}
.yellow.button:hover	{background-color:#eeb60b;}
.button {color:#333; padding-top:11px;}
.adr, .tel {margin-left:20px;}
.social {margin-bottom:10%;}
.social h2 {margin:70px 0 0 20px; color:#999;}
.social a {font-size:90%;}
.social img {margin:15px 0 -3px 20px;}
.street-address {margin-top:15px;}
input.large, textarea.large { width: 350px; }

ul.errorlist li { list-style-type:none; font-size:85%; color:#e9002e; padding:3px; width:50%; background:#ffe0d0; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}