/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License:none (public domain) */
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, article, 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-family: inherit; vertical-align: top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, td { font-family: 'Open Sans' !important;line-height: 1.2; font-weight: 400; font-size: 12px}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:hover { text-decoration: none; color: #000; text-shadow: 1px 1px 3px #c7c7c7; }
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
ul { margin: 0; padding: 0; }
div { display: inline-block; }
img { border: none; }
#barra-brasil { margin: 0 auto; text-align: center; display: block !important; }
#menu-barra-temp { width: 990px; }
.topo .busca input[type=text]{height: 16px; border-radius:3px 0 0 3px; opacity: 0.3}
.principal { font-family: 'Open Sans', sans-serif; display: inherit; width: 990px; height: auto; margin: 0 auto;/* background-color: #fff;*/ box-shadow: 3px 3px 153px #c0eff5; }
.conteudo .seta{width: 15px; height:10px; display: inline-block; background: transparent url(../img/listaicones.png) 0 2px no-repeat;}

/* ################# Conteudo meio ################ */

.degrade_modulo { background: #242424; /* Old browsers */
  background: -moz-linear-gradient(top, #242424 0%, #242424 48%, #4f4f4f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #242424), color-stop(48%, #242424), color-stop(100%, #4f4f4f)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #242424 0%, #242424 48%, #4f4f4f 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, #242424 0%, #242424 48%, #4f4f4f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #242424 0%, #242424 48%, #4f4f4f 100%); /* IE10+ */
  background: linear-gradient(to bottom, #242424 0%, #242424 48%, #4f4f4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#4f4f4f', GradientType=0 ); /* IE6-9 */ }


.conteudo { width: 984px; margin-left: 5px; }
/* ################# Conteudo Inteiro ################ */
.conteudo .titulo { display: block; font-size: 20px; font-weight: normal; color: #5072b1; padding-bottom: 2px; border-bottom: 1px solid #b8b8b8; margin: -40px 20px 10px 0; clear: none; }
.conteudo .titimg { width: 70px; float: left; margin-left: 10px; text-align: center; }
.conteudo .sub { color: orange; margin: 5px 0px 5px 0px; font-weight: 600; padding: 3px 10px 2px 0px; text-transform: uppercase; font-size: 12px; }
.conteudo .cont_int { width: 100%; height: auto; margin-top: 10px; float: left; }
.conteudo .cont_int .bk { width: 970px; min-height: 590px; max-height: 630px; border-radius: 10px; margin: 40px 0 50px 0; background-color: #1B1B1B; padding: 5px; position: relative }
.conteudo .mais { margin: 3px 15px; float: right; display: block; cursor: pointer; text-align: center; border: 1px solid #c9c9c9; padding: 2px 10px; background: #efefef; border-radius: 5px; /* Old browsers */
  background: -moz-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #efefef), color-stop(48%, #dbdbdb), color-stop(100%, #efefef)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to right, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=1 ); /* IE6-9 */ }
/* #################  Coluna Vídeo Principal   #################### */
.conteudo .cont_int .col1 { width: 640px; height: auto; float: left; text-align: center !important; margin: 10px 0; }
.conteudo .cont_int .col1 .titvideo { padding: 5px 0; font-size: 20px; }
.conteudo .cont_int .col1 .video { width: 630px; padding: 10px 0 10px 0; }
.conteudo .cont_int .col1 .video video { margin-top: 5px; width: 590px; height: 450px }
.conteudo .cont_int .col1 .legenda { margin: 10px; text-align: right; font-size: 11px; color: #165099; }
.conteudo .cont_int .col1 .dadosvideo { width: 580px; height: auto; text-align: left; border-radius: 10px; margin-top: 5px; padding: 5px; background-color: #393939; color: #808080 }
.conteudo .cont_int .col1 .dadosvideo .descricao { width: auto; padding: 5px; color: salmon; float: right }
.conteudo .cont_int .col1 .dadosvideo .merchan { width: 380px; padding: 2px 0; margin: 20px 0 0 0; }
.conteudo .cont_int .col1 .dadosvideo .merchan .me1 { width: 80px; height: 19px; color: salmon; text-align: justify; float: left; font-weight: 600; text-align: right; margin: 7px 0 0 5px }
.conteudo .cont_int .col1 .dadosvideo .merchan .me2 { width: 280px; height: 15px; float: left; text-align: justify; padding: 2px; margin: 5px 0 0 5px; font-size: 12px; border: 1px solid #c0c0c0; background-color: #fff; color: #000; }
.conteudo .cont_int .col1 .dadosvideo .comp { width: 170px; margin: -10px 0 0 10px; padding: 5px; }
.conteudo .cont_int .col1 .dadosvideo .comp .cm1 { width: 160px; height: 17px; text-align: justify; color: salmon; font-weight: 600; float: left; }
.conteudo .cont_int .col1 .dadosvideo .comp ul { width: 160px }
.conteudo .cont_int .col1 .dadosvideo .comp ul .button { border: none; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; cursor: pointer; text-align: left; }
.conteudo .cont_int .col1 .dadosvideo .comp li { width: 28px; height: 25px; display: inline-block }
.conteudo .cont_int .col1 .dadosvideo .comp li img { width: 22px; height: 24px; background-image: url('../img/servicos.png'); }
.conteudo .cont_int .col1 .dadosvideo .comp li img.facebook { background-position: 0px 0px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.twitter { background-position: -33px 0px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.googleplus { background-position: -65px 0px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.blogger { background-position: -98px 0px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.tumblr { background-position: -131px 0px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.reddit { background-position: 0px 30px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.hi5 { background-position: -33px 30px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.vkontakte { background-position: -65px 30px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.linkedin { background-position: -98px 30px; }
.conteudo .cont_int .col1 .dadosvideo .comp li img.mixi { background-position: -131px 30px; }
/* #################  Coluna Relacionados   #################### */
.conteudo .cont_int .col2 { width: 320px; float: left; color: #000; padding: 0 5px; }
.conteudo .cont_int .col2 .relacionados .lista { cursor: pointer; display: inline-table; color: #664D36; width: 305px; height: 60px; border-bottom: 1px solid #393939; border-left-size: 2px; background-color: #2B2B2B; /* box-shadow: 0 0 3px #c9c9c9 inset;  */ }
.conteudo .cont_int .col2 .relacionados .lista:hover { background-color: #4F4F4F; color: #ffffff; }
.conteudo .cont_int .col2 .relacionados .lista.ativo, .relacionados .lista .ativo .n2 { background-color: #626262; color: #ffffff; }
.conteudo .cont_int .col2 .relacionados .lista .n0 { height: 40px; float: left; color: #fff; font-size: 10px; padding: 5px; margin-top: 5px; position: relative; }
.conteudo .cont_int .col2 .relacionados .lista .n1 { width: 55px; height: 40px; float: left; color: #fff; font-size: 9px; padding: 5px; margin-top: 5px; position: relative; }
.conteudo .cont_int .col2 .relacionados .lista .n1 img { width: 60px; height: 45px; float: left; }
.conteudo .cont_int .col2 .relacionados .lista .n1 .duracao { color: #fff; font-size: 10px; top: -13px; left: 2px; position: relative; text-shadow: 1px 2px 2px #000; }
.conteudo .cont_int .col2 .relacionados .lista .n2 { width: 205px; float: left; padding-bottom: 5px; padding-top: 5px; padding-left: 8px; margin-top: 5px; }
.conteudo .cont_int .col2 .relacionados .lista .n2 .tit { font-size: 12px; color: #fff; font-weight: 600 }
.conteudo .cont_int .col2 .canal { margin-top: 20px; }
/* #################  Coluna Relacionados Scroll  #################### */
#scroll-pane, .scroll-pane { float: left; overflow: auto; width: 310px; height: 430px; position: relative; margin-bottom: 5px; display: inline-block; }
.scroll-content { position: absolute; top: 0; left: 0 }
.slider-wrap { position: absolute; right: 0; top: 0; background-color: lightgrey; width: 5px; border-left: 1px solid #c9c9c9; }
.slider-vertical { position: relative; height: 100% }
.ui-slider-handle { width: 5px; height: 10px; margin: 0 auto; background-color: darkgray; display: block; position: absolute }
.ui-slider-handle img { border: none }
.scrollbar-top { position: absolute; top: 0; }
.scrollbar-bottom { position: absolute; bottom: 0; }
.scrollbar-grip { position: absolute; top: 50%; margin-top: -6px; }
.ui-slider-range { position: absolute; width: 100%; background-color: lightgrey }
/* #################  Demais Vídeos abaixo   #################### */
.conteudo .categoria { background-color: #efefef; width: 958px; border-radius: 0 10px 10px 10px; border: 1px solid #c0c0c0; clear: both; display: table-cell; padding: 10px }
.conteudo .categoria .opa { background-color: #fff; opacity: 0.2 }
.conteudo .categoria .status { position: absolute; margin: 5% 20%; z-index: 10; display: none; background-image: url('../img/loading.gif'); width: 100px; height: 100px }
.conteudo .categoria .cat_titulo { width: 180px; background-color: #efefef; font-weight: 600; text-shadow: 0 0 2px #fff; color: #808080; border-radius: 10px 10px 0 0; border: 1px solid #c0c0c0; border-bottom: none; padding: 10px 0; text-align: center; margin: -46px 0px 0px -11px; float: left; }
.conteudo .categoria .cat_titulo2 { width: 750px; background-color: #faf8f8; font-weight: 600; text-shadow: 0 0 2px #fff; color: #808080; border-radius: 0 10px 0 0; border: 1px solid #dfdfdf; border-bottom: none; padding: 2px 0; text-align: center; margin: -43px 0px 0px 165px; float: left; }
.conteudo .categoria .cat_titulo2 .busca { float: right }
.conteudo .categoria .cat { width: 190px; float: left; margin: 0 10px; display: block; }
.conteudo .categoria .sub { color: orange; font-weight: 600; text-transform: uppercase; font-size: 12px; }
.conteudo .categoria .subtitulo { color: #7c7c7c; font-weight: 600; font-size: 12px; }
.conteudo .categoria .cat_menu { width: 190px; float: left; margin: 10px 0; }
.conteudo .categoria .cat_menu li { padding: 7px 5px; height: 15px; border-bottom: 1px solid #c9c9c9; cursor: pointer; }
.conteudo .categoria .cat_menu li:hover, .cat_menu .ativo { font-weight: 600; background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #efefef), color-stop(48%, #dbdbdb), color-stop(100%, #efefef)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to right, #efefef 0%, #dbdbdb 48%, #efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=1 ); /* IE6-9 */ }
.conteudo .categoria .cat_menu li span { text-align: right; font-size: 9px; color: #c0c0c0; display: block; margin-top: -12px !important }
.conteudo .categoria .cat_menu2 { width: 190px; float: left; margin: 5px 0; }
.conteudo .categoria .cat_menu2 li { padding: 7px 5px; height: 15px; border-bottom: 1px solid #c9c9c9; cursor: pointer; }
.conteudo .categoria .cat_menu2 li:hover { font-weight: 600; background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(left, #efefef 0%, #c6c6c6 40%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #efefef), color-stop(40%, #c6c6c6), color-stop(100%, #efefef)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, #efefef 0%, #c6c6c6 40%, #efefef 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(left, #efefef 0%, #c6c6c6 40%, #efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #efefef 0%, #c6c6c6 40%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to right, #efefef 0%, #c6c6c6 40%, #efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=1 ); /* IE6-9 */ }
.conteudo .categoria .cat_menu2 span { font-size: 9px; color: #c0c0c0; margin-top: -12px !important }
.conteudo .categoria .cat_menu2 li span { text-align: right; display: block; }
.conteudo .categoria .cat_video { width: 738px; margin-left: 10px; }
.conteudo .categoria .cat_video li { display: inline-block }
.conteudo .categoria .cat_video li { width: 130px; height: 190px; padding: 5px; background-color: #fff; margin: 5px 2px 2px 2px; border-radius: 5px; vertical-align: top }
.conteudo .categoria .cat_video li:hover { background-color: #f6f6f6; cursor: pointer }
.conteudo .categoria .cat_video li .n0 { left: 5px; position: relative; background-color: #888111; color: #fff; font-size: 10px; padding: 3px 5px; box-shadow: 2px 2px 2px #c6c6c6; border-radius: 0 0 3px 0; }
.conteudo .categoria .cat_video li .n1 { width: 120px; height: 95px; margin-top: -20px; }
.conteudo .categoria .cat_video li .n1 .duracao { color: #fff; font-size: 10px; padding: 5px; top: -25px; left: 5px; position: relative; text-shadow: 0px 2px 2px #000; }
.conteudo .categoria .cat_video li .n1 img { width: 120px; height: 85px; border: 2px solid #c0c0c0 }
.conteudo .categoria .cat_video li .n2 { width: 120px; height: 90; padding-top: 5px; padding-left: 2px; margin-top: 5px; color: #000; font-size: 10px; color: #e9e; }
.conteudo .categoria .cat_video li .n2 .tit { font-size: 12px; color: #547fb4; font-weight: 600 }
.info { width: 900px; margin: 10px; padding: 10px; border-radius: 10px; background-color: #e6e6e6; color: #a6a6a6 }
/* #################  Tooltip Title   #################### */
li.tooltip, b.tooltip { position: relative; font-size: 12px; text-decoration: none; cursor: help; }
li.tooltip:hover, b.tooltip:hover { background: transparent; color: #f00; z-index: 25; }
li.tooltip span, b.tooltip span { display: none }
b.tooltip:hover span { display: block; position: absolute; width: 540px; border: 1px solid #c0c0c0; box-shadow: 5px 5px 5px #808080; top: 20px; left: -200px; font-size: 12px; text-align: justify; padding: 5px; color: #5d5d5d; background: #e0ffff; font-weight: normal; }
li.tooltip:hover span { display: block; position: absolute; width: 90px; border: 1px solid #c0c0c0; box-shadow: 5px 5px 5px #808080; top: 30px; left: 20px; font-size: 10px; padding: 5px; color: #fff; background: #000; font-weight: normal; }
/* #################  Paginacao   #################### */
.holder { margin: 5px 0; width: 580px; top: -17px; }
.holder a { font-size: 12px; cursor: pointer; margin: 0 5px; color: #333; }
.holder a:hover { background-color: #222; color: #fff; }
.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }
.holder a.jp-current, a.jp-current:hover { color: #FF4242; font-weight: 600; }
.holder a.jp-disabled, a.jp-disabled:hover { color: #bbb; }
.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; }
.holder span { margin: 0 5px; }
.qd form { width: 158px; float: right; position: relative; top: 5px; }
.qd form label { margin-right: 5px; }
/* #################  Inicio rodape   #################### */
.rodape { width: 100%; height: 120px; background-color: #0f4295; margin-top: 30px; display: inherit; text-align: center }
.rod { margin-left: auto; margin-right: auto; width: 984px; display: inherit; text-align: left }
.rod .texto { width: 984px; height: 30px; color: #fff; padding: 10px 0 10px 10px; margin: 0 10px  10px 10px; text-align: left; margin-left: auto; margin-right: auto; border-top: 10px solid #00AFEA; border-bottom: 1px solid #EA8103; background-color: #1a4ca1; }
.rod .r { width: 984px; margin-left: auto; margin-right: auto; }
.rod .r .copy { width: 472px; height: 30px; color: #FFFFFF; padding: 5px 0 10px 10px; float: left; }
.rod .r .contato { width: 492px; height: 30px; color: #FFFFFF; padding: 5px 0 10px 10px; float: left; text-align: right; }
/* formulario */
.colesq { float: left; width: 200px; height: 30px; text-align: right; color: #414141; font-size: 13px; }
.coldir { float: left; width: 400px; height: 30px; margin-left: 10px; text-align: left; }
.textarea { float: left; width: 400px; height: 150px; margin-left: 10px; text-align: left; }