/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a{
  text-decoration: none;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}

/*
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/


/* Table of Contents
==================================================
  #Base 960 Grid
  #Tablet (Portrait)
  #Mobile (Portrait)
  #Mobile (Landscape)
  #Clearing */



/* #Base 960 Grid
================================================== */

  .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
  .container.big { /*width: 67.192%;*/ width: 1280px;  }
  .container.huge { max-width: 1356px; width: inherit;}
  .container.wide { width: 100%; }


  .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
  .row { margin-bottom: 20px; }

  /* Nested Column Classes */
  .column.alpha, .columns.alpha             { margin-left: 0; }
  .column.omega, .columns.omega             { margin-right: 0; }

  .container .one-third.column            { width: 300px; }
  .container .two-thirds.column            { width: 620px; }


  /*****************************
    16 Column
  *****************************/

  /* Base Grid */
   .one.column           { width: 40px;  }
   .two.columns           { width: 100px; }
   .three.columns         { width: 160px; }
   .four.columns           { width: 220px; }
   .five.columns           { width: 280px; }
   .six.columns           { width: 340px; }
   .seven.columns         { width: 400px; }
   .eight.columns         { width: 460px; }
   .nine.columns           { width: 520px; }
   .ten.columns           { width: 580px; }
   .eleven.columns         { width: 640px; }
   .twelve.columns         { width: 700px; }
   .thirteen.columns         { width: 760px; }
   .fourteen.columns         { width: 820px; }
   .fifteen.columns         { width: 880px; }
   .sixteen.columns         { width: 940px; }

  /* Offsets */
   .offset-by-one         { margin-left: 60px;  }
   .offset-by-two         { margin-left: 120px; }
   .offset-by-three         { margin-left: 180px; }
   .offset-by-four         { margin-left: 240px; }
   .offset-by-five         { margin-left: 300px; }
   .offset-by-six         { margin-left: 360px; }
   .offset-by-seven         { margin-left: 420px; }
   .offset-by-eight         { margin-left: 480px; }
   .offset-by-nine         { margin-left: 540px; }
   .offset-by-ten         { margin-left: 600px; }
   .offset-by-eleven         { margin-left: 660px; }
   .offset-by-twelve         { margin-left: 720px; }
   .offset-by-thirteen       { margin-left: 780px; }
   .offset-by-fourteen       { margin-left: 840px; }
   .offset-by-fifteen       { margin-left: 900px; }






/*  #Mobile (Portrait)
================================================== */

  /* Note: Design for a width of 320px */

  @media only screen and (max-width: 767px) {
    .container { width: 240px; }

    .columns, .column { margin: 0; }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { margin-left: 0; }

  }


/* #Mobile (Landscape)
================================================== */

  /* Note: Design for a width of 480px */

  @media only screen and (min-width: 480px) and (max-width: 568px) {
    .container { width: 420px; }
    .container.mansory {width: 90%;}
    .columns, .column { margin: 0; }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }
  }

/* #Tablet (Portrait)
================================================== */

  /* Note: Design for a width of 768px */

  @media only screen and (min-width: 569px) and (max-width: 1024px) {
    .container { width: 93.01%; }
    .container.mansory {width: inherit;}
    /*.container .column,
    .container .columns { margin-left: 10px; margin-right: 10px;  }*/
    .column.alpha, .columns.alpha         { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega         { margin-right: 0; margin-left: 10px; }

    .container .one-third.column        { width: 236px; }
    .container .two-thirds.column        { width: 492px; }


    /*****************************
      16 Column
      ((768/16) - 20) * 1 = 28
    *****************************/

     .one.column             { width: 28px;  }
     .two.columns           { width: 76px;  }
     .three.columns           { width: 124px; }
     .four.columns           { width: 172px; }
     .five.columns           { width: 220px; }
     .six.columns           { width: 268px; }
     .seven.columns           { width: 316px; }
     .eight.columns           { width: 364px; }
     .nine.columns           { width: 412px; }
     .ten.columns           { width: 460px; }
     .eleven.columns           { width: 508px; }
     .twelve.columns           { width: 556px; }
     .thirteen.columns         { width: 604px; }
     .fourteen.columns         { width: 652px; }
     .fifteen.columns         { width: 700px; }
     .sixteen.columns         { width: 748px; }



    /* Offsets */
     .offset-by-one           { margin-left: 48px;  }
     .offset-by-two           { margin-left: 96px;  }
     .offset-by-three         { margin-left: 144px; }
     .offset-by-four           { margin-left: 192px; }
     .offset-by-five           { margin-left: 240px; }
     .offset-by-six           { margin-left: 286px; }
     .offset-by-seven         { margin-left: 336px; }
     .offset-by-eight         { margin-left: 384px; }
     .offset-by-nine           { margin-left: 432px; }
     .offset-by-ten           { margin-left: 480px; }
     .offset-by-eleven         { margin-left: 528px; }
     .offset-by-twelve         { margin-left: 576px; }
     .offset-by-thirteen         { margin-left: 624px; }
     .offset-by-fourteen         { margin-left: 672px; }
     .offset-by-fifteen         { margin-left: 720px; }
  }


/* #Clearing
================================================== */

  /* Self Clearing Goodness */
  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

  /* Use clearfix class on parent to clear nested columns,
  or wrap each row of columns in a <div class="row"> */
  .clearfix:before,
  .clearfix:after,
  .row:before,
  .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .row:after,
  .clearfix:after {
    clear: both; }
  .row,
  .clearfix {
    zoom: 1; }

  /* You can also use a <br class="clear" /> to clear columns */
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }




/*
* Geral.css
* - cores e estilos básicos que se repetem
*
*
*
*
*/

@font-face {
  font-family: 'GalanoGrotesque-Regular';
  src: url("/_include/fonts/GalanoGrotesque.eot");
  src: url("/_include/fonts/GalanoGrotesque.eot?#iefix") format("embedded-opentype");
  src: url("/_include/fonts/GalanoGrotesque.otf") format("opentype");
  src: url("/_include/fonts/GalanoGrotesque.svg") format("svg");
  src: url("/_include/fonts/GalanoGrotesque.ttf") format("truetype");
  src: url("/_include/fonts/GalanoGrotesque.woff") format("woff");
  src: url("/_include/fonts/GalanoGrotesque.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "GalanoGrotesque-Light";
  src: url("/_include/fonts/GalanoGrotesqueLight.eot");
  src: url("/_include/fonts/GalanoGrotesqueLight.eot?#iefix") format("embedded-opentype");
  src: url("/_include/fonts/GalanoGrotesqueLight.otf") format("opentype");
  src: url("/_include/fonts/GalanoGrotesqueLight.svg") format("svg");
  src: url("/_include/fonts/GalanoGrotesqueLight.ttf") format("truetype");
  src: url("/_include/fonts/GalanoGrotesqueLight.woff") format("woff");
  src: url("/_include/fonts/GalanoGrotesqueLight.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GalanoGrotesque-Heavy";
  src: url("/_include/fonts/GalanoGrotesqueHeavy.eot");
  src: url("/_include/fonts/GalanoGrotesqueHeavy.eot?#iefix") format("embedded-opentype");
  src: url("/_include/fonts/GalanoGrotesqueHeavy.otf") format("opentype");
  src: url("/_include/fonts/GalanoGrotesqueHeavy.svg") format("svg");
  src: url("/_include/fonts/GalanoGrotesqueHeavy.ttf") format("truetype");
  src: url("/_include/fonts/GalanoGrotesqueHeavy.woff") format("woff");
  src: url("/_include/fonts/GalanoGrotesqueHeavy.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GalanoGrotesqueAlt-Light";
  src: url("/_include/fonts/GalanoGrotesqueAltLight.eot");
  src: url("/_include/fonts/GalanoGrotesqueAltLight.eot?#iefix") format("embedded-opentype");
  src: url("/_include/fonts/GalanoGrotesqueAltLight.otf") format("opentype");
  src: url("/_include/fonts/GalanoGrotesqueAltLight.svg") format("svg");
  src: url("/_include/fonts/GalanoGrotesqueAltLight.ttf") format("truetype");
  src: url("/_include/fonts/GalanoGrotesqueAltLight.woff") format("woff");
  src: url("/_include/fonts/GalanoGrotesqueAltLight.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GalanoGrotesque-Bold";
  src: url("/_include/fonts/GalanoGrotesqueBold.eot");
  src: url("/_include/fonts/GalanoGrotesqueBold.eot?#iefix") format("embedded-opentype");
  src: url("/_include/fonts/GalanoGrotesqueBold.otf") format("opentype");
  src: url("/_include/fonts/GalanoGrotesqueBold.svg") format("svg");
  src: url("/_include/fonts/GalanoGrotesqueBold.ttf") format("truetype");
  src: url("/_include/fonts/GalanoGrotesqueBold.woff") format("woff");
  src: url("/_include/fonts/GalanoGrotesqueBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GalanoGrotesqueAlt-Bold";
  src: url("/_include/fonts/GalanoGrotesqueAltBold.eot");
  src: url("/_include/fonts/GalanoGrotesqueAltBold.eot?#iefix") format("embedded-opentype");
  src: url("/_include/fonts/GalanoGrotesqueAltBold.otf") format("opentype");
  src: url("/_include/fonts/GalanoGrotesqueAltBold.svg") format("svg");
  src: url("/_include/fonts/GalanoGrotesqueAltBold.ttf") format("truetype");
  src: url("/_include/fonts/GalanoGrotesqueAltBold.woff") format("woff");
  src: url("/_include/fonts/GalanoGrotesqueAltBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body { background: #2e2e2e; font-family: 'GalanoGrotesque-Regular', sans-serif; font-weight: 400; letter-spacing: 3px;}
a { display: block; float: left;}

header { background: #1d1d1b; min-height: 117px; z-index:9999; }
header a { color:#fff; position: relative; text-transform: uppercase;}

footer { color: #fff; font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 11px;}
footer a { color: #fff; }

.title { font-family: 'GalanoGrotesque-Bold', sans-serif; letter-spacing: 1px; position: relative; text-transform: uppercase;}
.title span {  background: #fff; display: block;  position: absolute; left:0; }
.title.black span { background: #000; width: 60px; height:4px; top:-12px;}
h1.title.black { font-size: 24px; }
h2.title.black { font-size: 20px; margin-bottom: 30px;}

h1 { font-weight: 400;}

.mLeft30 { margin-left:30px }

.defaultList { font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; line-height: 24px; letter-spacing: 0px;}
#fale-conosco .btBlue { font-size: 13px;}

.float {
  position: fixed;
  padding-top: 10px;
  padding-left: 2px;
  width: 58px;
  height: 58px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.float:hover, .float:focus {
  color: #fff;
}

.my-float {
  margin-top: 16px;
}


/*
* Geral-estrutura.css
*/

.logo { display: block; float: left; margin-top: 29px; z-index: 9;}
.logo.footer { line-height: normal; margin-top: 15px; margin-right: 25px;}

header ul li,
header ul li p,
header ul li a { display: inline; float: right;}

.subMenu,
.mainMenu { color: #fff; font-family: 'GalanoGrotesque-Regular', sans-serif; float: right;}

header .subMenu { font-size: 11px;  margin-top: 25px; margin-right: 10px;}
header .subMenu li a { color: #b6b6b6; letter-spacing: 2px; margin: 0 10px;}
header .subMenu li:last-child a { margin: 0;}
header .subMenu li:last-child a:first-child { margin-right: 10px;}
header .subMenu .bt { margin: -8px 0px 0 7px; }

header .subMenu li:hover a { color: #fff;}

.mainMenu { clear:right; font-size: 14px; margin-top: 17px; margin-right: 8px;}
.mainMenu li { margin-right: 33px;  }
.mainMenu li:first-child { margin-right: 0;}
.mainMenu li a { letter-spacing: 3px; font-weight: normal; }

.mainMenu .title span {  height: 1px; display: none; width: 25px; top:-10px;}
.mainMenu .title:hover span,
.mainMenu .active .title span { display: block;}

.pageMenu { float: left; margin: 46px 0 10px; }
.pageMenu li { float: left; font-size:11px; margin-right: 10px; margin-bottom: 5px;}
.pageMenu li .bt { padding: 10px 14px; }

.otherLinks { background: #fff; position: absolute; width: 220px; z-index: 999;}
.otherLinks li { float: left;}
.otherLinks li:last-child a:first-child { margin-right: 0; margin-left: 10px;}

.returnMenu {  color: #fff; float: right; font-size: 18px; line-height: 36px; padding-right: 54px; text-align: center; text-transform: uppercase;}
.returnMenu span { color:#909090;}
.returnMenu .plus { background: #143c8b; color:#fff; display: block; font-family: 'GalanoGrotesque-Bold', sans-serif; height: 40px; line-height: 35px; position: absolute; right: 0; top:0; width: 44px; z-index: 99; }

.defaultList { list-style: disc; margin: 40px 0; padding-left:20px;}

#erro .btBlue { padding: 10px 13px; letter-spacing: 0px; margin-top: 20px; font-family: 'GalanoGrotesque-Bold', sans-serif; }
#erro main { min-height: 450px; }

main { padding-bottom: 50px;}

.bt { border: 2px solid #fff; border-radius: 2px; color: #fff; font-family: 'GalanoGrotesque-Regular', sans-serif; text-transform: uppercase;}
.bt.circle { border-radius: 50%; height: 20px; width: 20px; }
.bt:hover,
.bt.active { background-color: #000; color: #000;}

.subMenu .bt { border:none; height: 25px; width: 25px; }

.btBlue { background: #1746a2; border-radius: 2px; color: #fff; text-transform: uppercase;}
.plus { color: #fff; font-size: 30px; font-family: 'GalanoGrotesque-Regular', sans-serif; }

.intern { background: #e2e2e2;}
.intern p { font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; line-height: 24px; letter-spacing: 0px; }

.pageTitle h1 { color: #fff; line-height: 163px; font-size: 32px; text-shadow: 0 1px 1px #000; text-transform: uppercase;}
.blogTitle { color: #fff; float: left; font-size: 24px; line-height: 28px; font-family: 'GalanoGrotesque-Bold', sans-serif; vertical-align: bottom; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); border-left: 5px solid #1d1d1b; padding: 2px 0px 2px 0;}
.blogTitle span { background: #1d1d1b;
-webkit-box-shadow: 5px 0px 0px 0px rgba(29, 29, 27, 1);
-moz-box-shadow:    5px 0px 0px 0px rgba(29, 29, 27, 1);
box-shadow:         5px 0px 0px 0px rgba(29, 29, 27, 1);
}

.midiaContainer { position: relative; padding-bottom: 56.20%; height: 0; overflow: hidden; max-width: 100%; }
.midiaContainer iframe,
.midiaContainer object,
.midiaContainer embed { border-radius:4px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.boxShadow {
  -webkit-box-shadow: 3px 4px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    3px 4px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         3px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

form { width: 53%; margin-left: 4%; }
form input,
form textarea,
form select { background: #1d1d1b; border-radius: 6px; font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; letter-spacing: 2px; color: #e2e2e2; margin-top: 17px; padding: 13px 0px 10px 10px; }

form input,
form textarea { width: 96.5%; border: 3px solid #e2e2e2;}

form input:focus { background: #e2e2e2;}
form input[type="submit"]:focus { background: #e2e2e2;}

form .smallerInput { width: 75%; border-right:none; float: left;}
form input:first-child { margin-top: 0;}

form .error { border-bottom-color: #ff0000;}

form label { margin-top: 17px; display: block; text-indent: 3px; text-transform: uppercase;}
form label .detail { font-size: 13px; display: block;}
form label input { margin-top: 17px !important;}

.sbHolder{ background-color: #000; border: solid 3px #e2e2e2; border-radius: 6px; font-family: 'GalanoGrotesque-Regular', sans-serif; font-weight: normal; height: 40px; margin-top: 17px; padding-left: 10px; position: relative; width: 96.5%;}
select:first-child + .sbHolder { margin-top: 0;}

.sbSelector{ display: block;left: -1px;line-height: 40px;outline: none;overflow: hidden; position: absolute;  text-indent: 10px;  top: 0;  width: 100%; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #e2e2e2; outline: none; font-size: 14px; letter-spacing: 4px; text-transform: uppercase;}
.sbToggle{  background: url(/_images/select.png) no-repeat 10px 18px ; display: block;  height: 40px;  outline: none;  position: absolute;  right: 0; top: 0; width: 30px;}
.sbOptions{  background-color: #000; border: solid 1px #e2e2e2; letter-spacing:2px; list-style: none; left: -1px; margin: 0; overflow-y: auto; padding: 0; position: absolute; top: 30px; width: 100%; z-index: 1; }
.sbOptions a { border-bottom: dotted 1px #565656; display: block; float: none; outline: none; padding: 13px 0 10px 10px; }
.sbOptions a:link, .sbOptions a:visited{ color: #e2e2e2; text-decoration: none; }
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{ background: #e2e2e2; color: #565656; }
.sbOptions li.last a{ border-bottom: none; }

.smallerSelect + .sbHolder { border-right: none; border-radius: 6px 0 0 6px; float: left; width: 34.498%; }
.smallerSelect + .sbHolder + select + .sbHolder { border-left:none; border-radius: 0px 6px 6px 0px; float: right; margin-right: 2px;  width: 60%;}

.grayform .sbHolder { background: #fff; border-color: #1d1d1b; border-radius: 2px; color: #000; height:30px; font-size: 11px; text-transform: uppercase;}
.grayform .sbSelector:link, .grayform .sbSelector:visited, .grayform .sbSelector:hover { color: #000; font-size: 11px; line-height: 30px;}
.grayform .sbToggle{  background: url(/_images/select.png) no-repeat 10px -15px ; display: block;  height: 30px;  outline: none;  position: absolute;  right: 0; top: 0; width: 30px;}
.grayform input[type="submit"] {  border:none; border-radius: 2px; }

::-webkit-input-placeholder { color:#565656; font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; letter-spacing: 6px;  text-transform: uppercase; opacity: 1;}
::-moz-placeholder { color:#565656; font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; letter-spacing: 6px;  text-transform: uppercase; opacity: 1;} /* firefox 19+ */
:-ms-input-placeholder { color:#565656; font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; letter-spacing: 6px;  text-transform: uppercase; opacity: 1;} /* ie */
input:-moz-placeholder { color:#565656; font-family: 'GalanoGrotesque-Regular', sans-serif; font-size: 14px; letter-spacing: 6px;   text-transform: uppercase; opacity: 1; }

.mensagem { float: left; margin: 35px 0 0 10px;}
.mensagem.error { color: #ff0000;}

.mensagemBox {  font-style: normal; margin: 15px 0 20px 4%; padding: 12px; width: 50%; line-height:normal}
.mensagemBox.atencao { background: #FFE38F; }
.mensagemBox.info { margin-top:35px; }
.mensagemBox dd { font-family: 'GalanoGrotesque-Regular', sans-serif; letter-spacing: 0}
.mensagemBox dt { margin-top: 15px;}
.mensagemBox dt:first-child { margin-top: 0;}

footer { letter-spacing: 1px; padding:30px 0;}
footer .container:first-child { margin-bottom: 40px;}
footer .wide.container .container:first-child { margin-bottom: 0px;}

footer ul li:first-child { text-transform: uppercase; font-size: 14px; }
footer ul li { font-size: 11px; margin-bottom: 15px; letter-spacing: 0px;}
footer .subMenu li {float: left; margin: 22px 0 0 7px; }

footer .empresa { margin-left: 10px; margin-right: 1.8%; }
footer .ambientes {  margin-right: 4.1%; }
footer .onde-encontrar { margin-right: 1.4%; }
footer .promocoes { margin-right: 2.9%; }
footer .blog { margin-right: 2.3%;}
footer .atendimento { margin-right: 1.8%;}

footer .wide.container { border-top: 1px solid #484848;}
footer .logo.footer + p { line-height: 18px; margin-top: 22px;}

.tua span { display:block; width:0; white-space:nowrap; overflow:hidden;
  -webkit-transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tua:hover span { width:208px }

.hidden {display: none !important;}
.bold { font-family: 'GalanoGrotesque-Bold', sans-serif;}

@media only screen and (min-width : 240px) and (max-width : 599px){
  body { background: #1d1d1b; }
  header { min-height: 67px;}
  .logo { margin: 5px 0 0 18px; }
  .mobileMenu { display: block; margin-top: 10px; }
  .subMenu { display: none;}

  .container.big { width: 100%;}
  .sliderList li img { height: auto !important; margin-left: -50%;  display: block;  max-width: 200% !important; position: relative;}

  .mainMenu { background: #143c8b; color: #fff; display: none; padding:24px 0 0 18px; margin: 0; position: absolute; right:0px; top:55px; width: 100%; z-index: 10;}
  .mainMenu li { clear:both; display: block; float: left; margin-bottom: 28px;}
  .mainMenu li a { font-size: 20px; font-family: 'GalanoGrotesque-Bold', sans-serif; letter-spacing: 1px;}
  .mainMenu.active { display: block;}

  .pageMenu { margin: 26px 0 10px 20px;}

  .pageTitle { min-height: 42px; padding:20px 0 10px;}
  .pageTitle h1 { font-size: 18px; line-height: normal; margin-left: 20px;}

  form { width: 95%; margin-left: 0 }

  .smallerSelect + .sbHolder { border-radius: 6px; border: 3px solid #e2e2e2; width: 96.5%; }
  .smallerSelect + .sbHolder + select + .sbHolder { border: 3px solid #e2e2e2; float: left; border-radius: 6px; width: 96.5%;}

  footer { padding-top: 0; }
  footer .logo,
  footer .subMenu,
  footer .container-sixteen {display: none;}

  footer .wide.container { border:none;}
  footer .logo.footer + p { font-family: 'GalanoGrotesque-Bold', sans-serif; letter-spacing: 3px; padding: 0 20px; text-transform: uppercase; width: 90% !important;}

  .winner { display: none;}
}
@media only screen and (min-width:  240px) and (max-width: 320px){
  .container.mansory {width: 240px !important;}
  .winner { display: none;}
}

@media only screen and (min-width : 600px) and (max-width : 1024px) {
  .container.big { width: 100%;}
  .subMenu li:first-child + li + li {display: block; line-height: 60px; margin-right: -65px}
  .subMenu li:first-child + li + li +li,
  .subMenu li:first-child + li + li +li+li { display: block; line-height: 60px; }

  .mainMenu { background: #143c8b; color: #fff; display: none; padding:24px 0 0 18px; margin: 0; position: absolute; right:0px; top:55px; width: 100%; z-index: 10;}
  .mainMenu li { clear:both; display: block; float: left; margin-bottom: 28px;}
  .mainMenu li a { font-size: 20px; font-family: 'GalanoGrotesque-Bold', sans-serif; letter-spacing: 1px;}
  .mainMenu.active { display: block;}

  .smallerSelect + .sbHolder { width: 33.6%;}
  .smallerSelect + .sbHolder + select + .sbHolder { border-left:none; border-radius: 0px 6px 6px 0px; float: right; margin-right: 2px;  width: 59.6%;}

  footer { padding-top: 0;}
  footer .logo { width: auto}
  footer .subMenu,
  footer .container-sixteen {display: none;}
  .columnRight, .columnLeft { width: 100% !important;}

  .winner { display: none;}
}