html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}
html{ box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

body{ background: #fff; margin: 0px; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; /*background: url(../img/bg-code.webp) #0a1b83 repeat-y top center; background-attachment: scroll;*/ } 

main { max-width: 970px; margin: 0 auto; padding: 30px 5px; background: #FFF; }
#cabecalho { background: #324f77; width: 100%; height: 20px; color:#304d75; font-size:10px; text-align:center;}
#cabecalho2 		{ background: url(../img/bg_cabecalho.gif) no-repeat scroll 0 100% #FFF; margin: 0 auto; width:892px; height: 140px; overflow: hidden; }
 #cabecalho2 .logo 	{ float: left; padding: 35px 0 0; position: relative; }
 nav { float: right; padding: 53px 0 0; }

 nav ul, ol { list-style: none outside none; }
 nav li { float: left; padding-left: 18px; }
 nav li a { float: left; line-height: 16px; position: relative; font-weight: bold; color: #4C597F; font-size:12px; text-decoration: none; border: 1px solid #ddd; padding: 8px 13px; background: #f1f1f1; background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD); background:  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DDDDDD)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#DDDDDD); -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#DDDDDD)'; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 1px 0 #FFFFFF; }
 nav li a:hover { background: -moz-linear-gradient(top, #FFFFFF, #eee); background:  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eee)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#eee); -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#eee)'; }

main ul { margin: 0 0 0 10px; }

h1{ color: #002E51; font-size:17px; font-weight: bold; text-shadow: -1px 2px 3px #bbb; }
h2{ background: url(../img/bg_h2.png) no-repeat scroll 0 0 transparent; color: #333333; font-size: 13px; height: 39px; margin: 0 0 10px; padding: 14px 0 0 15px; font-weight: bold; text-shadow: -1px 2px 3px #bbb; }
h3{ color:#bbb; font-weight:bold; font-size:11px; text-shadow: -1px 2px 3px #ddd; }

a{ text-decoration: underline; color: #000; }
a:hover{ text-decoration: none; color: #000; }

p{ margin: 15px 0 10px 0; }

.txt-azul{color:#04045D; font-weight:bold;}
.txt-vermelho{color:#C00; font-weight:bold;}
.txt-cinza{color:#999;}

.box-dicas { background: url("../img/info.png") no-repeat scroll 6px 3px #FDFEF0; border: 1px dotted #D6DDAC; color: #333333; display: block; font-family: Tahoma; font-size: 11px; margin: 20px auto; min-height: 20px; padding: 4px 4px 4px 44px; text-align: left; width: 88%; }

#box-twitter, .query { font-size: 10px; clear:both; width: 400px; margin: 5px auto 5px auto; }
.tweet_list {  list-style: none; margin: 0; padding: 0; overflow-y: hidden; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0.5em; -webkit-border-radius: 0.7em; -moz-border-radius: 0.7em; border-radius: 0.7em; }
.tweet_list li a { color: #0C717A; }
.tweet_list .tweet_item { background-color: #eee; border-bottom: 1px solid #ddd; margin-bottom:1px; }
.tweet_list .tweet_item img { margin-right: 5px; float: left; vertical-align: middle; }

.toggleslow_content{ max-width: 0; max-height: 0; overflow: hidden; transition: all 1s ease; }
.toggleslow_content.visible{ max-width: 2000px; max-height: 1500px; }

/* Formularios */
fieldset{ border: 1px solid #ddd; padding: 0px 8px 15px 8px; background: linear-gradient(#FFF 40px, #EFEFEF 120px); text-align: left; margin: 15px 3px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: 0 1px 0 #888; }
fieldset legend{ border: 1px solid #ddd; padding: 5px 8px; background: #f1f1f1; background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD); background:  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DDDDDD)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#DDDDDD); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#DDDDDD)"; margin-left: 16px; font-weight: bold; color: #4C597F; font-size: 10px; letter-spacing: 1px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 1px 0 #FFFFFF; }
label{ width: 140px; margin: 6px 2px; float: left; text-align: left; text-shadow: 0 1px 0 #ddd; border-bottom: 1px solid #e8e8e8; padding: 0px 0 2px 0; font-size: 11px; }
select,textarea,input[type=text],input[type=password] { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float: left; border: 1px #D3D3D3 solid; margin: 2px; padding: 3px; box-shadow: inset 0 1px 0 #fff, inset 0 3px 3px 0 #ddd, 0 1px 2px #DDD; border-radius: 3px; background:#fff; }
input[type="submit"], input[type="button"] { background: #bbb; background: -moz-linear-gradient(top, #FFFFFF, #cccccc); background:  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#cccccc); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#cccccc)"; border: 1px solid #AAAAAA; -moz-border-radius: 12px; border-radius: 12px; color: #000; font-weight: bold; margin: 3px; padding: 5px 9px; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; }
input[type="submit"]:hover, input[type="button"]:hover { background: -moz-linear-gradient(top, #cccccc, #eeeeee); background:  -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc,endColorstr=#eeeeee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc,endColorstr=#eeeeee)"; cursor: pointer; position: relative; }
input[type="submit"]:active, input[type="button"]:active, button:active { padding: 6px 8px 4px 10px; }
select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus { border: 1px #aaa solid; }
form .radio { margin: 0 3px; background: transparent; border: 0; }
form .inline{ border: 0; width: auto; }
form br{ clear: left; }
fieldset .box1{ display: block; background: url(../img/form-icone-info.png) 6px 3px no-repeat #FDFEF0; border: 1px dotted #D6DDAC; min-height: 20px; margin: 10px auto 25px auto; padding: 5px 5px 5px 45px; font-family: Tahoma; font-size: 11px; color: #333; text-align: left; }

form .is-invalid { border-color: #dc3545; padding-right: calc(1.2em + .55rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.175em + .1175rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); }


/* Mensagens processamento formulario */
.msg-retorno-frm { color: #333; background-color: #d6d8d9; border: 1px solid #bbb; position:absolute; opacity: 0; transition: all 1s ease; padding: 10px; margin: 5px; font-size: 12px; border-radius: 5px; box-shadow: 0px 2px 1px #ddd, inset 0px 1px 0px #fff; }
.msg-retorno-frm.ok { color:#004085; background-color: #cfe2ff; border: 1px solid #b6bbfe; }
.msg-retorno-frm.ok strong { font-size:1.2em; }
.msg-retorno-frm.error { color: #856404; background-color: #ebffcd; border: 1px solid #b6e389; }
.msg-retorno-frm.error strong { color:#E00; font-size:1.2em; }
.msg-retorno-frm.visible { position: static; opacity: 1; }
.msg-loader { display: inline-block; width: 1em; height: 1em; vertical-align: -.125em; border: .25em solid #00A; border-left-color: transparent; border-right-color: transparent; border-radius: 50%; animation: .75s linear infinite spin; }
@keyframes spin { to {transform: rotate(360deg);} }


/* Tabelas */
table { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: 1px solid #ccc; border-spacing: 2px; border-collapse: separate; }
	tr { background: #F8F7EF; }
	tr:hover { background: #EFECD1; }
	th { background: #2265BD; box-shadow: 0px -7px 12px -10px #000 inset; font-weight:bold; color: #fff; text-shadow: 0 1px 0 #000; height: 20px; text-align: center; padding: 6px 4px; white-space: nowrap; }
	table.th-cinza th { background: #b3b3b3; color: #fff; }
	td { padding: 5px; }
	 

/* Rodape */
footer { text-align:center; background:url("../img/bg_container_bottom.gif") repeat-x scroll 0 0 #FFFFFF; clear:both; position:relative; width:100%; }
#FooterContent { margin:0 auto; padding:15px 0 20px; width:980px; }
#FooterLogos { box-shadow: 0 20px 10px -25px #333; margin:0 0 15px 0; padding:0 0 15px 0px; }
img, img a { border:0 none; }
footer p { font-size:0.85em; line-height:1.8em; }
footer .Small { color:#757575; font-size:0.8em; text-align:center; }
footer a, footer a:link, footer a:active, footer a:visited { color:#1E292B; margin:0; text-decoration:none; }
footer a:hover { text-decoration:underline; }

#FooterDivision { width: 900px; margin: 0 auto; }
#FooterLinks { width: 400px; float: left; }
#FooterTweet { width: 400px; float: right; text-align:left; }

#creditos{ width:180px; float:right; font-size:9px; text-align: left; padding:5px; opacity: 0.4; }
#creditos:hover{ opacity: 1; }
#creditos a{ text-decoration: none; color:#333; line-height: 110% }
#creditos a:hover{ text-decoration: none; }

.twitter-share-button { width: 95px !important; }


/* Quadros de informacoes */
.blocks 						{ width:294px; float: left; margin:9px; padding:10px 10px 20px 10px; display:block; background:#fff; text-align:justify; border:1px solid transparent; border-radius: 5px; box-shadow: 0 0 4px #EFEFEF; transition: all 0.3s ease-out; }
.bg 							{ border:1px solid #E2E2E2; background: #f3f9fa url('../img/bg-box-top.png') repeat-x left top; }
.shadow 						{ background:#F5F7EE; padding:15px; box-shadow:2px 2px 4px 2px #e3e3e3; -moz-box-shadow:2px 2px 4px 2px #e3e3e3; -webkit-box-shadow:2px 2px 4px #e3e3e3; -opera-box-shadow:2px 2px 4px #e3e3e3; -moz-border-radius :15px; -webkit-border-radius:15px; border-radius: 15px; }
.shadow:hover 					{ background:#fff; }
.blocks:hover, div.hover 		{ border:1px solid transparent; background: #f9faff; box-shadow: 0 0 8px #9F9595; -moz-box-shadow: 0 0 8px #9F9595; -webkit-box-shadow: 0 0 8px #9F9595; }
.blocks h3 a, .h3 a 			{ text-decoration:none; border:0 }
a.round 						{ cursor:pointer; line-height:27px; height:27px; background: url("../img/css_sprite2.png") no-repeat right -190px; padding-right:17px; display:inline-block; color:#fff; text-decoration:none; border:0; text-shadow: rgba(0,0,0,.4) 0 1px 0; font: bold 11px/16px "Lucida Grande", "Verdana", sans-serif; }
a.round ins 					{ background: url("../img/css_sprite2.png") no-repeat left -190px; height:27px; line-height:27px; display:inline-block; padding-left:17px; text-decoration:none; }
a.round:hover 					{background-position:right -217px; }
a.round:hover ins 				{background-position:left -217px; }
.center 						{text-align: center; margin:0 auto;}


/* Slider */
.slider { width: 910px; height: 238px; position: relative; margin: 0 auto; padding: 0 0 28px 0; background:url(../img/slider-bg.jpg) no-repeat 0 100% #fff; }
.slider h1 { font-size:32px; line-height:40px; border:none; text-align:center; font-style:normal; font-weight: normal; font-family: Arial,Helvetica,sans-serif; padding-bottom:0; color:#565656; margin-bottom:17px; word-spacing:2px; text-shadow: 1px 1px 1px #bbb; }
.slider ul { position: relative; height: 100%; margin: 0 65px; text-align: center; }
.slider li { height: 100%; width: 100%; position: absolute; left: 0; opacity: 0; transition: opacity 1s; font-size:15px; color:#888; font-style:italic; line-height:18px; padding-top:30px; list-style: none; }
.slider .buttons { position: absolute; width: 100%; top:50%; font-size: 24px; }
.slider .buttons .prev { float: left; background-position: left top; }
.slider .buttons .prev:hover { background-position: left -140px; }
.slider .buttons .next { float: right; background-position: right top; }
.slider .buttons .next:hover { background-position: right -140px; }
.slider .buttons a { z-index: 4; position: relative; text-decoration: none; display: inline-block; width: 45px; height: 140px; margin: -80px 0 0 0; text-align: center; outline: 0; background: url(../img/slider-btn.png) no-repeat; }
.slider li.active { opacity: 1; }


/* sliding panel */
#toppanel {position: absolute; /*absolute - Panel will overlap content / relative - Panel will "push" the content down */ top: 0;width: 100%;z-index: 999;text-align: center;margin-left: auto;margin-right: auto;}
#panel {width: 100%;height: 0;color: #bbb; background: rgb(40,92,132); background: linear-gradient(162deg, rgba(40,92,132,1) 0%, rgba(37,45,84,1) 30%); overflow: hidden;position: relative;z-index: 3;transition-property: all;transition-duration: .7s;}
#panel.aberto { height: 280px; }
#panel h1 {font-size: 1.6em;padding: 5px 0 10px;margin: 0;color: white;text-shadow: 2px 2px 2px #000;}
#panel h2{font-size: 1.2em;padding: 10px 0 5px;margin: 0;color: white;text-shadow: 2px 2px 2px #000;background: none;height: auto;}
#panel p {margin: 5px 0;padding: 0;}
#panel a {text-decoration: none;color: #FFF;}
#panel a:hover {text-decoration: underline;color: #FFF;}
#panel .content {width: 960px;margin: 0 auto;padding-top: 15px;text-align: left; }
#panel .content .left {width: 310px;float: left;padding: 0 15px;border-left: 1px solid #2E3968;}
#panel .content .right {border-right: 1px solid #2E3968;}
/* Panel Tab/button */
.tab {background: url(../img/jquery.slide/sprite.png) repeat-x 0 -84px;height: 42px;position: relative;top: 0;z-index: 999;}
.tab ul.login {display: block;position: relative;float: right;clear: right;height: 42px;width: auto;font-weight: normal;line-height: 42px;margin: 0;right: 110px;color: white; text-align: center;}
.tab ul.login li.left {background: url(../img/jquery.slide/sprite.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li.right {background: url(../img/jquery.slide/sprite.png) no-repeat right 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li {text-align: left;padding: 0 4px;display: block;float: left;height: 42px;background: url(../img/jquery.slide/sprite.png) repeat-x 0 -42px;}
.tab ul.login li a {color: #FFF;}
.tab ul.login li a:hover {color: white;}
.tab .sep {color:#414141}
.tab a.panelopen, .tab a.panelclose {height: 20px;line-height: 20px !important;padding-left: 30px !important;cursor: pointer;display: block;width: 210px;position: relative;top: 11px; background-image: url(../img/jquery.slide/sprite.png); background-repeat: no-repeat;}
.tab a.panelopen {background-position: 0 -180px;}
.tab a.panelclose {background-position: 0 -140px;}
.tab a:hover.panelopen {background-position: 0 -199px;}
.tab a:hover.panelclose {background-position: 0 -159px;}



/* Painel de planos */
.painel-plano{ margin: 0 10px;text-align: center;width: 220px;float: left;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transition: all 0.5s ease; color: #fff; border-radius: 7px; overflow: hidden;}
.painel-plano:hover{ transform: scale(1.03) }
.painel-plano.recomendado{transform: scale(1.05)}
.painel-plano.recomendado:hover{transform: scale(1.07)}
.painel-plano.recomendado h3{background: #2db3cb;}
.painel-plano.recomendado .area-compra a{background: #2db3cb}
.painel-plano.recomendado .area-compra a:hover{background: #228799}
.painel-plano a{color: #e95846;text-decoration: none}
.painel-plano h3{color: #fff;background: #e95846;padding: 20px 0;margin: 0;font-size: 17px;text-transform: uppercase;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4)}
.painel-plano .valor{background: #403e3d;font-size: 34px;font-weight: 700;padding: 20px 0;margin: 0;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4)}
.painel-plano .valor sup{font-size: 14px;position: relative;left: 5px; vertical-align: super;}
.painel-plano .valor .desconto{color: #fff;background: #2db3cb;font-size: 12px;font-weight: 400;padding: 3px 6px;display: inline-block;border-radius: 38px; float:right; margin: -9px 6px 2px 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)}
.painel-plano ul {background: #fff;color: #403d3a; list-style-type: none; margin: 0;padding: 0;}
.painel-plano .lista-detalhes li{font-size: 12px;padding: 12px 6px}
.painel-plano .lista-detalhes li:before{content: "✔";color: #3fab91;display: inline-block;position: relative;right: 4px;font-size: 16px}
.painel-plano .lista-detalhes li b.destaque{color: #fff;background: #e95846;font-size: 12px;font-weight: 400;padding: 5px 7px;display: inline-block;border-radius: 38px}
.painel-plano .lista-detalhes li:nth-child(2n){background: #f0f0f0}
.painel-plano .area-compra {background: #fff;padding: 15px;margin: 0;text-align: left;overflow: hidden}
.painel-plano .area-compra p{float: left;color: #37353a;font-weight: 700;font-size: 24px; margin: 0;}
.painel-plano .area-compra p sup{font-size: 12px;position: relative;left: 5px; vertical-align: super;}
.painel-plano .area-compra a{float: right;color: #fff;background: #e95846;padding: 10px 16px;border-radius: 2px;font-weight: 700;font-size: 14px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);transition: all 0.25s ease}
.painel-plano .area-compra a:hover{background: #cf4f3e}