/* HTML5 Boilerplate
 * ==|== normalize ==========================================================
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 0.75em; line-height: 1.231; background: #F6F6F6 url(/public/images/body-bg.jpg) repeat-x 0 61px; }
body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #292929; }

::-moz-selection { background: #0F1A2B; color: #FFF; text-shadow: none; }
::selection { background: #0F1A2B; color: #FFF; text-shadow: none; }

a { color: #292929; text-decoration:none; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: thiago@thiagovieira.com
   ========================================================================== */
.wrap {
  width:980px;
  margin:0 auto;
}
#openmenu {
  display: none;
}
header {
  background: #0F1A2B url(/public/images/header-bg.jpg) no-repeat 50% 100%;
  height:61px;
  position:fixed;
  top:0;
  width:100%;
  z-index:997;
}
header h1 {
  float:left;
  margin:10px 0 9px;
}
header h1 a, header h1 a img {
  display:block;
}
header .bt-menu {
  display: none;
}
nav#menu {
  left: 50%;
  margin-left: -340px;
  position: fixed;
  top:0;
  width: 830px;
  z-index: 998;
}
nav#menu ul {
  float:right;
}
nav#menu ul li {
  float:left;
  border-right:1px solid rgba(255,255,255,0.2);
}
nav#menu ul li.last {
  border-right:none;
}
nav#menu ul li a {
  color:#FFF;
  display:block;
  font-family: 'Hammersmith One', sans-serif;;
  font-size: 12px;
  padding: 23px 20px;
  position:relative;
  text-transform: uppercase;
  text-shadow: none;
}
nav#menu ul li a:hover, nav#menu ul li a.active {
  color: #FFBC00;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
}
input[name="language"] {
  display: none;
}
header div[class^="language"] > div {
  background: #F8F8F8;
  -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
     -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
          box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
  padding: 10px;
  position: absolute;
  right: 0;
  top: 130px;
}
label[for="language"] {
  display: none;
}
header div[class^="language"] a {
  color: #21508B;
  display: block;
  padding: 6px 4px;
  text-align: center;
}
header div[class^="language"] a:first-child {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
header div[class^="language"] a:hover {
  color: #CDA827;
}
header div[class="language-pt"] a:first-child, header div[class="language-en"] a:last-child {
  cursor: default;
  color: #CDA827;
  font-weight: 700;
}

.tapoverlay {
  display: none;
}

#main {
  padding-top:1px;
}
#main h2, #main h3 {
  text-align:center;
  font-family: 'Open Sans', sans-serif;
}
#main h2 {
  font-size:5em;
  font-weight:300;
  margin:30px auto;
}
#main h3 {
  font-size:2em;
  font-weight:400;
}
#main p {
  font-family: 'Open Sans', sans-serif;
  font-size:1.2em;
  font-weight:400;
}
a.anchor {
  margin-bottom:100px;
  display:block;
  z-index:-1;
}

/*home section*/
#home h2 {
  font-size:2.8em;
  font-weight:200;
}
#home h2 span {
  font-size:1.5em;
  font-weight:200;
}

#home p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 680px;
}
#home nav {
  background:url(/public/images/line.gif) repeat-x 0 281px;
  height:380px;
  margin-top:40px;
}
#home nav ul li {
  float:left;
  width:290px;
  padding:0 18px;
}
#home nav ul li a, #home nav ul li a > span, #home nav ul li a > img {
  display:block;
}
#home nav ul li a > span {
  margin-top:15px;
}
#home nav ul li a span.title {
  display:block;
  font-size:1.8em;
  font-weight:300;
}
#home nav ul li a > span img, #projetos div.wrap nav#slider ul ul li a img {
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
          box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  float:left;
  margin-right:12px;
}
#home nav ul li a img {
  opacity:1; filter: alpha(opacity = 100);
}
#home nav ul li a:hover img {
  opacity:0.75; filter: alpha(opacity = 75);
}

/*services section*/
#servicos {
  margin-top:61px;
}
#servicos > article {
  background:url(/public/images/line.gif) repeat-x 0 100%;
  padding-bottom:10px;
}
#servicos h2 {
  font-size:2.8em;
  font-weight:200;
  width:930px;
}
#servicos h2 span {
  font-size:1.5em;
  font-weight:200;
}
#servicos ul {
  list-style:none;
  margin:35px 0 0 0;
  padding:0;
  display:block;
}
#servicos ul li {
  min-height:135px;
  float:left;
  font-size:1.1em;
  margin-right: 6%;
  padding:0 0 30px 50px;
  position:relative;
  width:40%;
}
#servicos ul li.last {
  margin-right: 0;
}
#servicos ul li > span {
  font-size:5.5em;
  font-weight:100;
  color:#255B98;
  position:absolute;
  top:0;
  left:0;
}
#servicos ul li h3 {
  font-size:1em;
  font-weight:700;
  text-align:left;
}
#servicos ul li p {
  font-size:1em;
}

/*projects section*/
#projetos > nav {
  background:url(/public/images/line.gif) repeat-x 0 100%;
  padding-bottom:10px;
  margin-bottom:10px;
}

#projetos > nav ul li {
  float:left;
}
#projetos > nav ul li a {
  display:block;
  padding:4px 8px;
  font-size:1.1em;
}
#projetos > nav ul li a.nonselect {
  opacity:0.6; filter: alpha(opacity = 60);
}
#projetos > div.wrap {
  height:240px;
}
#projetos > div.wrap.title {
  height:180px;
}
#projetos > div.wrap.title h2 {
  font-size:4.3em;
}
#projetos > div.wrap.title h2 span {
  font-size:1.3em;
}
#projetos div.wrap nav#slider {
  height:220px;
  overflow:hidden;
  position:relative;
}
#projetos div.wrap nav#slider > ul > li {
  float:left;
}
#projetos div.wrap nav#slider ul ul li {
  float:left;
  width:290px;
  margin:0 50px 20px 0;
}
#projetos div.wrap nav#slider ul ul li ul {
  display: none;
}
#projetos div.wrap nav#slider ul ul li.last {
  margin-right:0;
}
#projetos div.wrap nav#slider ul ul li a, #home div.wrap nav#slider ul ul li a span, #home div.wrap nav#slider ul ul li a img {
  display:block;
}
#projetos div.wrap nav#slider ul ul li a span {
  display: block;
}
#projetos div.wrap nav#slider ul ul li a span + span  {
  margin-top: 5px;
  min-height: 48px;
}
#projetos div.wrap nav#slider ul ul li a span.title {
  margin-top:15px;
  font-size:1.8em;
  font-weight:300;
}
#projetos nav.pages {
  position:relative;
  background:none;
}
#projetos nav.pages ul {
  position:absolute;
  left:50%;
}
#projetos nav.pages ul li {
  float:left;
  margin:0 8px;  
}
#projetos nav.pages ul li a {
  display:block;
  padding:8px;
  outline:none;
}
#projetos nav.pages ul li a span {
  display:block;
  background-color:#C3C3C3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width:6px;
  height:6px;
  overflow:hidden;
  text-indent:50px;
}
#projetos nav.pages ul li a:hover span, #projetos nav.pages ul li.active a span {
  background-color:#4D4D4D;
}

/*clients section*/
/*#clientes h2 {
  font-size: 4.5em;
  margin-top:80px;
}
#clientes h2 span {
  font-size: 1.3em;
  line-height: 1;
}
#clientes ul {
  list-style: none;
  margin: 20px 0 20px 5px;
  padding: 0;
}
#clientes ul li {
  display: inline-block;
  margin: 18px;
}
#clientes ul li img {
  display: block;
  opacity: 0.8;
}
#clientes ul li img:hover {
  opacity: 1;
}*/

/*about section*/
#sobre div.wrap > h2 {
  font-size:4.4em;
  width:900px;
}
#sobre div.wrap > h2 span {
  font-size:1.6em;
  width:900px;
}
#sobre div.wrap h3 {
  font-size:1.5em;
  color:#4D4D4D;
}
#sobre div.line {
  background:url(/public/images/line.gif) repeat-x 0 100%;
  height:20px;
  margin-bottom:40px;
}
#sobre div.wrap ul {
  list-style:none;
  margin:0;
  padding:0;
}
#sobre div.wrap ul li {
  float:left;
  width:45%;
  margin:0 9% 60px 0;
  position:relative;
}
#sobre div.wrap ul li.last {
  margin-right:0;
}
#sobre div.wrap ul li article {
  padding-left:100px;
}
#sobre div.wrap ul li article > span.avatar {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:80px;
  max-width:80px;
  min-width:80px;
  height:80px;
  max-height:80px;
  min-height:80px;
  overflow:hidden;
  background:#CCD7E3;
}
#sobre div.wrap ul li article > span.avatar span {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:80px;
  max-width:80px;
  min-width:80px;
  height:80px;
  max-height:80px;
  min-height:80px;
  background:url(/public/images/avatar-mask.png) no-repeat 0 0;
  background-size: 80px 80px;
}
#sobre div.wrap ul li article h3 {
  font-size:1.5em;
  font-weight:700;
  text-align:left;
  margin:0;
}
#sobre div.wrap ul li article p {
  font-size:1.1em;
}
#sobre div.wrap ul li article div.share a {
  float:left;
  margin-right:4px;
}
#sobre div.wrap ul li article div.share a:hover {
  opacity: 0.85;
}

#parceiros div.wrap > h2 {
  font-size:4.4em;
  width:900px;
}
#parceiros div.wrap > h2 span {
  font-size:1.6em;
  width:900px;
}
#parceiros div.wrap h3 {
  font-size:1.5em;
  color:#4D4D4D;
}
#parceiros div.line {
  background:url(/public/images/line.gif) repeat-x 0 100%;
  height:20px;
  margin-bottom:40px;
}
#parceiros div.wrap ul {
  list-style:none;
  margin:0;
  padding:0;
}
#parceiros div.wrap ul li {
  float:left;
  width:45%;
  margin:0 9% 60px 0;
  position:relative;
}
#parceiros div.wrap ul li.last {
  margin-right:0;
}
#parceiros div.wrap ul li article {
  padding-left:100px;
}
#parceiros div.wrap ul li article > span.avatar {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:80px;
  max-width:80px;
  min-width:80px;
  height:80px;
  max-height:80px;
  min-height:80px;
  overflow:hidden;
  background:#CCD7E3;
}
#parceiros div.wrap ul li article > span.avatar span {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:80px;
  max-width:80px;
  min-width:80px;
  height:80px;
  max-height:80px;
  min-height:80px;
  background:url(/public/images/avatar-mask.png) no-repeat 0 0;
  background-size: 80px 80px;
}
#parceiros div.wrap ul li article h3 {
  font-size:1.5em;
  font-weight:700;
  text-align:left;
  margin:0;
}
#parceiros div.wrap ul li article p {
  font-size:1.1em;
}
#parceiros div.wrap ul li article div.share a {
  float:left;
  margin-right:4px;
}
#parceiros div.wrap ul li article div.share a:hover {
  opacity: 0.85;
}

/*contact section*/
#contato h2 {
  font-size:4.2em;
}
#contato h2 span {
  font-size: 1.8em;
  line-height: 0.8;
}
#contato div.line {
  background:url(/public/images/line.gif) repeat-x 0 100%;
  height:20px;
  margin-bottom:40px;
}
#contato div.wrap div.col1, #contato div.wrap div.col2 {
  width:45%;
  float:left;
  margin-right:9%;
}
#contato div.wrap div.col1 {
  /*display:none;*/
}
#contato div.wrap div.col2 {
  margin-right:0;
  float:right;
}
#contato div.wrap div.col1 ul, #contato div.wrap div.col2 ul {
  list-style:none;
  margin:0;
  padding:0;
}
#contato div.wrap div.col1 ul li {
  position:relative;
  width:100%;
}
#contato div.wrap div.col1 ul li label {
  position:absolute;
  top:10px;
  left:12px;
  color:#C0C0C0;
  cursor:text;
}
#contato div.wrap div.col1 ul li input[type=text], #contato div.wrap div.col1 ul li input[type=tel], #contato div.wrap div.col1 ul li input[type=email], #contato div.wrap div.col1 ul li textarea {
  background-color:#4D4D4D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border:none;
  -webkit-box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  color:#FFF;
  padding:10px;
  width:95%;
}
#contato div.wrap div.col1 ul li textarea {
  max-width:95%;
  height:100px;
  max-height:100px;
  min-height:100px;
}
#contato div.wrap div.col1 ul li input[type=submit] {
  float:right;
  background:url(/public/images/bt-send.png);
  border:none;
  text-indent:200px;
  overflow:hidden;
  width:76px;
  height:36px;
  margin:0 1px 1px 0;
  padding:0;
}
#contato div.wrap div.col1 ul li input[type=submit]:active {
  margin:1px 0 0 1px;
}
#contato div.wrap ul li {
  display:block;
  margin-bottom:11px;
  padding-bottom:14px;
  position:relative;
}
#contato div.wrap ul li a {
  font-size:1.2em;
  line-height:135%;
}
#contato div.wrap ul li a:active {
  outline:none;
}
#contato div.wrap ul li span {
  display:block;
  float:left;
  font-size:1.2em;
  margin-top:8px;
}
#contato div.wrap ul li a.map-link .coma {
  display: none;
}
#contato div.wrap ul li a span {
  font-size:1em;
}
#contato div.wrap ul li a.map-link span {
  margin-top: 0;
}
#contato div.wrap ul li a.call span {
  margin-top: 10px;
}
#contato div.wrap ul li img {
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
          box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  display:block;
  float:left;
  margin-right:15px;
}
#contato div.wrap div.map {
  background-color:#F6F6F6 ;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border:none;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
  display:none;
  height:325px;
  left:370px;
  position:absolute;
  width:620px;
  top:-70px;
  z-index:100;
}
#contato div.wrap div.map * {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
/*footer*/
#container > footer {
  background:url(/public/images/line.gif) repeat-x 0 0;
  margin-top:30px;
}
#container > footer div.wrap {
  border-top:3px solid #DFDFDF;
  padding:15px 0 20px;
}
#container > footer div.wrap div.col1, #container > footer div.wrap div.col2 {
  width:45%;
  float:left;
  margin-right:9%;
}
#container > footer div.wrap div.col1 {
  width: 36%;
}
#container > footer div.wrap div.col2 {
  width: 55%;
  margin-right:0;
}
#container > footer div.wrap div.col1 p {
  line-height:145%;
}
#container > footer div.wrap div.col1 img {
  float:left;
  display:block;
  margin-right:15px;
}
#container > footer div.wrap div.col2 ul {
  float:right;
}
#container > footer div.wrap div.col2 ul li {
  float:left;
  margin:0 10px;
}
#container > footer div.wrap div.col2 ul li a {
  padding:3px;
}

/*floater*/
#floater-overlay {
  position:fixed;
  z-index:9999;
  background:rgba(246,246,246,0.75);
  left:0;
  top:0;
  width:100%;
  min-width:100%;
  height:100%;
  min-height:100%;
  display:none;
}
.ie6 #floater-overlay, .ie7 #floater-overlay, .ie8 #floater-overlay {
  background:url(/public/images/ie-overlay.png);
}
#floater {
  position:fixed;
  z-index:99999;
  display:none;
}
#floater > a {
  background-size: 16px 46px !important;
  display:block;
  position:absolute;
  width:36px;
  height:46px;
  top:50%;
  margin-top:-23px;
  overflow:hidden;
  text-indent:80px;
  opacity:0.8; filter: alpha(opacity = 80);
}
#floater > a:hover {
  opacity:1; filter: alpha(opacity = 100);
}
#floater a.left {
  background:url(/public/images/arrow-left.png) no-repeat 50% 0;
  left:-40px;
  outline:none;
}
#floater a.right {
  background:url(/public/images/arrow-right.png) no-repeat 50% 0;
  right:-40px;
  outline:none;
}
#floater .frame {
  overflow:hidden;
  position:relative;
  display:none;  
}
#floater a.close {
  background: rgba(0,0,0,0.6);
  color:#FFF;
  font-family: Arial, sans-serif;
  font-size:18px;
  display:none;
  height:30px;
  line-height: 29px;
  padding:5px;
  position:absolute;
  right:0;
  text-align: center;
  text-indent: 0;
  top: 20px;
  width:30px;
  z-index: 300;
}
#floater .frame a, #floater .frame a:visited {
  color:#F90;
}
#floater .frame a:hover {
  color:#FF0;
}
#floater .frame a:active {
  color:#FF0;
}
#floater.iphone {
  background:url(/public/images/frame-iphone.png) no-repeat 50% 50%;
  width:301px;
  height:568px;
  top:50%;
  left:50%;
  margin-left:-150px;
  margin-top:-284px;
}
#floater.iphone .reflex {
  width:97px;
  height:238px;
  background:url(/public/images/reflex-iphone.png) no-repeat 0 0;
  position:absolute;
  left:171px;
  top:106px;
  z-index:50;
}
#floater.iphone .frame {
  width:236px;
  height:354px;
  margin:106px 0 0 32px;
}
#floater.ipad {
  background:url(/public/images/frame-ipad.png) no-repeat 50% 50%;
  width:820px;
  height:636px;
  top:50%;
  left:50%;
  margin-left:-410px;
  margin-top:-318px;
}
#floater.ipad .reflex {
  width:245px;
  height:238px;
  background:url(/public/images/reflex-ipad.png) no-repeat 0 0;
  position:absolute;
  left:491px;
  top:70px;
  z-index:50;
}
#floater.ipad .frame {
  width:656px;
  height:492px;
  margin:70px 0 0 80px;
}
#floater.ipad-portrait {
  background:url(/public/images/frame-ipad-portrait.png) no-repeat 50% 50%;
  width:636px;
  height:820px;
  top:50%;
  left:50%;
  margin-left:-318px;
  margin-top:-420px;
}
#floater.ipad-portrait .reflex {
  width:251px;
  height:325px;
  background:url(/public/images/reflex-ipad-portrait.png) no-repeat 0 0;
  position:absolute;
  left:332px;
  top:79px;
  z-index:50;
}
#floater.ipad-portrait .frame {
  width:492px;
  height:656px;
  margin:79px 0 0 72px;
}
#floater.android-tablet {
  background:url(/public/images/frame-android-tablet.png) no-repeat 50% 50%;
  width:820px;
  height:542px;
  top:50%;
  left:50%;
  margin-left:-410px;
  margin-top:-271px;
}
#floater.android-tablet .reflex {
  width:319px;
  height:390px;
  background:url(/public/images/reflex-android-tablet.png) no-repeat 0 0;
  position:absolute;
  left:417px;
  top:72px;
  z-index:50;
}
#floater.android-tablet .frame {
  width:666px;
  height:390px;
  margin:72px 0 0 70px;
}

#floater .frame ul {
  list-style:none;
  margin:0;
  padding:0;
  display:block;
}
#floater .frame ul li {
  float:left;
  color:#FAFAFA;
}
#floater .frame ul li h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-top: 0;
}
#floater .frame ul li h2 img {
  -webkit-border-radius: 8px 8px 8px 8px;
     -moz-border-radius: 8px 8px 8px 8px;
          border-radius: 8px 8px 8px 8px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  margin-right:5px;
}
#floater .frame .swipe {
  display:none;
}
#floater.iphone .frame ul li {
  width:236px;
  height:354px;
}
#floater.iphone .frame ul li .inner {
  padding:12px;
}
#floater.ipad .frame ul li {
  width:656px;
  height:492px;
}
#floater.ipad .frame ul li .inner, #floater.ipad-portrait .frame ul li .inner, #floater.android-tablet .frame ul li .inner {
  padding:20px;
}
#floater.ipad-portrait .frame ul li {
  width:492px;
  height:656px;
}
#floater.android-tablet .frame ul li {
  width:666px;
  height:390px;
}

/*exeptions*/
#projetos div.wrap nav#slider ul ul li a img[alt="Indaiá"], #floater .frame ul li h2 img[alt="Indaiá"] {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


/*transitions*/
nav#menu ul li a, nav#menu ul li a:hover,
#home nav ul li a img, #home nav ul li a:hover img,
#projetos > nav ul li a.nonselect,
#clientes ul li img,
#clientes ul li img:hover,
#floater > a,
#floater > a:hover {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear; 
  transition: all 0.3s linear;
}
header, nav, label[for="openmenu"], #main,
header div[class^="language"] > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out; 
  transition: all 0.3s ease-in-out;
}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== ie helper classes ======================================== */


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
  .wrap{
    width:768px;
  }
  nav#menu {
    margin-left: -216px;
    width: 600px;
  }
  header h1{
    margin-left: 15px;
  }

  #home nav {
    background-position: 0 194px;
    height: inherit;
  }
  #home nav ul {
    margin: 0 30px;
  }
  #home nav ul li {
    width: 200px;
  }
  #home nav ul li a > img {
    height: 194px;
    width: 200px;
  }
  #home nav ul li a > span img {
    height: 55px;
    margin: 6px 8px 10px 0;
    width: 55px;
  }
  #servicos h2 {
    font-size: 2.1em;
    width: 90%;
  }
  #servicos ul li {
    margin-right: 2%;
    width: 50%;
  }
  #servicos ul li > span {
    font-size: 4.5em;
    left: 8px;
  }
  #projetos div.wrap nav#slider {
    margin: 0 25px;
  }
  #projetos div.wrap nav#slider ul ul li {
    margin-right: 20px;
    width: 225px;
  }
  #projetos div.wrap nav#slider ul ul li a img {
    height: 55px;
    width: 55px;
  }
  #projetos div.wrap nav#slider ul ul li a span {
    line-height: 1.5;
  }
  #projetos nav.pages ul li a span {
    height: 8px;
    width: 8px;
  }
  /*#clientes ul li {
    margin: 25px;
  }*/
  #sobre div.wrap > h2 {
    font-size: 2.5em;
    width: inherit;
  }
  #sobre div.wrap ul li {
    margin: 0 3% 60px 3%;
  }
  #sobre div.wrap ul li article {
    padding-left: 0;
  }
  #sobre div.wrap ul li article h3 {
    font-size: 2.4em;
    min-height: 70px;
    padding: 6px 0 10px 93px;
  }
  #contato div.wrap {
    margin: 0 20px;
  }
  #contato div.wrap div.col1 {
    margin-right: 5%;
    width: 50%;
  }
  #contato div.wrap div.col2 {
    float: left;
    width: 40%;
  }
  #contato div.wrap ul li a.map-link span {
    display: inline;
    float: inherit;
  }
  #contato div.wrap ul li a.map-link .coma {
    display: inline;
  }
  footer {
    display:none;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px), only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (min-width: 375px) and (max-width: 385px), only screen and (min-width: 680px) and (max-width: 690px) {
/*, only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) */
  body, button, input, select, textarea{
    font-size:0.9em;
  }
  #container {
    overflow: hidden;
  }

  header .wrap{
    width: 80%;
    margin-left:auto;
    margin-right:auto;
  }
  #main .wrap, #servicos h2, #sobre div.wrap ul li, #contato div.wrap div.col1, #contato div.wrap div.col2, #sobre div.wrap > h2, #projetos div.wrap nav#slider ul, #projetos div.wrap nav#slider ul ul li{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
  }
  #home, #projetos, #servicos, #sobre, #contato{
    padding:0 15px 0;
  }
  header{
    background-size: 639px 39px;
    position:relative
  }
  header h1{
    float: none;
    margin:0 auto 10px;
    padding-top:10px;
    width:130px;
    z-index: 990;
  }
  header .bt-menu {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    display: block;
    height: 41px;
    left: 6px;
    margin-top: -20px;
    position: absolute;
    width: 46px;
    top: 50%;
    z-index: 960;
  }
  header .bt-menu span[class^="line"]{
    background: rgba(255,255,255,0.9);
    border-radius: 1px;
    display: block;
    height: 5px;
    left: 14%;
    position: absolute;
    top: 7px;
    width: 76%;
  }
  header .bt-menu span.line2 {
    top: 18px;
  }
  header .bt-menu span.line3 {
    top: 29px;
  }

  header div[class^="language"] {
    height: 120px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 61px;
    width: 78px;
  }
  header div[class^="language"] > div {
    background: #20477E;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.45);
       -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.45);
            box-shadow: 1px 2px 4px rgba(0,0,0,0.45);
    padding: 0;
    right: 5px;
    top: -120px;
  }
  header input[name="language"]:checked + div[class^="language"] > div {
    top: 0;
  }
  label[for="language"] {
    display: block;
    position: absolute;
    right: 6px;
    top: 1px;
  }
  label[for="language"] span {
    background: url("../images/languages.png") 50% 50% no-repeat;
    background-size: 40px 40px;
    display: block;
    height: 58px;
    width: 54px;
  }
  header div[class^="language"] a {
    color: #FFF;
    font-size: 1.4em;
    padding: 15px 20px;
    text-align: center;
  }
  header div[class^="language"] a:first-child {
    border-bottom: 1px solid rgba(0,0,0,0.4);
  }
  header div[class^="language"] a:hover {
    color: #CDA827;
  }
  header div[class="language-pt"] a:first-child, header div[class="language-en"] a:last-child {
    cursor: default;
    color: #CDA827;
    font-weight: 700;
  }

  nav#menu {
    background: #0F1A2B;
    bottom: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    height: 100%;
    left: -80%;
    margin-left: 0;
    position: absolute;
    width: 80%;
    top: 0;
    z-index: 800;
  }
  nav#menu ul {
    float: inherit;
  }
  nav#menu ul li{
    display: block;
    float: inherit;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-right: none; 
    width: 100%;
  }
  nav#menu ul li.last{
  }
  nav#menu ul li a {
    font-size: 1.1em;
  }
  nav#menu ul li a.active{
    background: #234A75;
    background: -moz-linear-gradient(top,  #1b385a 0%, #2b5e92 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b385a), color-stop(100%,#2b5e92));
    background: -webkit-linear-gradient(top,  #1b385a 0%,#2b5e92 100%);
    background: -o-linear-gradient(top,  #1b385a 0%,#2b5e92 100%);
    background: -ms-linear-gradient(top,  #1b385a 0%,#2b5e92 100%);
    background: linear-gradient(top,  #1b385a 0%,#2b5e92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b385a', endColorstr='#2b5e92',GradientType=0 );
  }
  .tapoverlay {
    background: rgba(0,0,0,0.3);
    bottom: 0;
    display: block;
    height: 100%;
    left: -20%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 20%;
    z-index: 900;
  }
  #openmenu:checked + #container #main {
    min-width: 320px;
    overflow: hidden;
    /*position: absolute;*/
  }
  #openmenu:checked + #container header {
    margin-left: 80%;
  }
  #openmenu:checked + #container header .bt-menu {
    /*margin-left: 82%;*/
  }
  #openmenu:checked + #container nav#menu {
    -webkit-box-shadow: 3px 0 20px rgba(0,0,0,0.7);
       -moz-box-shadow: 3px 0 20px rgba(0,0,0,0.7);
            box-shadow: 3px 0 20px rgba(0,0,0,0.7);
    left: 0;    
  }
  #openmenu:checked + #container .tapoverlay {
    left: 80%;
    opacity: 1;
  }
  #openmenu:checked + #container #main {
    margin-left: 80%;
    position: relative;
  }

  #main{
    padding-top:0;
  }
  a.anchor{
    margin:0;
  }
  #main section{
    display:none;
  }
  #main section#home{
    display:block;
  }

  #home h2{
    font-size: 2.8em;
    margin-bottom: 20px;
    margin-top: 35px;
  }
  #home nav{
    background:none;
    height:inherit;
    margin-top: 20px;
  }
  #home nav ul {
    margin: 0 auto;
  }
  #home nav ul li{
    background:url(/public/images/line.gif) repeat-x 0 100%;
    padding:0 0 1px 0;
    width:100%;
  }
  #home nav ul li a > img{
    float: left;
    height: 92px;
    margin-right: 8px;
    width: 100px;
  }
  #home nav ul li a > span{
    padding-top: 10px;
  }
  #home nav ul li a > span > img {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
       -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
            box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    margin: 0 10px 5px 0;
    height: 45px;
    width: 45px;
  }
  #home nav ul li a span.title {
    font-size: 1.2em;
  }
  #home nav ul li a span.title + span {
    font-size: 0.75em;
  }

  #servicos{
    margin-top:0;
  }
  #servicos h2{
    font-size:1.25em;
    line-height:150%;
  }
  #servicos ul li{
    margin-right: 0;
    padding-bottom: 20px;
    width:82%;
  }
  #servicos ul li.right{
    margin-left:0;
  }
  #servicos ul li > span{
    font-size:3.2em;
    top: 5px;
  }

  #projetos{
    margin-top: 30px;
  }
  #projetos > div.wrap, #projetos div.wrap nav#slider{
    height:inherit;
  }
  #projetos div.wrap.title{
    height: inherit;
  }
  #projetos div.wrap.title h2{
    font-size:1.4em;
    margin-bottom:20px;
  }
  #projetos div.wrap nav#slider {
    margin: 0;
  }
  #projetos div.wrap nav#slider ul{
    position: relative !important;
    width: 100% !important;
  }
  #projetos div.wrap nav#slider ul ul li{
    min-height:86px;
    float:none;
  }
  #projetos .pages{
    display:none;
  }

  /*#clientes h2 {
    font-size: 1.5em;
    margin-top: 40px;
  }
  #clientes ul {
     margin-left: 20px; 
  }
  #clientes ul li {
    margin: 18px
  }*/

  #sobre div.wrap > h2{
    font-size: 1.4em;
    margin-bottom: 20px;
  }
  #sobre div.wrap > h2 span{
    font-size:1.3em;
  }
  #sobre div.line {
    margin-bottom: 30px;
  }
  #sobre div.wrap > h3{
    display:none;
    font-size:1.3em;
    width:452px;
  }
  #sobre div.wrap ul li article{
    padding-left:0;
  }
  #sobre div.wrap ul li article h3{
    font-size: 1.8em;
    min-height: 60px;
    padding: 10px 0 10px 95px;
  }
  #sobre div.wrap ul li article p {
    line-height: 1.5;
  }

  #contato{
    margin-bottom:30px;
  }
  #contato h2 {
    font-size: 2.3em;
    margin-bottom:10px;
  }
  #contato h2 span {
    font-size: 1.4em;
  } 
  #contato div.wrap {
    margin: 0 auto;
  }
  #contato div.wrap div.col2 ul li{
    float: left;
    width: 100%;
  }
  #contato div.wrap ul li a.map-link {
    font-size: 1em;
  }
  #contato div.wrap div.col2 ul li img{
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
          box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    margin-right:7px;
  }
  #contato div.wrap ul li a.map-link span {
    display: inline;
    float: inherit;
  }
  #contato div.wrap ul li a.map-link .coma {
    display: inline;
  }

  footer {
    display:none;
  }
  #floater {
    background: url(/public/images/frame-mobile.jpg) 0 50% !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    top:0 !important;
    left:0 !important;
    /*position:inherit;*/
    margin-left:0 !important;
    margin-top:0 !important;
  }
  #floater a.close{
    display: block;
  }
  #floater .reflex{
    display:none;
  }
  #floater .frame > ul{
    height:100%;
  }
  #floater .frame > ul > li{
    position:relative;
    height:100% !important;
  }
  #floater .frame .swipe{
    background:url(/public/images/swipe.png) no-repeat 0 0;
    background-size: 153px 55px;
    bottom:30px;
    display:block;
    height:55px;
    position:absolute;
    right:35px;
    width:153px;
  }
  #floater.iphone #projFrame.frame,
  #floater.ipad #projFrame.frame,
  #floater.ipad-portrait #projFrame.frame,
  #floater.android-tablet #projFrame.frame{
    margin:0;
    width:100%;
    height:100%;
  }
  #floater.android-tablet .frame ul li{
    /*width:480px;*/
  }
}
@media only screen and (-webkit-min-device-pixel-ratio : 3), only screen and (min-device-pixel-ratio : 3)  {
  header{
    display:none;
  }
}
/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* elton */
#clientes div.wrap > h2 {
  font-size:4.4em;
  width:900px;
}
#clientes div.wrap > h2 span {
  font-size:1.6em;
  width:900px;
}
#clientes div.wrap h3 {
  font-size:1.5em;
  color:#4D4D4D;
}
#clientes div.line {
  background:url(/public/images/line.gif) repeat-x 0 100%;
  height:20px;
  margin-bottom:40px;
}
#clientes div.wrap ul {
  list-style:none;
  margin:0;
  padding:0;
}
#clientes div.wrap ul li {
  float:left;
  width:45%;
  margin:0 9% 60px 0;
  position:relative;
}
#clientes div.wrap ul li.last {
  margin-right:0;
}
#clientes div.wrap ul li article {
  padding-left:100px;
}
#clientes div.wrap ul li article > span.avatar {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:80px;
  max-width:80px;
  min-width:80px;
  height:80px;
  max-height:80px;
  min-height:80px;
  overflow:hidden;
  background:#CCD7E3;
}
#clientes div.wrap ul li article > span.avatar span {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:80px;
  max-width:80px;
  min-width:80px;
  height:80px;
  max-height:80px;
  min-height:80px;
  background:url(/public/images/avatar-mask.png) no-repeat 0 0;
  background-size: 80px 80px;
}
#clientes div.wrap ul li article h3 {
  font-size:1.5em;
  font-weight:700;
  text-align:left;
  margin:0;
}
#clientes div.wrap ul li article p {
  font-size:1.5em;
}
#clientes div.wrap ul li article div.share a {
  float:left;
  margin-right:4px;
}
#clientes div.wrap ul li article div.share a:hover {
  opacity: 0.85;
}