* { font-family: 'Segoe UI', 'Trebuchet MS'; }
body {font-size: 10pt; margin: 0px;}
input, select, textarea {font-size: 8pt; margin-bottom: 5px; }
img { border: 0px;}

.btn { border: 1px solid #CCCCCC; font-size: 7pt; background-color: #FFFFFF; font-weight: bold; padding-bottom: 1px; padding-top: 1px; text-align: center;  }
#erro { border: 6px solid #CCCCCC; background: white; margin: 50px 50px 50px 50px; padding: 40px 40px 60px 40px; }
#erro .logo_erro { float: left; }
#erro h1 { font-weight: bold; font-size: 16px; margin-bottom: 10px; margin-left: 150px; color: #FF0000; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FF3300; padding-bottom: 5px; }
#erro p { margin: 0px 0px 3px 150px; }
#erro #detalhes { text-align: right; }
.azul {background-image: url('/_shared/images/erro_topo.jpg'); background-repeat: repeat-x; background-color: #ecf3f6;}

#player { float: left; margin-right: 10px; }
.yt_holder { background: #f3f3f3; padding: 10px; float: left; border: 1px solid #e3e3e3; margin-bottom: 15px; width: 95%; }
.yt_holder ul { float: left; margin: 0; padding: 0; width: 190px; height: 400px; overflow: auto; }
.yt_holder ul li { list-style-type: none; display: block; background: #f1f1f1; float: left; width: 190px; margin-bottom: 5px; padding: 2px; }
.yt_holder ul li img { width: 160px; margin-right: 5px; border: 1px solid #999; display: inline-block; }
.yt_holder ul li a { text-decoration: none; display: block; color: #000; }
.yt_holder ul li span { width: 100%; display: inline-block; clear: both; }
.yt_holder .currentvideo { background: #e6e6e6; }

a { text-decoration: underline; color: #006699; }
a:hover { color: #000000; }

h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }

#tooltip { color: #666666; width: auto; height: 100px; background-position: left; position: absolute; border: 1px solid #CCCCCC; padding: 5px 15px 3px 115px; text-indent: 0px; text-align: left; background-image: url('/images/music.png'); background-repeat: no-repeat; background-color: #FFFFFF; }
#tooltip b { color: #006699; }

/*///////// ALERTAS DO SISTEMA - ERROS, SUCESSO E ATENÇÃO */
.erro { padding: 3px; margin: 5px auto 5px auto; color: white; text-align: center; width: 95%; background-color: #CC0000; font-weight: bolder; }
.sucesso { padding: 3px; margin: 5px auto 5px auto; border: 1px solid #003366; color: #FFFFFF; text-align: center; background-color: #336600; font-weight: bolder; width: 95%; }
.atencao { padding: 3px; margin: 5px auto 5px auto; border: 1px solid #003366; color: #000000; text-align: center; background-color: #FFCC00; font-weight: bolder; width: 95%; }
/*/////////////////////////////////////////////////////////////////////// FIM DA PAGINAÇÃO */

/*///////// PAGINAÇÃO DO GRIDVIEW */
.pager { text-align: center; padding: 10px 6px 10px 6px; width: 100%; display: inline-block; font-family: 'Segoe UI'; font-size: 12pt; }
span.command, span.current, a.command { color: #666666; padding: 0px 5px; text-decoration: none; border: none;  }
a.command:hover { border: 2px solid #666666; background-color: #808080; color: #FFFFFF; padding: 0px 3px; text-decoration: none; }
span.current { border: none; font-weight: bold; color: #FF0000; padding: 0px 6px; text-decoration: underline; }
/*/////////////////////////////////////////////////////////////////////// FIM DA PAGINAÇÃO */

#site { width: 1020px; height: 100%; overflow: hidden; margin: auto;}

#site #topo { width: 960px; padding-left: 30px; padding-right: 30px; height: 208px; background-image: url('/images/topo.png'); background-repeat: no-repeat; }
#site #topo #lesq { width: 390px; height: 97px; float: left;  text-align: right; vertical-align: bottom;}
#site #topo #lesq .linkLogo { width: 390px; height: 111px; cursor: pointer;}
#site #topo #ldir { width: 570px; height: 208px; float: left;}
#site #topo #ldir #menu { width: 570px; height: 47px; padding-top: 65px; text-align: center; color: #FFFFFF; }
#site #topo #ldir #menu a { color: #FFFFFF; padding-left: 5px; padding-right: 5px; text-decoration: none; font-size: 10pt; }
#site #topo #ldir #menu a:hover { text-decoration: underline; }
#site #topo #ldir #login { width: 570px; height: 65px; padding-top: 20px;}
#site #topo #ldir #login #lgesq { width: 285px; float: left;}

#site #topo #ldir #login #lgdir { width: 260px; float: left; text-align: right; padding-right: 25px; font-weight: bold; }

#site #nav { width: 960px; padding-left: 30px; padding-right: 30px; height: 100%; overflow: hidden; background-image: url('/images/nav.png'); background-repeat: repeat-y; }

#site #nav #menuGeral { width: 215px; float: left; }
#site #nav #menuGeral .men { margin-left: 10px; width: 200px; background-color: #cccccc; height: auto;  }
#site #nav #menuGeral .men ul { width: 182px; margin: 0px; padding: 0px; list-style: none; }
#site #nav #menuGeral .men ul li { width: 175px; margin-left: 10px; margin-bottom: 10px; padding: 3px; background-color: #FFFFFF; text-align: center; cursor: pointer; }
#site #nav #menuGeral .men ul li:hover { background-color: #99cc66; }
#site #nav #menuGeral .men ul li a { text-decoration: none; color: #000000; width: 175px; }

#site #nav #navPagina { width: 740px; margin-left: 5px; float: left; }
#site #nav #navPagina .aG { width: 740px;}
#site #nav #navPagina .localizador { width: 600px; height: 119px; background-image: url('/images/localizador.png'); background-repeat: no-repeat; padding-left: 140px; }
#site #nav #navPagina .localizador .besq { padding-top: 45px; width: 373px; float: left; }
#site #nav #navPagina .localizador .bdir { width: 120px; float: left; padding-left: 70px; padding-top: 35px; }
#site #nav #navPagina .localizador .bdir a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#site #nav #navPagina .localizador .bdir a:hover { text-decoration: underline; }

#site #nav #navPagina .listCantores  { width: 740px; margin-top: 0px;}

#site #nav #navPagina .recado { border: 1px solid #dddcdc; padding: 5px; width: 330px; height: 203px; margin-top: 5px; float: left; }
#site #nav #navPagina .recado h2 { background-color: #eaeae9; font-size: 11pt !important; padding: 5px; }
#site #nav #navPagina .recado b { color: #FF3300; text-decoration: underline; }
#site #nav #navPagina .recado p { margin: 2px; padding: 2px; text-align: justify; text-indent: 10px; }
#site #nav #navPagina .recado .btn { float: right; margin-right: 5px;}

#site #nav #navPagina .video  { width: 360px; float: left; height: 203px; margin-left: 5px; margin-top: 5px;}

#site #nav #navPagina #interna  { width: 740px; }
#site #nav #navPagina #interna h2 { font-size: 16pt; padding: 10px 5px 10px 20px; margin: 10px 10px 20px 0px; color: #800000; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #999999; background-color: #F6F6F6; }
#site #nav #navPagina #interna .rec { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #999999; margin-bottom: 10px; }
#site #nav #navPagina #interna .rec b { color: #FF3300; text-decoration: underline; }

#site #nav #navPagina #interna .left { width: 350px; float: left; }
#site #nav #navPagina #interna .righ { width: 350px; float: left; }

.lista { width: 727px; float: left; margin-left: 3px; text-align: left; margin-top: 5px; }
.lista .head th {background-color: #3399cc; color: #FFFFFF; padding: 5px; text-align: left; }
.lista .item { border-bottom-style: solid; cursor: pointer; border-bottom-width: 1px; border-bottom-color: #CCCCCC; padding: 1px 0px 1px 3px; background-color: #F6F6F6; }
.lista .item:hover { background-color: #FFFFCC; }
.lista .item td { border-bottom-width: 1px; border-bottom-color: #c0c0c0; padding: 1px 0px 1px 3px; }

.listaR { width: 727px; float: left; margin-left: 3px; text-align: left; margin-top: 5px; }
.listaR .item { padding: 5px; }
.listaR .item p { padding: 0px; margin: 5px; }
.listaR .bG {float: left; margin: 5px; width: 300px; overflow: hidden; display: block; }
.listaR .item td { border-bottom-width: 1px; border-bottom-color: #c0c0c0; padding: 5px; }

#site #rodape { width: 960px; padding-top: 25px; height: 73px; margin: auto; background-image: url(/images/rodape.png); background-repeat: repeat-y; padding-left: 30px; padding-right: 30px;}
#site #rodape #fEsq { float: left; width: 45%; margin-left: 10px; }
#site #rodape #fDir { float: right; width: 45%; text-align: right; margin-right: 10px;}

.externo { border: 1px solid #CCCCCC; margin: auto; }
fieldset { border: none; padding: 19px; margin: 0 0 20px 0; }
fieldset .left { width: 48%; float: left; margin: 0 0 10px 0 !important;}
fieldset .right { width: 48%; float: right; margin: 0 0 10px 0 !important;}
fieldset .m { width: 45%; float: left; padding-bottom: 10px; }
fieldset.update { background-color: #FFFFCC; }
fieldset p { margin: 0 0 10px 0 !important; float: left; width: 100%; text-indent: 0px !important;  }
fieldset p label { padding: 5px 0px 7px 0px; display: block; width: 100%; line-height: 12px; }
fieldset input, textarea, select { border: 1px solid #ddd; background: #fff url(/_shared/images/input-shaddow.gif) no-repeat left top; padding: 5px 7px; float: left; color: #666666; margin-right: 10px; }
fieldset input:focus, textarea:focus, select:focus { background: #ffffe4 url(/_shared/images/input-shaddow-hover.gif) no-repeat left top; }