/* line 12, ../scss/main.scss */
/*html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}*/

/* line 16, ../scss/main.scss */
.area-root {
  font-family: 'Segoe UI Light', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #333;
  font-size: 14px;
}

/* line 23, ../scss/main.scss */
/*.wrapper a, .wrapper a:visited {
  color: #fff;
  text-decoration: none;
}*/

/* line 25, ../scss/main.scss */
.wrapper h1{
	font-size: 2.75em;
	font-family: font-family: 'Segoe UI', Arial, sans-serif, Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue';
	font-weight: 600;
}

.txthero{
	font-size: 2em;
	font-weight: 200;
	margin-top: -10px;
}

.wrapper h2, .upgrade_bucket li {
  font-size: 1.75em;
  font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

/* line 29, ../scss/main.scss */
.wrapper img {
  max-width: 100%;
}

/* line 32, ../scss/main.scss */
.upgrade_bucket {
  color: #ffffff;
  padding:15px 25px !important;
}
/* line 35, ../scss/main.scss */
.upgrade_bucket .legal {
  font-size: 11px;
}
/* line 39, ../scss/main.scss */
.upgrade_bucket .list {
  list-style-type: none;
  padding-left: 0;
}
/* line 42, ../scss/main.scss */
.upgrade_bucket .list li {
  padding: 12px 0;
  font-size: 18px;
}
/* line 45, ../scss/main.scss */
.upgrade_bucket .list li:before {
  border: 3px solid #ffffff;
  border-radius: 50%;
  padding: 0 11px 3px;
  margin-right: 14px;
  font-size: 24px;
}
/* line 55, ../scss/main.scss */
.upgrade_bucket .list .first:before {
  content: '1';
}
/* line 61, ../scss/main.scss */
.upgrade_bucket .list .second:before {
  content: '2';
}
/* line 67, ../scss/main.scss */
.upgrade_bucket .list .third:before {
  content: '3';
}
/* line 73, ../scss/main.scss */
.upgrade_bucket .list .fourth:before {
  content: '4';
}

/* line 79, ../scss/main.scss */
.wrapper h1 {
  margin: 30px 0 10px;
}

/* line 81, ../scss/main.scss */
p {
  line-height: 1.16em;
}

/* line 83, ../scss/main.scss */
.pad{
 /* padding: 15px 25px;*/
}

/* line 85, ../scss/main.scss */
.wrapper {
  min-width: 540px;
  max-width: 960px;
  margin: 0 auto;
  background: #0078d7;
}

/* line 91, ../scss/main.scss */
header {
  text-align: right;
  padding: 15px 30px;
  background: #002050;
}

/* line 95, ../scss/main.scss */
.hero_blade {
  padding: 1px 232px 1px 25px;
  min-height: 240px;
  margin-top: 30px;
  visibility: hidden;
}
/* line 101, ../scss/main.scss */
.hero_blade .wrapper h1 {
  margin-top: 70px;
}

/* line 103, ../scss/main.scss */
.hero_links {
  padding:15px 25px;
  margin-top: 10px;
  margin-bottom: -5px;
}

/* line 105, ../scss/main.scss */
.hero_links a, a.link_button {
  font-size: 1.33em;
  display: inline-block;
  margin-right: 30px;
  background: url("../images/link.png") no-repeat 100% 4px;
  padding-right: 24px;
  color:#fff;
}

/* line 111, ../scss/main.scss */
.headline {
  background: #002050;
  color: #ffffff;
}
/* line 115, ../scss/main.scss */
.headline h2 {
  margin: 0;
  line-height: 1.66em;
}

/* line 119, ../scss/main.scss */
.blade {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
}
/* line 126, ../scss/main.scss */
.blade .cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
/* line 130, ../scss/main.scss */
.blade .cell.image {
  min-width: 335px;
  max-width: 335px;
}
/* line 133, ../scss/main.scss */
.blade .cell.image.webWorksImg {
  min-width: 335px;
  max-width: 335px;
}
/* line 137, ../scss/main.scss */
.blade .cell.image.magicalImage {
  min-width: 335px;
  max-width: 335px;
}
/* line 141, ../scss/main.scss */
.blade .cell.image img {
  display: block;
  margin: 0;
  float: left;
}
/* line 146, ../scss/main.scss */
.blade .cell h2, .blade .cell p {
  margin: 5px 0;
}
/* line 148, ../scss/main.scss */
.blade .cell.text {
  padding: 0 24px;
}
/* line 149, ../scss/main.scss */
.blade .cell.wImg.image img {
  margin-left: 30px;
}
/* line 150, ../scss/main.scss */
.blade .cell .heading_overflow {
  margin-right: -20px;
}
/* line 152, ../scss/main.scss */
.blade.alt {
  padding-left: 25px;
  padding-right: 0;
}
/* line 155, ../scss/main.scss */
.blade.alt .image img {
  float: right;
}
/* line 157, ../scss/main.scss */
.blade.alt .text {
  padding-right: 40px;
}
/* line 158, ../scss/main.scss */
.blade.alt.wImg.image img {
  margin-left: 30px;
}

/* line 161, ../scss/main.scss */
.upgrade_bucket {
  background: #002050;
}
/* line 163, ../scss/main.scss */
.upgrade_bucket ol {
  padding-left: 31px;
  margin: 15px 0 20px;
}
/* line 164, ../scss/main.scss */
.upgrade_bucket li {
  font-weight: bold;
}

/* line 165, ../scss/main.scss */
.upgrade_path {
  background: url("../images/upgrade_bg.png") no-repeat center;
  height: 234px;
}
/* line 168, ../scss/main.scss */
.upgrade_path .one {
  padding: 10px 40px 0 85px;
}
/* line 169, ../scss/main.scss */
.upgrade_path .two {
  padding: 50px 80px 0 40px;
}
/* line 170, ../scss/main.scss */
.upgrade_path .three {
  padding: 50px 40px 0 85px;
}

/* line 172, ../scss/main.scss */
.eligible {
  padding-bottom: 15px;
}
/* line 173, ../scss/main.scss */
.eligible img {
  float: right;
  margin-top: 25px;
}

/* line 178, ../scss/main.scss */
footer {
  background: #fff url("../images/ms_logo_footer.png") no-repeat 95% center;
  color: #002050;
  padding:15px 25px !important;
}
/* line 183, ../scss/main.scss */
footer p {
  margin: 0;
  font-size: .8em;
  font-weight: bold;
}

/* line 188, ../scss/main.scss */
sup {
  font-size: .8em;
}

/* line 190, ../scss/main.scss */
.highlight {
  color: #ee0487;
  font-weight: bold;
}

/* line 193, ../scss/main.scss */
hr {
  margin: 50px 0;
  border-top: 1px solid #dcddde;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
/* line 199, ../scss/main.scss */
hr.finalhr {
  margin: 30px 0;
}

/* line 201, ../scss/main.scss */
.longlink {
  word-break: break-word;
}

/* line 203, ../scss/main.scss */
.animate {
  height: 300px;
  margin-bottom: -300px;
  position: relative;
}
/* line 207, ../scss/main.scss */
.animate.anim1 {
  background: #0078d7 url("../images/hero_anim_1.jpg") no-repeat 0 30px;
  z-index: 0;
}
/* line 208, ../scss/main.scss */
.animate.anim2 {
  background: #0078d7 url("../images/hero_anim_2.jpg") no-repeat 60% 100%;
  display: none;
  z-index: 1;
}
/* line 209, ../scss/main.scss */
.animate.anim3 {
  background: #0078d7 url("../images/hero_bg.jpg") no-repeat 100% 30px;
  display: none;
  z-index: 2;
}
/* line 210, ../scss/main.scss */
.animate.hero_blade {
  padding: 1px 232px 1px 25px;
  min-height: 240px;
  box-sizing: border-box;
  visibility: visible;
  margin-top: 0;
}
/* line 216, ../scss/main.scss */
.animate.hero_blade .wrapper h1 {
  margin-top: 85px;
}
/* line 217, ../scss/main.scss */
.animate.hero_blade.anim1 {
  padding: 10px 25px 1px 250px;
}
@media screen and (min-width: 750px) {
  /* line 220, ../scss/main.scss */
  .animate.hero_blade, .animate.anim3 {
    background-size: 330px;
  }
}

/* line 226, ../scss/main.scss */
.hero_links {
  position: relative;
  z-index: 999;
}

@media screen and (max-width: 646px) {
  /* line 228, ../scss/main.scss */
  body, html {
    font-size: 12px;
  }

  /* line 233, ../scss/main.scss */
  .animate.hero_blade .wrapper h1 {
    margin-top: 40px;
  }
}
/* line 239, ../scss/main.scss */
.showDialog .dialogOverlay {
  opacity: .5;
  background-color: black;
}
/* line 243, ../scss/main.scss */
.showDialog .videoDialog {
  display: block;
}
/* line 246, ../scss/main.scss */
.showDialog .underDialog {
  display: none;
}

.underDialog{
	width: 960px;
	height: 325px;
	margin-top: -30px;
	background-image: url(../images/novas/bg_header.jpg);
}

/* line 251, ../scss/main.scss */
.dialogOverlay {
  z-index: 1000;
  height: 100%;
  width: 100%;
  opacity: 1;
  background: #ffffff;
  color: #555;
}

/* line 260, ../scss/main.scss */
.videoDialog, .videoDialog1, .videoDialog2 {
  display: none;
  position: relative;
  width: 100%;
  opacity: 1 !important;
  z-index: 1001;
  height: 350px;
  background: #0078d7;
}
/* line 268, ../scss/main.scss */
.videoDialog .videoDialogInner, , .videoDialog1 .videoDialogInner, .videoDialog1 .videoDialogInner2 {
  position: relative;
  padding-left: 15px;
  padding-bottom: 15px;
}
/* line 273, ../scss/main.scss */
.videoDialog h2, .videoDialog1 h2, .videoDialog2 h2 {
  margin-top: 8px;
}
/* line 276, ../scss/main.scss */
.videoDialog video, .videoDialog1 .video, .videoDialog2 .video {
  height: 289px;
  float: left;
}
/* line 280, ../scss/main.scss */
.videoDialog .chooseVideoInner, .videoDialog1 .chooseVideoInner, .videoDialog2 .chooseVideoInner {
  float: left;
  max-height: 289px;
  max-width: 415px;
  margin-left: 16px;
}
/* line 285, ../scss/main.scss */
.videoDialog .chooseVideoInner .videoWrapper, .videoDialog1 .chooseVideoInner .videoWrapper, .videoDialog2 .chooseVideoInner .videoWrapper {
  height: 114px;
}
/* line 287, ../scss/main.scss */
.videoDialog .chooseVideoInner .videoWrapper img, .videoDialog1 .chooseVideoInner .videoWrapper img, .videoDialog2 .chooseVideoInner .videoWrapper img {
  height: 80px;
  border: 1px solid white;
  cursor: pointer;
}
/* line 292, ../scss/main.scss */
.videoDialog .chooseVideoInner .videoWrapper p, .videoDialog1 .chooseVideoInner .videoWrapper p, .videoDialog2 .chooseVideoInner .videoWrapper p {
  margin: 0px 0 0;
}
/* line 297, ../scss/main.scss */
.videoDialog .closeButton, .videoDialog1 .closeButton, .videoDialog2 .closeButton {
  cursor: pointer;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  border: 2px solid white;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font: normal 3em/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(26, 188, 156, 0);
  right: 5px;
}
/* line 317, ../scss/main.scss */
.videoDialog .closeButton::before, .videoDialog1 .closeButton::before, .videoDialog2 .closeButton::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
/* line 339, ../scss/main.scss */
.videoDialog .closeButton::after, .videoDialog1 .closeButton::after, .videoDialog2 .closeButton::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

@media screen and (max-width: 760px) {
  /* line 364, ../scss/main.scss */
  .videoDialog, .videoDialog1, .videoDialog2 {
    height: 530px;
  }
  /* line 366, ../scss/main.scss */
  .videoDialog .chooseVideoInner, .videoDialog1 .chooseVideoInner, .videoDialog2 .chooseVideoInner {
    clear: both;
    margin-top: 23px;
    margin-left: 0;
    max-width: 100%;
  }
  /* line 371, ../scss/main.scss */
  .videoDialog .chooseVideoInner .videoWrapper, .videoDialog1 .chooseVideoInner .videoWrapper, .videoDialog2 .chooseVideoInner .videoWrapper {
    display: inline-block;
    margin-right: 14px;
  }
}


#colunastopo{
	width: 100%;
	height: 153px;
	background-color: #0078d7;
	margin-top: 30px;
}

.mensagens{
	width: 220px;
	margin: 0 10px 0 10px;
	float: left;
}

.clear_float{
	float: none;
}

.txtcolunatopo{
	margin-top: 0px;
	color: #fff;
	padding: 0px 10px 0px 10px;
}

.titulobody{
	font-size: 1.75em;
	font-weight: 200;
	margin: 0;
	padding:15px 25px;
}

.txtsuperscript{
	font-size: .5em;
}



.fpo{ overflow:hidden;}
.prateleira { width:960px; margin:0 auto;margin-bottom:0; font-size:11px !important; font-family:Tahoma,​Arial,​Helvetica,​sans-serif !important;}
.prateleira h2{ background:#002050; color:#fff !important; border-bottom:none !important; font-size:25px !important; padding:15px 25px !important;}
.prateleira h2.tit b{ font-weight:normal !important;}
.prateleira .vitrineProdutos li{border-top:none;}
.carousel .nextCarousel strong,.carousel .backCarousel strong{border-right:none;}
.nextCarousel span,.backCarousel span{background:url(../images/sprite-setas.png) no-repeat 0 0;width:18px;height:50px;margin-left:-8px;}
.nextCarousel,.backCarousel{width:18px;}
.nextCarousel span{background-position:0 -240px;}
.nextCarousel span:hover{background-position:0 -190px;}
.nextCarousel.desactive span{background-position:0 -140px;}
.backCarousel span{background-position:0 10px;}
.backCarousel span:hover{background-position:0 -40px;}
.backCarousel.desactive span{background-position:0 -90px;}