/*
    ______________________________________________________________
                    Icons
    --------------------------------------------------------------
*/
div.icon {
  height: 32px;
  width: 32px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
div.icon div.search {
  height: 13px;
  width: 13px;
  background: transparent;
  border-radius:            50px;
    -moz-border-radius:     50px;
    -webkit-border-radius:  50px;
    -o-border-radius:       50px;
    -ms-border-radius:      50px;
  border: 4px solid #333;
}
.success{color: #4F8A10;background-color: #DFF2BF;border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}.error{border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;color: #D8000C;background-color: #FFBABA;}
div.icon div.search:after {
  content: '';
  width: 4px;
  height: 15px;
  background: #333;
  position: absolute;
  bottom: 2px;
  transform:            rotate(-45deg);
    -webkit-transform:  rotate(-45deg);
    -moz-transform:     rotate(-45deg);
    -ms-transform:      rotate(-45deg);
    -o-transform:       rotate(-45deg);
  right: 8px;
}
div.icon div.searchB {
  width: 32px;
  height: 32px;
  background-color: #333;
  border-radius:            8px;
    -moz-border-radius:     8px;
    -webkit-border-radius:  8px;
    -o-border-radius:       8px;
    -ms-border-radius:      8px;
}
div.icon div.searchB:before {
  position: absolute;
  content: '';
  height: 6px;
  width: 6px;
  background: transparent;
  border-radius:            50px;
    -moz-border-radius:     50px;
    -webkit-border-radius:  50px;
    -o-border-radius:       50px;
    -ms-border-radius:      50px;
  border: 3px solid #eee;
  margin: 7px
}
div.icon div.searchB:after {
    content: '';
    width: 3px;
    height: 11px;
    background: #eee;
    position: absolute;
    bottom: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 10px;
}
/*
    ______________________________________________________________
                    Animation
    --------------------------------------------------------------
*/
@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.img:hover,
.img:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.animated { 
    -webkit-animation-duration: 0.5s; 
    animation-duration: 0.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 
@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}
@keyframes circulo {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes modal {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.modal {
  animation-name: modal;
  animation-duration:2s;
}
@keyframes fundo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
    ______________________________________________________________
                    Site
    --------------------------------------------------------------
*/
* {
    margin: 0;
    padding: 0;
    outline: 0;
}
body{
    font-family: 'Open Sans', sans-serif;
}
hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 255.75), rgba(0, 0, 0, 0));
}
header {
  top: 0;
  width: 100%;
  height: 120px;
  position: fixed;
  background-color: transparent;
}
a {
  text-decoration: none;
  color: black;
}
#login {
  background-color: transparent;
  height:68px;
}
#logo a {
  padding-left: 40px;
  top: -10px;
  font-size:70pt;
  font-family: 'Open Sans Condensed', sans-serif;
}
.senha {
  left: 10px;
    
}
.txt{
  padding: 5px;
  border: none;
}
.bradius {
  border-radius:            4px;
    -moz-border-radius:     4px;
    -webkit-border-radius:  4px;
    -o-border-radius:       4px;
    -ms-border-radius:      4px;
}
.txt:hover{
    background: #efeefe;
}
.txt,.txt:hover,.btn-logar,.btn-logar:hover{
  transition:            all .4s linear;
    -moz-transition:     all .4s linear;
    -webkit-transition:  all .4s linear;
    -o-transition:       all .4s linear;
    -ms-transition:      all .4s linear;
}
#naocada:hover {
	text-decoration:underline ;
}
.btn-logar {
    left: 20px;
    background: #f0f0f0;
    padding: 5px;
    width: 70px;
    font-family: 'Open Sans', sans-serif;
    border:none;
    cursor: pointer;
}
.btn-logar:hover {
    background: #333    ;
    color:#f0f0f0;
}
#login form {
    padding:6 10 10 30;
}
header #logo {
	width: 400px;
	height: 120px;
	background-color: #fbfbfb;
    float: left;
    z-index:2;
}
section {
    z-index: 1;
    margin-top: 120px;
}
header #menu-login {
	position: relative;
	float: left;
	width:            calc(100% - 400px);
    -moz-width:     calc(100% - 400px);
    -webkit-width:  calc(100% - 400px);
    -o-width:       calc(100% - 400px);
    -ms-width:      calc(100% - 400px);
	height: 120px;
	background-color: #80FFFF;
}
#space {
  z-index: 0;
  height:40px;
}
nav {
  height: 380px;
  background-color:#1a1a1a;
}
#conteudo{
  width:100%;
  height:450px;
  background-color:#fff; 
} 
#conteudo-noticias{
  width:20%;
  height:600px;
  float:left;
  margin-left:10px;
  border-radius:            6px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    -o-border-radius:       6px;
    -ms-border-radius:      6px;
  word-wrap: break-word;
  border:1px solid #555;
  background-color:#333;
  color: aliceblue;
}
#propaganda{
  height: 620px;
  float: left;
  width: 15%;
  display: block;
  border-radius:            6px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    -o-border-radius:       6px;
    -ms-border-radius:      6px;
  word-wrap: break-word;
  color: aliceblue;
}
#conteudo-corpo{
  width:55%;
  height:450px;
  word-wrap: break-word;
  float:left;
  padding-top:50px;
  padding-left: 60px;
  padding-right: 50px;
}
.warning {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;color: #9F6000;background-color: #FEEFB3;}
.msg-login {
  margin-top: 120px;
  padding:10px 0 0 10px;
  height: auto;
}
#cadastro {
  position: relative;
  margin: 0 auto;
  margin-top: 170px;
  height:790 ;
  width: 330;
  display: block;
  border: thin solid aliceblue;
}
#form-cadastro {
  padding: 40px;
}
.btn {
  display: inline-block;
  background: #e2e2e2;
  border: 0;
  line-height: 2.5em;
  padding: 0 0 0 1em;
  margin-bottom: 1em;
  outline: none;
  text-decoration: none;
  color: #666;
}
.btn .arrow {
  display: inline-block;
  line-height: 2.5em;
  text-align: center;
  background: #333;
  color: white;
  font-size: 1em;
  width: 2.5em;
  transition:            margin 200ms;
    -webkit-transition:  margin 200ms;
    -moz-transition:     margin 200ms;
    -o-transition:       margin 200ms;
    -ms-transition:      margin 200ms;
  margin-left: .75em;
}
.btn:hover {
  background: #777;
  border:thin solid #ccc;
  color:#fff;
}
.btn:hover,.btn,.btn .arrow ,.btn .arrow:hover {
	transition:all .2s linear;
}
.btn:hover .arrow {
  margin-left: 1.25em;
  background-color: #20B2AA;
}
.btn:active {
  background: #ccc;
}
.btn:active .arrow {
  margin-left: 1.5em;
}

.btn-info .arrow {
  background-color: indianred;
}
.btn-info:hover .arrow {
  background-color: #c14e4e;
}

.btn-learn .arrow {
  background-color: salmon;
}
.btn-learn:hover .arrow {
  background-color: #f56d5e;
}

button::-moz-focus-inner {
  border: none;
}


.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

#pagina-login {
    float: left;
    width: 350px;
    height:500px;
    border: thin solid aliceblue;
    margin: 100 0 0 35%;
}
 #arrumacao-login {
    height:650px;
}
#mensagem{
    width: 20%;
}
.bradius2{
  border-radius:            10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    -o-border-radius:       10px;
    -ms-border-radius:      10px;
}
.span {
  padding: 6px 20px;
  border-radius:            10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    -o-border-radius:       10px;
    -ms-border-radius:      10px;
}
.erro{
    background-color: #ffecec;
    border: 1px solid #f5aca6;
}
.sucesso {
    background-color: #e9ffd9;
    border: 1px solid #a6ca8a;
}
.aviso {
    background-color: #fff8c4;
    border: 1px solid #f2c779;
}
/*
    ______________________________________________________________
                    Pesquisa NCM
    --------------------------------------------------------------
*/
.form-pesquisa {
  width: 550px;
  margin: 13% auto;
}
.input {
  display: flex;
    background:azure ;
  align-items: center;
}


.button {
  height: 44px;
  border: none;
    outline: none;
  outline: 2px solid #6ce8cb;
  box-shadow: 0 0 5px #6ce8cb;
}

  
#email {
  width: 75%;
  background: #FDFCFB;
  font-family: inherit;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 5%;
  border-radius: 5px 0 0 5px;
}


#submit {
  width: 25%;
  height: 46px;
  background: #6ce8cb;
  font-family: inherit;
  font-weight: lighter;
  color: inherit;
  letter-spacing: 1px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
    font-size: 13pt;
  transition: background .3s ease-in-out;
}
#submit:hover {
  background: rgba(108, 232, 203, 0.74);
}
.pesquisaform {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:800px;
	margin:0 auto;
	height:65px;
	border-radius:6px;
}
.pesquisaform input.submitpesquisa {
	position:relative;
	height:66px;
	border:none;
}
a.titulo_notice {
  display: block;
  font-size: 14px;
  color: #333;
  margin-left: 0px;
}
#center-div {
  width:1250px;
  position: relative;
  left: 50%;
  margin-left: -625px;
}
#center-div2 {
  width:1000px;
  position: relative;
  left: 50%;
  margin-left: -500px;
}

div.item616 {
  margin-top:30px;
  float:left;
  width:100%;
  box-shadow: 5px 5px 20px #888;
  border:thin solid aliceblue;
}
div.item616 img {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  height: 150px;
  float: left;
}
.bradiuss {
  border-radius:            6px;
    -o-border-radius:       6px;
    -webkit-border-radius:  6px;
    -moz-border-radius:     6px;
    -ms-border-radius:      6px;
}
blockquote {
  color: #333; 
  font-family: 'Open Sans Condensed', serif;
  font-size: 26px; 
  font-weight: 300; 
  line-height: 40px; 
  margin: 5px 0px 0px 0px; 
  text-shadow: azure  -1px -1px 1px; 
}
div.item616 p, div.item616 blockquote {
  padding-left: 320px;
}
div.item616 p, p.four-text {
  font-family: 'Open Sans Condensed', serif;
  font-size: 17px;
}
blockquote.title {
  color: #f0f0f0; 
  font-family: 'Open Sans Condensed', serif;
  font-size: 22px; 
  font-weight: 300; 
  text-shadow: #F0F0F0  -1px -1px 1px; 
}
p.vermais {
  text-align: right;
  margin: 20px 10px 0px 0px;
  font:300 22px Open Sans Condensed;
  color: FloralWhite;
}
div#conteudo-noticias div p {
  font-family: 'Open Sans Condensed', serif;
  font-size: 16px;
}
.nao-cadastro {
  font-family: 'Open Sans Condensed', serif;
  font-size: 18px;
  color: #fff;
}
form table tr td.oi {
  font-family: 'Open Sans Condensed', serif;
  font-size: 12pt;
  font-weight: 600; 
}
form table tr td input[type='submit'] {
  font-family: 'Open Sans Condensed', serif;
  font-size: 12pt;
  font-weight: 300; 
  height: 25px; 
  padding-top:1px;
}
td.nao-cadastro a:hover {
  text-decoration: underline;
}
.link-paginacao:visited {
  color: #222;
}
li {
  text-align: center;
}
#notice-text {
  font-family: 'Open Sans Condensed', serif;
  font-size: 22px;
  text-align: justify;

}
#fundo {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    animation-name: fundo;
    animation-duration:1s;
}
#fundo .janela {
  background: rgb(244,244,244);
  background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(229,229,229,1) 24%, rgba(211,211,211,1) 50%, rgba(224,224,224,1) 79%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(229,229,229,1) 24%,rgba(211,211,211,1) 50%,rgba(224,224,224,1) 79%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(229,229,229,1) 24%,rgba(211,211,211,1) 50%,rgba(224,224,224,1) 79%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
  width: 600px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -300px;
  z-index: 2000;
  border 0;
  border-radius:            10px;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    -o-border-radius:       10px;
    -ms-border-radius:      10px;
}
#fundo .close {
  position: absolute;
  right: -25;
  top: -25;
}
#fundo .close img {
  width: 55px;
}
.text-fim {
  font-size: 26pt;
  padding: 40px 50px 50px 50px;
  font-family: 'Open Sans Condensed', serif;
  text-shadow: 2px 2px 4px DimGrey;
  letter-spacing: 1px;
}
.notice-text-k {
  word-wrap:break-word;
  text-align:center;
  padding:60px;
  font-family: 'Open Sans Condensed', serif;
}
h1.notice {
  text-align:center;
  font-weight:300;
  font-size:30pt;
  line-height:50px;
}
h5.notice {
  letter-spacing:0.5px;
  font-size: 14px;
  line-height:30px;
}
div.divnotice {
  position:relative;
  left:50%;
  margin-left: -400px;
  margin-top:50px;
}
div.divnotice img {
  width: 800px;
  box-shadow: 10px 10px 15px #777
}
div.divnotice img:hover {
  transform: scale(1.03);
}
div.divnot ice img,div.divnotice img:hover {
  transition:            all 0.6s ease-in-out;
    -o-transition:       all 0.6s ease-in-out;
    -moz-transition:     all 0.6s ease-in-out;
    -webkit-transition:  all 0.6s ease-in-out;
    -ms-transition:      all 0.6s ease-in-out;
}
footer {
  height:10px;
  border-top:5px solid SteelBlue;
}
div.left {
  float:left;
  line-height: 40px;
  width:33.33333333333333333333333333333333333333333333333333333%;
  background: #363636;

}
div.left a{
  color: Grey;
}
div.left span {
  color:#c0c0c0;
}
.circulo {
  border-radius:100%;
  width:150px;
  height:150px;
  float: left;
  text-align: center;
  margin-right: 50px;
  color: rgb(255, 255, 255);
  font-size: 26px;
  padding: 24px;
  text-shadow: -1px -2px 4px rgba(255, 255, 255, 0.45);
  background: rgb(0, 153, 255);
  background: -moz-linear-gradient(39deg, rgb(0, 153, 255) 35%, rgb(190, 226, 255) 100%);
  background: -webkit-linear-gradient(39deg, rgb(0, 153, 255) 35%, rgb(190, 226, 255) 100%);
  background: -o-linear-gradient(39deg, rgb(0, 153, 255) 35%, rgb(190, 226, 255) 100%);
  background: -ms-linear-gradient(39deg, rgb(0, 153, 255) 35%, rgb(190, 226, 255) 100%);
  background: linear-gradient(309deg, rgb(0, 153, 255) 35%, rgb(190, 226, 255) 100%);
  box-shadow:           8px 5px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 8px 5px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    8px 5px 12px rgba(0, 0, 0, 0.5);
    -o-box-shadow:      8px 5px 12px rgba(0, 0, 0, 0.5);
    -ms-box-shadow:     8px 5px 12px rgba(0, 0, 0, 0.5);
    animation-name: circulo;
  animation-duration: .8s;
}
.circulo:hover {
  opacity: 1;
  transform: scale(1.15);
}
.circulo,.circulo:hover {
  transition:all 1s ease;

}
button.circulo p {
  font-family: 'Open Sans Condensed', serif;
  font-size: 28pt;
  margin-top:50px;
}
div.circulo p {
  font-family: 'Open Sans Condensed', serif;
  font-size: 28pt;
  margin-top:50px;
}
div#meio {
  width: 500px;
  height:150px;
  position: relative;
  left: 50%;
  margin-top: 250px;
  margin-left: -250px;
  padding-bottom: -100px
}
table.heavyTable {
  width: 900px;
  height: 250px;
  border-collapse: collapse;
  border: 1px solid #38678f;
  background: white;
}
table.heavyTable th {
  background: steelblue;
  height: 54px;
  width: 25%;
  font-weight: lighter;
  text-shadow: 0 1px 0 #38678f;
  color: white;
  border: 1px solid #38678f;
  box-shadow: inset 0px 1px 2px #568ebd;
  transition: all 0.2s;
  text-align: center;
}
table.heavyTable th a {
    color: white;
}
table.heavyTable tr {
  border-bottom: 1px solid #cccccc;
}
table.heavyTable tr:last-child {
  border-bottom: 0px;
}
table.heavyTable td {
  border-right: 1px solid #cccccc;
  padding: 10px;
  transition: all 0.2s;
}
 table.heavyTable td:last-child {
  border-right: 0px;
}
select.hahaha{
  padding:3px;
  margin: 0;
  border-radius:           4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    -o-border-radius:      4px;
    -ms-border-radius:4px;
  box-shadow:            0 3px 0 #ccc, 0 -1px #fff inset;
    -o-box-shadow:       0 3px 0 #ccc, 0 -1px #fff inset;
    -ms-box-shadow:      0 3px 0 #ccc, 0 -1px #fff inset;
    -webkit-box-shadow:  0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow:     0 3px 0 #ccc, 0 -1px #fff inset;
  background: #f8f8f8;
  color:#666;
  border:none;
  outline:none;
  display: inline-block;
  appearance:           none;
    -webkit-appearance: none;
    -moz-appearance:    none;
    -o-appearance:      none;
    -ms-appearance:     none;
  cursor:pointer;
}
label.label-select { position:relative; }
label.label-select:after {
  content:'<>';
  font:11px "Consolas", monospace;
  color:#aaa;
  transform:            rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -moz-transform:     rotate(90deg);
    -ms-transform:      rotate(90deg);
    -o-transform:       rotate(90deg);
  right:8px; top:2px;
  padding:0 0 2px;
  border-bottom:1px solid #ddd;
  position:absolute;
  pointer-events:none;
}
label.label-select:before {
  content:'';
  right:6px; top:0px;
  width:20px; height:20px;
  background:#f8f8f8;
  position:absolute;
  pointer-events:none;
  display:block;
}
div#curso {
  border: thin solid #a1a1a1;
  width: 1100px;
  position: relative;
  left: 50%;
  margin-left: -565px;
  margin-top: 160px;
  padding: 37px 0px 30px 30px;
  background: #f6f5f4;
  border-radius:            4px;
    -webkit-border-radius:  4px;
    -o-border-radius:       4px;
    -moz-border-radius:     4px;
    -ms-border-radius:      4px;
  margin-bottom: 70px;
  display: table;
}
div.passos {
  margin: 20px 0 0 10px;
  border: thin solid #d1d1d1;
  border-radius:            6px;
    -o-border-radius:       6px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    -ms-border-radius:      6px;
  background: snow;
  width: 505px;
  height: 700px;
  float: left;
  
}
div.passos img {
  border-top-left-radius:            6px;
    -webkit-border-top-left-radius:  6px;
    -o-border-top-left-radius:       6px;
    -moz-border-top-left-radius:     6px;
    -ms-border-top-left-radius:      6px;
  border-top-right-radius:           6px;
    -webkit-border-top-right-radius: 6px;
    -o-border-top-right-radius:      6px;
    -moz-border-top-right-radius:    6px;
    -ms-border-top-right-radius:     6px;
  width: 505px;
}
div#curso h2.title-passos {
  font-size: 18pt;
  padding-left: 10px;
}
div.step_num {
  font-size: 32pt;
  color: #545454;
  padding: 8px 8px 0px 8px;
  font-weight: bold;
  float: left;
  borde
}
div p.text-step {
  padding: 18px 15px 3px 5px;
  list-style: none;
  line-height: 25px;
  text-align: justify;
  color: #545454;
}
div#text-full-step {
  margin: 20px;
}
div p.text-step b {
  color: #545454;
  text-transform: uppercase;
}
div.dhjsadhjsakdhjskahdjas {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0,0,0,0.3  );
  padding: 5px;
  color: snow;
  border-bottom-left-radius:            6px;
    -moz-border-bottom-left-radius:     6px;
    -o-border-bottom-left-radius:       6px;
    -ms-border-bottom-left-radius:      6px;
    -webkit-border-bottom-left-radius:  6px;
}
.btn-curso {
  background: #82b7af; /* Old browsers */
  background: -moz-linear-gradient(top,  #82b7af 0%, #26b59f 1%, #32b8a4 45%, #32b8a4 54%, #26b59f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #82b7af 0%,#26b59f 1%,#32b8a4 45%,#32b8a4 54%,#26b59f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #82b7af 0%,#26b59f 1%,#32b8a4 45%,#32b8a4 54%,#26b59f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b7af', endColorstr='#26b59f',GradientType=0 ); /* IE6-9 */
  border:none;
  opacity: .9;
  padding: 15px;
  width: 200px;
  borde
  border-radius:            6px;
    -moz-border-radius:     6px;
    -o-border-radius:       6px;
    -ms-border-radius:      6px;
    -webkit-border-radius:  6px;
  box-shadow: 0px 6px 2px #258a7b;
  outline: 0;
  font-size: 28px;
  letter-spacing: 1px;
  font-family: 'Open Sans Condensed', serif;
  color: snow;
  cursor: pointer;
  margin-left: 8px;
  float: left;
}
.btn-curso:hover,.btn-curso:focus{
  opacity: 1;
  margin-top: -4px;
  box-shadow: 0px 10px 2px #258a7b;
}
.btn-curso:active, .btn-curso:focus {
  box-shadow: none;
  margin-top: 6px;
  opacity: 1;
}
.btn-curso,.btn-curso:active,.btn-curso:hover,.btn-curso:focus {
  transition:             all .2s ease-in-out;
    -o-transition:        all .2s ease-in-out;
    -moz-transition:      all .2s ease-in-out;
    -ms-transition:       all .2s ease-in-out;
    -webkit-transition:   all .2s ease-in-out;
}
.my-title {
  color: #2C3E50;
  padding: 10px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  font-variant: normal;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  cursor: default;
  visibility: visible;
  overflow: hidden;
  float: none;
  text-shadow: 1px 1px 4px #999999;
}
div#voltando a{
  position: absolute;
  top:0;
  right: 0;
  padding: 10px;
  font-size: 15pt;
}
select#cmb-compra {
  /*width: 300px;
  
  height: 30px;
  padding: 5px;
  border: thin solid silver;
  border-radius:            4px;
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    -o-border-radius:       4px;
    -ms-border-radius:      4px;
  line-height: 10px;*/
  background: transparent;
   width: 350px;
   padding: 5px;
  letter-spacing: 2px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;

}
div#cmb-styling {
  width: 350px;
   height: 34px;
   overflow: hidden;
   background: #ddd;
   border: 1px solid #ccc;
   margin: 10px 0 20px 0;

}
a.dcontexto {
  position:relative; 
  font:12px arial, verdana, helvetica, sans-serif; 
  padding:0;
  color:#039;
  text-decoration:none;
  z-index:24;
}
a.dcontexto:hover {
  background:transparent;
  color:#f00;
  z-index:25; 
}
a.dcontexto span {display: none}
a.dcontexto:hover span { 
  display:block;
  position:absolute;
  width:230px; 
  top:3em;
  right-align:justify;
  left:0;
  font: 12px arial, verdana, helvetica, sans-serif; 
  padding:5px 10px;
  border:1px solid #999;
  background:#e0ffff; 
  color:#000;
}
h3.link-filtros {
  position: absolute;top: 0;right: 0;padding: 10px;
  font-size: 17px;
}
h3.link-filtros:hover {
  text-decoration: underline;
  cursor: pointer;
}
h3.link-filtros,h3.link-filtros:hover {
  transition: all 1s linear;
}
.push_button {
        position: relative;
        width:350px;
        padding-left:10px;
        padding-right: 10px;
        height:40px;
        text-align:center;
        color:#f0f0f0;
        text-decoration:none;
        line-height:43px;
        display: inline-block;
        margin: 30px;
    }
    .push_button:before {

        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        
        position: absolute;
        content: "";
        left: -6px; right: -6px;
        top: -6px; bottom: -10px;
        z-index: -1;
    }

    .push_button:active {
        -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
        top:5px;
    }
    .push_button:active:before{
        top: -11px;
        bottom: -5px;
        content: "";
    }

    .red {
        text-shadow:-1px -1px 0 #A84155;
        background: #D25068;
        border:1px solid #D25068;
        
        background-image:-webkit-linear-gradient(top, #F66C7B, #D25068);
        background-image:-moz-linear-gradient(top, #F66C7B, #D25068);
        background-image:-ms-linear-gradient(top, #F66C7B, #D25068);
        background-image:-o-linear-gradient(top, #F66C7B, #D25068);
        background-image:linear-gradient(to bottom, #F66C7B, #D25068);
        
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        
        -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
        -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
        box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
    }

    .red:hover {
        background: #F66C7B;
        background-image:-webkit-linear-gradient(top, #D25068, #F66C7B);
        background-image:-moz-linear-gradient(top, #D25068, #F66C7B);
        background-image:-ms-linear-gradient(top, #D25068, #F66C7B);
        background-image:-o-linear-gradient(top, #D25068, #F66C7B);
        background-image:linear-gradient(top, #D25068, #F66C7B);
    }

    .blue {
        text-shadow:-1px -1px 0 #2C7982;
        background: #3EACBA;
        border:1px solid #379AA4;
        background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
        background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
        background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
        background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
        background-image:linear-gradient(top, #48C6D4, #3EACBA);
        
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        
        -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
        -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
        box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    }

    .blue:hover {
        background: #48C6D4;
        background-image:-webkit-linear-gradient(top, #3EACBA, #48C6D4);
        background-image:-moz-linear-gradient(top, #3EACBA, #48C6D4);
        background-image:-ms-linear-gradient(top, #3EACBA, #48C6D4);
        background-image:-o-linear-gradient(top, #3EACBA, #48C6D4);
        background-image:linear-gradient(top, #3EACBA, #48C6D4);
    }