@charset "UTF-8";
/* CSS Document */
/* 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; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a, a img {
  outline: none;
  text-decoration: none;
  color: none; }

/*Vizualização de elementos HTML5*/
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; }

figure {
  margin: 0; }

/* Base */
/*Corrige bug com EM no IE6/7 + Impede o ajuste de texto automático ao trocar a orientação no iOS sem ferrar com o zoom*/
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  margin: 0;
  font-size: 62.5%; }

/*Texto selecionado*/
::-moz-selection {
  background: #F07D00;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #F07D00;
  color: #fff;
  text-shadow: none; }

/* Links */
a {
  color: #00e; }

a:visited {
  color: #551a8b;
  outline: none;
  text-decoration: none;
  color: none; }

a:hover {
  color: #06e; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

/*Tipografia*/
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, serif;
  _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; }

/*Listas*/
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; }

/*Imagens e Conteúdo embedado*/
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%; }

/*Melhora a qualdiade das imagens no IE7*/
svg:not(:root) {
  overflow: hidden; }

/*Corrige overflow not hidden no IE9*/
/*Formulários*/
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

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, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/*Cores para a validação*/
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/*Tabelas*/
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/*Janela do Chrome Frame*/
.chromeframe {
  margin: 0;
  background: #ccc;
  color: black;
  padding: 10px 0; }

/* Geral */
/*----variaveis------*/
/*----variaveis------*/
@font-face {
  font-family: 'RMPfont';
  src: url("../fonts/typoslabserif_light-webfont.eot");
  src: url("../fonts/typoslabserif_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoslabserif_light-webfont.woff") format("woff"), url("../fonts/typoslabserif_light-webfont.ttf") format("truetype"), url("../fonts/typoslabserif_light-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  background: #F07D00; }
  body h1 {
    font-family: RMPfont, serif;
    font-size: 24px;
    color: #222; }
  body h2 {
    font-size: 17px;
    color: #222;
    font-family: RMPfont, serif; }
  body p {
    font-size: 14px;
    line-height: 1.5em;
    text-align: justify;
    font-family: RMPfont, serif; }

#container, #container1 {
  width: 1000px;
  background-color: #f9f9f9;
  -moz-box-shadow: 0 0 1px 1px black;
  -webkit-box-shadow: 0 0 1px 1px black;
  box-shadow: 0 0 1px 1px black;
  margin: 0 auto; }

#header {
  width: 960px;
  margin: 0 auto; }
  #header #logo {
    margin: 20px 0; }
  #header #nav ul {
    list-style: none;
    float: right;
    margin-top: 75px; }
    #header #nav ul li {
      float: left; }
      #header #nav ul li a {
        float: right;
        font-family: RMPfont, serif;
        font-size: 14px;
        color: #2f4b46;
        padding: 5px 10px;
        margin: 2px;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s; }
        #header #nav ul li a:hover {
          border-bottom: solid 1px #ddd;
          transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -webkit-transition-duration: 0.5s;
          -o-transition-duration: 0.5s; }
      #header #nav ul li a.current {
        background: #F07D00;
        color: #f9f9f9; }
        #header #nav ul li a.current:hover {
          border-bottom: none; }
  #header #socials {
    float: right;
    margin-top: 20px;
    width: 70px;
    height: 35px; }
    #header #socials a {
      width: 32px;
      height: 33px; }

#content {
  width: 960px;
  margin: 0 auto; }
  #content #highlightsoffice,
  #content #highlightschool,
  #content #highlightstoy {
    width: 311px;
    height: 253px;
    float: left;
    margin: 0 0 20px;
    padding: 0;
    background-position: center top;
    background-repeat: no-repeat;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s; }
    #content #highlightsoffice:hover,
    #content #highlightschool:hover,
    #content #highlightstoy:hover {
      background-position: center bottom;
      transition-duration: 1s;
      -moz-transition-duration: 1s;
      -webkit-transition-duration: 1s;
      -o-transition-duration: 1s; }
  #content #highlightsoffice {
    background-image: url(../img/highlightsoffice.png);
    margin-right: 10px; }
  #content #highlightschool {
    background-image: url(../img/highlightsSchool.png);
    margin-right: 10px; }
  #content #highlightstoy {
    background-image: url(../img/highlightsToys.png); }

.BgPencil1 {
  padding: 35px 0 0;
  margin: 25px auto 35px;
  width: 780px;
  background: url(../img/pencil.png) no-repeat center right; }
  .BgPencil1 h1 {
    text-align: center;
    background-color: #f9f9f9;
    width: 600px;
    margin: 0 auto; }

#footer {
  background: url(../img/zigZagBlack.png) repeat-x top center black; }

#footer1 {
  background: #000; }
  #footer1 #borderFooter {
    background: url(../img/zigZagGrennBottom.png) repeat-x top center black;
    margin: -20px 0 0 0;
    height: 13px; }
  #footer1 #borderFooter1 {
    background: url(../img/zigZagBlackAlfa.png) repeat-x top center;
    margin: -28px 0 0 0;
    height: 13px; }

#footer, #footer1 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 15px;
  font-family: RMPfont, serif; }
  #footer #markPage, #footer1 #markPage {
    background: url(../img/markPage.png) no-repeat center center;
    width: 200px;
    height: 98px;
    margin: -50px 20px 0 0;
    float: right; }
    #footer #markPage p, #footer #markPage h2, #footer1 #markPage p, #footer1 #markPage h2 {
      text-align: center;
      margin: 15px;
      font-size: 15px; }
    #footer #markPage h2, #footer1 #markPage h2 {
      font-size: 18px; }
  #footer #copyright, #footer1 #copyright {
    text-align: center;
    color: #282828;
    font-size: 14px;
    padding: 5px 0 15px; }
  #footer #ourStores,
  #footer #doubts,
  #footer #localization, #footer1 #ourStores,
  #footer1 #doubts,
  #footer1 #localization {
    width: 305px;
    float: left;
    margin: 0 20px; }
    #footer #ourStores h1,
    #footer #doubts h1,
    #footer #localization h1, #footer1 #ourStores h1,
    #footer1 #doubts h1,
    #footer1 #localization h1 {
      text-align: center;
      color: #fff;
      margin: 50px 0 5px; }
  #footer #ourStores a, #footer #doubts a, #footer1 #ourStores a, #footer1 #doubts a {
    margin-left: 40px; }
    #footer #ourStores a:hover, #footer #doubts a:hover, #footer1 #ourStores a:hover, #footer1 #doubts a:hover {
      /*filter:opacity(alpha=10); /* para o IE */
      -moz-opacity: 0.5;
      /* para o FireFox */
      opacity: 0.5;
      /* para o outros Navegadores */
      transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      -o-transition-duration: 0.5s; }
  #footer #doubts h1, #footer1 #doubts h1 {
    margin-bottom: 20px; }
  #footer #doubts a, #footer1 #doubts a {
    margin-left: 36px; }
  #footer #localization, #footer1 #localization {
    float: right;
    margin: -140px 20px 0 0; }
    #footer #localization p, #footer1 #localization p {
      margin-left: 55px;
      padding-top: 10px;
      font-size: 14px;
      color: #fff; }
    #footer #localization #phone, #footer1 #localization #phone {
      background: url(../img/phone.png) no-repeat center left;
      height: 70px;
      width: 215px;
      margin: 10px auto; }
    #footer #localization #localize, #footer1 #localization #localize {
      background: url(../img/StoreOneMaps.png) no-repeat center left;
      height: 70px;
      width: 215px;
      margin: 10px auto; }

#contentSlides {
  width: 1000px;
  height: 422px;
  position: relative; }
  #contentSlides ul#slides {
    padding: 0;
    margin: 20px 0;
    list-style: none; }
    #contentSlides ul#slides li {
      z-index: 89; }
  #contentSlides #pager {
    text-align: center;
    margin: 0 auto;
    padding: 20px 5px 15px 5px;
    background: #1de4bf;
    position: absolute;
    top: 390px;
    right: 0;
    z-index: 99; }
    #contentSlides #pager a {
      background: url(../img/bullet.png) no-repeat left top;
      padding: 9px 14px 11px 14px;
      margin: 3px 3px -20px 3px;
      color: none;
      font-size: 20px;
      color: #2f4b46; }
      #contentSlides #pager a.activeSlide {
        background: url(../img/bullet.png) no-repeat right top;
        color: #28b14b; }

#contentSlidesInt {
  width: 1000px;
  height: 175px; }
  #contentSlidesInt p {
    font-family: RMPfont, serif;
    font-size: 80px;
    text-align: center;
    color: #1de4bf;
    padding-top: 27px; }

.Historia {
  background: url(../img/slides/historia1.jpg) no-repeat center center; }

.Parceiros {
  background: url(../img/slides/parceiria1.jpg) no-repeat center center; }

.Perguntas {
  background: url(../img/slides/perguntas1.jpg) no-repeat center center; }

.Contato {
  background: url(../img/slides/contato1.jpg) no-repeat center center; }

.NossasLojas {
  background: url(../img/slides/NossasLojas1.png) no-repeat center center; }

.boxText {
  width: 465px;
  margin: 0 0 20px 0; }

.FloatRight {
  float: right; }

.FloatLeft {
  float: left; }

.ParceirosThumbs {
  float: left; }

.Template {
  background-position: top center;
  background-repeat: no-repeat;
  width: 318px;
  height: 201px; }
  .Template:hover {
    background-position: bottom center;
    background-repeat: no-repeat; }

#acrilex {
  background-image: url(../img/parceiros/acrilex.jpg); }

#cromus {
  background-image: url(../img/parceiros/cromus.jpg); }

#FaberCastel {
  background-image: url(../img/parceiros/FaberCastel.jpg); }

#hasbro {
  background-image: url(../img/parceiros/hasbro.jpg); }

#henkel {
  background-image: url(../img/parceiros/henkel.jpg); }

#lider {
  background-image: url(../img/parceiros/lider.jpg); }

#maped {
  background-image: url(../img/parceiros/maped.jpg); }

#mattel {
  background-image: url(../img/parceiros/mattel.jpg); }

#multiBrink {
  background-image: url(../img/parceiros/multiBrink.jpg); }

#newLink {
  background-image: url(../img/parceiros/newLink.jpg); }

#pilot {
  background-image: url(../img/parceiros/pilot.jpg); }

#SaoDomingos {
  background-image: url(../img/parceiros/SaoDomingos.jpg); }

#tilibra {
  background-image: url(../img/parceiros/tilibra.jpg); }

.perguntas {
  height: 40px; }
  .perguntas .status {
    background: url(../img/statusPerguntas.png) no-repeat bottom center;
    width: 30px;
    height: 30px;
    float: left;
    margin: -7px 7px 0 0; }

.resposta {
  margin: 5px 0 5px 40px;
  background: url(../img/zigZagwhite.png) repeat-x bottom center;
  padding: 0 10px 20px 10px; }

#FormsContact {
  background: url(../img/zigZagGrenn.png) repeat-x top center;
  width: 1000px;
  margin: 0 auto;
  padding: 0; }
  #FormsContact #aviso {
    width: 240px;
    margin: 10px auto;
    font-family: RMPfont, serif; }
  #FormsContact .erro {
    font-size: 22px;
    color: #810908;
    margin-top: 10px;
    text-align: center; }
  #FormsContact .ok {
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 1;
    margin-top: 7px; }
  #FormsContact h1 {
    font-size: 24px;
    text-align: center;
    padding: 60px 0 13px; }
  #FormsContact #buttonsForm {
    height: 47px;
    width: 275px;
    margin: 13px auto; }
    #FormsContact #buttonsForm #FaleConosco, #FormsContact #buttonsForm #SAC, #FormsContact #buttonsForm #TrablheConosco {
      font-family: RMPfont , serif;
      font-size: 14px;
      color: #fff;
      background-image: url(../img/BgButonForm.png);
      background-repeat: no-repeat;
      padding: 12px 0 17px;
      float: left;
      text-align: center;
      margin: 0;
      cursor: pointer; }
    #FormsContact #buttonsForm #FaleConosco {
      width: 100px;
      background-position: bottom left; }
      #FormsContact #buttonsForm #FaleConosco:hover {
        background-position: top left; }
    #FormsContact #buttonsForm #SAC {
      width: 50px;
      background-position: bottom center;
      border-right: solid 1px #0991b4;
      border-left: solid 1px #0991b4; }
      #FormsContact #buttonsForm #SAC:hover {
        background-position: top center; }
    #FormsContact #buttonsForm #TrablheConosco {
      width: 120px;
      background-position: bottom right; }
      #FormsContact #buttonsForm #TrablheConosco:hover {
        background-position: top right; }
  #FormsContact form {
    width: 270px;
    margin: 0 auto 15px; }
    #FormsContact form input, #FormsContact form textarea {
      border: solid 1px #F07D00;
      padding: 17px 10px;
      width: 248px;
      margin: 10px 0 0;
      font-size: 14px;
      font-family: RMPfont, serif; }
      #FormsContact form input:hover, #FormsContact form input:focus, #FormsContact form textarea:hover, #FormsContact form textarea:focus {
        border-color: black; }
    #FormsContact form input.send {
      background-color: #00b5e4;
      color: #fff;
      width: 60px;
      padding: 10px;
      float: right;
      clear: both;
      right: 0; }

iframe#Maps {
  margin-bottom: -10px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 650px; }

iframe#Facebook {
  border: none;
  overflow: hidden;
  width: 450px;
  height: 80px;
  margin: 10px 0 10px 255px; }

.infoMaps {
  background: #F07D00;
  border: dashed 1px #145925;
  width: 300px;
  position: absolute;
  z-index: 100;
  margin: 200px 0 0 20px; }
  .infoMaps p {
    font-size: 24px;
    text-align: center;
    padding: 40px 20px;
    color: #fff; }

.ContLinkLojas {
  background: #f9f9f9;
  width: 47%;
  float: left;
  border: dashed 1px #F2F2F2;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s; }
  .ContLinkLojas:hover {
    background: #F2F2F2;
    border: solid 1px #EBEBEB;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s; }
  .ContLinkLojas p {
    text-align: left;
    padding: 30px 0;
    margin: 0 0 0 20px; }
  .ContLinkLojas a {
    font-family: RMPfont, serif;
    font-size: 20px;
    color: #ccc;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s; }
    .ContLinkLojas a:hover {
      color: #000;
      transition-duration: 1s;
      -moz-transition-duration: 1s;
      -webkit-transition-duration: 1s;
      -o-transition-duration: 1s; }
    .ContLinkLojas a img {
      margin: 0 3px 0 0; }

#cssawards{
    position:fixed;
    top:-5px;
    left:-5px;
    z-index:555;
  } #cssawards a{
      width:135px;
      height:135px;
      text-indent:-8000px;
      display:block;
      background:url(http://redemultipapel.com.br/img/cssa-dark-nominated.png) no-repeat;
    }