/* =============================================================================
   Collection of Misc. Mixins
   ========================================================================== */
.left {
  float: left;
}
.right {
  float: right;
}
.background-clip {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* For modern browsers */
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: '';
  display: table;
}
.cf:after {
  clear: both;
}
body,
html {
  position: relative;
  /* min-width: 1000px; */
  -webkit-font-smoothing: antialiased;
}
.navint.menu {
  color: #000;
}
.fullscreen-bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 0;
}
.fullscreen-bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
.bgvideo iframe {
  display: block;
}
.bgwrapper {
  margin: auto;
  width: 100%;
  height: 100%;
  position: fixed;
}
.bgvideo {
  margin: auto;
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.bgpattern {
  background: url(../img/pattern.png) repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#smalllogo {
  display: none;
}
#biglogo {
  display: inline;
  margin: 30px 0 0;
}
#navtop {
  display: none;
}
.size1024 #navtop {
  display: block;
}
.dn {
  display: none;
}
nav {
  float: right;
}
h1 {
  font: normal 73px 'adobe-garamond-pro', sans-serif; /* bold 69px "adobe-garamond-pro", sans-serif */
  color: #fff;
  font-style: italic;
  margin: 140px 0 0;
}
h1 span {
  color: white;
}
h3 {
  background: #bea34d;
  color: #fff;
  padding: 4px 0 20px;
  display: inline;
  font: 14px normal 'adobe-garamond-pro', sans-serif;
  margin: 0;
}
#wrapper {
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.wrap {
  /* width: 990px; */

  width: 990px;
  margin: auto;
  /*padding: 32px 0 0;*/
}
.logo {
  /* height: 115px; */

  width: 197px;
}
nav {
  width: 650px;
  /*  width:700px;*/

  height: 55px;
  margin: auto;
}
nav ul li {
  background: url(../img/barramenu.png) no-repeat 0 7px;
  padding: 0 0 0 10px;
  margin: 0 1px 0;
  float: left;
}
nav ul li:first-child {
  background: none;
}
nav ul li a {
  float: left;
  color: #fff;
  padding: 12px 14px;
  font: 20px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
  position: relative;
  display: block;
  text-decoration: none;
}
.lt-ie10 nav ul li a {
  padding: 11px 14px 8px;
}
nav ul li a:visited {
  color: #ffffff;
}
nav ul li a:hover {
  color: #ffffff;
}
nav ul li a i {
  background: #bea34d;
  display: block;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 30px;
  top: 6px;
  left: 0px;
  padding: 0 0 0 0;
  z-index: 10;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 100ms ease-out;
  -moz-transition: opacity 100ms ease-out;
  -o-transition: opacity 100ms ease-out;
  -ms-transition: opacity 100ms ease-out;
  transition: opacity 100ms ease-out;
}
.lt-ie9 nav ul li a i {
  display: none;
}
nav ul li a.active i {
  opacity: 1;
  background: black;
  z-index: 5;
}
.lt-ie9 nav ul li a.active i {
  display: block;
}
nav ul li a.active {
  color: #bea34d;
}
nav ul li a.active i b {
  background-position: -103px -6px;
}
nav ul li a span {
  position: relative;
  z-index: 20;
}
nav ul li a:hover i {
  opacity: 1;
}
.lt-ie9 nav ul li a:hover i {
  display: block;
}
nav ul li a i b {
  display: block;
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 7px;
  background: url(../img/sprite.png) -103px -16px;
}
footer {
  bottom: 20px;
  z-index: 20;
  font: 11px arial, helvetica, sans-serif;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 760px;
  color: #fff;
  right: 0;
  left: 0;
}
footer div {
  height: 40px;
  display: inline-block;
}
#slide {
  height: 215px;
  position: absolute;
  z-index: 15;
  padding: 0;
  left: 0;
  right: 0;
  width: 3000px;
  margin: auto;
  overflow: hidden;
}
#slide ul li {
  margin: 0 0 0 14px;
  float: left;
  list-style: none;
  position: relative;
}
#slide ul li a {
  display: inline-block;
  border-radius: 10px;
  z-index: 12312;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#slide ul li.small {
  height: 170px;
  width: 320px;
  overflow: hidden;
  z-index: 20;
}
#slide ul li.small img {
  position: static;
  z-index: 10;
}
#slide ul li.big {
  height: 193px;
  width: 339px;
  margin-top: -11px;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
#slide ul li.big img {
  position: absolute;
  z-index: 20;
}
.wrapbig {
  height: 193px;
  width: 339px;
  position: absolute;
  z-index: 50;
}
.opacidade {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
  opacity: 0.5;
}
#slide ul li .theme {
  color: #fff;
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  margin: 143px auto 0;
  text-align: center;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#slide ul li .theme span {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  background: #000;
  display: inline-block;
  padding: 5px 15px;
}
.setaleft {
  height: 77px;
  width: 30px;
  background: url(../img/sprite.png) -13px -82px no-repeat;
  position: absolute;
  top: 64px;
  left: 28px;
  overflow: hidden;
  z-index: 20;
}
.setaright {
  height: 76px;
  width: 30px;
  background: url(../img/sprite.png) -13px -161px no-repeat;
  position: absolute;
  top: 64px;
  right: 26px;
  z-index: 20;
}
#slide .mr {
  margin-right: 4px;
}
#slide .ml {
  margin-left: 8px;
}
.thumbrightside {
  float: right;
  width: 86px;
  margin: 10px 8px;
}
.thumbleftside {
  float: left;
  width: 237px;
  height: 193px;
  margin-top: 43px;
}
.thumbleftside p {
  background: #000;
  color: #97988d;
  display: inline;
  font: 13px normal 'adobe-garamond-pro', sans-serif;
  padding: 3px 0;
}
.thumbleftside p span.title {
  color: #bea34d;
}
.nav1 {
  margin: 4px 0 0;
}
.nav1 ul {
  margin: 0;
}
#slide .nav1 ul li {
  margin: 0 7px 0 0;
  text-align: center;
}
#slide .nav1 ul li a {
  float: left;
  background: #000;
  padding: 5px 3px;
  text-decoration: none;
  color: #fff;
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  border-radius: 0;
}
.tab-container,
.content-area {
  zoom: 1;
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  line-height: 1.1;
}
.tab-container:before,
.content-area:before,
.tab-container:after,
.content-area:after {
  content: '';
  display: table;
}
.tab-container:after,
.content-area:after {
  clear: both;
}
.col-left {
  width: 260px;
  float: left;
  color: #fff;
  font: normal 15px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
}
/*.col-left h2 {
  font: normal 52px "adobe-garamond-pro", sans-serif;
  font-style: italic;
} */

.italic {
  font-style: italic;
}
.content-area {
  margin-left: 265px;
  height: 545px;
  min-height: 545px;
  max-height: 560px;
  width: 530px;
  padding: 20px;
  overflow: hidden;
}
.content-area > div .content-panel {
  overflow: hidden;
  height: 520px;
  min-height: 520px;
  max-height: 520px;
}
.page-panel {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.content-panel {
  overflow: hidden;
  height: 560px;
  min-height: 560px;
  max-height: 560px;
  width: 530px !important;
  /*overflow-y: visible;*/
}
.no-padd {
  padding: 0;
}
.padd {
  width: 500px;
  padding: 20px;
}
.padd .content-panel {
  overflow-y: visible;
}
#mundocesar .content-area {
  width: 570px;
}
#mundocesar #nomes {
  height: 520px;
  min-height: 520px;
  max-height: 520px;
}
.size1024 .content-area {
  height: auto;
  max-height: auto;
  min-height: 360px;
}
.nav-v {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 10;
}
.nav-v .arrow {
  transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  position: absolute;
  top: 50%;
  right: -13px;
  margin-top: -10px;
  opacity: 0;
  filter: Alpha(Opacity= 0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 0 );
  height: 28px;
  width: 17px;
  background: url(../img/sprite.png) 119px -7px;
}
.nav-v li {
  list-style: none;
  margin-bottom: 1px;
}
.nav-v li:first-child a {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
.nav-v li:last-child a {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
.nav-v a,
.nav-v a:visited,
.nav-v a:active,
.nav-v a:focus {
  transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  position: relative;
  display: block;
  padding: 18px 20px;
  margin: 0 0 0 0;
  font: italic 17px 'adobe-garamond-pro', sans-serif;
  color: #000;
  background: #fff;
  text-decoration: none;
}
.nav-v a:hover,
.nav-v a:visited:hover,
.nav-v a:active:hover,
.nav-v a:focus:hover {
  opacity: 0.5;
  filter: Alpha(Opacity= 50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 50 );
}
.nav-v .active a {
  color: #fff;
  background: #000;
  position: relative;
  z-index: 1;
}
.nav-v .active a:hover {
  opacity: 1;
  filter: Alpha(Opacity= 100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );
}
.nav-v .desc {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #8c8c8c;
}
.bb a {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
.vmenu-arrow {
  transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  position: absolute;
  margin-top: -9px;
  top: 50%;
  right: -13px;
  z-index: 1;
  height: 28px;
  width: 17px;
  background: url(../img/sprite.png) 119px -7px;
}
.hmenu-ball {
  top: 8px;
  left: 50%;
  position: absolute;
  background: #000;
  height: 20px;
  width: 20px;
  z-index: 0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.hnav .active a {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
}
.section-title {
  font: normal 30px 'adobe-garamond-pro', sans-serif !important;
  margin: 0 auto 10px;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-style: italic !important;
}
.size1024 .section-title {
  font-size: 30px;
  font-style: italic;
}
.intwrap {
  padding-bottom: 40px;
}
.races-controls {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #8d8d8d #ebebeb #ebebeb #8d8d8d;
  background: #ebebeb;
  margin-bottom: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.race-nav,
.name-nav {
  width: 472px;
  margin: 0;
  display: block;
  font-family: 'adobe-garamond-pro', sans-serif;
  text-transform: uppercase;
  padding: 10px 5px;
  text-align: center;
}
.race-nav li,
.name-nav li {
  list-style: none;
  display: inline;
}
.race-nav a,
.name-nav a,
.race-nav a:visited,
.name-nav a:visited,
.race-nav a:active,
.name-nav a:active {
  display: inline-block;
  width: 18px;
  color: #000;
  text-decoration: none;
  padding: 2px 0;
  line-height: 1em;
}
.race-nav .active a,
.name-nav .active a {
  position: relative;
  z-index: 1;
  color: #fff !important;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.race-nav {
  width: 518px;
}
.race-list * {
  color: #000;
}
.race-list a,
.race-list a:link,
.race-list a:visited,
.race-list a:active {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid;
}
.race-list dt {
  text-align: center;
  margin-bottom: 10px;
}
.race-list dd {
  display: none;
}
.tab-container {
  position: relative;
}
.race-page {
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  display: none;
  position: absolute;
  top: 20px;
  right: 155px;
  margin: -20px 0 0 -20px;
  width: 530px;
  height: 560px;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px;
}
.race-page h1 {
  font: normal 30px 'adobe-garamond-pro', sans-serif !important;
  margin: 0 auto 10px;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-style: italic;
}
.size1024 .race-page {
  right: 37px;
  top: 50px;
}
.race-page-content-wrap {
  height: 560px;
  overflow: hidden;
  outline: 0;
}
.race-page-content {
  height: auto;
}
.jspPane {
  overflow-y: visible !important;
}
.close-race {
  position: absolute;
  right: 20px;
  top: -10px;
  font-size: 14px;
  padding: 5px 10px;
  background: #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
a.close-race:link,
a.close-race:visited,
a.close-race:active,
a.close-race {
  color: #fff !important;
  text-decoration: none;
}
.list {
  padding-left: 20px;
}
.list li {
  list-style: circle;
}
.name-container {
  width: 515px;
}
.name-container .name-nav {
  width: 503px;
}
.name-controls {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #8d8d8d #ebebeb #ebebeb #8d8d8d;
  background: #ebebeb;
  margin-bottom: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.name-list {
  width: 500px !important;
  margin: 0 !important;
}
.name-list * {
  color: #000;
}
.name-list a,
.name-list a:link,
.name-list a:visited,
.name-list a:active {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid;
}
.name-list dt {
  text-align: center;
  margin-bottom: 10px;
}
.name-list dd {
  display: none;
}
.name-page {
  display: none;
  position: absolute;
  margin: -20px 0 0 -20px;
  width: 510px;
  height: 560px;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px;
}
.name-page h1 {
  font: normal 30px 'adobe-garamond-pro', sans-serif !important;
  margin: 0 auto 10px;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-style: italic;
}
.name-page-content-wrap {
  height: 560px;
  overflow: hidden;
}
.name-page-content {
  height: auto;
}
.recipes-panel {
  height: 560px;
}
.recipe-wrapper {
  position: relative;
  height: 560px;
}
.receitasint .content-area {
  padding-bottom: 15px;
}
.recipe-controls {
  /*bottom: 0; */
  left: 0;
  right: 0;
  z-index: 100;
  position: relative;
  background: #fff;
}
.recipe-controls .prev-tab,
.recipe-controls .next-tab {
  display: block;
  width: 32px;
  height: 32px;
  background: url(..../img/sprite.png);
  text-indent: -999em;
}
.recipe-controls .prev-tab {
  position: absolute;
  background-position: -3px -6px;
}
.recipe-controls .prev-tab:hover {
  background-position: -3px -39px;
}
.recipe-controls .next-tab {
  position: absolute;
  right: 0;
  background-position: -39px -6px;
}
.recipe-controls .next-tab:hover {
  background-position: -39px -39px;
}
.recipe-controls .disabled {
  display: none;
}
.recipe-controls-title {
  display: block;
  padding: 0;
  font: normal 20px 'adobe-garamond-pro', sans-serif !important;
  margin: 0 0 16px 0;
  padding: 5px 0;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-style: italic !important;
  background: none;
}
.recipe-index {
  display: none;
}
.recipe-content {
  height: 526px;
}
.table {
  width: 99%;
  font: normal 14px 'adobe-garamond-pro', sans-serif;
}
.table th {
  background: #d9c88f;
  color: #000;
  text-align: left;
  font-weight: normal;
  padding: 5px 15px;
}
.table td {
  background: #ebe4c7;
  border: 1px solid #fff;
  padding: 5px 15px;
}
.highlight {
  color: #fff;
  background: #000;
  padding: 3px;
}
.recipe-groups-wrapper {
  font-family: 'adobe-garamond-pro', sans-serif;
}
.recipe-groups-wrapper a:visited,
.recipe-groups-wrapper a:active,
.recipe-groups-wrapper a {
  color: #fff;
}

.recipe-groups-wrapper a:hover {
  opacity: 0.5;
  filter: Alpha(Opacity= 50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 50 );
}
.recipe-groups-wrapper a {
  text-decoration: none;
}
.recipe-nav {
  zoom: 1;
  margin: 0;
}
.recipe-nav:before,
.recipe-nav:after {
  content: '';
  display: table;
}
.recipe-nav:after {
  clear: both;
}
.recipe-nav > li {
  float: left;
  width: 50%;
  list-style: none;
}
.recipe-group-wrapper {
  zoom: 1;
  padding: 0px 5px 0 5px;
}
.recipe-group-wrapper:before,
.recipe-group-wrapper:after {
  content: '';
  display: table;
}
.recipe-group-wrapper:after {
  clear: both;
}
.recipe-group {
  position: relative;
  display: block;
  padding: 15px;
  background: #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.recipe-group .desc {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #8c8c8c;
}
.recipe-group .arrow {
  transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  position: absolute;
  top: 40px;
  right: -13px;
  margin-top: -10px;
  height: 28px;
  width: 17px;
  background: url(../img/sprite.png) 119px -7px;
}
.recipe-list-wrapper {
  overflow: hidden;
  height: 123px;
}
.lt-ie10 .recipe-list-wrapper {
  height: auto;
}
.recipe-list {
  zoom: 1;
  margin: 0;
  padding: 0;
}
.recipe-list:before,
.recipe-list:after {
  content: '';
  display: table;
}
.recipe-list:after {
  clear: both;
}
.recipe-list li {
  list-style: none;
}
.recipe-list a {
  display: block;
  padding: 10px;
  margin-bottom: 1px;
  height: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #000 !important;
  background: #fff;
}
.recipe-group {
  float: left;
  width: 200px;
}
.recipe-list {
  float: right;
  width: 210px;
}
.recipe-list-controls {
  zoom: 1;
  text-align: right;
  padding-top: 0;
}
.recipe-list-controls:before,
.recipe-list-controls:after {
  content: '';
  display: table;
}
.recipe-list-controls:after {
  clear: both;
}
.recipe-list-controls a {
  display: block;
  text-indent: -999em;
  line-height: 0;
  font-size: 0;
  float: right;
  height: 33px;
  width: 33px;
  background-image: url(../img/sprite.png);
}
.recipe-list-controls .go-down {
  background-position: -39px -259px;
  margin-right: 70px;
}
.recipe-list-controls .go-up {
  margin-right: 5px;
  background-position: -3px -259px;
}
.recipe-list-controls .go-down.disabled,
.recipe-list-controls .go-up.disabled {
  opacity: 0.5;
  filter: Alpha(Opacity= 50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 50 );
  cursor: default;
}
.float-none {
  float: none !important;
}
.flexcarousel {
  position: relative;
  zoom: 1;
}
.flexcarousel:before,
.flexcarousel:after {
  content: '';
  display: table;
}
.flexcarousel:after {
  clear: both;
}
.flexcarousel .slides {
  zoom: 1;
  margin: 0;
  padding: 0;
}
.flexcarousel .slides:before,
.flexcarousel .slides:after {
  content: '';
  display: table;
}
.flexcarousel .slides:after {
  clear: both;
}
.flexcarousel .slides li {
  float: left;
  width: 200px;
  list-style: none;
}
.flex-direction-nav {
  margin: 0 auto;
  padding: 0;
}
.flex-direction-nav li {
  list-style: none;
}
.flex-prev,
.flex-next {
  top: 50%;
  z-index: 120;
  position: absolute;
  display: block;
  text-indent: -999em;
  height: 77px;
  width: 33px;
  margin-top: -35px;
  background-image: url(../img/sprite.png);
}
.flex-prev {
  left: 10px;
  background-position: -12px -82px;
}
.flex-next {
  right: 10px;
  background-position: -12px -162px;
}
.slides {
  zoom: 1;
}
.slides:before,
.slides:after {
  content: '';
  display: table;
}
.slides:after {
  clear: both;
}
.home-carousel {
  font-family: 'adobe-garamond-pro', sans-serif;
  position: absolute;
  left: 0;
  right: 0;
}
.home-carousel img {
  width: 100%;
  height: auto;
  display: block;
}
.home-carousel .slides li {
  position: relative;
  z-index: 1;
  padding: 40px 5px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
}
.home-carousel .slides li:hover {
  z-index: 100;
}
.animated-fast {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}
@-moz-keyframes grow {
  0% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.1);
  }
}
@-ms-keyframes grow {
  0% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.1);
  }
}
@-o-keyframes grow {
  0% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(1.1);
  }
}
@keyframes grow {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.grow {
  -webkit-animation-name: grow;
  -moz-animation-name: grow;
  -ms-animation-name: grow;
  -o-animation-name: grow;
  animation-name: grow;
}
@-webkit-keyframes shrink {
  0% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes shrink {
  0% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes shrink {
  0% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes shrink {
  0% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes shrink {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.shrink {
  -webkit-animation-name: shrink;
  -moz-animation-name: shrink;
  -ms-animation-name: shrink;
  -o-animation-name: shrink;
  animation-name: shrink;
}
.home-feature {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
  -webkit-backface-visibility: visible !important;
  transition: ease-in-out all 0.5s;
  -moz-transition: ease-in-out all 0.5s;
  -webkit-transition: ease-in-out all 0.5s;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  opacity: 0.4;
  filter: Alpha(Opacity= 40);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 40 );
}
.home-feature.hover {
  opacity: 1;
  filter: Alpha(Opacity= 100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );
}
.home-feature.hover:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

a.home-feature {
  text-decoration: none;
  display: block;
}

.lt-ie8 .feature-info i {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: url(../img/fallbackie.png);
}

.home-feature img {
  display: block;
}
.feature-info {
  display: block;
  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.feature-info .feature-info-label,
.feature-info .feature-info-content {
  transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
}
.feature-info .feature-info-content {
  opacity: 0;
  filter: Alpha(Opacity= 0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 0 );
}
.feature-info img {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.feature-info-label {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9px;
  text-align: center;
  line-height: 1em;
}
.lt-ie10 .feature-info-label,
.lt-ie9 .feature-info-label,
.lt-ie8 .feature-info-label {
  bottom: 5px;
}
.feature-info-label span {
  color: #fff;
  background: #000;
  padding: 6px 12px;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  bottom: 10px;
}
.feature-info-content {
  position: absolute;
  bottom: 0;
  left: -100%;
  right: 100%;
  padding-bottom: 5px;
  line-height: 1.3em;
  font-size: 13px;
}
.feature-info-content p {
  margin: 0;
  color: #ccc;
  margin-bottom: 8px;
}
.feature-info-content a {
  padding: 3px 6px;
  color: #fff;
  text-decoration: none;
  background: #000;
}
.feature-caption {
  padding: 2px;
  background: #000;
}
.feature-title {
  padding: 4px;
  font-size: 13px;
  line-height: 1.8em;
  color: #fff;
  background: #b1994d;
}
.feature-highlight {
  color: #b1994d;
}
.size1024 .feature-info-content {
  line-height: 1.3em;
  font-size: 11px;
}
.blocks-parent {
  padding-top: 40px;
  padding-left: 20px;
}
.flexblock {
  width: 530px;
  font-family: 'adobe-garamond-pro', sans-serif;
  position: relative;
  text-align: center;
}
.flexblock ul {
  padding: 0;
  margin: 0;
}
.flexblock li {
  list-style: none;
}
.flexblock > ul > li {
  display: none;
}
.flexblock > ul > li :first-child {
  display: block;
}
.blocks {
  zoom: 1;
  width: 530px;
}
.blocks:before,
.blocks:after {
  content: '';
  display: table;
}
.blocks:after {
  clear: both;
}
.blocks > li {
  float: left;
  width: 50%;
}
.block {
  background: #fff;
  margin: 5px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}
.block-content {
  padding: 0 10px;
  padding-top: 5px;
}
.block-content p {
  padding-bottom: 5px;
  margin: 0;
}
.flexblock .flex-control-paging {
  zoom: 1;
  text-align: center;
}
.flexblock .flex-control-paging:before,
.flexblock .flex-control-paging:after {
  content: '';
  display: table;
}
.flexblock .flex-control-paging:after {
  clear: both;
}
.flexblock .flex-control-paging {
  padding: 0;
  display: inline-block;
  margin: 0 auto;
}
.flexblock .flex-control-paging li {
  float: left;
}
.flexblock .flex-control-paging a {
  cursor: pointer;
  display: block;
  width: 17px;
  height: 17px;
  margin: 0 3px;
  padding: 0;
  color: transparent;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #fff;
}
.flexblock a {
  text-decoration: none;
}
.flexblock .flex-control-paging .active {
  background: #000;
}
#load-content {
  zoom: 1;
}
#load-content:before,
#load-content:after {
  content: '';
  display: table;
}
#load-content:after {
  clear: both;
}
.load-content-wrapper {
  zoom: 1;
  min-height: 400px;
}
.load-content-wrapper:before,
.load-content-wrapper:after {
  content: '';
  display: table;
}
.load-content-wrapper:after {
  clear: both;
}
.big-screen .provar .content {
  margin-top: -60px;
}
.big-screen .content-area {
  margin-top: -60px;
}
.big-screen .mundocesarint .content-area {
  margin-top: -20px;
}
.big-screen .race-page {
  top: 7px;
}
/* ======================================================================
   Pjax
   =================================================================== */
.pjax-error {
  background: #fff;
  width: 500px;
  position: absolute;
  line-height: 1em;
  font-size: 1.5em;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -0.5em;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
/* ======================================================================
   Contacto
   =================================================================== */
.contactos .content {
  background: #000;
  color: #000;
  padding-bottom: 30px;
  margin: 0;
}
.contactos .content .maintext {
  width: 536px;
}
.contactos .form-field-wrap {
  padding: 6px 0;
}
.contactos .form-button {
  background: #bea34d;
  color: #fff;
  font: italic 16px 'adobe-garamond-pro', sans-serif;
  height: auto;
  padding: 12px 17px;
  margin: 0 10px 0 211px;
}
.contactos .form-small-desc {
  font-style: italic;
  margin: 0 !important;
}
.contactos .form-contact-info {
  font: italic 14px 'adobe-garamond-pro', sans-serif;
  padding-top: 20px;
  margin-bottom: 0 !important;
}
.contactos .content p {
  color: #fff;
  float: left;
  margin: 0 0 12px 0;
  width: 521px;
}
.contactos form {
  margin-left: 5px;
}
.contactos .content form span {
  color: #858585;
  padding: 0;
  background: none;
}
.contactos .fl {
  float: left;
}
.contactos .fr {
  float: right;
}
.contactos .content form fieldset {
  margin: 0 10px 20px 0;
  float: left;
}
.contactos .content form label,
.contactos .content form .contactosspan {
  color: #bea34d;
  font-size: 17px;
  font-style: italic;
  display: block;
}
.contactos .content form label span {
  color: #fff;
}
.contactos .content .maintext form textarea,
.contactos .content .maintext form input {
  border-radius: 7px;
  border: 0;
  margin: 5px 0 0;
  outline: 0;
  padding: 14px 8px;
}
.contactos .content .maintext form textarea {
  height: auto;
}
.contactos .content .maintext form input:focus,
.contactos form #codpostalwrap.focus {
  background: #cacaca;
}
.contactos .content form fieldset.checkboxs input {
  height: auto;
}
.contactos .content form fieldset.checkboxs label {
  margin: 0 25px 0 5px;
}
.contactos .content form #submit:hover {
  background: #a7914c;
}
.contactos .content .maintext {
  width: 536px;
}
.contactos .content .maintext form input.error,
.contactos .content .maintext form #codpostalwrap.error {
  border: 1px solid #ce0303;
  background: #ff9090;
  height: 42px;
  padding: 0 0 0 6px;
}
.contactos .content .maintext form textarea.error {
  height: auto;
  border: 1px solid #ce0303;
  background: #ff9090;
}
.contactos .content .maintext form label.error,
.contactos html body .provar .content .maintext form label.error span {
  color: #ff4b4b;
}

.contactos .content .maintext form textarea.big,
.contactos .content .maintext form input.big {
  width: 512px;
}
.contactos form #codpostalwrap {
  border-radius: 7px;
  height: 44px;
  border: 0;
  margin: 5px 0 0;
  outline: 0;
  padding: 0 0 0 8px;
  width: 103px;
  background: #fff;
}
.contactos form .comentario-contatos {
  width: 514px;
}
.contactos form #comentario-contatos.error {
  width: 510px;
}

.contactos .content .maintext form #nome-contatos.error,
.contactos .content .maintext form #email-contatos.error {
  height: 41px;
  width: 520px;
}
.contactos .content .maintext form #comentario-contatos {
  height: 75px;
}
.contactos .content .maintext form #comentario-contatos.error {
  height: 73px;
}
.contactos form #codpostalwrap input.codpostal {
  width: 33px;
  height: 44px;
  margin: 0;
  background: transparent;
}
.contactos form #codpostalwrap input.codpostal:first-child {
  width: 36px;
}
.contactos form #codpostalwrap.error input {
  height: 43px;
}
.contactos form #codpostalwrap.error span {
  margin-top: 13px;
}
.contactos form #codpostalwrap input.codpostal:focus {
  background: transparent;
}
.contactos form #codpostalwrapspan {
  color: #000;
  height: 30px;
  margin-top: 14px;
}
#provar-result,
#contatos-result {
  position: absolute;
  display: none;
  background: black;
  width: 600px;
  height: 925px;
  left: 0;
  top: 0;
}
#provar-result p {
  color: #fff;
  font: normal 15px 'adobe-garamond-pro', sans-serif;
  color: #d9c88f;
  display: inline;
  margin: 375px 0 0 129px;
  position: absolute;
  right: 0;
  width: 240px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  height: 20px;
}
#contatos-result p {
  position: absolute;
  right: 0;
  width: 270px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  height: 120px;
  font: normal 15px 'adobe-garamond-pro', sans-serif;
  color: #d9c88f;
}
/* ==== * Form Validation * ==== */
.invalid {
  border: 1px solid #ce0303 !important;
  background: #ff9090;
}
label.invalid {
  padding: 6px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  color: #fff !important;
  margin-top: 5px;
}
/* ==== * BREED PAGE * ==== */
.breed-page {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-right: 5px;
}
.breed-page h1 {
  font: normal 30px 'adobe-garamond-pro', sans-serif !important;
  margin: 0 auto 10px;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-style: italic;
}
.breed-page-content-wrap {
  height: 560px;
  overflow: hidden;
}
.breed-page-content {
  height: auto;
}
.jspPane {
  overflow-y: visible !important;
}
.close-breed {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 14px;
  padding: 5px 10px;
  z-index: 999;
  background: #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
a.close-breed:link,
a.close-breed:visited,
a.close-breed:active,
a.close-breed {
  color: #fff !important;
  text-decoration: none;
}
#load-content {
  position: relative;
}
/* ==== * Fake Content Area * ==== */
.provar .content {
  background: #000;
  color: #fff;
  padding-bottom: 30px;
  margin: 0;
}
.provar .content p {
  color: #fff;
  float: left;
  margin: 0 0 12px 0;
  width: 521px;
}
.provar form {
  margin-left: 5px;
}
.provar .content form span {
  color: #858585;
  padding: 0;
  background: none;
}
.provar .fl {
  float: left;
}
.provar .fr {
  float: right;
}
.provar .content form fieldset {
  margin: 0 10px 20px 0;
  float: left;
}
.provar .content form label {
  color: #bea34d;
  font-size: 17px;
  font-style: italic;
  display: block;
  margin: 0 0 5px 0;
}
.provar .content form label span {
  color: #fff;
}
.provar .content .maintext form input {
  border-radius: 7px;
  height: 44px;
  border: 0;
  outline: 0;
  padding: 0 0 0 8px;
}
.provar .content .maintext form fieldset.checkboxs input,
.provar .content .maintext form fieldset.sabor input {
  padding: 0;
}
.provar .content .maintext form input:focus,
.provar form #codpostalwrap.focus {
  background: #cacaca;
}

.provar .content form fieldset.checkboxs input {
  height: auto;
}
.provar .content form fieldset.checkboxs label {
  margin: 0 25px 0 5px;
}
form #submit,
form #submit-contatos {
  border: none;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background: #bea34d;
  color: #fff;
  font: italic 16px 'adobe-garamond-pro', sans-serif;
  height: auto;
  padding: 12px 17px;
  margin: 0 10px 0 100px;
}
#submit:hover #submit-contatos {
  background: #a7914c;
}
.provar .content .maintext {
  width: 536px;
}
.provar .content .maintext form input.error,
.provar .content .maintext form #codpostalwrap.error {
  border: 1px solid #ce0303;
  background: #ff9090;
  height: 42px;
  padding: 0 0 0 7px;
}
.provar .content .maintext form label.error,
html body .provar .content .maintext form label.error span {
  color: #ff4b4b;
}
.provar .content .maintext form .localidade.error {
  width: 137px;
}
#provar-form-error,
#provar-form-error-contatos {
  color: #bf0000;
  font: bold 13px 'adobe-garamond-pro';
  margin: 14px 0 0 0;
}
.provar .content .maintext form input.nomecao {
  width: 306px;
}
.lt-ie10 .size1024 .provar .content .maintext form input.nomecao,
.lt-ie9 .size1024 .provar .content .maintext form input.nomecao,
.lt-ie8 .size1024 .provar .content .maintext form input.nomecao {
  width: 334px;
}
.provar .content .maintext form input.racacao {
  width: 190px;
}
.size1024 .content .maintext form input.racacao {
  width: 230px;
}
.size1024 .content .maintext form input.racacao.error {
  width: 230px;
}
.provar .content .maintext form input.pesocao {
  width: 98px;
}
.provar .content .maintext form input.big {
  width: 513px;
}
.provar .content .maintext form input.localidade {
  width: 138px;
}
.provar .content .maintext form input.email {
  width: 233px;
}
.provar .content .maintext form fieldset.sabor input {
  height: auto;
  margin: 5px 0 0 0;
}
.provar .content .maintext form fieldset.sabor label.type {
  margin: 0 10px 0 0;
  color: #fff;
  font: normal 14px 'adobe-garamond-pro', sans-serif;
  display: inline;
}
.provar .content .maintext form fieldset.sabor {
  width: 250px;
}

.provar form #codpostalwrap {
  border-radius: 7px;
  height: 44px;
  border: 0;
  margin: 5px 0 0;
  outline: 0;
  padding: 0 0 0 8px;
  width: 103px;
  background: #fff;
}
.lt-ie9 .provar form #codpostalwrap {
  height: 37px;
}
.provar form #codpostalwrap.error {
  width: 102px;
}
.provar .content .maintext form .racacao.error {
  width: 189px;
}
.provar form #codpostalwrap span {
  margin-top: 13px;
}
.provar form #codpostalwrap input.codpostal {
  width: 33px;
  height: 44px;
  margin: 0;
  background: transparent;
}
.provar form #codpostalwrap input.codpostal:first-child {
  width: 36px;
}
.provar form #codpostalwrap.error input {
  height: 43px;
}
.provar form #codpostalwrap.error span {
  margin-top: 13px;
}
.provar form #codpostalwrap input.codpostal:focus {
  background: transparent;
}
.provar form #codpostalwrapspan {
  color: #000;
  height: 30px;
  margin-top: 14px;
}

/* ======================================================================
SAQUETAS
=================================================================== */
.saquetas .leftint {
  padding-right: 20px;
}

.saquetas .content {
  background: #000;
  color: #fff;
  padding-bottom: 30px;
  margin: 0 0 0 20px;
}

.saquetas .content .maintext {
  position: relative;
  display: inline-block;
  padding: 20px;
  width: 580px;
}

.saquetas .content .maintext h1,
.saquetas .content .maintext h2,
.saquetas .content .maintext h3,
.saquetas .content .maintext h4,
.saquetas .content .maintext h5,
.saquetas .content .maintext h6,
.saquetas .content .maintext p,
.saquetas .content .maintext p b {
  color: #fff;
}

.saquetas .content .maintext figure {
  width: auto;
  height: auto;
}

.saquetas .content .maintext img {
  max-width: 100%;
}

.saquetas .content {
  background: #000;
  color: #fff;
  padding-bottom: 30px;
  margin: 0;
}

/* ======================================================================
Footer
=================================================================== */
#footer nav {
  margin: 0 auto;
  float: none;
}

/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  70% {
    -webkit-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  70% {
    -moz-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  100% {
    -moz-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 1;
  }
}
@-ms-keyframes flipInX {
  0% {
    -ms-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  40% {
    -ms-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  70% {
    -ms-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  100% {
    -ms-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  70% {
    -o-transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  100% {
    -o-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  40% {
    transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  70% {
    transform: translate3d(100%, 0, 0) rotatey(90deg);
  }
  100% {
    transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate3d(-100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
}
@-ms-keyframes flipOutX {
  0% {
    -ms-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate3d(-100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -o-transform: translate3d(-100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -ms-animation-name: flipOutX;
  -ms-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: translate3d(130%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
}
@-ms-keyframes flipInY {
  0% {
    -ms-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  100% {
    -o-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: translate3d(100%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
  -webkit-transform-origin: 0% 60%;
  -moz-transform-origin: 0% 60%;
  -ms-transform-origin: 0% 60%;
  transform-origin: 0% 60%;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-70%, 0, 0) rotatey(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate3d(-100%, 0, 0) rotatey(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes flipOutY {
  0% {
    -ms-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate3d(-100%, 0, 0) rotatey(-90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    -o-transform: translate3d(-100%, 0, 0) rotatey(0);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: translate3d(0, 0, 0) rotatey(0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) rotatey(-90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
  -webkit-transform-origin: 60% 0%;
  -moz-transform-origin: 60% 0%;
  -ms-transform-origin: 60% 0%;
  transform-origin: 60% 0%;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
html.size1024,
html.size1024 body {
  min-height: 600px;
}
.size1024 {
  overflow-y: scroll;
}
.size1024 h1 {
  margin: 0;
  font: normal 60px 'adobe-garamond-pro', sans-serif;
}
.size1024 .header {
  padding-top: 25px;
}
.size1024 #wrapper.home {
  height: 100%;
}
.size1024 .home footer div {
  padding: 0;
  width: auto;
}
.size1024 .home footer {
  position: absolute;
  bottom: 10px;
  margin: 25px auto;
}
.size1024 .home h1 {
  margin: 80px 0 25px 55px;
}
.size1024 .home #slide {
  width: auto;
}
.size1024 .home #slide ul {
  width: 3000px;
  position: relative;
  left: -321px;
}
.size1024 .home #slide .nav1 ul {
  position: static;
}
.size1024 .home #slide .nav1 ul li {
  margin: 0 1px 0 0;
}
.size1024 .bgwrapper {
  position: fixed;
}
.size1024 footer nav {
  display: none;
}
.size1024 footer div {
  width: 531px;
  padding-left: 316px;
}
.size1024 nav {
  float: right;
  width: 675px;
}
.size1024 .logo {
  float: left;
  width: auto;
  height: auto;
}
.size1024 #biglogo {
  display: none;
}
.size1024 #smalllogo {
  display: inline;
}
.size1024 .leftint h2 {
  font: normal 42px 'adobe-garamond-pro', sans-serif;
}
.size1024 nav ul li a {
  font: 16px 'adobe-garamond-pro', sans-serif;
}
.size1024 .intwrap {
  margin: 30px auto 0;
  width: 914px;
  /* width:894px” */
}
.size1024 .track {
  display: none;
}
.size1024 .text {
  height: auto;
  margin: auto;
  width: 540px;
}
.size1024 .scrollhidden {
  overflow: initial;
  height: auto;
}
.size1024 .leftint {
  left: 0;
}
.size1024 .content {
  right: 0;
  padding-bottom: 25px;
  min-height: 360px;
}
.size1024 .wrap {
  min-height: 600px;
  /* width:890px; */

  width: 872px;
}
.size1024 #wrapper {
  height: auto;
  min-height: 600px;
  /* height:100%; */
}
.size1024 nav ul li a i b {
  background: url(../img/sprite.png) -103px -24px;
  top: 30px;
}
.size1024 nav ul li a.active i b {
  background: url(../img/sprite.png) -103px -32px;
  top: 30px;
}
.size1024 .maintext h1 {
  display: block;
}
.size1024 .receitas .maintext h1 {
  display: none;
}
.size1024 .content .maintext {
  width: 534px;
  padding: 0;
}
.size1024 .content .hold {
  width: 540px;
}
.size1024 .top {
  display: none;
  width: 576px;
}
.size1024 .bot {
  display: none;
}
.size1024 .receitas .top {
  display: block;
}
.size1024 footer {
  position: relative;
  margin: 25px 0 0;
}
.size1024 .top .wraptop {
  width: 400px;
}
.size1024 .top .wraptop .intbtn {
  float: left;
}
.size1024 .wallpapers .content .list {
  width: auto;
  height: auto;
}
.size1024 .wallpapers .controls {
  display: none;
}
.size1024 .provar .maintext {
  width: 564px;
  padding-left: 18px;
}
.size1024 .especialistas footer,
.size1024 .receitas footer {
  position: absolute;
  margin: 25px 0 0;
}
.size1024 #navtop {
  display: block;
}
.size1024 nav ul li a {
  padding: 10px 15px;
}
.intwrap {
  /* width:864px; */

  width: 916px;
  margin: 47px 0 0 0;
  position: relative;
}
.leftint {
  /* width: 265px; */
  width: 600px;
  float: left;
  position: relative;
}
h2 {
  font: normal 52px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
  color: #fff;
  margin: 0;
  line-height: 0.9;
}
.size1024 .col-left h2 {
  font: normal 42px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
}
.leftint nav.navint {
  width: 260px;
  float: left;
  height: auto;
  position: relative;
}
nav.navint ul li a {
  color: #000;
  font: italic 17px 'adobe-garamond-pro', sans-serif;
  width: 240px;
  padding: 20px 0 20px 20px;
  background: none #fff;
  display: block;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(opacity=100);
  opacity: 1;
  height: 100px;
  position: relative;
  margin-bottom: 1px;
  -webkit-transition: opacity 200ms ease-out;
}
.lt-ie9 .leftint nav.navint ul li a {
  width: 200px;
  height: 75px;
}
.bt {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.bb {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.leftint nav.navint ul li a:hover {
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=150)';
  filter: alpha(opacity=50);
  -webkit-transition: opacity 200ms ease-out;
}
.leftint nav.navint ul li a.active {
  background: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
}
.leftint nav.navint ul li a p {
  width: 170px;
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  color: #89888c;
}
.leftint nav.navint ul li {
  background: none;
  padding: 0;
}
.content {
  padding-top: 23px;
  border-radius: 5px;
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  float: left;
  background: #fff;
  overflow: hidden;
  position: relative;
  margin: 0 68px 0 0;
}
.content h1 {
  font-size: 30px;
  margin: 0 auto 10px;
  color: #000;
  text-align: center;
  font-weight: normal;
}
.scrollhidden {
  height: 480px;
  overflow: auto;
}
.hold {
  width: 560px;
  position: relative;
}
.maintext {
  margin: 0 0 0 3px;
  padding: 0 17px;
}
.track {
  height: 480px;
  width: 7px;
  float: left;
  background: #cfcece;
  border-left: 1px solid #7c7c7c;
  position: absolute;
  border-radius: 5px;
  right: 5px;
  top: 20px;
  z-index: 1;
}
.trackscroll {
  width: 7px;
  height: 40px;
  background: #000;
  border-radius: 5px;
  position: absolute;
  top: 10px;
}
.text {
  overflow: hidden;
}
.bot {
  width: 576px;
  padding: 10px 0;
  height: 40px;
}
.top {
  width: 532px;
  display: none;
  padding: 10px 0;
  height: 40px;
}
.content .bot h1 {
  float: left;
  font: 15px;
  margin: 0 15px;
}
.content .top h1 {
  float: left;
  font: 15px;
  margin: 0 15px;
}
.intbtn a {
  float: left;
  height: 33px;
  width: 33px;
  background: url(../img/sprite.png) -39px -6px;
  margin-top: 2px;
}
.intbtn a:hover {
  background: url(../img/sprite.png) -39px -38px;
}
.intbtn:first-child a {
  background: url(../img/sprite.png) -3px -6px;
}
.intbtn:first-child a:hover {
  background: url(../img/sprite.png) -3px -38px;
}
.wrapbot {
  margin: 0 auto;
  width: 385px;
  height: 35px;
}
.wraptop {
  margin: 0 auto;
  width: 385px;
  height: 35px;
}
.maintext figure {
  width: 478px;
  height: 178px;
}
.maintext p {
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  color: #000;
}
.maintext span {
  color: #fff;
  background: #000;
  padding: 3px;
}
.maintext table {
  width: 100%;
  font: normal 14px 'adobe-garamond-pro', sans-serif;
}
.maintext table th {
  background: #d9c88f;
  color: #000;
  text-align: left;
  font-weight: normal;
  padding: 5px 15px;
}
.maintext table td {
  background: #ebe4c7;
  border: 1px solid #fff;
  padding: 5px 15px;
}
.receitasint .seta {
  top: 50px;
}
.especialistasint .seta {
  top: 21px;
}
.seta {
  background: url(../img/sprite.png) 119px -7px;
  width: 17px;
  height: 28px;
  position: absolute;
  z-index: 1;
  right: -13px;
}
.leftint p {
  color: #fff;
  font: normal 15px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
}
.leftint nav.menu {
  width: 1070px;
  height: auto;
  margin: 30px 0 0;
}
nav.menu ul li {
  float: left;
}
nav.menu ul li a {
  width: 188px;
  padding: 18px 0 8px 20px;
  margin: 0 7px 0 0;
}
nav.menu ul li a {
  opacity: 1;
}
.leftint p {
  color: #fff;
  font: normal 15px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
}
.especialistas .leftint .navint {
  width: 1070px;
  height: auto;
  margin: 50px 0 0;
}
.especialistas .navint ul li {
  float: left;
}
.especialistas .navint ul li a {
  width: 188px;
  padding: 18px 0 8px 20px;
  margin: 0 7px 0 0;
}
.size1024 .especialistas .footer {
  margin-top: 150px;
}
.especialistas nav.navint ul li a {
  opacity: 1;
}
.size1024 .especialistas footer {
  position: absolute;
  margin: 25px 0 0;
}
.barra {
  width: 453px;
  padding: 10px 12px;
  background: #ebebeb;
  border-radius: 6px;
  margin: 0 auto;
  text-align: center;
  word-spacing: 6px;
  position: relative;
  border-top: 1px solid #8d8d8d;
  border-left: 1px solid #8d8d8d;
}
.racas .maintext {
  /* width:502px; */
  /* Maior width para compensar a saída da div track*/
}
.barra span {
  background: none;
  color: #000;
}
.racas .maintext ul li {
  text-align: center;
  list-style: none;
  text-decoration: underline;
}
.racas .maintext ul li span {
  background: none;
  color: #000;
}
.racas .maintext .drag {
  height: 21px;
  width: 21px;
  background: #000;
  border-radius: 15px;
  position: absolute;
  top: 8px;
  left: 48px;
}
.racas .barra ul {
  margin: 0;
  position: relative;
  z-index: 5;
}
.racas .barra ul.alfabeto li {
  text-decoration: none;
  font-size: 14px;
}
.racas .barra ul.alfabeto li a {
  float: left;
  color: #000;
  margin-left: 8px;
  text-decoration: none;
}
.racas .barra ul.alfabeto li a.active {
  color: #fff;
}
.racas .maintext .list {
  margin: 30px 0 0;
}
.racas .maintext .list ul li a {
  color: #000;
}
.racas .seta {
  top: 19px;
}
.racasint .intwrap #close {
  position: absolute;
  border-radius: 9px;
  background: #000;
  right: 100px;
  top: -10px;
}
.racasint .intwrap #close a {
  color: #fff;
  padding: 8px 7px;
  font: normal 13px 'adobe-garamond-pro', sans-serif;
  text-decoration: none;
}
.wallpapers .box {
  width: 278px;
  height: 221px;
  border-radius: 4px;
  float: left;
  margin: 0 0 10px 5px;
  overflow: hidden;
}
.wallpapers .box figure {
  width: 278px;
  height: 172px;
}
.wallpapers .box figcaption {
  width: 258px;
  height: 31px;
  background: #fff;
  padding: 9px 10px;
}
.wallpapers .box figcaption p {
  margin: 0;
}
h4 {
  margin: 0 0 0 5px;
}
.wallpapers .box figcaption ul {
  margin: 0;
}
.wallpapers .box figcaption ul li {
  float: left;
  color: #919191;
  list-style: none;
}
.wallpapers .box figcaption ul li a {
  margin: 0 5px;
  float: left;
  color: #919191;
  list-style: none;
}
.wallpapers .box figcaption ul li a:hover {
  color: #5a5a5a;
}
.wallpapers .intwrap {
  width: 940px;
}
.wallpapers .intwrap .content {
  width: 570px;
  /* 600px */

  float: left;
  background: none;
  overflow: hidden;
  margin: 0 0 0 10px;
  padding: 0;
}
.wallpapers .content .list {
  width: 2000px;
}
.wallpapers .content .list .page {
  width: 570px;
  float: left;
  margin: 0 50px 0 0;
}
.controls {
  width: 560px;
  float: right;
  margin: 10px 99px 0 0;
}
.controls ul {
  margin: auto;
  display: table;
}
.wallpapers .controls ul li {
  list-style: none;
  float: left;
}
.wallpapers .controls ul li a {
  height: 14px;
  width: 14px;
  float: left;
  margin-left: 5px;
  background: url(../img/sprite.png) -98px -40px;
}
.wallpapers .controls ul li a.active {
  background: url(../img/sprite.png) -83px -40px;
}
.wallpapers .controls ul li a.first {
  margin-left: 0;
}
.wallpapers .seta {
  top: 84px;
  right: -11px;
}
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;
}
/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
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%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  background: #000;
  color: #000;
}
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #d9c88f;
  color: black;
  text-shadow: none;
}
/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  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: '';
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  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;
  }
}
a {
  color: #bea34d;
}
a:visited {
  color: #bea34d;
}
a:hover {
  color: #5a5a5a;
}
a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
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;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 0;
}
dd {
  margin: 0 0 0 0;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * Consistent box sizing and appearance
 */
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;
}
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
  width: 521px !important;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #cecece;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: inset 1px 0 1px #7c7c7c;
  -o-box-shadow: inset 1px 0 1px #7c7c7c;
  -moz-box-shadow: inset 1px 0 1px #7c7c7c;
  -webkit-box-shadow: inset 1px 0 1px #7c7c7c;
}
.jspDrag {
  background: #000;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
.lt-ie9 .provar .content .maintext form input {
  padding: 10px 0 7px 8px;
  height: 20px;
}
.lt-ie9 .provar .content .maintext form input#nome,
.lt-ie9 .provar .content .maintext form input#morada {
  width: 500px;
}
.lt-ie9 .provar .content .maintext form input#codpostal {
  width: 36px;
  height: 20px;
  padding-top: 11px;
}
.lt-ie9 .provar .content .maintext form input#codpostal2,
.provar .content .maintext form input#codpostal2 {
  width: 30px;
  height: 20px;
  padding-top: 11px;
  background: transparent;
}
.lt-ie9 .provar .content .maintext form input#localidade {
  width: 143px;
}
.lt-ie9 .provar .content .maintext form input#email {
  width: 220px;
}
.lt-ie9 .provar .content .maintext form input#viamail,
.lt-ie9 .provar .content .maintext form input#viapostal {
  height: auto;
}

/*

.lt-ie9 .provar .content {

margin-left:5px;

}

*/
.lt-ie9 .wallpapers .box ul li a {
  margin-top: 4px;
}
.lt-ie9 .racas .maintext .drag {
  top: 7px;
  left: 48px;
  width: 19px;
  height: 19px;
}
.lt-ie9 .racas .barra ul {
  margin-top: 1px;
}
.lt-ie9 #slide ul li .theme {
  top: 4px;
}
.lt-ie9 nav ul li a {
  padding: 11px 17px 9px;
}
.lt-ie9.size1024 nav ul li a {
  padding: 13px 17px 9px;
}
.lt-ie9 nav.navint ul li a {
  width: 240px;
  padding: 20px 0 20px 21px;
}
.lt-ie9 .seta {
  right: -12px;
}
.lt-ie9 footer nav {
  width: 760px;
}
.lt-ie9 .provar .content form fieldset.checkboxs input {
  margin: 0;
  padding: 0;
}

/* IE ALERT */
#iealert {
  height: 29px;
  width: 100%;
  background: white;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  z-index: 10;
  margin: auto;
  padding: 0;
}
#alert-x {
  float: right;
  line-height: 1;
  margin-right: 40px;
  margin-top: 6px;
}
#alert-x a {
  font: normal 14px arial, sans-serif;
  color: black;
  text-decoration: none;
}
#iealert p {
  font: normal 13px arial, sans-serif;
  color: black;
  margin: 6px 50px 0 0;
  text-align: center;
}
#iealert p a,
#iealert p a:visited {
  text-decoration: underline;
  color: black;
}

#iealert p a:hover {
  color: #bea34d;
}

/* ATUALIZAR BROWSER */
nav.menu ul.atualizar li a {
  text-align: center;
  width: 215px;
  padding-left: 0;
}

nav.menu ul.atualizar li a figure {
  margin: 10px 0 0 0;
}

/*###########     NOMENU      ############*/
.nomenu {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 657px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin: -170px 0 0 -328px;
  padding: 24px 27px 19px;
  background: #000;
  /*margin:337px auto 0;*/
}
.nomenu .pedido {
  display: inline-block;
  background: #d91415;
  padding: 10px 20px;
  margin: 15px 0 0;
  font-size: 20px;
  font-style: italic;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.nomenu a.close-breed {
  top: -12px;
}
.nomenu h2 {
  display: block;
  margin: 0 0 20px;
}
.nomenu .left {
  width: 514px;
}
.nomenu p {
  font: normal 15px 'adobe-garamond-pro', sans-serif;
  font-style: italic;
  color: #9f9f9f;
  margin: 0;
}
.nomenu span {
  color: #fff;
  display: block;
}

.saqueta figure > img {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*###########     Saquetas Area      ############*/
.products-list {
  position: relative;
  width: 100%;
  display: inline-block;
  clear: both;
  padding: 2rem 0 2rem;
}

/*###########     Home Promo Modal      ############*/
.promo .modal-dialog {
  max-width: 600px;
  margin: 20vh auto;
}
.promo .modal-content {
  background-color: #000;
}
.promo .modal-body img {
  max-width: 100%;
}
.promo .modal-footer {
  border: 0;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 60px;
}
.promo .modal-footer .btn {
  color: #ffffff;
  background-color: #bea34d;
  font: 20px 'adobe-garamond-pro', sans-serif;
  font-weight: bold;
  padding: 20px 50px;
  -webkit-border-radius: 6px;
  border-radius: 6px;

  background: #bea34d; /* Old browsers */
  background: -moz-linear-gradient(top, #bea372 0%, #a98846 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #bea372),
    color-stop(100%, #a98846)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bea372 0%, #a98846 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bea372 0%, #a98846 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bea372 0%, #a98846 100%); /* IE10+ */
  background: linear-gradient(to bottom, #bea372 0%, #a98846 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bea372', endColorstr='#a98846',GradientType=0 ); /* IE6-9 */
}

/**
 * BADGE
 */

.saquetas > .badge {
  position: relative;
  width: 100% !important;
  display: inline-block;
  text-align: center;
}

.badge img {
  /* Responsive image */
  max-width: 100%;
  height: auto;
}

.saquetas > ul {
  margin: 0 30px;
}

/* MARS Footer - From script - */
#mars-footer-panel {
  width: 760px;
  margin: 50px auto 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

/* CONTACT FORM FIX */
.selectricItems {
  z-index: 1 !important;
}

.contactForm .form-group.top {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
}

/* Fix cookie configuration button position  */
.optanon-show-settings-popup-wrapper {
  position: fixed;
  bottom: 32px !important;
  z-index: 100;
}


/* COVID 19 QA Page */
.covid19 .leftint {
  margin-bottom: 30px;
}
.covid19 .content {
  padding: 25px;
  background: #000000;
  color: #ffffff;
}
.covid19 .content h4 {
  font-size: 24px;
  margin: 0;
}
.covid19 .content p {
  font-size: 14px;
}