html{font-size:1em;line-height:1.4;height:101%}
canvas,img,svg{vertical-align:middle}
body{font-family:Arial,'Droid Serif',Helvetica,sans-serif;color:#444;margin:0;background-color:#c4b0d5;overflow-x:hidden;}
.wrapper{max-width:768px;margin:0 auto;background-color:#FFF;}
.header-container, .footer-container, .main aside{background:#701c74;color:#eee;border-top:4px solid #26de00;}
.header-container{border-top:4px solid #26de00;}
.footer-container{padding:0.5em}
.header-container{height:45px}
.title{margin-left:10px;}
.logo{margin-right:7px;height:32px;width:32px}
h1,h2,h3,h4{color:#444}
h1{font-size:1.5em;margin:.2em;line-height:1em;}
h2{font-size:1.3em;margin:.67em 0}
h2{margin:7px 0}
.bold{font-weight: 600;}
ul{list-style:none;margin:0;padding:0 0 .5em 0}
textarea{resize:none;overflow:hidden;max-height:250px}
li{margin:0;padding:0 0 .5em .2em}
.compact{line-height:1em;font-size:.85em;padding:.1em}
.destacado{color:#7c3d88;font-weight:bolder}
.centered{width:98%;margin:0 auto;text-align:center;overflow:auto;-ms-overflow-style:none;overflow:-moz-scrollbars-none}
.centered::-webkit-scrollbar{display:none}
header a, .footer-container a{color:white}
.calculator{background-color:#fff;
box-shadow:1.5px 1.5px 1px #bdadcd;border:1px solid #8c6ea7;padding:0 3px 8px 3px;border-radius:3px;width:98%;}
.calculator input:disabled, textarea:disabled{-webkit-box-shadow:none}
.calculator table{width:100%;border-spacing:0 3px;border-collapse:separate}
ins{text-align:center!important;/* centraliza as propagandas*/}
.verbose{background:#fff;color:#6f3472;border:1px solid #bfb0cf;border-radius:3px;min-height:2.5rem;margin:0 0 1px;padding:.4rem;overflow:auto;word-break:break-word;width:-moz-available;/* WebKit-based browsers will ignore this. */width:-webkit-fill-available;/* Mozilla-based browsers will ignore this. */}
.bullet{padding:3px;margin:.4em 0;padding:0 0 0 0.3em}
.bullet-2::before{content:"• ";margin:0 4px 0 8px;color:#26de00}

.wordplay {
  background: #efddff;
  border: 1px solid #f6edff;
  padding: 5px;
  margin: 1px;
  font: inherit;
  color: #701c74;
  cursor: pointer;
  vertical-align: baseline;
  border-radius: 3px;
}

.wordplay:hover,.wordplay:focus{background-color:#e0c8f0;text-decoration:none}
.bullet::before{content:"• ";margin:0 0 0 -3px;color:#26de00}
li.bullet{list-style:none}
li.bullet a{color:#333}
.tld{color:#FFFA1E}
input{min-height:17px;padding:4px 2%;font-weight:700;border:1px solid #bfb0cf;background-color:#fff;color:#8c6ea7;-webkit-border-radius:0;border-radius:3px;font-size:1em;border-radius:3px;background-clip:padding-box}
.btn{border:none;color:#ffffff;background:#26de00;margin:5px 7px 5px 0;padding:0.3em;border-radius:3px;font-weight:normal}
.btn-div{display:inline-block;margin-top:9px;}
.btn:hover {
background:#22bf02;
text-decoration: none;
cursor: pointer;
}
.calcHeader{font-size:16px; padding:.2em .1em .2em 0;text-align:center;background:#8c6ea7;margin:.2em 0 .5em;-webkit-appearance:none;-moz-appearance:none;font-weight:bold;color:white}

select {width:95%;color:#7c3d88;background:#fff;border:1px solid #bfb0cf;padding:9px 6px 6px 6px !important;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;font-size:0.85em;cursor:pointer;
	
/* height:1.4em; */
}
/* Tootip button */
.tooltip{float:right;border-radius:3px;padding:0.2rem 0.5rem 0.07rem 0.45rem;cursor:pointer;font:100% arial;font-weight:bold;background:#26de00;margin-right:2px;}
.tooltiptext{visibility:hidden;
max-width:265px;border:1px solid #fe0197;;border-radius:3px;font-weight:normal;font-size:.9rem;margin:-26px -277px;color:#fe0197;background-color:#f9f3ff;padding:0 .3rem;position:absolute;text-align:left;z-index:1;}
.tooltip:hover .tooltiptext{visibility:visible}
.tooltip::before{content:"?";color:#fff}
/*Other tooltip on flag buttons*/
.tooltiptext2 {visibility:hidden;max-width:235px;border:1px solid #fe0197;;border-radius:3px;font-weight:normal;font-size:.9rem;margin:-18px 0;color:#fe0197;background-color:#f9f3ff;padding:0 .3rem;position:absolute;text-align:left;}
.tooltip2:hover .tooltiptext2{visibility:visible}

.section{clear:both;padding:0 0.2em;margin:0}
.col{display:block;float:left;margin:1% 0 1% 1.6%}
.col:first-child{margin-left:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.span_2_of_2{width:100%}
.span_1_of_2{width:49.2%}
.span_3_of_3{width:100%}
.span_1_of_3{width:32%}

@media only screen and (max-width:480px){
  .span_2_of_2, .span_1_of_2, .span_1_of_3{width:99.5%}
/*   select{max-width: 344px;} */
}
/* @media only screen and (max-width:380px){
  select{max-width: 330px;}
}
@media only screen and (max-width:380px){
  select{max-width: 330px;}
}
@media only screen and (max-width:330px){
  select{max-width: 290px;}
}
@media only screen and (max-width:250px){
  select{max-width: 212px;}
} */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{margin-bottom:40px;position:inherit}
a{text-decoration:none}
::-moz-selection{background:#dcd3e4;text-shadow:none}
::selection{background:#dcd3e4;text-shadow:none}

/*Floating menu based on concise*/
.nav{font-family:inherit;font-size:1em;height:100%;position:fixed;right:0;top:0;bottom:0;-webkit-transition:visibility 0s 0.7s;transition:visibility 0s 0.7s;visibility:hidden;width:20em;z-index:2}
.nav-image{width:15px;margin:-3px 3px 0 -4px}
.nav-button{height:35px;width:35px;position:fixed;top:8px;right:10px;overflow:hidden;text-indent:100%;-webkit-transition:background-color 150ms, -webkit-transform 0.5s;transition:background-color 150ms, -webkit-transform 0.5s;transition:transform 0.5s, background-color 150ms;transition:transform 0.5s, background-color 150ms, -webkit-transform 0.5s;white-space:nowrap;z-index:3;background:#8c6ea7;border-radius:100%;}
*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit}
.nav-button .nav-icon{background-color:#EEE;bottom:auto;height:3px;left:50%;position:absolute;right:auto;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:0.5s;transition:0.5s;width:22px}
.nav ul{padding-left:0;margin-bottom:16px}
.nav-button:focus{outline:0}
.nav-button:focus .nav-icon,.nav-button:hover .nav-icon{background-color:#FFFFFF}
.nav--open .nav-button:focus .nav-icon,.nav--open .nav-button:hover .nav-icon{background-color:transparent}
.nav-button .nav-icon::before,.nav-button .nav-icon::after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:inherit;content:'';height:100%;right:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:width 0.5s, top 0.3s, -webkit-transform 0.5s;transition:width 0.5s, top 0.3s, -webkit-transform 0.5s;transition:transform 0.5s, width 0.5s, top 0.3s;transition:transform 0.5s, width 0.5s, top 0.3s, -webkit-transform 0.5s;width:100%}
.nav-button .nav-icon::before{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.nav-button .nav-icon::after{-webkit-transform:translateY(6px);transform:translateY(6px)}
.nav .logo{height:90px;display:inline-block;margin-bottom:60px;width:100%;text-align:center}
.nav a{color:#EEE;letter-spacing:.75px}
.nav a.active,.nav a:hover,.nav a:focus{color:white}
.nav a.active{font-weight:bold}
.nav li{list-style:none}
.nav ul:last-of-type{margin-bottom:20px}
.nav h2{color:white;margin-bottom:20px;margin-top:0;font-size:1.4em}
.nav .nav-wrapper{background-color:#701c74;height:80%;overflow-y:auto;padding:20px 1em;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);
-webkit-transition:-webkit-transform 0.7s;transition:-webkit-transform 0.7s;transition:transform 0.7s;transition:transform 0.7s, -webkit-transform 0.7s}
.nav--open .nav .nav-wrapper{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}
.nav--open .nav{-webkit-transition:visibility 0s 0s;transition:visibility 0s 0s;visibility:visible}
.nav--open .nav-icon{background-color:transparent}
.nav--open .nav-icon::after,.nav--open .nav-icon::before{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;background-color:#FFFFFF}
.nav--open .nav-icon::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav--open .nav-icon::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav h3{margin:0;color:#FFF}
 
/* Ad units */
#left-bar{margin:90px 0 0 -350px;min-width:300px;overflow:hidden;padding:0;vertical-align:top;position:absolute;min-height:640px!important;text-align:center}

#right-bar{right:1%; min-width:300px;overflow:hidden;padding:0;vertical-align:top;position:absolute;min-height:640px!important;text-align:center}

ins{text-align:center!important}

#ad-1,#ad-2,#ad-3{text-align:center!important;min-width:240px}
#ad-1{margin:15px 0 15px 0}
#ad-1{height:0px}
#ad-2{min-height:280px;margin:20px auto 15px auto;}
#ad-3{margin:15px auto 15px auto;height:286.667px;}

#ad-calc{margin:10px 0 10px 0;max-height:120px}

@media only screen and (max-width:600px) {/* big phones */
	#ad-2{margin-top:15px}
	#ad-1,#ad-2,#ad-3{height:350.2px}
}
@media only screen and (max-width:390px) {/* iphone 12 */
	#ad-1,#ad-2,#ad-3{height:332.198px}
}
@media only screen and (max-width:375px) {/* iphone se */
	#ad-1,#ad-2,#ad-3{height:319.198px}
}
@media only screen and (max-width:360px) {/* Galaxy note 3, S8 */
	#ad-1,#ad-2,#ad-3{height:307.198px}
}
@media only screen and (max-width:320px) {/* iphone 4 */
	#ad-1,#ad-2,#ad-3{height:273.198px}
}

 #responsivo-ad{
vertical-align: middle;
padding:15px 0 15px 0;
margin:0 0 15px 0;
}

@media only screen and (max-device-width : 600px){
  #responsivo2-ad{margin-top:15px}
}