.container_12 {
width: 940px;
margin: 0 auto;
position: relative;
}

.container_12 .grid_12 {width: 940px;}

.grid_12 center {margin-bottom: 15px;}

.features-anuidade {
width: 319px;
float: left;
}

.features-anuidade ul li {
margin-bottom: 3px;
border-bottom: 1px solid #d7d7d7;
border-bottom-style: dashed;
padding-bottom: 8px;
list-style: none;
}

.features-anuidade ul li:last-child {border: 0;}

.features-anuidade .fa-li {
position: relative;
left: -7px;
margin-right: -11px;
color: #f5751c;
}

#plano {
position: relative;
float: left;
width: 260px;
height: 350px;
background: url(../images/anuidade/bg-plano.jpg) no-repeat;
text-align: center;
margin-left: 60px;
}

#plano h1 {
color: #ff9900;
font-size: 30px;
margin-top: 10px;
margin-bottom: 1px;
}

#plano p {
color: #fff;
font-size: 90px;
font-weight: 300;
margin-top: 26px;
}

#plano small {margin-bottom: 30px;}

#plano h2 {color: #fff;}

span.sub {
color: #fff;
margin-bottom: 30px;
}

.bt-assinar {
background: url(../images/anuidade/sprites.png) -746px -247px;
width: 137px;
height: 44px;
color: #fff;
margin: 0 auto;
border: 0px solid;
position: absolute;
bottom: 67px;
left: 63px;
font-size: 20px;
padding-top: 6px;
}

.bt-assinar:hover {
color: #fff;
background-position: -746px -298px;
}

textarea:focus, input:focus {outline: 0;}

.bt-assinar-curso {
background: url(../images/anuidade/sprites.png) -746px -247px;
width: 138px;
height: 39px;
color: #fff;
margin: 0 auto;
margin-bottom: 20px;
padding-top: 10px;
clear: both;
text-align: center;
font-size: 14px;
font-weight: bold;
}

.bt-assinar-curso:hover {background-position: -746px -298px;}

sup.elevado {
line-height: 5em;
vertical-align: text-top;
font-size: 20px;
}

ul#menu {
float: right;
margin-top: 33px;
}

ul#menu li {
float: left;
font-size: 14px;
text-transform: uppercase;
height: 79px;
}

ul#menu li:hover {
background-color: #01498d;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

ul#menu li a {
width: 93px;
height: 90px;
display: block;
}

#linkstop {
position: absolute;
top: -1px;
right: 0;
width: auto;
}

#linkstop p {
float: left;
width: auto;
}

#linkstop p a {
background: #ff9d00;
padding: 5px 10px;
margin-left: 10px;
font-size: 10px;
text-transform: uppercase;
display: block;
text-decoration: none;
color: #FFF;
}

#linkstop p a:hover {color: #ffe6c3;}

#slider {
width: 100%;
height: 340px;
background: url(../images/anuidade/bg-slider.jpg) center top no-repeat;
position: relative;
z-index: 8;
margin-top: -5px;
}

h1.titulo {
margin-top: 20px;
font-size: 30px;
font-weight: 300;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}

.hide {display: none;}

.cursos {margin-top: -20px;}

.cursos ul {list-style: none;}

.cursos ul li {
width: 208px;
height: 54px;
height: 31px;
padding: 10px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
}

.cursos ul li:hover {
background-color: #fff;
-moz-box-shadow: 0px 4px 5px -5px #000;
-webkit-box-shadow: 0px 4px 5px -5px #000;
box-shadow: 0px 4px 5px -5px #000;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.avatar {float: left;}

.curso-nome {
float: left;
font-size: 12px;
color: #000 !important;
font-weight: bold;
padding-left: 10px;
}

.aulas-anuidade {
font-size: 12px;
margin-left: 42px;
padding-top: 19px;
color: #f5751c !important;
}

#assine {
width: 100%;
height: auto;
position: relative;
clear: both;
margin-top: 49px;
z-index: -1;
}

#assine h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#assine p {
font-size: 16px;
text-align: center;
}

#assine .bt-assinar {
position: relative;
display: block;
bottom: 0;
left: 0; 
}

#design {
width: 100%;
height: auto;
position: relative;
clear: both;
padding-top: 195px;
padding-bottom: 15px;
margin-top: -160px;
z-index: -1;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 30%, #aad30e 30%, #95c607 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#aad30e), color-stop(100%,#95c607));
background: -webkit-linear-gradient(top, #ffffff 30%,#aad30e 30%,#95c607 100%);
background: -o-linear-gradient(top, #ffffff 30%,#aad30e 30%,#95c607 100%);
background: -ms-linear-gradient(top, #ffffff 30%,#aad30e 30%,#95c607 100%);
background: linear-gradient(to bottom, #ffffff 30%,#aad30e 30%,#95c607 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#95c607',GradientType=0 );
}

#fundo-design {
margin-top: -188px;
background: url(../images/anuidade/design-bg.png) no-repeat 311px 12px;
h
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 392px;
}

#design h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#design p {font-size: 16px;}

.design-bg {background: url(../images/anuidade/sprites.png) no-repeat -40px -31px;}

.design-bg2 {background: url(../images/anuidade/sprites.png) no-repeat -131px -31px;}

.design-bg3 {background: url(../images/anuidade/sprites.png) no-repeat -224px -31px;}

.design-bg4 {background: url(../images/anuidade/sprites.png) no-repeat -322px -31px;}

.design-bg5 {background: url(../images/anuidade/sprites.png) no-repeat -413px -31px;}

.design-bg6 {background: url(../images/anuidade/sprites.png) no-repeat -506px -31px;}

#curso {
width: 100%;
height: auto;
position: relative;
clear: both;
padding-bottom: 20px;
padding-top: 234px;
margin-top: -117px;
z-index: -9;
background: -moz-linear-gradient(top, #ffffff 30%, #ffb200 30%, #ff9d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#ffb200), color-stop(100%,#ff9d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 30%,#ffb200 30%,#ff9d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 30%,#ffb200 30%,#ff9d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 30%,#ffb200 30%,#ff9d00 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 30%,#ffb200 30%,#ff9d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */
}

#fundo-3d {
margin-top: -167px;
background: url(../images/anuidade/3d-bg.png) no-repeat 157px -4px;
h
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 388px;
}

#curso h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#curso p {font-size: 16px;}

#motion {
width: 100%;
height: auto;
position: relative; /* margin-top: -23px; */
clear: both;
padding-bottom: 37px;
overflow: hidden;
padding-top: 143px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 30%, #a7adb5 30%, #9198a2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#a7adb5), color-stop(100%,#9198a2));
background: -webkit-linear-gradient(top, #ffffff 30%,#a7adb5 30%,#9198a2 100%);
background: -o-linear-gradient(top, #ffffff 30%,#a7adb5 30%,#9198a2 100%);
background: -ms-linear-gradient(top, #ffffff 30%,#a7adb5 30%,#9198a2 100%);
background: linear-gradient(to bottom, #ffffff 30%,#a7adb5 30%,#9198a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9198a2',GradientType=0 );
}

#fundo-motion {
margin-top: -22px;
background: url(../images/anuidade/motion-bg.png) no-repeat 300px 0;
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 266px;
width: 100%;
}

#motion h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#motion p {font-size: 16px;}

.motion-bg {background: url(../images/anuidade/sprites.png) no-repeat -44px 0;}

#web {
width: 100%;
height: auto;
margin-top: -23px;
position: relative;
clear: both;
padding-top: 143px;
padding-bottom: 20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 30%, #92cdff 30%, #7cc0ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#92cdff), color-stop(100%,#7cc0ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 30%,#92cdff 30%,#7cc0ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 30%,#92cdff 30%,#7cc0ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 30%,#92cdff 30%,#7cc0ff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 30%,#92cdff 30%,#7cc0ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7cc0ff',GradientType=0 ); /* IE6-9 */
}

#fundo-web {
margin-top: -147px;
background: url(../images/anuidade/web-bg.png) no-repeat 328px 0; heig
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 315px;
width: 100%;
}

#web h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#web p {font-size: 16px;}

.web-bg {background: url(../images/anuidade/sprites.png) no-repeat -44px 0;}

#games {
width: 100%;
height: auto;
margin-top: -23px;
position: relative;
clear: both;
padding-top: 143px;
padding-bottom: 20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 30%, #c761ff 30%, #ab38f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#c761ff), color-stop(100%,#ab38f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 30%,#c761ff 30%,#ab38f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 30%,#c761ff 30%,#ab38f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 30%,#c761ff 30%,#ab38f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 30%,#c761ff 30%,#ab38f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ab38f4',GradientType=0 ); /* IE6-9 */
}

#fundo-games {
margin-top: -166px;
background: url(../images/anuidade/games-bg.png) no-repeat 258px 5px;
top: 0;
left: 0;
z-index: 2;
height: 260px;
}

#games h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#games p {font-size: 16px;}

.games-bg {background: url(../images/anuidade/sprites.png) no-repeat -44px 0;}

#programacao {
width: 100%;
height: auto;
margin-top: -23px;
position: relative;
clear: both;
padding-top: 143px;
padding-bottom: 20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 30%, #e2e2e2 30%, #d9d9d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#e2e2e2), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 30%,#e2e2e2 30%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 30%,#e2e2e2 30%,#d9d9d9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 30%,#e2e2e2 30%,#d9d9d9 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 30%,#e2e2e2 30%,#d9d9d9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}

#fundo-programacao {
margin-top: -146px;
background: url(../images/anuidade/programacao-bg.png) no-repeat 136px 12px;
top: 0;
left: 0;
z-index: 2;
height: 307px;
width: 100%;
}

#programacao h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#programacao p {font-size: 16px;}

.programacao-bg {background: url(../images/anuidade/sprites.png) no-repeat -44px 0;}

#lancamentos {
width: 100%;
height: 438px;
;
margin-top: -23px;
position: relative;
clear: both;
font-size: 12px;
padding-top: 143px;
background: url(../images/anuidade/bg-servicos.jpg) center 90px no-repeat;
}

#lancamentos ul {
float: left;
margin-right: 20px;
margin-right: 34px;
width: 122px;
}

#lancamentos ul li {
margin-bottom: 1px;
border-bottom: 1px solid #d7d7d7;
border-bottom-style: dashed;
padding-bottom: 4px;
list-style: none;
}

#lancamentos ul li:last-child {border: 0;}

#fundo-lancamentos {
background: url(../images/anuidade/programacao-bg.png)
no-repeat 136px 12px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
h
height: 448px;
}

#lancamentos h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 20px;
}

#lancamentos p {font-size: 16px;}

#conteudo {
width: 100%;
padding: 50px 0;
position: relative;
clear: both;
background: url(../images/anuidade/bg-page.jpg) center top no-repeat;
}

#conteudo .produto {
height: 400px;
text-align: center;
}

#conteudo .produto .imgprod {
padding: 10px;
height: 220px;
background: rgba(255,255,255,0.5);
border-radius: 10px;
border: 1px solid #CCC;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

#conteudo .produto .imgprod img {
max-width: 280px;
height: 220px;
text-align: center;
}

#conteudo .produto h1.nomeprod {
font-size: 23px;
font-weight: 300;
}

#conteudo .produto h2.valor {
font-size: 27px;
color: #ff7d02;
margin-bottom: 0;
font-weight: 700;
}

#conteudo .produto a.comprar {
width: 100%;
height: 42px;
display: block;
background: url(../images/anuidade/comprar.png) center center no-repeat;
margin-top: 10px;
}

#conteudo .produto a.comprar:hover {
filter: alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
-o-opacity: 0.6;
}

#conteudo h2.subtit {
font-size: 35px;
margin-bottom: 30px;
font-weight: 300;
color: #f26918;
}

#conteudo h3 {
margin-bottom: 20px;
font-size: 25px;
}

#conteudo h3.preco {
margin-bottom: 20px;
font-size: 25px;
color: #f26918;
}

#conteudo h4 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

#conteudo p {font-size: 14px;}

#conteudo .comprar {
width: 100%;
height: 42px;
display: block;
background: url(../images/anuidade/comprar.png) center center no-repeat;
margin-top: 10px;
}

#conteudo .contproduto h1 {
margin-bottom: 20px;
font-size: 25px;
}

#conteudo input, #conteudo textarea {
padding: 10px;
font-family: 'Oxygen', sans-serif;
color: #353535;
font-size: 15px;
outline: none;
border: 1px solid #ff7d02;
width: 520px;
margin: 5px 0;
}

#conteudo input.ddd {
width: 30px;
float: left;
margin-right: 15px;
}

#conteudo input.fone {
width: 450px;
float: left;
}

#conteudo input.btn {
width: auto;
background: #ff7d02;
color: #FFF;
cursor: pointer;
}

#conteudo input.btn:hover {
background: #FFF;
color: #ff7d02;
}

#maskt {
position: absolute;
bottom: -84px;
right: -125px;
}