/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
section, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
fieldset,img { border:0;}
ol, ul { list-style: none }
blockquote, q { quotes: none }
table { border-collapse: collapse; border-spacing: 0; }
body {width: 100%; height: 100%;}
a, span { text-decoration: none; outline: none;}
.left { float: left }
.right { float: right }

/*GERAL*/
.transicao-2s{-webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out;}
.transicao-4s{-webkit-transition: .40s ease-in-out; -moz-transition: .40s ease-in-out;}
.transicao-6s{-webkit-transition: .60s ease-in-out; -moz-transition: .60s ease-in-out;}
.transicao-8s{-webkit-transition: .80s ease-in-out; -moz-transition: .80s ease-in-out;}
#container{width:990px; margin:0 auto}
#content{width:950px; margin:0 auto}
body{font-family: 'Ubuntu', sans-serif; background:url(../imagens/bg-body.gif) repeat top}
input, texarea{font-family: 'Ubuntu', sans-serif;}

header{width:100%; height:50px; background:#B20000;}
.menu-sociais p{font-size:18px; color:#FEEB14; margin-top:15px}
.menu-sociais ul{float:right; margin-top:15px}
.menu-sociais ul li{float:left; margin-left:15px}
.sub-header{width:100%; background:#8C0000; padding-bottom:50px}
ul.menu{margin-top:30px}
ul.menu li{float:left; margin-left:30px}
ul.menu li a{font-size:30px; color:#FFF; font-weight:bold}
ul.menu li a:hover{color:#FEEB14;}

#slides {display: none; clear:both; position:relative; top:30px}
.slidesjs-pagination {margin: 10px 0 0;  float: right;  list-style: none;}
.slidesjs-pagination li {  float: left;  margin: 0 1px;}
.slidesjs-pagination li a {  display: block;  width: 13px;  height: 0;  padding-top: 13px;  background-image:url(../imagens/pagination.png);  background-position: 0 0;  float: left;  overflow: hidden;}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -26px}
.slidesjs-pagination li a:hover {background-position: 0 -13px}
#slides a:link, #slides a:visited {color: #333}

.o-que-e{margin-top:100px; background:#FFF}
.title{width:950px; float:left; margin-top:20px; margin-left:20px}
.title h2{font-size:40px; color:#CA0B0E; font-weight:bold; line-height:100%; margin-left:10px; float:left}
.text-sobre{width:460px; margin-left:50px; margin-top:50px}
.text-sobre p{font-size:14px; color:#8C0000; line-height:170%; text-align:justify; clear:both}
.text-sobre ul{margin-top:10px; margin-left:50px; float:left; margin-bottom:10px}
.text-sobre ul li{list-style-image:url(../imagens/ico-lista-mini.png)}
ul.softwares{margin-top:20px; margin-left:-10px}
ul.softwares li{list-style:none; float:left; margin-left:10px}
ul.softwares li.winrar{background:url(../imagens/bt-winrar.jpg) no-repeat top; width:190px; height:50px; text-indent:-9999em}
ul.softwares li.pdf{background:url(../imagens/bt-pdf.jpg) no-repeat top; width:190px; height:50px; text-indent:-9999em}
ul.softwares li:hover{background-position:bottom}
ul.softwares a{float:left; width:100%; height:100%}
.tutorial p{color:#9797A5; font-size:13px; width:190px; margin-left:50px}
.tutorial a{padding:5px 10px; background:#9797A5; color:#FFF; margin-top:10px; margin-left:10px}
.tutorial a:hover{background:#8C0000}

.apostilas{margin-top:50px; background:#FFF}

ul.cursos{margin-top:30px; margin-left:-30px; position:relative; z-index:2}
ul.cursos li{float:left; width:300px; margin-left:30px; margin-top:30px; border-bottom:10px solid #8C0000}
ul.cursos li p{font-size:18px; color:#8C0000; float:left; margin-left:10px; margin-bottom:5px}
ul.cursos li a {background:url(../imagens/bg-thumb.jpg) no-repeat; width:300px; height:150px; float:left}
ul.cursos li a:hover img{opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5}
footer{width:100%; height:540px; background:url(../imagens/bg-footer.jpg) no-repeat center; position:relative; z-index:1; margin-top:-400px}
.ass{margin-top:480px}
.ass-dir{margin-left:200px}
footer ul{float:right; margin-left:50px}
footer ul li{float:left; margin-left:15px}
footer p{color:#8C0000; float:left}
footer a{color:#8C0000; float:left}

#tutorial{padding-bottom:30px; float:left}
#tutorial h2{width:1000px; height:45px; background:#8C0000; color:#FFF; font-size:30px; padding:10px 0; text-align:center; position:fixed}
#tutorial article{font-size:20px; font-weight:600; color:#8C0000; float:left; margin-left:50px; margin-top:30px; width:900px}
#tutorial p{font-size:16px; color:#9797A6; line-height:150%; float:left; margin-left:50px; margin-top:10px; width:900px}
#tutorial img{float:left; margin-top:10px; margin-left:50px}

.instrumento{padding-bottom:30px; float:left}
.top-acordeon, .top-bateria, .top-cavaquinho, .top-contrabaixo, .top-guitarra, .top-harmonia, .top-improvisacao, .top-pandeiro, .top-percussao, .top-sonorizacao, .top-teclado, .top-teclado-piano, .top-teoria-musical, .top-viola, .top-violao, .top-saxofone, .top-musica-ouvido, .top-flauta, 
.top-guitarrazero, .top-violaozero,.top-pianozero,
.top-violino{width:996px; height:210px; position:relative; display:block; float:left; margin-left:2px}
.top-acordeon{background:url(../imagens/bg-acordeon.jpg) no-repeat;} 
.top-bateria{background:url(../imagens/bg-bateria.jpg) no-repeat;} 
.top-cavaquinho{background:url(../imagens/bg-cavaquinho.jpg) no-repeat;} 
.top-contrabaixo{background:url(../imagens/bg-contrabaixo.jpg) no-repeat;} 
.top-flauta{background:url(../imagens/bg-flauta.jpg) no-repeat;} 
.top-guitarra{background:url(../imagens/bg-guitarra.jpg) no-repeat;} 
.top-guitarrazero{background:url(../imagens/bg-guitarrazero.jpg) no-repeat;} 
.top-harmonia{background:url(../imagens/bg-harmonia.jpg) no-repeat;} 
.top-improvisacao{background:url(../imagens/bg-improvisacao.jpg) no-repeat;} 
.top-pandeiro{background:url(../imagens/bg-pandeiro.jpg) no-repeat;} 
.top-percussao{background:url(../imagens/bg-percussao.jpg) no-repeat;} 
.top-sonorizacao{background:url(../imagens/bg-sonorizacao.jpg) no-repeat;} 
.top-teclado{background:url(../imagens/bg-teclado.jpg) no-repeat;} 
.top-teclado-piano{background:url(../imagens/bg-teclado-piano.jpg) no-repeat;} 
.top-teoria-musical{background:url(../imagens/bg-teoria-musical.jpg) no-repeat;} 
.top-viola{background:url(../imagens/bg-viola.jpg) no-repeat;} 
.top-violao{background:url(../imagens/bg-violao.jpg) no-repeat;} 
.top-violaozero{background:url(../imagens/bg-violaozero.jpg) no-repeat;} 
.top-pianozero{background:url(../imagens/bg-pianozero.jpg) no-repeat;} 
.top-saxofone{background:url(../imagens/bg-saxofone.jpg) no-repeat;} 
.top-musica-ouvido{background:url(../imagens/bg-musica-ouvido.jpg) no-repeat;} 
.top-violino{background:url(../imagens/bg-violino.jpg) no-repeat;} 

.top-pandeiro h1, .top-acordeon h1, .top-bateria h1, .top-cavaquinho h1, .top-contrabaixo h1, .top-guitarra h1, .top-harmonia h1, .top-improvisacao h1, .top-pandeiro h1, .top-percussao h1, .top-sonorizacao h1, .top-percussao h1, .top-sonorizacao h1, .top-teclado h1, .top-teclado-piano h1, .top-teoria-musical h1, .top-viola h1, .top-violao h1, .top-saxofone h1, .top-musica-ouvido h1, .top-flauta h1, .top-violino h1{font-size:40px; font-weight:bold; color:#FFF; position:absolute; bottom:0; line-height:80%}
.top-flauta h1{color:#CA0B0D}
.instrumento ul{float:left}
.instrumento ul li{float:left; width:800px; padding:20px; background:#FAF3FD; margin-left:80px; margin-top:20px}
.instrumento ul li article{font-size:20px; color:#CA0B0D; font-weight:600; width:500px;}
.instrumento ul li p{font-size:13px; color:#9797A5; line-height:180%; width:500px; float:left; margin-top:10px; text-align:justify}
.bt-baixar-apostila{float:right}
.bt-baixar-apostila a{float:left; background:url(../imagens/bt-baixar-apostila.jpg) no-repeat top; width:190px; height:50px}
.bt-baixar-apostila a:hover{background-position:bottom}
.bt-conheca-curso{float:right}
.bt-conheca-curso a{float:left; width:190px; padding:5px 0; text-align:center; margin-top:10px; background:#F8E708; color:#CA0B0D}
.bt-conheca-curso a:hover{background:#CA0B0D; color:#F8E708}