@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Yantramanav:400,900');

body { margin: 0 auto; background-color: #FAFAFA; font-family: 'Yantramanav', sans-serif; font-size: 16px;}
body a:link { text-decoration: none; color: #000000;}
body a:visited { color: #000000;}
body a:hover { color: #000000;}
body a:active { color: #000000;}
body h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0;} 
body img { border: 0;}
body .center { margin: 0 auto; width: 85%;}
body .sombra1 { -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4);}
body .sombra2 { -webkit-box-shadow: 0 0 0 1px #CCCCCC; -moz-box-shadow: 0 0 0 1px #CCCCCC; box-shadow: 0 0 0 1px #CCCCCC;}
body .sombra3 { -webkit-box-shadow: 0 0 13px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 13px -5px rgba(0,0,0,0.4); box-shadow: 0 0 13px -5px rgba(0,0,0,0.4);}
body .border4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .border100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
body .t4 {-webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .t7 {-webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; -o-transition: 0.7s ease-in; transition: 0.7s ease-in;}
body .n { display: none;}

body .anuncioHorizontal { float: left; width: 100%; margin: 0 0 20px; text-align: center; overflow: hidden;}
body .anuncioHorizontal .centro { margin: 0 auto; width: 1000px; max-width: 80%;}
body .anuncioCd { float: right; width: 60%; text-align: center;}

body .subtitulo { float: left; width: 100%; margin-bottom: 25px;}
body .subtitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #CD0000;}
body .subtitulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #CD0000;}
body .subtitulo b { float: left; margin: 0 20px 0 0;}
body .subtitulo strong { float: left; padding: 4px 5px 0; margin: 10px 0 0; line-height: 1; font-size: 15px; font-weight: normal; color: #000000; cursor: pointer;}
body .subtitulo strong.ativo { font-weight: bold; font-size: 17px; color: #CD0000;}
body .subtitulo strong:hover { color: #CD0000;}
body .subtitulo em { float: left; width: 100%; height: 2px; background-color: #795548;}
body .lancamentos { float: left; width: 100%; padding: 10px 0 50px;}
body .maisdownloads { float: left; width: 100%; padding: 0 0 20px;}
body .maisplays { float: left; width: 100%; padding: 0 0 20px;}
body .fundo { float: left; width: 100%; position: relative;}
body .fundo .tabela { float: left; width: 100%; position: relative;}
body .fundo .slides { float: left; width: 100%;}
body .fundo .slides, .slides > li, .flex-control-nav { margin: 0; padding: 0; list-style: none;}
body .fundo .slides > li { display: none;}
body .fundo .flex-control-nav { display: none;}
body .fundo .flex-direction-nav { position: absolute; top: 11px; right: 0; list-style: none; margin: 0;}
body .fundo .flex-direction-nav a { width: 25px; height: 25px; position: absolute; top: 0; z-index: 10; cursor: pointer; font-size: 0; display: block;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
body .fundo .flex-direction-nav a:before { width: 25px; height: 25px; font-size: 0; display: inline-block; content: '\f001'; background-image: url(../imagens/seta3.png);}
body .fundo .flex-direction-nav a.flex-next:before { content: '\f002'; background-image:url(../imagens/seta4.png); }
body .fundo .flex-direction-nav .flex-nav-prev { float: left; margin-left: 10px;}
body .fundo .flex-direction-nav .flex-nav-next { float: right;}
body .fundo .flex-direction-nav .flex-prev { left: 0; outline: 0;}
body .fundo .flex-direction-nav .flex-next { right: 0; outline: 0;}

body .coletaneas { float: left; width: 100%;}
body .coletaneas .subtitulo { margin-bottom: 10px;}
body .coletaneas .tab { width: 32% !important;}

body .carrosel { float: left; width: 100%; position: relative; z-index: 1;}
body .carrosel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
body .carrosel .owl-carousel.owl-loaded { display: block;}
body .carrosel .owl-carousel.owl-loading { opacity: 0; display: block;}
body .carrosel .no-js .owl-carousel { display: block;}
body .carrosel .owl-stage-outer { position: relative; overflow: hidden;}
body .carrosel .owl-stage-outer .owl-item { float: left; position: relative;}
body .carrosel .owl-stage-outer .owl-item .item { float: left; width: 100%;}
body .carrosel .owl-nav { position: absolute; top: 26px; right: 0;}
body .carrosel .owl-nav button { position: absolute; width: 23px; top: -58px; padding: 11px 0 16px; background-color: #550000; font-size: 2em; line-height: 0; color: #FFFFFF; cursor: pointer; border: 0; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
body .carrosel .owl-nav button.owl-prev { right: 26px;}
body .carrosel .owl-nav button.owl-next { right: 0;}
body .carrosel .owl-nav button:hover { background-color: #330000;}
body .carrosel .owl-nav button.disabled { background-color: #FFFFFF; color: #AAAAAA;}
body .carrosel .owl-nav button.disabled:hover { background-color: #FFFFFF;}
body .carrosel .owl-dots { display: none;}

@media only screen and (max-width: 1000px) {
	body .center { width: 94%;}
}
@media only screen and (max-width: 800px) {
	body .coletaneas .tab.ta2 { float: left; margin-left: 2%;}
	body .coletaneas .tab.ta3 { float: left; margin-left: 2%;}
	body .coletaneas .tab h3 { height: 65px;}
}
@media only screen and (max-width: 700px) {
	body .anuncioCd { float: left; width: 90%; margin: 20px 5%;}
}
@media only screen and (max-width: 600px) {
	body .lancamentos { padding: 10px 0 0;}
	body .maisdownloads { padding: 0;}
	body .maisplays { padding: 0;}
	body .fundo .flex-direction-nav { top: 0;}
	body .subtitulo h1 { font-size: 1.4em;}
	body .subtitulo h2 { font-size: 1.4em;}
	body .subtitulo strong { margin: 4px 0 0;}
}
@media only screen and (max-width: 500px) {
	body .subtitulo b { width: 100%; margin: 0}
}