@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Filetto';
  src: url('fonts/filetto.eot');
  src: url('fonts/filetto.eot?#iefix') format('embedded-opentype'),
     url('fonts/filetto.ttf') format('truetype'), 
     url('fonts/filetto.woff') format('woff'),
     url('fonts/filetto.svg') format('svg'), 
     url('fonts/filetto.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FilettoBold';
  src: url('fonts/filettobold.eot');
  src: url('fonts/filettobold.eot?#iefix') format('embedded-opentype'),
     url('fonts/filettobold.ttf') format('truetype'), 
     url('fonts/filettobold.woff') format('woff'),
     url('fonts/filettobold.svg') format('svg'), 
     url('fonts/filettobold.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FilettoExtralight';
  src: url('fonts/filettoextralight.eot');
  src: url('fonts/filettoextralight.eot?#iefix') format('embedded-opentype'),
     url('fonts/filettoextralight.ttf') format('truetype'), 
     url('fonts/filettoextralight.woff') format('woff'),
     url('fonts/filettoextralight.svg') format('svg'), 
     url('fonts/filettoextralight.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bebas';
  src: url('fonts/bebas.eot');
  src: url('fonts/bebas.eot?#iefix') format('embedded-opentype'),
     url('fonts/bebas.ttf') format('truetype'), 
     url('fonts/bebas.woff') format('woff'),
     url('fonts/bebas.svg') format('svg'), 
     url('fonts/bebas.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CoffeeService';
  src: url('fonts/coffeeservice.eot');
  src: url('fonts/coffeeservice.eot?#iefix') format('embedded-opentype'),
     url('fonts/coffeeservice.ttf') format('truetype'), 
     url('fonts/coffeeservice.woff') format('woff'),
     url('fonts/coffeeservice.svg') format('svg'), 
     url('fonts/coffeeservice.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}


html {overflow-x: hidden;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}
fieldset, img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-weight: normal;
  font-style: normal;
}
caption, th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}

object {
  outline: none;
}
.basicdiv {
  float: left;
  position: relative;
  height: auto;
}
.basicdivr {
  float: right;
  position: relative;
  height: auto;
}
.basicdivc {
  margin: 0 auto;
  position: relative;
  height: auto;
}
.w100 {
  width: 100%;
}
.w9 {
  width: 960px;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.black {
  color: #000;
}
.white {
  color: #fff;
}
.s12 {
  font-size: 12px;
}
.s14 {
  font-size: 14px;
}
.s18 {
  font-size: 18px;
}
.s20 {
  font-size: 20px;
}
.s22 {
  font-size: 22px;
}
.s24 {
  font-size: 24px;
}
.s26 {
  font-size: 26px;
}
.s28 {
  font-size: 28px;
}
.s30 {
  font-size: 30px;
}
.s32 {
  font-size: 32px;
}
.s36 {
  font-size: 36px;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}

figure {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}


a { text-decoration:none }

body { 
  background: #fff url(../images/backgrounds/bg-top.png) repeat-x left top;
  font: 12px/18px Arial, Helvetica, sans-serif;
  color: #999; 
}

#footer p.cel a {
  color: #fff;
}


/* -------------------------------------------------------------- */
/*                        Definições Gerais                       */
/* -------------------------------------------------------------- */
.containerslider,
#footer,
#deskmenu ul,
section {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
}

.centraliza {
  width: 960px;
  position: relative;
  float: left;
  clear: left;
  margin: 0 0 0 -480px;
  left: 50%;
}

#responsivemenu {
  display: none;
  position: relative;
  z-index: 99999!important;
  top: 0;
  left: 0;
}



/* ------------------------------------------ */
/*                    Colunas                 */
/* ------------------------------------------ */
#content {
  margin-bottom: 100px;
}

.columns3 {
  position: relative;
  float: left;
  width: 305px;
  margin: 0 10px 35px 10px;
}

.columns3.first {
margin-left: 0;
}

.columns3.last {
margin-right: 0;
}














/* ------------------------------------------ */
/*                     Topo                   */
/* ------------------------------------------ */
#top .centraliza,
#top {
  height: 170px;
  z-index: 2;
}


#logo {
  position: relative;
  float: left;
  margin: 35px 0 0 20px;
}

#searchtop {
  position: absolute;
  right: -50px;
  top: 0;
  background: #3853a4;
  width: 615px;
  height: 50px;
  padding: 0 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-bottom-left-radius: 50px;
  -ms-border-bottom-left-radius: 50px;
  -o-border-bottom-left-radius: 50px;
  border-bottom-left-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-bottom-right-radius: 50px;
  -ms-border-bottom-right-radius: 50px;
  -o-border-bottom-right-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
  line-height: 50px;
  text-shadow: 2px 1px #010101;
  text-shadow: 2px 1px rgba(0,0,0,0.2);
}

#searchtop label {
  position: relative;
  float: left;
  font: 14px/50px "Filetto", Arial, Helvetica sans-serif; 
  color: #ff9;
  margin-right: 10px;
  text-transform: uppercase;
}
#searchtop a {
  font: 14px/50px "Filetto", Arial, Helvetica sans-serif; 
  color: #ff9;
  text-transform: uppercase;
  margin-left: 10px;  
}

#searchtop input[type=text] {
  position: relative;
  float: left;
  background: #4b63ac;
  width: 320px;
  height: 50px;
  border: none;
  padding: 0 50px 0 20px;
  color: #fff;
  z-index: 1;
}

#searchtop input[type=submit] {
  position: relative;
  float: left;
  margin-left: -50px;
  height: 50px;
  width: 50px;
  border: none;
  background: url(../images/icons/lupa.png) no-repeat 10px center;
  cursor: pointer;
  z-index: 2;
}

.info {
  position: relative;
  float: right;
  margin-top: 80px;

}

.info li {
  position: relative;
  float: left;
  color: #fff;
  margin-left: 20px;
}

.info li a {
  color: #fff;
}
.info li img {
  vertical-align: bottom;
  margin-right: 10px;
}

.info li.login a,
.info li.login {
  text-transform: uppercase;
  font: 14px "Filetto", Arial, Helvetica, sans-serif;
  color: #ff9;
}

#deskmenu {
  position: absolute;
  width: 100%;
  background: url(../images/backgrounds/bg-nav.png) repeat-x top left;
  height: 50px;
  bottom: 0; 
  margin-bottom: -25px;
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  left: 50%;
  margin-left: -480px;
}

#deskmenu ul li.home,
#deskmenu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 55px;
  font: 20px/55px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #820000;
}

#deskmenu ul li a {
  color: #820000;
  height: 50px;
  display: block;
  padding: 0 9px;
}

#deskmenu ul li:hover a,
#deskmenu ul li.current a,
#deskmenu ul li a:hover {
  background: #036da5;
  color: #fff;
  text-shadow: 2px 1px #010101;
  text-shadow: 2px 1px rgba(0,0,0,0.2);
} 
#deskmenu ul li.home {
  margin-left: 3px;
  width: 60px;
  margin-bottom: -23px;
}
#deskmenu ul li.home a {
  background: url(../images/icons/home.png) no-repeat center 15px;
}

#deskmenu ul li.home.current a,
#deskmenu ul li.home:hover a {
  background: #036da5 url(../images/icons/home-active.png) no-repeat center 15px;
}

#deskmenu ul li.home a {    
  font-size: 0px;
    line-height: 30px;
    height: 43px;
    padding: 7px 7px 0px;
    margin-top: -1px !important;
    float: left;
    width: 45px;
} 

aside#dadosvantagem #descontovantagem h1 span.descpr {
  clear: both; float: right; font-size: 40px; height: 50px; line-height: 40px; text-align: center; width: 100%;
}

#deskmenu ul li .sub {
  position: absolute;
  margin-left: -50%;
  left: 50%;
  width: 100%;
  background: #036da5; 
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

#deskmenu ul li .sub ul {
  position: relative;
  float: left;
  width: 100%;
}

#deskmenu ul li .sub ul li {
  position: relative;
  float: left;
  height: 0px;
  overflow: hidden;
  margin: 0 20px 0 30px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#deskmenu ul li:hover .sub ul li {
  height: 50px;
}

#deskmenu ul li .sub ul li.filter {
    background: url(../images/icons/filter-down.png) no-repeat right 5px top 22px ; 
    padding-right: 15px;
}

#deskmenu ul li .sub ul li a {
  font-size: 14px;
  color: #fff;

}

#deskmenu ul li .subreceitas ul li {
  margin: 0px 0px 0 10px;
}


#deskmenu ul li .subreceitas ul li a {
  display: block;
  padding-left: 20px;
  background: url(../images/icons/arrow-sub.png) no-repeat 10px 23px;
  padding-right: 0;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#deskmenu ul li .subreceitas ul li a:hover {
  background-position: 14px 23px; 
}

#deskmenu ul li .subnoticias ul li {
  margin: 0 5px 0 0;
}



#deskmenu ul li .subnoticias ul li a {
  padding-left: 11px;
  padding-right: 11px;
}

#deskmenu ul li .subnoticias ul li:first-child {
  margin-left: 30px;
}

#deskmenu ul li .subnoticias ul li a.lightgreen { background: #9c9!important; }
#deskmenu ul li .subnoticias ul li a.black { background: #000!important; }
#deskmenu ul li .subnoticias ul li a.red { background: #f00!important; }
#deskmenu ul li .subnoticias ul li a.lightpink { background: #f9c!important; }
#deskmenu ul li .subnoticias ul li a.purple { background: #96c!important; }
#deskmenu ul li .subnoticias ul li a.blue { background: #69f!important; }
#deskmenu ul li .subnoticias ul li a.green { background: #093!important; }
#deskmenu ul li .subnoticias ul li a.yellow { background: #f90!important; }
#deskmenu ul li .subnoticias ul li a.pink { background: #c39!important; }
#deskmenu ul li .subnoticias ul li a.grey { background: #999!important; }

#deskmenu ul li .subnoticias ul li a:hover {
  -webkit-opacity: 0.8; 
  -moz-opacity: 0.8; 
  -ms-opacity: 0.8; 
  -o-opacity: 0.8; 
  opacity: 0.8; 
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
}

.pino-lateral {
  position: absolute;
  right: -25px;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: url(../images/backgrounds/pino-lateral-nav.gif) no-repeat center;
}


#deskmenu ul li ul li,
#deskmenu ul li ul li:hover {
  overflow: visible;
}

#deskmenu ul li ul li .subsub {
  position: absolute;
  right: -5px;
  top: 0px;
}


#deskmenu ul li ul li .subsub ul {
  padding: 0;
  background: #fff;
  border: 1px solid #fff;
  padding: 0;
  margin: 50px 0 0 0; 
  width: 175px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 2;

}


#deskmenu ul li ul li .subsub ul li a,
#deskmenu ul li ul li .subsub ul li {
  margin: 0;
  padding: 0;
  clear: both;
  background: #fff;
  height: 40px;
  line-height: 40px;
}
#deskmenu ul li ul li .subsub ul li {
  float: right;
  width: 90%;
  text-align: right;
  padding: 0 5%!important;
}

#deskmenu ul li ul li .subsub ul li a {
  font: 12px;
  color: #036da5;
  text-shadow: none;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#deskmenu ul li ul li .subsub ul li:hover,
#deskmenu ul li ul li .subsub ul li:hover a {
  background: #f5f5f5
}


#deskmenu ul li ul li .subsub .downsub {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 30px;
  height: 50px;
  background: #fff url(../images/icons/arrow-sub.gif) no-repeat 9px 7px;
  z-index: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  display: none;
}

#deskmenu ul li ul li:hover .subsub .downsub {
  display: block;
}

#socialfixed {
  position: fixed;
  right: 0;
  top: 200px;
  z-index: 99;
}


#socialfixed ul  {
  position: relative;
  width: 50px;
}

#socialfixed ul li a {
  display: block;
  color: #fff;
  padding-left: 55px;
}
#socialfixed ul li {
  float: right;
  margin-right: -70px;
  width: 120px;
  margin-bottom: 1px;
  line-height: 50px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#socialfixed ul li.email {
  padding-left: 0;
  width: 140px;
  height: 50px;
  margin-right: -90px;
}


#socialfixed ul li:hover {
  margin-right: 0;
}

#socialfixed ul li.email a {
  padding-left: 0;
  height: 50px;
}

#socialfixed ul li.twitter {
  background: #00a0d1 url(../images/icons/twitter-white.png) no-repeat 15px center; 
}

#socialfixed ul li.facebook {
  background: #3b5998 url(../images/icons/facebook-white.png) no-repeat 20px center; 
}

#socialfixed ul li.google {
  background: #db4a39 url(../images/icons/google-white.png) no-repeat 15px center; 
}

#socialfixed ul li.youtube {
  background: #c4302b url(../images/icons/youtube-white.png) no-repeat 15px center; 
}

/* -------------------------------------------------------------- */
/*                             Slider                             */
/* -------------------------------------------------------------- */

#slider {
  position: relative;
  float: left;
  background: url(../images/backgrounds/bg-slider.jpg) no-repeat center -1px;
  height: 500px;
}

.slide {
  width: 960px;
  position: relative;
  float: left;
  clear: left;
  height: 500px;
  left: 50%!important;
  margin: 0 0 0 -480px;
  margin: 0 0 0 -480px;
}

.slide article {
  position: absolute;
  top: 50px;
  left: 20px;
}

.slide article img {
  margin-bottom: -18px;
}

.slide article p,
.slide article h1 {
  max-width: 350px;
  margin-left: 20px;
}

.slide article p {
  font: 16px/20px Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 2px #010101;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  margin-bottom: 20px;
}

.slide .imgslide {
  position: absolute;
  right: -85px;
  top: 52px;
}

.slide h1 {
  font: 32px/32px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: 2px 2px 2px #010101;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.slide a {
  clear: both;
  display: block;
  width: 260px;
  height: 53px;
  background: url(../images/backgrounds/bg-button-slider.gif) repeat-x top left;
  font: 20px/53px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-left: 20px;
  text-shadow: 2px 2px 2px #010101;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.slide a:hover {
  background: url(../images/backgrounds/bg-button-slider-hover.gif) repeat-x top left;
}

#paginationslide {
  position: absolute;
  top: 430px;
  left: 50%;
  margin-left: -400px;
  z-index: 999;
}

#paginationslide a {
  width: 12px;
  height: 12px;
  display: inline-block;
  font-size: 0px;
  text-indent: -999999px;
  background: url(../images/icons/pager.gif) no-repeat center;
  margin-right: 5px;
}
#paginationslide a.activeSlide {
  background: url(../images/icons/pager-active.gif) no-repeat center;
}







/* -------------------------------------------------------------- */
/*                          Colunas Vantagens                     */
/* -------------------------------------------------------------- */
.columns3.funciona p,
.columns3.vantagens p,
.columns3.associado p {
  position: relative;
  float: right;
  width: 230px;
  color: #666;
}

.funciona h1,
.vantagens h1,
.associado h1 {
  position: relative;
  float: left;
  width: 230px!important;
  font: 30px/22px "CoffeeService", Helvetica, Arial, sans-serif!important;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
    margin-bottom: 30px;
    padding-top: 25px;
    text-transform: none!important;
    color: #999!important;
    margin-left: 70px!important;
}

.funciona h1 em,
.vantagens h1 em,
.associado h1 em {
  padding-left: 35px!important;
}

.funciona h1 span,
.vantagens h1 span,
.associado h1 span {
  font-size: 46px!important;
  line-height: 32px!important;
}

.funciona,
#dvadv .funciona {
  background: url(../images/icons/funciona.png) no-repeat left top!important;  
  clear: left;
}

.vantagens,
#dvadv .vantagens {
  background: url(../images/icons/vantagens.png) no-repeat left top!important;  
}

.associado,
#dvadv .associado {
  background: url(../images/icons/associado.png) no-repeat left top!important;
}



#how .vantagens,
#how .associado,
#how .funciona {
  background-position: 10px top!important;  
}

















/* -------------------------------------------------------------- */
/*                            Banner 100%                         */
/* -------------------------------------------------------------- */
#banner100 {
  height: 140px;
  overflow: hidden;
  font: 26px/110px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 50px;
}

#banner100 .bgbanner100 {
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  bottom: 0;
}

#banner100 .bgbanner100 img,
#banner100 .centraliza p,
#banner100 .centraliza img {
  position: relative;
  float: left;
}

#banner100 .centraliza p {
  margin-top: 30px;
}

#banner100 .centraliza a {
  position: relative;
  float: right;
  background: url(../images/backgrounds/bg-button-grey.gif) repeat-x top left;
  height: 53px;
  line-height: 53px;
  font-size: 20px;
  width: 225px;
  text-align: center;
  margin-top: 60px;
  color: #820000;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2);  
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

#banner100 .centraliza a:hover {  
  background: url(../images/backgrounds/bg-button-grey-active.gif) repeat-x top left;
}








/* -------------------------------------------------------------- */
/*                              Rodapé                            */
/* -------------------------------------------------------------- */
#footer {
  background: url(../images/backgrounds/bg-footer.png) repeat-x top left;
  padding-top: 100px;
}

#footer #obs {
  padding: 10px 0 20px; 
  font-size: 10px;
  line-height: 14px;
  text-align: justify;
}

.pino-lateral-banner-rodape {
  position: absolute;
  left: 25px;
  top: -145px;
  width: 45px;
  height: 45px;
  background: url(../images/backgrounds/pino-lateral-banner-rodape.gif) no-repeat center; 
}

#bannerfooter {
  position: absolute;
  left: 70px;
  top: -145px;
  width: 728px;
  height: 90px;
  overflow: hidden;
}


.pino-lateral-topo-rodape {
  position: absolute;
  right: 25px;
  top: -125px;
  width: 25px;
  height: 25px;
  background: url(../images/backgrounds/pino-lateral-topo-rodape.gif) no-repeat center;
}

#gototop {
  position: absolute;
  right: 50px;
  top: -125px;
  height: 50px;
  width: 90px;
  background: #da2028;
  text-align: center;
  font: 18px/50px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;  
    text-shadow: 2px 1px #010101;
    text-shadow: 2px 1px rgba(0,0,0,0.2);
    cursor: pointer;
}


#logo-rodape img {
  position: relative;
  float: left;
  width: 245px;
  margin: 0 0 20px 40px;

}

#footer ul {
  position: relative;
  float: left;
  width: 125px;
  text-shadow: 2px 1px #010101;
  text-shadow: 2px 1px rgba(0,0,0,0.2);
  margin-left: 60px;
}

#footer ul li a {
  color: #fff;
  font: 14px/32px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
}


#footer .columns3.first {
  width: 375px;
}

#footer .columns3.last {
  float: right;
  width: 255px;
}

#footer form {
  position: relative;
  float: left;
  width: 210px;
  margin-left: 45px;
}

#footer h1 {
  color: #60ccf2;
  text-transform: uppercase;
  font: 18px "Filetto", Arial, Helvetica, sans-serif;
  text-shadow: 2px 1px #010101;
  text-shadow: 2px 1px rgba(0,0,0,0.2);
  margin-bottom: 10px;
}

#footer input[type=submit],
#footer p {
  color: #fff;
  text-shadow: 2px 1px #010101;
  text-shadow: 2px 1px rgba(0,0,0,0.2);
  margin-bottom: 20px;
}

#footer input[type=text],
#footer input[type=email] {
  background: url(../images/backgrounds/bg-button-grey-active.gif) repeat-x bottom left;
  height: 40px;
  border: 1px solid #339;
  box-shadow: 3px 3px 3px #010101;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
  padding: 0 10px;
  width: 190px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
}

#footer input[type=submit] {
  font: 18px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: none;
  border: none;
  margin-top: 10px;
}

#footer p.cell {
  padding-left: 30px;
  background: url(../images/icons/cell.png) no-repeat 2px center;
}

#footer p.email {
  padding-left: 30px;
  background: url(../images/icons/email.png) no-repeat 2px center;
}

#footer p.copy {
  color: #60ccf2;
  text-shadow: none;
  margin: 30px 0 30px;
}

#footer .columns3.last ul {
  position: relative;
  float: left;
  margin-left: 0; 
  width: 100%;
  margin-bottom: 20px;
}

#footer .columns3.last ul li {
  position: relative;
  float: left;
  width: 32px;
  height: 22px;
  padding: 5px 0;
  background: #fff;
  text-align: center;
  line-height: 32px;
  margin-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#footer .columns3.last ul li:hover {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
















/* -------------------------------------------------------------- */
/*                          NewsSubRodape                         */
/* -------------------------------------------------------------- */
#newssubfooter h1 {
  /*font: 26px "Filetto", Arial, Helvetica, sans-serif;*/
  font: 20px "Filetto", Arial, Helvetica, sans-serif;
  color: #21409a;
  text-transform: uppercase;
  height: 46px;
  overflow: hidden;
  margin-bottom: 5px;
}

#newssubfooter img {
  margin-bottom: 10px;
}

#newssubfooter ul {
  position: relative;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

#newssubfooter ul li {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#newssubfooter p {
  margin-bottom: 10px;
}

#newssubfooter footer a {
  color: #da2028;
  font: 16px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

ul li.minifacebook {
  background: url(../images/icons/mini-facebook.png) no-repeat center;
}

ul li.minitwitter {
  background: url(../images/icons/mini-twitter.png) no-repeat center;
}

ul li.minilinkedin {
  background: url(../images/icons/mini-linkedin.png) no-repeat center;
}

ul li.miniemail img {
  padding-top: 0!important;
}

ul li.minigoogle {
  background: url(../images/icons/mini-google.png) no-repeat center;
}

ul li.miniemail {
  background: #f09902;
  text-align: center;
  padding-top: 0!important
}

.google-share-button,
.IN-widget,
.linkedin-share-button,
.twitter-share-button,
.fb-share-button {
  position: relative;
  float: left;
  padding: 0;
  margin-top: -4px;
  width: 16px;
  height: 16px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}

#newssubfooter .columns3 {
  margin-bottom: 0;
}




/* -------------------------------------------------------------- */
/*                              Aside                             */
/* -------------------------------------------------------------- */
aside {
  position: relative;
  float: right;
  width: 300px;
  background: #eee;
}

aside > div {
  position: relative;
  float: left;
  width: 300px;
  margin: 10px 0 20px;
}

aside .banner300x100 {
  height: 100px;
}

aside .banner300x250 {
  height: 250px;
}

aside .sidemegaofertas {
  position: relative;
  float: left;
}



#dadosvendedor h1,
aside > div > header > h1 {
  position: relative;
  width: 100%;
  height: 51px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font: 22px/51px "Filetto", Arial, Helvetica sans-serif; 
  overflow: hidden;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  padding: 0 10px 0 12px;
  margin-left: -12px;
  margin-bottom: 15px;
}

.enviar .pontatituloright,
form .pontatituloright,
#dadosvendedor .pontatituloright,
#dadosvendedor .pontatitulo,
aside > div > header > .pontatituloright,
aside > div > header > .pontatitulo {
  position: absolute;
  z-index: 1;
  top: 53px!important;
  width: 12px;
  height: 11px;
}

.enviar .pontatitulo,
form .pontatitulo,
#content.contentgreygeral .pontatitulo{
  position: absolute;
  z-index: 1;
  top: 63px;
  width: 12px;
  height: 11px;
}

.enviar .pontatituloright,
form .pontatituloright,
#dadosvendedor .pontatituloright,
aside > div > header > .pontatituloright {
  right: 0;
  margin-right: -12px;  
}

.enviar .pontatitulo,
#content.contentgreygeral .pontatitulo,
#dadosvendedor .pontatitulo,
aside > div > header > .pontatitulo {
  left: 0;
  margin-left: -12px;  
}


aside #sideslider .sidevendadados,
aside #sideslider .sideofertadados {
  position: relative;
  float: left;
  width: 100%;
}

aside #sideslider .sidevendadados li,
aside #sideslider .sideofertadados li {
  position: relative;
  float: left;
  width: 185px;
  padding-left: 20px;
  font-size: 12px; 
}

aside #sideslider .sidevendadados li {
  width: 145px;
}

aside #sideslider .sideofertadados li.pct {
  float: right;
  width: 90px;
  padding: 0;
  text-align: center;
}

aside #sideslider .sidevendadados li.pct {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 3px;
  width: 110px;
  padding: 0;
  text-align: center;
  padding-right: 20px;
  font-size: 16px;
  text-align: right;
}

aside #sideslider .sidevendadados li.pct span,
aside #sideslider .sideofertadados li.pct span {
  font-size: 18px;
  font-weight: bold;
  display: block;
  width: 100%;
}

aside #sideslider a .sidevendadados li,
aside #sideslider a .sideofertadados li {
  color: #333;
}
aside .conheca footer,
aside .conheca footer a,
aside #sideslider,
aside #sideslider #containslider > div,
aside #sideslider #containslider {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
}

aside #sideslider #containsliderprev,
aside #sideslider #containslidernext {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 14px;
  z-index: 99;
  margin-top: -10px;
  cursor: pointer;
}

aside #sideslider #containsliderprev {
  left: 0;
  margin-left: -6px;
  background: url(../images/icons/sidesliderprev.png) no-repeat center;
}
aside #sideslider #containslidernext {
  right: 0;
  margin-right: -6px;
  background: url(../images/icons/sideslidernext.png) no-repeat center;
}

aside #sideslider a h2 {
  width: 95%;
  padding: 0 2.5%;
  text-align: center;
  text-transform: uppercase;
  font: 18px/25px "Filetto", Arial, Helvetica, sans-serif;
  color: #21409a;
  margin-bottom: 5px;
}

aside #sideslider .sidevendadados li h3,
aside #sideslider a .sideofertadados li h3 {
  color: #21409a;
}

aside .fb-like-box {
  margin-left: 5px;
}

aside .conheca p {
  width: 250px;
  margin: 0 25px 20px 25px;
  text-align: center;
}

aside .conheca footer a {
  font: 16px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

aside .sidemegasuporte {
  padding-left: 112px;
  background: url(../images/icons/suporte.png) no-repeat 15px top;
  height: 90px;
  margin-bottom: 20px;
}

aside .sidemegasuporte p {
  font: 46px/30px "CoffeeService", Helvetica, Arial, sans-serif;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
    color: #999;
}

aside .sidemegasuporte p span {
  font-size: 30px;
  padding-left: 40px;
}


aside p.psuporte {
  width: 250px;
  margin: 0 25px 0px 25px;
  text-align: center;
  text-transform: uppercase;
  font: 16px "Filetto", Arial, Helvetica, sans-serif;
    color: #999;
}

.btn {
  display: block;
  clear: both;
  width: 150px;
  height: 40px;
  text-shadow: 0px 2px 2px #010101;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  font: 16px/40px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 50px 30px;
}

#tbBusca {
  position: relative;
  float: left;
  width: 100%;
}

#tbBusca li {
position: relative;
float: left;
  width: 150px;
  height: 40px;
  text-shadow: 0px 2px 2px #010101;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  font: 16px/40px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 20px 30px 0;
  cursor: pointer;
    background: transparent url("../images/backgrounds/bg-title-blue.gif") repeat-x scroll left top;
}

#tbBusca li:hover,
#tbBusca li.active {
background: transparent url("../images/backgrounds/bg-title-blue-hover.gif") repeat-x scroll left top;
}


.btn.mlft {
  margin: 10px 50px 30px 0px;
}

.btnassine {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 260px;
  height: 40px;
  text-shadow: 0px 2px 2px #010101;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  font: 16px/40px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 20px 30px;
}











/* -------------------------------------------------------------- */
/*                               Home                             */
/* -------------------------------------------------------------- */
#contentleft {
  position: relative;
  float: left;
  width: 635px;
}



.topovantagem,
.artvantagem {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.topovantagem {
  height: 328px;
  margin-bottom: 20px;
}

.artvantagem .megavantagemleft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  text-align: center;
}

.artvantagem .megavantagemleft time {
  position: relative;
  float: left;
  width: 100%;
  font: 20px/20px "CoffeeService", Helvetica, Arial, sans-serif;
    -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg);
}

.artvantagem .megavantagemleft time span {
  font-size: 34px;
  display: block;
  width: 100%;
  padding-left: 5px;
}

.artvantagem .megavantagemleft ul {
  position: relative;
  float: left;
  margin: 5px 0 0 17px;
}

.artvantagem .megavantagemleft ul li {
  position: relative;
  float: left;
  clear: both;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-bottom: 1px;
}

.artvantagem .megavantagemright {
  position: relative;
  float: right;
  width: 582px;
}

.artvantagem .megavantagemright h1 {
  position: absolute;
  width: 562px;
  z-index: 2;
  top: 10px;
  left: 0;
  margin-left: -12px;
  height: 51px;
  color: #fff;
  text-transform: uppercase;
  font: 24px/51px "Filetto", Arial, Helvetica sans-serif; 
  overflow: hidden;
  padding: 0 10px 0 20px;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
}

.artvantagem .megavantagemright .pontatitulo {
  position: absolute;
  left: 0;
  margin-left: -12px;
  z-index: 1;
  top: 63px;
  width: 12px;
  height: 11px;
}


.artvantagem .megavantagemright p {
  margin-bottom: 25px;
}

.artvantagem .megavantagemright footer a {
  position: relative;
  float: left;
  clear: both;
  text-transform: uppercase;
  font: 16px "Filetto", Arial, Helvetica sans-serif; 
  margin-top: -10px;
}
























/* -------------------------------------------------------------- */
/*                              Sobre                             */
/* -------------------------------------------------------------- */
#content.contentgreygeral,
#content.contentgrey,
#content.pginfo {
  margin-bottom: 0;
}

#pageinfo {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 55px;
  background: #eee;
  padding-bottom: 100px;
}

#content.contentgreygeral,
#content.contentgrey {
  padding-top: 55px;
  background: #eee;
  padding-bottom: 100px;
}

#content.contentgreygeral aside,
#content.contentgrey aside,
#content.contentgrey #contentleft {
  background: #fff;
}


#pageinfo section,
#pageinfo aside,
#pageinfo article {
  background: #fff;
}

#pageinfo #contentleft h1 {
  font: 28px "Filetto", Arial, Helvetica sans-serif; 
  color: #21409a;
  text-transform: uppercase;
  padding-left: 20px;
  margin-bottom: 5px;
}

#pageinfo #contentleft p {
  padding: 0 20px;
  margin-bottom: 20px;
  color: #666;
  font-size: 14px;
}
#pageinfo article {
  padding: 20px 0;
}


aside address {
  padding: 0 20px;
  font-size: 14px;
}

aside address strong {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  font-weight: bold;
  color: #000;
}

aside address p {
  color: #666;
  margin-bottom: 20px;
}

aside address ul {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

aside address ul li {
  float: left;
  width: 32px;
  height: 22px;
  padding: 5px 0;
  margin-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

aside address ul li:hover {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;

}

aside address ul li a {
  line-height: 32px;
  text-align: center;
  display: block;
}

.contact li.facebook a,
aside address ul li.facebook {
  background: #3b5998;
}

.contact li.twitter a,
aside address ul li.twitter {
  background: #00a0d1;
}

.contact li.google a,
aside address ul li.google {
  background: #db4a39;
}

.contact li.youtube a,
aside address ul li.youtube {
  background: #c4302b;
}

aside a.click {
  position: relative;
  float: left;
  color: #006699;
  margin-top: -10px;
}














/* -------------------------------------------------------------- */
/*                            Como Funciona                       */
/* -------------------------------------------------------------- */
#how div p,
#how p {
  padding-left: 95px!important;
  clear: both;
  font-size: 12px!important;
}

#how h1 {
  padding-bottom: 20px;
}

#how ul {
  padding-left: 95px!important;
  color: #666;
  line-height: 18px; 
  padding-bottom: 30px;
}


#how ul li {
  margin-bottom: 5px;
}
#how ul li span {
  color: #999;
  font: 18px/22px "CoffeeService", Helvetica, Arial, sans-serif!important;
}

#how .associado .btn {
  margin-left: 95px;
}












/* -------------------------------------------------------------- */
/*                              Anuncie                           */
/* -------------------------------------------------------------- */
.formats {
  position: relative;
  float: left;
  width: 590px;
  margin: 0 0 40px 20px;
}

.formats li,
.formats p {
  padding-left: 0!important;
  font-size: 12px!important;
  color: #666;
}

.formats .left {
  position: relative;
  float: left;
  width: 240px;
}
.formats .left span {
  font: 16px "Filetto", Arial, Helvetica sans-serif; 
  color: #000;
  text-transform: uppercase;
}

.formats .right {
  position: relative;
  float: right;
  width: 330px;
}

.formats li span {
  color: #000;
}

.formats .right h3 {
  font: 12px Arial, Helvetica sans-serif; 
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
}

h2.redtitle {
  font: 24px "Filetto", Arial, Helvetica sans-serif; 
  text-transform: uppercase;
  color: #cd0000;
  margin: 25px 0 20px 20px;
}

#sideanuncie {
  height: 1443px;
}














/* -------------------------------------------------------------- */
/*                             Mega Oferta                        */
/* -------------------------------------------------------------- */
.publicitymiddle,
.listnoticias,
.listofertas {
  position: relative;
  float: left;
  width: 100%;
}
.listofertas li a h1 {
  height: 50px;
  text-align: center;
  line-height: 50px;
  font: 18px/50px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px #010101;
  text-shadow: 2px 2px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px #010101;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  text-transform: uppercase;
  overflow: hidden;
  margin-bottom: 10px;
}

.listnoticias li a h1{
  position: relative;
  float: left;
  font: 26px/32px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  height: 32px;
  overflow: hidden;
  color: #21409a;
}

.listnoticias li footer a {
  font: 16px "Filetto", Arial, Helvetica, sans-serif;
  color: #da2028; 
  text-transform: uppercase;
  position: relative;
  clear: both;
}

#listreceitas .sharevantagem, 
.listnoticias .sharevantagem {
  position: relative;
  float: left;
  margin-left: 0;
  clear: both;
  margin-bottom: 20px;
}

.listnoticias li,
.listofertas li{
  position: relative;
  width: 308px;
  margin-bottom: 20px;
  background: #fff;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}


.listnoticias li {
  background: none;
}

.listnoticias li a p,
.listofertas li a p {
  color: #999;
  font-size: 12px;
  padding: 0 10px 10px;  
}

.listnoticias li a p {
  padding: 0 0 10px;
}

.listofertas li a footer {
  font: 12px; 
  color: #666;
  padding: 10px;
}

.listnoticias li a:hover,
.listofertas li:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: alpha(opacity=70);
  filter: alpha(opacity=70);
}

.listofertas li a footer span,
.listofertas li a p span {
  float: right;
}


.listofertas li a footer span {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-top: -3px;
}

.listofertas li a footer span em {
  font-size: 10px; 
}

.listnoticias li a,
.listofertas li a {
  display: block;
}

.publicitymiddle li {
  position: relative;
  width: 310px;
  margin: 10px 0 30px;
}

.publicitymiddle li a,
.publicitymiddle li img {
  position: relative;
  float: left;
}

.listnoticias li,
.listofertas li,
.publicitymiddle li.left {
  float: left;
 }

.publicitymiddle li.center {
  float: left;
  margin-left: 15px; 
 }

.listnoticias > li:nth-child(3n+0),
.listofertas li:nth-child(3n+0),
.publicitymiddle li.right {
  float: right;
 }


.publicitymiddle li a {
  border: 5px solid #bfd4df;
}

.publicitymiddle li.right a,
.publicitymiddle li.left a {
  margin-top: 12px;
}

.listnoticias > li:nth-child(3n+2),
.listofertas li:nth-child(3n+2) {
  margin-left: 18px;
}
 
.listnoticias > li:nth-child(3n+1),
.listofertas li:nth-child(3n+1) {
  clear: left;
} 
 .clear {
  clear: both;
  margin-bottom: 30px;
 }

.pagination {
  position: relative;
  float: left;
    left: 50%;
}

.other {
  float: left;
    position: relative;
    right: 50%;
}

.pagination ul li,
.pagination ul {
    position: relative;
    float: left;
}

.pagination ul li {
  color: #036da5;
  text-transform: uppercase;
  font: 18px/34px "Filetto", Arial, Helvetica, sans-serif;
  width: 34px;
  height: 34px;
  background: #fff;
  margin: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 3px #333;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2); 
}
.pagination ul li a {
  text-align: center;
  display: block;
  color: #036da5;
  background: #fff;
}


.pagination ul li:hover a,
.pagination ul li.current a { 
  color: #fff;
  background: #036da5;
}

.pagination ul li.nextprev, 
.pagination ul li.nextprev a {
  width: 110px;
  background: none;
  box-shadow: none;
  color: #036da5; 
}


#slidervantagem,
#containerslidervantagem,
#containerslidervantagem img{
  position: relative;
  float: left;
  width: 590px;
  height: 368px;
}

#slidervantagem {
  margin-left: 21px;
  margin-top: 20px;
  z-index: 1;
}



.contentgrey #contentleft h1 {
  position: relative;
  float: left;
  width: 590px;
  z-index: 2;
  margin: 10px 0 0 -12px;
  height: 51px;
  color: #fff;
  text-transform: uppercase;
  font: 24px/51px "Filetto", Arial, Helvetica sans-serif; 
  overflow: hidden;
  padding: 0 10px 0 20px;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
}


.contentgrey #contentleft .pontatitulo {
  position: relative;
  float: left;
  clear: both;
  margin-left: -12px;
  z-index: 1;
  width: 12px;
  height: 11px;
}

.contentgrey #contentleft p {
  padding: 0 21px;
  margin-bottom: 20px;
  color: #333;
}

.h1others {
  font: 24px "Filetto", Arial, Helvetica sans-serif; 
  text-transform: uppercase;
  margin-bottom: 10px;
}

.contentgrey #contentleft h2 {
  padding: 0 21px;
  color: #036da5;
  font: 18px "Filetto", Arial, Helvetica sans-serif;   
  text-transform: uppercase;
}

.contentgrey #contentleft footer a,
.contentgrey #contentleft footer {
  padding: 0 21px;
  color: #036da5;
}

.contentgrey #contentleft {
  padding-bottom: 20px;
}


aside#dadosvantagem #regrasvantagem h2,
aside#dadosvantagem #regrasvantagem footer,
aside#dadosvantagem #regrasvantagem p {
  color: #333;
  padding: 0 20px;
  margin-bottom: 20px; 
}


aside#dadosvantagem #regrasvantagem footer {
  padding-top: 10px; 
  margin-bottom: 8px;
}

aside#dadosvantagem #regrasvantagem h2,
aside#dadosvantagem #regrasvantagem footer a {
  color: #21409a;
}


aside#dadosvantagem #regrasvantagem h2 {
  margin-bottom: 0;
}

aside#dadosvantagem #descontovantagem h1 {
  box-shadow: none;
  color: #000;
  font: 14px/14px Arial, Helvetica, sans-serif;
  text-shadow: none;
  font-weight: bold;
  margin-top: 10px;
}

aside#dadosvantagem #descontovantagem h1 span {
  display: block;
  font: 32px/26px "Filetto", Arial, Helvetica, sans-serif;
  text-shadow: none;
  font-weight: bold;
}


aside#dadosvantagem #descontovantagem .pctdesc {
  position: relative;
  float: left;
  width: auto;
  background: url(../images/backgrounds/bg-line.gif) no-repeat right center;
  padding-right: 11px;
  text-align: center;
  color: #666;
}
aside#dadosvantagem #descontovantagem .valdesc span,
aside#dadosvantagem #descontovantagem .pctdesc span {
  display: block;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

aside#dadosvantagem #descontovantagem .valdesc {
  position: relative;
  float: left;
  width: auto;
  padding-left: 10px;
  text-align: center;
  color: #666;
}

aside#dadosvantagem #descontovantagem footer {
  text-align: center;
  color: #333;
}

aside#dadosvantagem #descontovantagem .payments {
  text-align: center;
}


#arrowsthumbs {
  position: relative;
  float: left;
  border: 1px solid #333399;
  background: url(../images/backgrounds/bg-thumbs.png) repeat-x top left;
  height: 40px;
  width: 610px; 
  margin: -40px 0 0 10px;
  z-index: 2;
}

#arrowsthumbs #lateraldireita,
#arrowsthumbs #lateralesquerda {
  position: absolute;
  top: -11px;
  width: 11px;
  height: 10px;
}

#arrowsthumbs #lateraldireita {
  right: -1px;
  background: url(../images/backgrounds/ponta-thumbs-right.png) no-repeat center;
}

#arrowsthumbs #lateralesquerda {
  left: -1px;
  background: url(../images/backgrounds/ponta-thumbs-left.png) no-repeat center;
}

#arrowsthumbs #nextthumbs,
#arrowsthumbs #prevthumbs {
  position: absolute;
  top: 12px;
  width: 13px;
  height: 16px;
  cursor: pointer;
}

#arrowsthumbs #nextthumbs {
  background: url(../images/backgrounds/thumb-arrow-right.png) no-repeat center;
  right: 20px;
}

#arrowsthumbs #prevthumbs {
  background: url(../images/backgrounds/thumb-arrow-left.png) no-repeat center;
  left: 20px;
}

#thumbsvantagem {
  position: relative;
  float: left;
  width: 502px;
  height: 74px;
  overflow: hidden;
  margin: -60px 0 0 65px;
  z-index: 3;
}

#thumbsvantagem ul {
  position: relative;
  float: left;
  width: 515px;
}
#thumbsvantagem li {
  position: relative;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}


ul.sharevantagem {
  position: relative;
  float: left;
  margin: 5px 0 0 17px;
}


ul.sharevantagem span {
  position: relative;
  float: left;
  margin-left: 10px;
  text-transform: uppercase;
}
ul.sharevantagem li {
  position: relative;
  float: left;
  margin-left: 1px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-bottom: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.send {
  height: 35px;
  line-height: 35px;
  background: url(../images/icons/truck.png) no-repeat top left;
  padding-left: 35px;
  color: #666;
}














/* -------------------------------------------------------------- */
/*                             Venda Livre                        */
/* -------------------------------------------------------------- */
aside#dadosvantagem #regrasvantagem h1 a {
  color: #fff;
}


#sideclubedevantagens h2 {
  position: relative;
  float: left;
  width: 230px!important;
  font: 38px/22px "CoffeeService", Helvetica, Arial, sans-serif!important;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
    margin-bottom: 30px;
    padding-top: 25px;
    padding-left: 15px;
    text-transform: none!important;
    margin-left: 15px!important;
    color: #b43c3c;
    background: url(../images/icons/hand.jpg) no-repeat left 5px;
}

#sideclubedevantagens h2 em {
  padding-left: 58px!important;
}

#sideclubedevantagens h2 span {
  font-size: 70px!important;
  line-height: 55px!important;
}

#sideclubedevantagens p {
  position: relative;
  float: left;
  text-align: center;
  font: 14px/14px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  display: block;
  width: 100%;
  margin-top: -20px; 
}

#sideclubedevantagens p span {
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 5px;
  display: block;
}

.sideclubevalor,
.sideclubevalor li {
  position: relative;
  float: left;
  font: 26px "Bebas", Helvetica, Arial, sans-serif;
  color: #b43c3c;
}

.sideclubevalor {
  margin: 30px 0 0 45px;
}

.sideclubevalor li.por {
  line-height: 22px;
  text-align: right;
  margin-right: 5px;
} 

.sideclubevalor li.rs {
  font-size: 59px;
  line-height: 45px;
} 

.sideclubevalor li.money {
  font-size: 120px;
  line-height: 95px;
  margin-right: 5px;
} 

.sideclubevalor li.cents {
  font-size: 24px;
  line-height: 22px;
} 

.sideclubevalor li.cents span {
  font-size: 55px;
  line-height: 40px;
  display: block;
  border-bottom: 5px solid #b43c3c;
  margin-bottom: 5px;
}














/* -------------------------------------------------------------- */
/*                          Dados do Vendedor                     */
/* -------------------------------------------------------------- */
#dadosvendedor {
  position: relative;
  float: left;
  background: #fff;
  width: 480px;
  height: 360px;
  margin-left: 12px;
}

#dadosvendedor header {
  margin-top: 20px;
  position: relative;
  float: left;
  width: 100%;
}

#dadosvendedor h2 {
  position: relative;
  float: left;
  color: #036da5;
  width: 100%;
  text-transform: uppercase;
  font: 24px "Filetto", Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}

#dadosvendedor li.mail,
#dadosvendedor li.cell {
  position: relative;
  float: left;
  clear: both;
  height: 20px;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

#dadosvendedor li.mail {
  background: url(../images/icons/email-blue.png) no-repeat left center;
}

#dadosvendedor li.cell {
  background: url(../images/icons/cell-blue.png) no-repeat left center;
}

#dadosvendedor li,
#dadosvendedor p {
  font-size: 12px;
  color: #000000;
}

#dadosvendedor p {
  clear: both;
  margin: 10px 0 30px;
}

#redesvendedor {
  position: relative;
  float: left;
  width: 100%; 
}

#redesvendedor li {
  position: relative;
  float: left;
  width: 32px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-right: 2px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#redesvendedor li a {
  display: block;
  padding: 5px 0 3px;
  text-align: center;
}

#redesvendedor li:hover {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

#redesvendedor li.facebook {
  background: #3b5998;
}

#redesvendedor li.twitter {
  background: #00a0d1;
}

#redesvendedor li.google {
  background: #db4a39;
}

#redesvendedor li.youtube {
  background: #c4302b;
}

#dadosvendedor .avatar {
  position: relative;
  float: left;
  margin-left: 50px;
}

#dadosvendedor div.contatovendedor {
  position: relative;
  float: left;
  margin: -20px 0 0 25px;
}




















/* -------------------------------------------------------------- */
/*                            Participe                           */
/* -------------------------------------------------------------- */
#pageinfo #content100 section {
  background: #fff;
}

#pageinfo #content100 section#participe {
  background: #fff url(../images/backgrounds/fundo-participe.jpg) no-repeat center bottom;
  padding-bottom: 150px;
}
#pageinfo #content100 section article {
  background: transparent;
}


.hgeral,
#pageinfo #content100 h1 {
  font: 24px "Filetto", Arial, Helvetica sans-serif; 
  color: #21409a;
  text-transform: uppercase;
  padding-left: 20px;
  margin-bottom: 5px;
}


.columns2 {
  position: relative;
  float: left;
  width: 430px;
  margin-left: 30px;
  margin-right: 20px;
}

.hsub2,
.columns2 h2 {
  font: 24px "Filetto", Arial, Helvetica sans-serif; 
  color: #d40005;
  text-transform: uppercase;
}

.columns2 p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

.listparticipe li {
  font: 16px/24px "Filetto", Arial, Helvetica sans-serif; 
  color: #d40005;
  text-transform: uppercase;
  padding-left: 20px;
  background: url(../images/icons/tick.png) no-repeat left top;
  min-height: 20px;
  margin-bottom: 10px;
}

.btnenter {
  position: relative;
  float: right;
  display: block;
  clear: both;
  width: 150px;
  height: 40px;
  text-shadow: 0px 2px 2px #010101;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  font: 16px/40px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 80px 30px 0;

}





.asidenews {
  position: relative;
  float: left;
  padding: 0 20px;
}

.asidenews li {
  position: relative;
  float: left;
  clear: both;
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}

.asidenews img {
  position: relative;
  float: left;
  margin-right: 5px;
}

.asidenews li a h1 {
  font: 20px/18px "Filetto", Arial, Helvetica, sans-serif;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.asidenews.receitas li a h1 {
  color: #21409a;
  font-size: 18px;
}

.asidenews.home li {
  color: #ff3333;
  font-size: 18px;
}

.asidenews li a p {
  font: 11px/14px Arial, Helvetica, sans-serif;
  color: #999;
}
.asidenews li a:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: alpha(opacity=70);
  filter: alpha(opacity=70);
}




















/* -------------------------------------------------------------- */
/*                            Receitas                            */
/* -------------------------------------------------------------- */
#form-login,
#listreceitas {
  position: relative;
  float: left;
  width: 100%; 
}

#listreceitas > li {
  position: relative;
  float: left;
  background: #fff;
  padding: 20px 0;
  width: 100%;
  margin-bottom: 23.4px;
}


#listreceitas > li img {
  float: left;
  margin: 0 20px;
}


#listreceitas li h1 {
  position: relative;
  float: left;
  font: 20px/22px "Filetto", Arial, Helvetica, sans-serif;
  color: #21409a;
  text-transform: uppercase;
  margin-bottom: 20px;
  width: 280px;

}

#listreceitas li p {
  position: relative;
  float: left;
  font-size: 14px;
  font-style: italic;
  color: #d5060e;
  width: 280px;
  margin-bottom: 10px;
}

#listreceitas li .rating {
  position: relative;
  float: left;
  clear: none;
  width: 280px;
  margin: 0 0 8px;
} 

#listreceitas li p span {
  color: #666;
}


#listreceitas li footer {
  position: relative;
  float: left;
  width: 280px;
}


#listreceitas li footer > ul > li {
  border-radius: 0px;
  margin-right: 5px;
  overflow: hidden;
}

#regrasvantagem ul.sharevantagem span,
#regrasvantagem .sharevantagem li.minifacebook span iframe #facebook,
#regrasvantagem .sharevantagem li.minifacebook span iframe,
#regrasvantagem .sharevantagem li.minifacebook span,
#listreceitas li footer li span iframe #facebook,
#listreceitas li footer li span iframe,
#listreceitas li footer li span {
  margin-left: 0!important;
  height: 30px!important;
}
#regrasvantagem ul.sharevantagem span {
 margin-left: 10px!important;
   
}

#regrasvantagem .sharevantagem li.minigoogle a,
#listreceitas li footer li.minigoogle a {
  display: block;
  position: relative;
  float: left;
}

#listreceitas .sharevantagem {
  margin-bottom: 0;
}

#sendreceita p {
  padding: 0 20px;
  font-size: 14px;
}

#sendreceita a {
  margin: 20px 20px 0;
}



.artreceita h2 {
  margin-bottom: 10px;
}

.prepair,
.ingredients {
  padding: 0 20px 35px;
}

.prepair li,
.ingredients li {
  color: #333333;
  padding-bottom: 10px;
}

.ingredients li:before {
  content: "•";
  color: #333333;
  padding-right: 5px; 
}

.prepair li span {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.artreceita h3 {
  font: 24px "Filetto", Arial, Helvetica, sans-serif;
  color: #d60911;
  text-transform: uppercase;
  padding: 0 20px;
}

#comment {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0;
}

#comment img {
  float: left;
  padding: 20px;
}

#comment input[type="text"],
#comment input[type="email"] {
  float: right;
  width: 209px;
  margin-right: 20px;
  border: 1px solid #eaedf0;
  box-shadow: 0px 0px 5px #010101;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 20px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #333;
  margin-bottom: 10px;
} 

#comment textarea {
  float: right;
  width: 480px;
  margin-right: 20px;
  border: 1px solid #eaedf0;
  box-shadow: 0px 0px 5px #010101;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #333;
}

#comment input[type=submit] {
  float: right;
  font: 16px/40px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: url(../images/backgrounds/bg-title-blue.gif) repeat-x top left;
  border: #66c;
  cursor: pointer;
  padding: 0 10px; 
  margin: -20px 40px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 2px 1px #010101;
  text-shadow: 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 5px #010101;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  clear: both;
}

#comment input[type=submit]:hover {
  background: url(../images/backgrounds/bg-title-blue-hover.gif) repeat-x top left;

}

#comments li img {
  float: left;
  margin: 0 10px 10px 20px;
}


#comments h4 {
  font-style: italic;
  color: #d5060e;
  font-size: 14px;
}

.by {
  clear: both;
  padding-left: 20px;
  color: #d5060e;
  font-size: 14px;
  font-style: italic;
}

.by span, 
#comments h4 span {
  color: #666;
}

#comments p {
  font-size: 12px;
  margin-bottom: 27px !important;
}


.rec li {
  border-radius: 0!important;
  margin-right: 5px; 
}

#regrasvantagem .rec span.comp {
  display: block;
  width: 100%;
  height: 20px!important;
  color: #666;
}

#regrasvantagem .rec {
  padding-bottom: 20px;
}

#inforeceita .rating {
  margin-left: 20px;
  margin-bottom: 0;
}

#inforeceita .votar {
  position: relative;
  float: left;
  margin: -15px 0 0 130px;
}



.inforeceita p {
  color: #666;
}


#rdm,
#tmp {
  padding-left: 40px;
  height: 33px;
  color: #000;
  font-weight: bold;
  margin: 10px 20px 20px;
  font-size: 14px;
}

#rdm span,
#tmp span {
  display: block;
  color: #666;
  font-weight: normal;
  clear: left;
}


#rdm {
  background: url(../images/icons/talher.gif) no-repeat left center;
  margin-bottom: 30px;
}
#tmp {
  background: url(../images/icons/clock.gif) no-repeat left center;

}


#print,
#sendmail {
  display: block;
  padding-left: 40px;
  height: 26px;
  color: #000;
  margin: 10px 20px 0px;
  line-height: 23px;
  text-transform: uppercase;
  color: #666;
}


#print{
  background: url(../images/icons/print.gif) no-repeat left bottom;
}

#sendmail {
  background: url(../images/icons/email.gif) no-repeat left bottom;
  margin-bottom: 20px;
}













/* -------------------------------------------------------------- */
/*                             Categorias                         */
/* -------------------------------------------------------------- */
#content100 .columns {
  position: relative;
  float: left;
  width: 100%;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
 margin-top: 20px;
}
#content100 .columns li {
  position: relative;
  float: left;
  display: block;
  clear: both;
 width: 100%;
 margin-bottom: 20px!important;
}

#content100 .columns li h1 {
  position: relative;
  float: left;
  padding-right: 10px;
  color: #cd0000!important;
  font-size: 24px; 
}
#content100 .columns.subs li h1 {
  width: 100%;
}


#content100 .columns li p {
  position: relative;
  float: right;
  width: 180px;
  margin: 5px 0;
}
#content100 .columns li p a {
  float: left;
  background: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  color: #666;
  font-size: 12px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
}

#content100 .columns li p a:hover {
  color: #eee;
  background: #666;
}


.hsub2 {
  margin: 20px;
}


#content100 .columns.subs li p a,
#content100 .columns.subs li p,
#content100 .columns.subs li h1,
#content100 .columns.subs li h1 a{
  position: relative;
  float: left;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  background: none;
  padding: 0!important;
  margin: 0;
  background: none;
  text-transform: none;
  margin-left: 10px!important;
}
#pageinfo #content100 .columns.subs h1 a,
#pageinfo #content100 .columns.subs h1,
#content100 .columns.subs li h1{
  padding-left: 0;
  font-weight: bold!important;
}


#pageinfo #content100 .columns.subs h1 a:hover,
#content100 .columns.subs li p a:hover {
  color: #21409a;
}












/* -------------------------------------------------------------- */
/*                             Login                              */
/* -------------------------------------------------------------- */
form.columns2 {
  margin-top: 20px;
}

#dvadv article,
#dvadv {
  background: transparent!important;
}

#hparticipe {
  position: relative;
  float: left;
  margin: 60px 0 10px 50px;
  font: 48px/34px "Filetto", Arial, Helvetica, sans-serif;
  color: #21409a;
  text-transform: uppercase;
}

#hparticipe span {
  font-size: 36px;
  display: block;
}

form.columns2 {
  margin-bottom: 50px;
}
form.columns2 input[type=submit],
#btnparticipe {
  position: relative;
  float: right;
  width: 850px;
  height: 51px;
  text-align: center;
  font: 24px/51px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2);  
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

form.columns2 input[type=submit] {
  height: 41px!important;
  line-height: 35px!important;
  font-size: 16px;
  cursor: pointer;
  width: 150px;
}

form.columns2 label {
  color: #666;
  font-size: 12px;
  display: block;
  padding-left: 10px;
}

form.columns2 input[type=password],
form.columns2 input[type=email] {
  width: 95%;
  padding: 0 2.5%;
  box-shadow: 0px 0px 3px #010101;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  border: 1px solid #eaedf0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 20px;
}

form.columns2 p.forget {
  font-size: 12px;
}

form.columns2 p.forget a {
  color: #d40005 ;
}

.diverro {
  border: 1px solid #f30;
  background: #ffafaf;
  color: #000;
  margin: -10px 0 20px;
}




















/* -------------------------------------------------------------- */
/*                             Contato                            */
/* -------------------------------------------------------------- */
#contactform {
  position: relative;
  float: left;
  width: 100%;
  background: #fff;
  padding: 20px 0;
}

#contactform p {
  text-align: left;
  padding: 0 20px;
  color: #666;
  margin-bottom: 20px;
}

#contactform p span {
  font-weight: bold;
  color: #000;
}

#contactform label {
  display: block;
  padding-left: 20px;
}

#formpalavrachave,
#refinar-resultados ul,
#formbuscarvagas {
  padding: 0 20px;
}

#localvagas {
  float: left;
  margin-top: -10px!important;
  background: #fff url(../images/icons/arrow-select.gif) no-repeat right center!important;
}
#buscarvagas {
  margin-top: 15px;
}

#selectlocalvagas,
#refinar-resultados li,
#contactform textarea,
#contactform input[type=email],
#formbuscarvagas input[type=text],
#formpalavrachave input[type=text],
#contactform input[type=text] {
  position: relative;
  width: 95%;
  padding: 0 2.5%;
  box-shadow: 0px 0px 3px #010101;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  border: 1px solid #eaedf0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 20px;
  background: #fff;
  color: #666;
}
#refinar-resultados li {
  height: auto;
  min-height: 40px;
}

#selectlocalvagas {
  width: 100%;
  float: left;
  margin-top: -61px!important;
  -webkit-opacity: 0; 
  -moz-opacity: 0; 
  -ms-opacity: 0; 
  -o-opacity: 0; 
  opacity: 0; 
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}
#contactform input[type=text]#recebeassunto {
  background: #fff url(../images/icons/arrow-down.png) no-repeat right center
}




#contactform textarea {
  height: 165px;
}

#refinar-resultados p,
#contactform .integer {
  padding: 0 20px;
}

#contactform .integer  {
  clear: both;
}

#refinar-resultados p {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}

#contactform .left {
  float: left;
  margin-left: 20px;
  width: 290px;
}

#contactform .leftcl {
  clear: both;
  float: left;
  margin-left: 20px;
  width: 290px;
}

#contactform .right {
  float: right;
  margin-right: 20px;
  width: 290px;
}

#contactform .left70 {
  float: left;
  margin-left: 20px;
  width: 400px;
}

#contactform .right30 {
  float: right;
  margin-right: 20px;
  width: 180px;
}

#aceito {
  margin-bottom: 15px;
}

#contactform select {
  position: relative;
  float: left;
  width: 100%;
  box-shadow: 0px 0px 3px #010101;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  border: 1px solid #eaedf0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: -60px;
  -webkit-opacity: 0; 
  -moz-opacity: 0; 
  -ms-opacity: 0; 
  -o-opacity: 0; 
  opacity: 0; 
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}

.enviar {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 12px;
  height: 50px;
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  margin: 15px 0 40px -12px;
  color: #fff;
}

.enviar h1 a {
  color: #fff;
}

#formpalavrachave input[type=submit],
#formbuscarvagas input[type=submit] {
  width: 100px;
  height: 40px;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2); 
  box-shadow: 0px 2px 2px #010101;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2); 
  font: 16px/20px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

#refinar-resultados li a {
  color: #666;
  font-size: 12px;
  padding-left: 15px;
  background: url(../images/icons/exclude.gif) no-repeat left center;
}


#refinar-resultados footer a {
  font-size: 12px;
  color: #cd0000;
  margin-left: 20px;
}


.enviar .pontatitulo {
  margin-left: 0!important;
  top: 51px!important;
}

.enviar .pontatituloright {
  margin-right: 0!important;
  top: 51px!important;
}


#contactform input[type=submit]{
  width: 100%;
  height: 50px;
  background: none;
  border: none;
  font: 24px/40px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  text-shadow: 2px 2px 1px #010101;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2); 
}

a.terms {
  color: #21409a;
}








.contact p {
  text-align: left;
  padding: 0 20px;
  color: #666;
  margin-bottom: 20px;
}

.contact p span {
  display: block;
  font-weight: bold;
  color: #000;
}

.contact p a {
  display: block; 
  clear: both;
  color: #006699;
  margin-top: 10px;
}

.contact .social {
  position: relative;
  float: left;
  width: 260px;
  padding: 0 20px;
  margin: -15px 0 25px;
}

.contact .social li {
  position: relative;
  float: left;
  width: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.7s all linear;
  -moz-transition: 0.7s all linear;
  -ms-transition: 0.7s all linear;
  -o-transition: 0.7s all linear;
  transition: 0.7s all linear;
  overflow: hidden;
  margin-right: 5px;
}

.contact .social li:hover {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.contact .social li a {
  display: block;
  padding-top: 5px;
  text-align: center;
}




















/* -------------------------------------------------------------- */
/*                             Planos                             */
/* -------------------------------------------------------------- */
.plains {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
  clear: left;
}

.plains > li {
  position: relative;
  float: left;
  border: 1px solid #e0e0e0;
  -webkit-border-top-left-radius: 17px;
  -moz-border-top-left-radius: 17px;
  -ms-border-top-left-radius: 17px;
  -o-border-top-left-radius: 17px;
  border-top-left-radius: 17px;
  -webkit-border-top-right-radius: 17px;
  -moz-border-top-right-radius: 17px;
  -ms-border-top-right-radius: 17px;
  -o-border-top-right-radius: 17px;
  border-top-right-radius: 17px;
  background: #fff url(../images/backgrounds/bg-plains.gif) no-repeat top center;
  width: 233px;
  margin: 0 0.2px 50px;
}

.plains > li .values {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-top: 20px;
}

.plains > li .values span {
  position: relative;
  font: 82px/82px "Bebas", Helvetica, Arial, sans-serif;
  color: #fff;
  display: inline-block;
  text-shadow: 1px 1px #010101;
  text-shadow: 1px 1px rgba(0,0,0,0.4);
  margin-top: 0px;
  height: 80px;
  overflow: hidden;
}

.plains > li .values span.rs {
  font-size: 40px;
  line-height: 40px;
  padding-top: 7px;
  height: 73px;
}

.plains > li .values span.month {
  font-size: 16px;
  line-height: 10px;
}

.plains > li .values span.month em {
  display: block;
  font-size: 38px;
  line-height: 30px!important;
  padding-bottom: 0;
  border-bottom: 5px solid #fff;
  margin-top: 10px;
}
  
.plains > li ol {
  position: relative;
  float: left;
  margin-top: 30px;
  width: 100%;
  margin-bottom: 40px;
}


.plains > li ol li {
  position: relative;
  /*height: 47px;*/
  height: auto;
  /*line-height: 45px;*/
  line-height: 15px;
  /*font-size: 14px;*/
  font-size: 12px;
  color: #2c3e50;
  text-transform: uppercase; 
  /*padding-left: 52px;*/
  padding: 15px 0 15px 38px;
  background: url(../images/backgrounds/tick.gif) no-repeat 20px 18px;
  background: url(../images/backgrounds/line-plain.gif) repeat-x bottom left, url(../images/backgrounds/tick.gif) no-repeat 20px 18px;
}

.plains > li a {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -75px;
  width: 150px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  margin-bottom: -20px;
  text-transform: uppercase;
  color: #fff;
  font: 16px/40px "Filetto", Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px #010101;
  text-shadow: 1px 1px rgba(0,0,0,0.4);
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}





.plains > li.destaque {
  margin-top: -15px;
  margin-bottom: -15px;
  width: 250px;
  background: #036da5 url(../images/backgrounds/bg-plains-destaque.gif) no-repeat top center;
}

.plains > li.destaque .values {
  margin-top: 35px;
}

.plains > li.destaque ol li {
  color: #fff;
  padding-right: 10px;
  background: url(../images/backgrounds/tick-destaque.gif) no-repeat 20px 18px;
  background: url(../images/backgrounds/line-plain-destaque.gif) repeat-x bottom left, url(../images/backgrounds/tick-destaque.gif) no-repeat 20px 18px;
}


.plains.semdestaque > li {
  margin-left: 2.5px;
  margin-right: 2.5px;
}


.plains > li .values {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-top: 20px;
}

.plains > li .values span {
  position: relative;
  font: 82px/82px "Bebas", Helvetica, Arial, sans-serif;
  color: #fff;
  display: inline-block;
  text-shadow: 1px 1px #010101;
  text-shadow: 1px 1px rgba(0,0,0,0.4);
  margin-top: 0px;
  height: 80px;
  overflow: hidden;
}

.plains > li .values span.rs {
  font-size: 40px;
  line-height: 40px;
  padding-top: 7px;
  height: 73px;
}

.plains > li .values span.month {
  font-size: 16px;
  line-height: 10px;
}

.plains > li .values span.month em {
  display: block;
  font-size: 38px;
  line-height: 30px!important;
  padding-bottom: 0;
  border-bottom: 5px solid #fff;
  margin-top: 10px;
}


















/* -------------------------------------------------------------- */
/*                             Assine                             */
/* -------------------------------------------------------------- */
#assine {
  position: relative;
  float: left;
  background: url(../images/backgrounds/bg-slider.png) no-repeat center -1px;
  height: 500px;
  margin-top: -55px;
}

.assinesl {
  width: 960px;
  position: relative;
  float: left;
  clear: left;
  height: 500px;
  left: 50%!important;
  margin: 0 0 0 -480px;
}

.assinesl article {
  position: absolute;
  top: 50px;
  left: 100px;
}

.assinesl article img {
  margin-bottom: -18px;
}

.assinesl article h1 {
  max-width: 350px;
  margin-left: 20px;
}


.assinesl .imgslideassine {
  position: absolute;
  right: -20px;
  top: 80px;
}

.assinesl h1 {
  font: 32px/32px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: 2px 2px 2px #010101;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.assinesl a {
  clear: both;
  display: block;
  width: 260px;
  height: 53px;
  background: url(../images/backgrounds/bg-button-slider.gif) repeat-x top left;
  font: 20px/53px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-left: 20px;
  text-shadow: 2px 2px 2px #010101;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 3px #010101;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.assinesl a:hover {
  background: url(../images/backgrounds/bg-button-slider-hover.gif) repeat-x top left;
}

#priceplain {
  position: relative;
  float: right;
  margin-left: -40px;
}

#priceplain div {
  position: relative;
  float: left;
  font: 165px/150px "Bebas", Helvetica, Arial, sans-serif;
  color: #ffff00;
  margin-left: 5px;
}

#priceplain .byrs {
  padding-top: 8px;
  font-size: 36px;
  line-height: 30px;
  text-align: right;
}

#priceplain .price {
  margin-left: 0;
}

#priceplain .rs {
  font-size: 80px;
  line-height: 80px;
  text-align: right;
}

#priceplain .cents {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 80px;
  line-height: 70px;
  border-bottom: 10px solid #ffff00;
}


#priceplain .month {
  clear: left;
  font-size: 34px;
  line-height: 34px;
}


#titlepage {
  margin-top: 80px;
  margin-bottom: 50px;
  text-transform: uppercase;
  font: 36px/36px "Filetto", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #21409a;
}

#titlepage h1 {
  font: 36px/36px "FilettoBold", Arial, Helvetica, sans-serif;
}

#titlepage h2 {
  font: 30px/26px "FilettoExtralight", Arial, Helvetica, sans-serif;
  font-weight: 100;
}











/* -------------------------------------------------------------- */
/*                          Mega Suporte                          */
/* -------------------------------------------------------------- */
#mgsuporte .btn {
  margin-left: 75px;
}

#mgsuporte .sidemegasuporte {
  margin-top: -30px;
}

#fale p {
  font: 14px/20px Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0 20px 10px;
  padding-left: 30px;
}

#fale h2 {
  font: 18px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-left: 20px;
  margin-bottom: 20px;
}


#fale p.tel {
  background: url(../images/icons/tel.png) no-repeat left center;
}

#fale p.mail {
  background: url(../images/icons/mail.png) no-repeat left center;
}




#topsuporte {
  position: relative;
  float: left;
  width: 920px;
  padding: 0 20px; 
  background: #036da5; 
  min-height: 50px;
  font: 14px/50px "Filetto", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin: -30px 0 30px;
}


.enviar h1 {
  color: #fff!important;
  line-height: 50px!important;
  width: 100%;
  text-align: center;
  padding: 0!important;
}

#FAQ {
  padding-top: 20px;
}

#FAQ .FAQ:nth-child(2n+0) h1 {
  color: #036da5!important;
}
#FAQ .FAQ:nth-child(2n+1) h1 {
  color: #333!important;
}

.FAQ {
  cursor: pointer;
  margin-bottom: 10px;
}

.FAQContent {
  margin-bottom: 20px;
}  

.FAQContent .zoom {
  float: right;
}

.FAQContent .zoom img {
  float: left;
}

.FAQContent .zoom span {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
  color: #036da5;
  font: 14px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: url(../images/icons/lupa-red.png) no-repeat 190px center;
}

.FAQContent footer a {
  padding-left: 20px;
  text-transform: uppercase;
  font: 14px "Filetto", Arial, Helvetica, sans-serif;
  color: #d40004;
}

#nextpage,
#prevpage {
  position: absolute;
  top: 15px;
  color: #fff;
  text-transform: uppercase;
  font: 14px "Filetto", Arial, Helvetica, sans-serif;
}


#nextpage {
  right: 30px; 
  padding-right: 15px; 
  background: url(../images/icons/arrow-sub.png) no-repeat right 7px;
}

#prevpage {
  left: 30px;
  padding-left: 15px;
  background: url(../images/icons/arrow-sub-right.png) no-repeat left 7px;
}











/* -------------------------------------------------------------- */
/*                          Busca Avançada                        */
/* -------------------------------------------------------------- */
#sidesearch {
  float: left!important;
  min-height: 1770px;
}

#sidesearch.vagas {
  min-height: 3405px;
}

#contentleft.right {
  float: right!important;  
}

#topsuporte ul {
  position: relative;
  float: left;
}
#topsuporte ul li {
  position: relative;
  color: #fff;
  float: left;
}

#topsuporte ul li:before {
  content: ">";
  padding: 0 10px;
  color: #ffffcc;
}

#topsuporte ul li:first-child:before {
  content: "";
  padding: 0;
}

#topsuporte ul li a {
  color: #ffffcc;
}






#category #listcategory {
  padding: 0 20px 10px;
  position: relative;
  float: left;
}

#category #listcategory li {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  color: #666;
}

#category #listcategory li a {
  color: #666;
}

#category #listcategory li a:hover {
  color: #000;
}

#showcategory {
  position: relative;
  float: left;
  clear: both;
  padding: 0 20px;
  color: #036da5;
  font: 14px/20px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: url(../images/icons/down.png) no-repeat right 5px;
  cursor: pointer;
  overflow: hidden;
}

#pageinfo #contentleft.right a h1 {
  color: #fff;
  font-size: 18px;
  padding: 0;
  line-height: 50px;
}

#pageinfo #contentleft.right .listofertas li:nth-child(2n+0), 
#pageinfo #contentleft.right .listofertas li:nth-child(3n+0),
#pageinfo #contentleft.right .listofertas li:nth-child(3n+1),
#pageinfo #contentleft.right .listofertas li:nth-child(3n+2) {
  margin-left: 0px;
  clear: none;
}

#pageinfo #contentleft.right .listofertas li:nth-child(2n+1) {
  margin-left: 0px!important;
  clear: both;
}

#pageinfo #contentleft.right .listofertas li:nth-child(2n) {
  margin-left: 18px!important;
}

#pageinfo #contentleft.right .listofertas li {
  float: left!important;
}

.boxed {
  background: #fff url(../images/backgrounds/bg-boxes.png) repeat-x top left;

}

.boxed h2 {
  color: #036da5;
  text-transform: uppercase;
  font: 16px "Filetto", Arial, Helvetica, sans-serif;
  padding: 20px 20px;
}

.boxed p {
  font-size: 14px;
  color: #666;
  padding-left: 20px;
  margin-bottom: 10px;
}

.overview {
  position: relative;
  float: left;
}


.overview label {
  margin-top: 5px;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 28px;
  color: #666666; 
  cursor: pointer;
}


.overview label span {
  position: relative;
  float: left;
  margin-left: 20px;
  width: 28px;
  height: 28px;
  border: 1px solid #f1f3f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #010101;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  margin-right: 10px;
  background: url(../images/icons/tickgrey.png) no-repeat center;
  cursor: pointer;
}

.overview label:hover span,
.overview label.active span {
  background: url(../images/icons/tickblue.png) no-repeat center;

}

.overview label span input[type=checkbox] {
  position: relative;
  float: left;
  width: 28px;
  height: 28px;
  -webkit-opacity: 0; 
  -moz-opacity: 0; 
  -ms-opacity: 0; 
  -o-opacity: 0; 
  opacity: 0; 
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}














/* -------------------------------------------------------------- */
/*                             Empregos                           */
/* -------------------------------------------------------------- */
.listempregos {
  position: relative;
  float: right;
  width: 100%;
}

.listempregos li {
  background: #fff;
  margin-bottom: 20px; 
}

.listempregos li:hover {
  background: #fcfcfc;
}

.listempregos li a time {
  float: right;
  color: #666;
}
#pageinfo #contentleft.right .listempregos li a {
  padding: 20px;
  display: block;
}

#pageinfo #contentleft.right .listempregos li a h1 {
  font: 20px/20px "Filetto", Arial, Helvetica, sans-serif;
  color: #21409a;
  text-transform: uppercase;
  margin-bottom: 5px; 
}

#pageinfo #contentleft.right .listempregos li a p {
  font: 14px/14px "Filetto", Arial, Helvetica, sans-serif;
  color: #cf0000;
  text-transform: uppercase;
  padding: 0;
}

#pageinfo #contentleft.right .listempregos li a footer {
  color: #666;
  font-size: 14px;
}


#pageinfo #contentleft.right .listempregos li a footer span {
  display: inline-block;
  padding: 0 20px;
}

.backv {
  display: block;
  color: #036da5;
  text-align: center;
}

#resumovaga {
  margin-top: 40px;
  padding-top: 10px;
  min-height: 1010px;
}

#nextprevvagas {
  position: absolute;
  width: 300px;
  top: -35px;
}

#nextprevvagas a {
  color: #999999;
  font: 14px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
}

.prevv {
  position: relative;
  float: left;
  margin-left: 30px;
}

.prevv:before {
  content: "<";
  padding-right: 5px;
}

.nextv {
  position: relative;
  float: right;
  margin-right: 30px;
}
.nextv:after {
  content: ">";
  padding-left: 5px;
}

#contentleft.dadosvaga h1 {
  font-size: 24px!important;
}



#contentleft.dadosvaga h2 {
  color: #cf0000;
  font: 16px "Filetto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0 20px 15px; 
}


#contentleft.dadosvaga p {
  margin-bottom: 5px!important;
}

#contentleft.dadosvaga section {
  margin-bottom: 20px;
}

#contentleft.dadosvaga ul {
  margin-bottom: 40px
}

#contentleft.dadosvaga h3 {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  padding: 0 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#contentleft.dadosvaga li {
  padding-left: 40px;
  color: #666;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}

#contentleft.dadosvaga li:before {
  content: "•";
  padding-right: 5px; 
}

#contentleft.dadosvaga footer {
  color: #cf0000;
  font-size: 14px;
  padding: 0 20px;
}


/* ************************************ */
/*          Definição de Cores          */
/* ************************************ */


/* -------------------------- */
/*          LighGreen         */
/* -------------------------- */
#fale.lightgreen h2,
#content.contentgreygeral.lightgreen .listofertas li a footer span,
#content.contentgreygeral.lightgreen .megavantagemright footer a,
#content.contentgreygeral.lightgreen .artvantagem .megavantagemleft time {
  color: #9c9;
}


#content.contentgreygeral.lightgreen .listofertas li a h1,
#content.contentgreygeral.lightgreen #contentleft h1,
#dadosvendedor.lightgreen h1,
.btnassine.lightgreen,
.contentgrey.lightgreen #contentleft h1,
.lightgreen .listofertas h1,
#how.lightgreen .btn,
aside .lightgreen > a.btn,
aside > div.lightgreen > header > h1,
.artvantagem.lightgreen .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-lightgreen.gif) repeat-x top left;  
  border: 1px solid #9c9; 

}

#content.contentgreygeral aside > div.lightgreen > header > .pontatitulo,
#content.contentgreygeral.lightgreen .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-lightgreen.png) no-repeat right top;
}

#content.contentgreygeral aside > div.lightgreen > header > .pontatituloright,
#dadosvendedor.lightgreen .pontatituloright,
aside > div.lightgreen > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-lightgreen-right.png) no-repeat right top!important;
}









/* -------------------------- */
/*          Black         */
/* -------------------------- */
#fale.black h2,
#content.contentgreygeral.black .listofertas li a footer span,
#content.contentgreygeral.black .megavantagemright footer a,
#content.contentgreygeral.black .artvantagem .megavantagemleft time {
  color: #000;
}


#content.contentgreygeral.black .listofertas li a h1,
#content.contentgreygeral.black #contentleft h1,
#dadosvendedor.black h1,
.btnassine.black,
.contentgrey.black #contentleft h1,
.black .listofertas h1,
#how.black .btn,
aside .black > a.btn,
aside > div.black > header > h1,
.artvantagem.black .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-black.gif) repeat-x top left;  
  border: 1px solid #000; 

}

#content.contentgreygeral aside > div.black > header > .pontatitulo,
#content.contentgreygeral.black .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-black.png) no-repeat right top;
}

#content.contentgreygeral aside > div.black > header > .pontatituloright,
#dadosvendedor.black .pontatituloright,
aside > div.black > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-black-right.png) no-repeat right top!important;
}









/* -------------------------- */
/*          LightPink         */
/* -------------------------- */
#fale.lightpink h2,
#content.contentgreygeral.lightpink .listofertas li a footer span,
#content.contentgreygeral.lightpink .megavantagemright footer a,
#content.contentgreygeral.lightpink .artvantagem .megavantagemleft time {
  color: #f9c;
}


#content.contentgreygeral.lightpink .listofertas li a h1,
#content.contentgreygeral.lightpink #contentleft h1,
#dadosvendedor.lightpink h1,
.btnassine.lightpink,
.contentgrey.lightpink #contentleft h1,
.lightpink .listofertas h1,
#how.lightpink .btn,
aside .lightpink > a.btn,
aside > div.lightpink > header > h1,
.artvantagem.lightpink .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-lightpink.gif) repeat-x top left;  
  border: 1px solid #f9c; 

}

#content.contentgreygeral aside > div.lightpink > header > .pontatitulo,
#content.contentgreygeral.lightpink .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-lightpink.png) no-repeat right top;
}

#content.contentgreygeral aside > div.lightpink > header > .pontatituloright,
#dadosvendedor.lightpink .pontatituloright,
aside > div.lightpink > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-lightpink-right.png) no-repeat right top!important;
}










/* -------------------------- */
/*            Purple          */
/* -------------------------- */
#fale.purple h2,
.artvantagem.purple .megavantagemright footer a, 
.artvantagem.purple .megavantagemleft time,
#content.contentgreygeral.purple .listofertas li a footer span,
#content.contentgreygeral.purple .megavantagemright footer a,
#content.contentgreygeral.purple .artvantagem .megavantagemleft time {
  color: #96c;
}


#content.contentgreygeral.purple .listofertas li a h1,
#content.contentgreygeral.purple #contentleft h1,
#dadosvendedor.purple h1,
.btnassine.purple,
.contentgrey.purple #contentleft h1,
.purple .listofertas h1,
#how.purple .btn,
aside .purple > a.btn,
aside > div.purple > header > h1,
.artvantagem.purple .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-purple.gif) repeat-x top left;  
  border: 1px solid #96c; 

}

.artvantagem.purple .megavantagemright .pontatitulo,
#content.contentgreygeral aside > div.purple > header > .pontatitulo,
#content.contentgreygeral.purple .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-purple.png) no-repeat right top;
}

#content.contentgreygeral aside > div.purple > header > .pontatituloright,
#dadosvendedor.purple .pontatituloright,
aside > div.purple > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-purple-right.png) no-repeat right top!important;
}










/* -------------------------- */
/*            Yellow          */
/* -------------------------- */
#fale.yellow h2,
#content.contentgreygeral.yellow .listofertas li a footer span,
#content.contentgreygeral.yellow .megavantagemright footer a,
#content.contentgreygeral.yellow .artvantagem .megavantagemleft time {
  color: #f90;
}


#content.contentgreygeral.yellow .listofertas li a h1,
#content.contentgreygeral.yellow #contentleft h1,
#dadosvendedor.yellow h1,
.btnassine.yellow,
.contentgrey.yellow #contentleft h1,
.yellow .listofertas h1,
#how.yellow .btn,
aside .yellow > a.btn,
aside > div.yellow > header > h1,
.artvantagem.yellow .megavantagemright h1  {
  background: url(../images/backgrounds/bg-title-yellow.gif) repeat-x top left;  
  border: 1px solid #f90; 
}

#content.contentgreygeral aside > div.yellow > header > .pontatitulo,
#content.contentgreygeral.yellow .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-yellow.png) no-repeat right top;
}


#content.contentgreygeral aside > div.yellow > header > .pontatituloright,
#dadosvendedor.yellow .pontatituloright,
aside > div.yellow > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-yellow-right.png) no-repeat right top!important;
}










/* -------------------------- */
/*             Pink           */
/* -------------------------- */
#fale.pink h2,
.artvantagem.pink .megavantagemright footer a, 
.artvantagem.pink .megavantagemleft time,
#content.contentgreygeral.pink .listofertas li a footer span,
#content.contentgreygeral.pink .megavantagemright footer a,
#content.contentgreygeral.pink .artvantagem .megavantagemleft time {
  color: #c39;
}


#content.contentgreygeral.pink .listofertas li a h1,
#content.contentgreygeral.pink #contentleft h1,
#dadosvendedor.pink h1,
.btnassine.pink,
.contentgrey.pink #contentleft h1,
.pink .listofertas h1,
#how.pink .btn,
aside .pink > a.btn,
aside > div.pink > header > h1,
.artvantagem.pink .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-pink.gif) repeat-x top left;  
  border: 1px solid #c39; 
}

.artvantagem.pink .megavantagemright .pontatitulo,
#content.contentgreygeral aside > div.pink > header > .pontatitulo,
#content.contentgreygeral.pink .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-pink.png) no-repeat right top;
}


#content.contentgreygeral aside > div.pink > header > .pontatituloright,
#dadosvendedor.pink .pontatituloright,
aside > div.pink > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-pink-right.png) no-repeat right top!important;
}









/* -------------------------- */
/*             Grey           */
/* -------------------------- */
#fale.grey h2,
.artvantagem.grey .megavantagemright footer a, 
.artvantagem.grey .megavantagemleft time,
#content.contentgreygeral.grey .listofertas li a footer span,
#content.contentgreygeral.grey .megavantagemright footer a,
#content.contentgreygeral.grey .artvantagem .megavantagemleft time {
  color: #999;
}


#content.contentgreygeral.grey .listofertas li a h1,
#content.contentgreygeral.grey #contentleft h1,
#dadosvendedor.grey h1,
.btnassine.grey,
.contentgrey.grey #contentleft h1,
.grey .listofertas h1,
#how.grey .btn,
aside .grey > a.btn,
aside > div.grey > header > h1,
.artvantagem.grey .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-grey.gif) repeat-x top left;  
  border: 1px solid #999; 
}

.artvantagem.grey .megavantagemright .pontatitulo,
#content.contentgreygeral aside > div.grey > header > .pontatitulo,
#content.contentgreygeral.grey .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-grey.png) no-repeat right top;
}

#content.contentgreygeral aside > div.grey > header > .pontatituloright,
#dadosvendedor.grey .pontatituloright,
aside > div.grey > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-grey-right.png) no-repeat right top!important;
}




/* -------------------------- */
/*          Vermelho          */
/* -------------------------- */
#fale.red h2,
#content.contentgreygeral.red .megavantagemright footer a,
#content.contentgreygeral.red .artvantagem .megavantagemleft time,
.red .listofertas li a footer span,
.contentgrey.red h1.h1others,
aside .conheca.red footer a, 
.artvantagem.red .megavantagemright footer a,
.artvantagem.red .megavantagemleft time {
  color: #da2028;
}

.plains > li.destaque a,
#content.contentgreygeral.red .listofertas li a h1,
#content.contentgreygeral.red #contentleft h1,
#dadosvendedor.red h1,
.btnassine.red,
.contentgrey.red #contentleft h1,
.red .listofertas h1,
#how.red .btn,
aside .red > a.btn,
aside > div.red > header > h1,
.artvantagem.red .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-red.gif) repeat-x top left;  
  border: 1px solid #cc0000!important;
}

.plains > li.destaque a:hover,
.btnassine.red:hover,
#how.red .btn:hover,
aside .red > a.btn:hover {
  background: url(../images/backgrounds/bg-title-red-hover.gif) repeat-x top left;  
}
#content.contentgreygeral.red .pontatitulo,
#dadosvendedor.red .pontatitulo,
.contentgrey.red #contentleft .pontatitulo,
#content.contentgreygeral aside > div.red > header > .pontatitulo,
aside > div.red > header > .pontatitulo,
.artvantagem.red .megavantagemright .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-red.png) no-repeat right top!important;
}

#dadosvendedor.red .pontatituloright,
aside > div.red > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-red-right.png) no-repeat right top!important;
}




/* -------------------------- */
/*            Azul            */
/* -------------------------- */
#fale.blue h2,
#content.contentgreygeral.blue .listofertas li a footer span,
#content.contentgreygeral.blue .megavantagemright footer a,
#content.contentgreygeral.blue .artvantagem .megavantagemleft time,
.blue .listofertas li a footer span,
.contentgrey.blue h1.h1others,
aside .conheca.blue footer a, 
.artvantagem.blue .megavantagemright footer a,
.artvantagem.blue .megavantagemleft time {
  color: #21409a;
}


#formpalavrachave input[type=submit],
#formbuscarvagas input[type=submit],
.plains > li a,
.enviar,
form.columns2 input[type=submit],
#btnparticipe,
#sendreceita a,
#content.contentgreygeral.blue .listofertas li a h1,
#content.contentgreygeral.blue #contentleft h1,
.btnenter,
.btnassine.blue,
#dadosvendedor.blue h1,
.contentgrey.blue #contentleft h1,
.blue .listofertas h1,
#how.blue .btn,
aside .blue > a.btn,
aside > div.blue > header > h1,
.artvantagem.blue .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-blue.gif) repeat-x top left; 
  border: 1px solid #6666cc!important; 
}


#formpalavrachave input[type=submit]:hover,
#formbuscarvagas input[type=submit]:hover,
.plains > li a:hover,
.enviar:hover,
form.columns2 input[type=submit]:hover,
#btnparticipe:hover,
#sendreceita a:hover,
.btnenter:hover,
.btnassine.blue:hover,
#how.blue .btn:hover,
aside .blue > a.btn:hover {
  background: url(../images/backgrounds/bg-title-blue-hover.gif) repeat-x top left; 
}

.enviar .pontatitulo,
#content.contentgreygeral.blue .pontatitulo,
#dadosvendedor.blue .pontatitulo,
.contentgrey.blue #contentleft .pontatitulo,
#content.contentgreygeral aside > div.blue > header > .pontatitulo,
aside > div.blue > header > .pontatitulo,
.artvantagem.blue .megavantagemright .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-blue.png) no-repeat right top!important;
}

.enviar .pontatituloright,
#dadosvendedor.blue .pontatituloright,
aside > div.blue > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-blue-right.png) no-repeat right top!important;
}






/* -------------------------- */
/*           Verde            */
/* -------------------------- */

#fale.green h2,
#content.contentgreygeral.green .megavantagemright footer a,
#content.contentgreygeral.green .artvantagem .megavantagemleft time,
.green .listofertas li a footer span,
.contentgrey.green h1.h1others,
aside .conheca.green footer a, 
.artvantagem.green .megavantagemright footer a,
.artvantagem.green .megavantagemleft time {
  color: #3a6d3a;
}

#content.contentgreygeral.green .listofertas li a h1,
#content.contentgreygeral.green #contentleft h1,
#dadosvendedor.green h1,
.btnassine.green,
.contentgrey.green #contentleft h1,
.green .listofertas h1,
#how.green .btn,
aside .green > a.btn,
aside > div.green > header > h1,
.artvantagem.green .megavantagemright h1 {
  background: url(../images/backgrounds/bg-title-green.gif) repeat-x top left;  
  border: 1px solid #009933;
}

.btnassine.green:hover,
#how.green .btn:hover,
aside .green > a.btn:hover {
  background: url(../images/backgrounds/bg-title-green-hover.gif) repeat-x top left;  
}

#content.contentgreygeral.green .pontatitulo,
#dadosvendedor.green .pontatitulo,
.contentgrey.green #contentleft .pontatitulo,
#content.contentgreygeral aside > div.green > header > .pontatitulo,
aside > div.green > header > .pontatitulo,
.artvantagem.green .megavantagemright .pontatitulo {
  background: url(../images/backgrounds/ponta-titulo-green.png) no-repeat right top!important;
}

#dadosvendedor.green .pontatituloright,
aside > div.green > header > .pontatituloright {
  background: url(../images/backgrounds/ponta-titulo-green-right.png) no-repeat right top!important;
}

/* ************************************ */
/*        Fim Definição de Cores        */
/* ************************************ */
















/* Correções Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #deskmenu ul li a {
  padding: 0 8.5px;
  }
}







/* Tablets em Paisagem, com tela até 960px */
@media screen and (max-width:980px) { 

  .centraliza {
    width: 95%;
    left: 0;
    margin-left: 2.5%;
    overflow: hidden;
  }
  #receitasside,
  #sideclubedevantagens,
  #nextprevvagas,
  .enviar .pontatituloright,
  .enviar .pontatitulo,
  #sidemegasuporte,
  .banner300x250,
  .banner300x100,
  #banner100,
  aside,
  #deskmenu {
    display: none;
  }


  #resumovaga,
  #responsivemenu {
    display: block;
  }

  aside > div#refinar-resultados,
  aside > div,
  #contentleft.right,
  .columns3.funciona p, .columns3.vantagens p, .columns3.associado p,
  #regrasvantagem,
  .artvantagem > .megavantagemright,
  #contentleft {
    width: auto!important;
  }
  
  .listofertas,
  #logo {
    margin: 65px 0 0;
  }
  
  .listnoticias > li > a > img,
  #resumovaga,
  #contentleft.dadosvaga, 
  aside > div#palavra-chave,
  .publicitymiddle li img,
  .listofertas li img,
  #footer .columns3.last,
  #newssubfooter .columns3 img,
  .columns3 {
    width: 100%!important;
  }

  aside > div,
  #contentleft.right,
  #footer .columns3.last ul li,
  .columns3.funciona p, .columns3.vantagens p, .columns3.associado p {
    float: none!important;
  }

  .topovantagem .megavantagemright {
    right: 50%;
    margin-right: -291px;
  }

  .listnoticias > li,
  .publicitymiddle li,
  .listofertas li,
  #newssubfooter .columns3 {
    width: 30%!important;
    margin: 0 1.5% 20px!important;    
  }

  #footer {
    background-color: #3d6ed5;
  }

  #obs {
    background-color: #fff; 
    width: 90%;
    padding: 2% 5%!important;
  }

  #footer form {
    width: 40%;
    float: right;
  }

  #footer input[type="text"], #footer input[type="email"]{
    width: 90%;
    left: 0 5%;
  }
 
  #footer p.copy,
  #footer p.email,
  #footer p.cell {
    float: left;
    margin: 0 20px 30px 0;
  }

  #footer .columns3.last ul {
    text-align: center;
  }

  #footer .columns3.last ul li {
    display: inline-block;
  }

  #descontovantagem,
  #thumbsvantagem,  
  #arrowsthumbs,
  .contentgrey #contentleft h1,
  #slidervantagem  {
    left: 50%;
  }

  #slidervantagem { margin-left: -295px; }

  #arrowsthumbs, .contentgrey #contentleft h1 { margin-left: -308px; }

  #thumbsvantagem { margin-left: -560px; }
  
  #descontovantagem { width: 100% !important; margin-left: 0; left: 0; }

  aside > div,
  #contentleft.right,
  #footer .columns3.last ul li,
  #arrowsthumbs {
    clear: both;
  }

  aside.showmobile {
    display: block;
    margin-top: 20px;
    width: auto;
  }

  #pageinfo {
    padding-top: 0;
  }

  #sidesearch.vagas {
    min-height: 0px;
  }
  aside {
    margin-bottom: 20px;
  }

  #footer .columns3.first {
    width: 375px!important
  }
  
  #topsuporte {
    margin-top: 0;
  }

  #footer {
    z-index: 100;
  }

  #resumovaga {
    min-height: 100%; 
  }




    #listreceitas li footer,
  #listreceitas li .rating,
  #listreceitas li p,
  #listreceitas li h1 {
    float: none;
    width: auto;
  }
    #listreceitas .sharevantagem {
    margin-left: 20px;
  }

  .columns2 {
    width: 40%;
    margin: 0 5%;
  }

  #contactform .right,
  #contactform .left {
    width: 45%;
  }

  .showmobile {
    width: 100% !important;
    margin-left: 0px;
    left: 0px;
  }


  .showmobile p {
    clear: both;
  }


}























/* Configurações do topo */
@media screen and (max-width:900px) {
  .info {
    width: 420px;
  }

  .info .login {
    float: right;
    margin-top: 15px;
  }

  #top {
    margin-top: 10px!important;
  }

  body{
    background-size: 100% 250px;
  }

  #btnparticipe {
    width: 100%;
  }

  .slide article {
    left: 120px;
    z-index: 2;
  }

  .slide .imgslide {
    z-index: 1;
  }

  #paginationslide {
    top: 450px;
    margin-left: -240px;
  }


}


















/* Configurações do topo */
@media screen and (max-width:850px) {
  #content100 .columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
  }

  #content100 .columns li p {
    float: left;
    width: auto;
    margin: 5px 10px;
  }

  #pageinfo #content100 h1 {
    width: 100%;
  }
}




/* Tablets em Retrato, com tela até 768px */
@media screen and (max-width:770px) {
  /* ----------------------------- Float ----------------------------- */
  .info li:nth-child(2n+2) {
    float: right;
  }


  .listofertas li {
    float: left!important;
  }



  /* ----------------------------- Margin ----------------------------- */
  .info li:nth-child(2n+3) {
    margin-top: 15px;
  }

  #footer form {
    margin-bottom: 30px;
  }
  
  .listofertas li {
    margin: 0 2.5% 20px!important;
  }

  .columns2 {
    margin: 0 0 20px;
  }


  /* ----------------------------- Background ----------------------------- */
  body{
    background-size: 100% 330px;
  }

  #pageinfo #content100 section#participe {
    background-image: none;
  }


  /* ----------------------------- Border ----------------------------- */
  #searchtop {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }



  /* ----------------------------- Width ----------------------------- */


  #footer .columns3.first,
  #footer form {
    width: 100%!important;
  }

  .info {
    width: 320px;
  }

  .listofertas li {
    width: 45%!important;
  }

  .columns2 {
    width: auto;
  }

  /* ----------------------------- Height ----------------------------- */
  #top .centraliza,
  #top {
    height: auto;
  }


  /* ----------------------------- Clear ----------------------------- */
  .listofertas li {
    clear: none!important;
  }


  /* ----------------------------- Padding ----------------------------- */
  
  .columns2 {
    padding: 20px 10px!important;
  }

  #pageinfo #content100 section#participe {
    padding-bottom: 20px;
  }
}






@media screen and (max-width:730px) {

  /* ----------------------------- Position ----------------------------- */
  .artvantagem .megavantagemright h1,
  .artvantagem .megavantagemleft {
    position: relative;
  }



  /* ----------------------------- Float ----------------------------- */
  .artvantagem .megavantagemright h1,
  .artvantagem .megavantagemleft {
    float: left;
  }



  /* ----------------------------- Clear ----------------------------- */
  .artvantagem .megavantagemleft ul li {
    clear: none;
  }



  /* ----------------------------- Width ----------------------------- */
  .artvantagem .megavantagemright h1,
  .artvantagem .megavantagemleft,
  .topovantagem .megavantagemright img,
  .artvantagem .megavantagemright {
    width: 100%;
  }

  .artvantagem .megavantagemleft time {
    width: 40px;
  }

    #topsuporte {
      width: 90%;
    }



  /* ----------------------------- Height ----------------------------- */
  .topovantagem {
    height: auto;
  }



  /* ----------------------------- Alinhamento ----------------------------- */
  .topovantagem .megavantagemright {
    right: 0;
  }



  /* ----------------------------- Margin ----------------------------- */
  .topovantagem .megavantagemright {
    margin-right: 0;
  }

  .artvantagem .megavantagemleft ul li {
    margin-right: 10px;
  }

  #footer ul {
    margin-left: 30px;
  }





  /* ----------------------------- Padding ----------------------------- */
    #topsuporte {
      padding: 0 5%;
    }

    .topovantagem {
      padding-top: 10px;
    }
}



@media screen and (max-width:700px) {  

  .slide {
    width: 100%;
    left: 0!important;
    margin-left: 0;
  }

  .slide article {
    left: 0;
    width: 100%;
  }

  .slide article h1,
  .slide article p {
    width: auto;
    max-width: 100%!important;
  }

  .slide .imgslide {
    display: none;
  }

  .artvantagem .megavantagemright p img,
  .topovantagem .megavantagemright img,
  .artvantagem > .megavantagemright {
    width: 100%!important;
    left: 0;
    height: auto;
  }


}





@media screen and (max-width:650px) {  


  /* ----------------------------- Display ----------------------------- */
  #socialfixed {
    display: none;
  }




  /* ----------------------------- Height ----------------------------- */
  #thumbsvantagem {
    height: auto;
  }




  /* ----------------------------- Width ----------------------------- */
  .listnoticias li a h1,
  .listnoticias > li,
  #arrowsthumbs,
  .listempregos li a time,
  .listofertas li a p span,
  .listofertas li a footer span,
  .info,  
  #thumbsvantagem,
  #thumbsvantagemslider,
  #thumbsvantagem ul li img,
  #thumbsvantagem ul,
  #newssubfooter .columns3 {
    width: 100%!important;
  }

  #thumbsvantagem ul li {
    width: 25%!important;
  }

  .listnoticias > li > a > img,
  #newssubfooter .columns3 img {
    width: 40%!important;
  }

  #contactform .right,
  #contactform .left,
  #pageinfo #contentleft .formats, 
  #pageinfo #contentleft .formats .right,
  #pageinfo #contentleft .formats p,
  .listnoticias > li > p,
  #newssubfooter .columns3 p {
    width: auto;
  }
  
#comment input[type="text"],
#comment input[type="email"],
  #comment textarea,
  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left {
    width: 80%!important;
  }



  #contentleft h1,
  .contentgrey #contentleft h1 {
    width: 90%!important;
  }


#comment input[type="text"],
#comment input[type="email"],
  #comment textarea{
width: 80% !important;
margin-left: 5%;
    
  }
#comment img {
  display: none;
}

#comment {
  display: flex;
  flex-direction:column;
}
#comment input[type="text"] {
  order: 1;
}
#comment input[type="email"] {
  order: 2;
}
#comment textarea{
  order: 3;
}
#comment input[type="submit"]{
  order: 4;
}


  /* ----------------------------- Background ----------------------------- */
  body{
    background-size: 100% 300px;
  }
  #arrowsthumbs #lateraldireita,
  #arrowsthumbs #lateralesquerda {
    background: none;
  }



  /* ----------------------------- Float ----------------------------- */
  .listnoticias > li,
  .listnoticias > li > a > img,
  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left,
  #newssubfooter .columns3 img,
  .info li:nth-child(2n+2) {
    float: left;
  }

  #contactform .right,
  #contactform .left,
  #pageinfo #contentleft .formats .right,
  #pageinfo #contentleft .formats p,
  .listnoticias > li > a > p,
  #newssubfooter .columns3 p {
    float: none;
  }



  /* ----------------------------- Alinhamento ----------------------------- */
  #logo {
    left: 50%;
  }

  #thumbsvantagem,
  #arrowsthumbs,
  #contentleft h1,
  .contentgrey #contentleft h1 {
    left: 0;
  }

  /* ----------------------------- Margin ----------------------------- */
  #arrowsthumbs,
  #thumbsvantagem,
  .info .login,
  .info li:nth-child(2n+3) {
    margin-top: 0;
  }

  .info {
    margin-top: 20px;
  }
 
  .info li {
    margin-bottom: 5px;
  }

  .formats .left,
  .listnoticias > li > a > img,
  #newssubfooter .columns3 img {
    margin-right: 10px;
  }

  
#comment input[type="text"],
#comment input[type="email"],
  #comment textarea {
    margin-right: 5%;   
  }

  #logo {
    margin-left: -137px;
  }


  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left {
    margin-left: 20%;
  }
  
  #thumbsvantagem,
   #arrowsthumbs,
  #contentleft h1,
  .contentgrey #contentleft h1 {
    margin-left: 0;
  }

  #thumbsvantagem {
    margin-bottom: 0px;
  }

  #thumbsvantagem li {
    margin: 0;
  }

  #contactform .right,
  #contactform .left,
  .listnoticias > li {
    margin-left: 0!important;
    margin-right: 0!important;
  }



  /* ----------------------------- Clear ----------------------------- */
  .formats .right h3,
  #footer nav {
    clear: left;
  }

  #contactform .right,
  #contactform .left {
    clear: both;
  }


  /* ----------------------------- Padding ----------------------------- */
  #contentleft h1,
  .contentgrey #contentleft h1 {
    padding: 0 5%;
  }
#comment input[type="text"],
#comment input[type="email"],
  #comment textarea {
    padding: 10px 5%;
  }


  #pageinfo #contentleft .formats .right,
  #pageinfo #contentleft .formats p {
    /*padding: 0 15px;*/
  }
  .formats .right h3 {
    padding-top: 20px;
  }


  #contactform .right,
  #contactform .left {
    padding: 0 20px;
  }


  /* ----------------------------- Font-size ----------------------------- */
  #contentleft h1,
  .contentgrey #contentleft h1 {
    font-size: 18px;
    line-height: 24px;
    height: auto;
    max-height: 50px;
  }


  #btnparticipe {
    font-size: 18px;
  }
}
















@media screen and (max-width:600px) {  

  #pageinfo #contentleft > header > h1 {
    height: auto!important;
    max-height: 100%!important;
  }

  .info li {
    width: 50%;
    text-align: center;
    margin: 0 0 20px;
  }
  
  .artvantagem .megavantagemright h1 {
    font-size: 18px;
    line-height: 24px;
    height: auto;
    max-height: 50px;
  }

  /* ----------------------------- Text Align ----------------------------- */
  #searchtop input[type="text"] {
    text-align: right;
  }



  /* ----------------------------- Margins ----------------------------- */
  .columns3.associado p, 
  .columns3.vantagens p, 
  .columns3.funciona p {
    margin-top: 10px;
  }
  .enviar {
    margin-top: 50px;
  }

  #nextpage, #prevpage {
    top: -25px;
  }
  
  .formats,
  #slidervantagem {
    margin-left: 0;
  }


  #slidervantagem {
    left: 0;
  }

  /* ----------------------------- Floats ----------------------------- */
  .columns3.associado p, 
  .columns3.vantagens p, 
  .columns3.funciona p {
    float: left!important;
  }


  /* ----------------------------- Width ----------------------------- */
  #slidervantagem,
  #contentleft,
  #containerslidervantagem,
  #containerslidervantagem img,
  .columns3 p {
    width: 100%!important;
  }

  .formats {
    width: 90%!important;
  }

  #contentleft .funciona h1, #contentleft .vantagens h1, #contentleft .associado h1 {
    width: 230px!important
  }
  

  #how div p, #how p {
    width: auto!important;
  }

  /* ----------------------------- Height ----------------------------- */
  #slidervantagem,
  #contentleft,
  #containerslidervantagem,
  #containerslidervantagem img {
    height: auto;
  }


  /* ----------------------------- color ----------------------------- */
  #nextpage, #prevpage {
    color: #000;
  }



  /* ----------------------------- padding ----------------------------- */
   #pageinfo #contentleft #how div p, #pageinfo #contentleft #how p {
    padding: 60px 10px 0px!important;
   }

   #how ul {
    padding-left: 10px!important
   }

  .formats {
    padding: 0 5%;
  }

}










@media screen and (max-width:480px) {  

  /* ----------------------------- Width ----------------------------- */
  .pagination ul li {
    width: 18%;
  }

  .formats .left,
  .formats .left img,
  .listofertas li,
  #searchtop,
  .pagination ul li.nextprev a,
  .pagination ul li.nextprev,
  .info li:nth-child(3n+0),
  .info .login {
    width: 100%!important;
  }

  #searchtop input[type="text"] {
    width: 75%;
  }



  /* ----------------------------- Height ----------------------------- */
#pageinfo #contentleft.right .listempregos li a h1,
#listreceitas li h1 {
  max-height: 100%;
}

#pageinfo #contentleft.right .listempregos li a h1 {
  line-height: 22px;
}





  /* ----------------------------- Display ----------------------------- */
  #slider,
  #searchtop label,
  #searchtop a{
    display: none;
  }

  .pagination ul li.nextprev a {
    display: block;
  }




  /* ----------------------------- Float ----------------------------- */
  #searchtop {
    float: left;
  }




  /* ----------------------------- Text Align ----------------------------- */
  #searchtop input[type="text"] {
    text-align: left;
  }

  .pagination ul li.nextprev {
    text-align: center;
  }



  /* ----------------------------- Padding ----------------------------- */
  #searchtop input[type="text"] {
    padding: 0 20% 0 5%
  }




  /* ----------------------------- Background ----------------------------- */
  body{
    background-size: 100% 350px;
  }




  /* ----------------------------- Margin ----------------------------- */
  .listofertas li,
  .pagination ul li.nextprev {
    margin-left: 0;
  }
  
  .listofertas li,
  .pagination ul li.nextprev {
    margin-right: 0;
  }


  
  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left {
    margin-left: 15%;
  }


  .formats .left {
    margin-bottom: 20px;
  }

  #btnparticipe {
    font-size: 14px;
  }
}











/* Iphone em Retrato */
@media screen and (max-width:320px) {


  
  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left,
  #content100 .columns li p,
  #logo-rodape img {
    margin-left: 0;
  }


  #content100 .columns li p {
    margin-right: 0;
  }


  #listreceitas > li img{
    margin: 0 0 20px
  }
  

  #listreceitas li p,
  #listreceitas li h1,
  #listreceitas li .rating {
    padding: 0 20px;
  }

  .listnoticias > li > a > img,
  #listreceitas > li img,
  #content100 .columns li p,
  #newssubfooter .columns3 img {
    width: 100%!important;
  }

  #content100 .columns li p a {
    width: 90%;
    margin: 0 2.5% 0;
  }

  
  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left {
    width: 98%!important;
  }


  .publicitymiddle li.center,
  .publicitymiddle li.right,
  .publicitymiddle li.left {
    border: 2% solid #BFD4DF!important;
  }


  #btnparticipe {
    font-size: 11px;
  }

}
.megavantagemright a[rel="nofollow"] { display: none!important;}


.artvantagem br {
   display: none;
}

.megavantagemright > a {
  display: none;
}

#voto-ok {
  position: relative;
  float: left;
  clear: left;
  display:none;
  text-align: center;
  width: 100%;
}

.stars {
overflow: hidden;
float: left;
margin-left: 0;
left: 50%;
margin: 10px 0 10px -62px;
}
.cobre{
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 20px;
}

#estrelas {
  position: relative;
  float: left;
}