/*
Theme Name: Monster '10
Theme URI: http://www.princiweb.com.br
Description: Estilo para navegadores atuais
Version: 1.0
Author: Rodolfo Pereira
Author URI: http://www.princiweb.com.br

Indice:

1. CSS Reset
2. Regras gerais
    2.1. Formularios
3. Estrutura
    3.1. Topo
    3.2. Menu esquerdo
    3.3. Conteudo
        3.3.1. Login
        3.3.2. Listagem de dados
        3.3.3. Erros da area administrativa
        3.3.4. Formularios de registros
    3.4 Rodape
4. Modulos
    4.1. Painel
    4.2. Administradores
    4.3. Novidades
    4.4. Galerias de imagens
    4.5. Newsletter
*/

/*
+----------------------------------------------------------------+
1. CSS 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, font, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q {	quotes: none }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none }
ins  { text-decoration: none }
del { text-decoration: line-through }
table {	border-collapse: collapse;	border-spacing: 0 }

/*
+----------------------------------------------------------------+
2. Regras gerais
+----------------------------------------------------------------+
*/

select { cursor: pointer }
label { font-size: 100% }
body { background-color: #f0f0f0; color: #464646; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.125em /* 16 x 1.125 = 18px */; min-width: 990px }
a, a:visited { color: #464646; text-decoration: underline }
p, ul li, table { font-size: 0.75em /* 16 x 0.75 = 12px */ }
ul li ul { padding-left: 15px }
ul li ul li { font-size: 1em }
.lado-esquerdo { float: left }
.espaco-direito { margin-right: 15px }
.lado-direito { float: right }
.seta-padrao { background: url(../../imagens/ico/arrow.png) left no-repeat; padding-left: 13px }

/*
+----------------------------------------------------------------+
2.1. Formularios
+----------------------------------------------------------------+
*/

fieldset { border: 0 }
legend { display: none }
label { display: block; margin-bottom: 2px; cursor: pointer }
input, select, textarea { border: 1px solid #CBCBCB; padding: 3px; font-family: Arial, Helvetica, sans-serif; color: #464646 }
input:focus, select:focus, textarea:focus { border-color: #6D6D6D }
input[type=checkbox] { border: 0; cursor: pointer }
label.error { color: #F00; margin-top: 3px }
label.error span { font-weight: bold; text-decoration: underline }
.botao { cursor: pointer; background: url("../../imagens/bg-botao.gif") repeat-x #DFDEDE; padding: 4px 10px; font-weight: bold }
.botao:hover { border-color: #6D6D6D }
.help { cursor: pointer; position: static !important; margin: 0 !important }
.big-width { width: 80% !important }
.big-input { font-size: 1.333em /* 12 x 1.333 = 16px */ !important; font-weight: bold }
.obrigatorio { color: #ff0000; font-weight: bold }
.no-margin-bottom { margin-bottom: 0 !important }

/*
+----------------------------------------------------------------+
3. Estrutura
+----------------------------------------------------------------+
*/

/*
+----------------------------------------------------------------+
3.1. Topo
+----------------------------------------------------------------+
*/

#topo { background-color: #FFF; height: 99px; display: table-cell; vertical-align: middle; width: 1%; padding-left: 13px }
    #topo h1 { position: absolute; margin: 16px 0 0 175px; font-size: 1.125em }
    
    /* Menu */
    #menu-topo { float: right; margin: -25px 11px 0 0 } 
         
    /* Barra com Breadcrumb */
    #barra-topo { height: 43px; border: 1px 0; background-color: #464646; display: table-cell; vertical-align: middle; width: 2% }
        #barra-topo li, #barra-topo li a { color: #FFF }
        
	    #breadcrumbs { margin-left: 223px; font-weight: bold }
	        #breadcrumbs li { font-size: 0.875em /* 12 x 1.166 = 14px */ }
	        #breadcrumbs ul, #breadcrumbs li { display: inline }
	        #breadcrumbs li.breadcrumb { background: url(../../imagens/breadcrumb.gif) center left no-repeat; padding-left: 13px; font-size: 1em }
	        #breadcrumbs ul li ul { padding-left: 0 }
	        
    #btn-visitar-site { background: url(../../imagens/bg-visitar-site.gif) center no-repeat; height: 28px; width: 183px; position: absolute; margin: 8px 0 0 12px }
    #btn-visitar-site a { color: #FFF; font-size: 1.166em /* 12 x 1.166 = 14px */; position: relative; left: 35px; top: 4px; font-style: italic }
    
/* Mensagem - Carregando */
#carregando { background: #fbf7aa; padding: 5px; font-size: 1.166em /* 12 x 1.166 = 14px */; font-weight: bold; border: 2px solid #f9e98e; width: 195px; position: fixed; text-align: center; margin-left: -100.5px; left: 50%; top: 1% }
#carregando p { padding-top: 1px }
#carregando img { float: left; margin-right: 6px }

/*
+----------------------------------------------------------------+
3.2. Menu esquerdo
+----------------------------------------------------------------+
*/

#ocultar-menu { font-size: 0.75em /* 16 x 0.75 = 12px */; margin: 9px 0 0 11px; width: 183px }

#menu-esquerdo { width: 183px; margin: 9px 11px; float: left }
    #secoes-superior, #secoes-inferior { border: 1px solid #d2d2d2 }
    #secoes-superior ul, #secoes-inferior ul { border: 1px solid #FFF; background-color: #FFF }
    #secoes-superior ul li, #secoes-inferior ul li { border-bottom: 1px solid #cacaca; margin-bottom: 1px; background-color: #f0f0f0; background-position: 11px 50%; background-repeat: no-repeat }
    #secoes-superior ul li:hover, #secoes-inferior ul li:hover { background-color: #dddddd }
    #secoes-superior ul li a, #secoes-inferior ul li a { display: block; padding: 6px 0 6px 38px }
    
	/* Menu superior */
	#secoes-superior { margin-bottom: 14px }
	.no-border-bottom { border-bottom: 0 !important }
	    #ico-painel { background: url(../../imagens/ico/menu/ico-painel.png) }
	    #ico-categorias { background: url(../../imagens/ico/menu/ico-categorias.png) }
	    #ico-novidades { background: url(../../imagens/ico/menu/ico-novidades.png) }
	    #ico-galerias-imagens { background: url(../../imagens/ico/menu/ico-galeria-imagens.png) }
	    #ico-newsletter { background: url(../../imagens/ico/menu/ico-newsletter.png) }
	    
	#secoes-superior .sub-menu { background: url(../../imagens/ico/menu/ico-expande.png) 11px 7px no-repeat #E5E5E5 }
	#secoes-superior .sub-menu ul { margin: 0 0 -1px; padding: 1px; border: 1px solid #d2d2d2 }
	#secoes-superior .sub-menu ul li { background-position: 9px 50% }
	#secoes-superior .sub-menu ul li a { padding-left: 36px }
	
	/* Menu inferior */
	li#ico-administradores { background: url(../../imagens/ico/menu/ico-administradores.png) }
   	li#ico-sair { background: url(../../imagens/ico/menu/ico-sair.png) }
   	#secoes-inferior ul li#ico-sair { border-bottom: 0 }

/*
+----------------------------------------------------------------+
3.3. Conteudo
+----------------------------------------------------------------+
*/

#conteudo { margin: 9px 11px 0 205px }
    #sub-conteudo { background-color: #FFFFFF; border: 1px solid #D1D1D1; min-height: 72px }
    
    /* Instrucoes */
    #instrucoes { margin-bottom: 15px; background-color: #e3f1f5; border: 1px solid #8ab5c2; padding: 5px }
    #instrucoes ul { list-style: disc inside }
    #instrucoes ul li ul { list-style: none; font-size: 1.3em /* 1.3 x 9px = 12px */ }
    #instrucoes h2 { margin: 0 0 10px 30px; font-size: 0.875em }
    #instrucoes img { position: absolute; margin: -8px 0 0 -8px }
    #instrucoes ol { list-style: decimal inside; font-size: 0.75em /* 0.75 x 16 = 12px */ }

/*
+----------------------------------------------------------------+
3.3.1. Login
+----------------------------------------------------------------+
*/

#login { background-color: #FFF; border: 1px solid #D1D1D1; margin: 30px auto 0; padding: 15px 15px 0; width: 270px; overflow: hidden }
    #login fieldset { display: inline }
    #login div { margin-bottom: 15px }
    #login label { font-size: 0.875em /* 16 x 0.875 = 14px */ }
    #login label.error { font-size: 0.75em /* 16 x 0.75 = 12px */ }
    #login input[type=text], #login input[type=password] { font-size: 1.125em /* 16 x 1.125 = 18px */; width: 259px }
    #login input[type=submit] { font-size: 1.125em /* 16 x 1.125 = 18px */ }
    #login .lado-esquerdo label { font-style: italic; float: left; margin-right: 5px; padding-top: 1px }
    
    /* Mensagens */
    .msg-erro { border: 1px solid #cc0000; background-color: #ffebe8; margin: 30px auto 0 auto; width: 290px; padding: 5px }
    
/*
+----------------------------------------------------------------+
3.3.2. Listagem de dados
+----------------------------------------------------------------+
*/

/* Mensagem de sucesso */
.msg-confirmacao { border: 1px solid #5ca72e; background-color: #d2f6bc; padding: 5px 0 4px; margin: 0 0 15px 17px }
.msg-confirmacao p { margin-left: 23px }
.msg-confirmacao span { font-weight: bold; font-style: italic }
.msg-confirmacao img { position: absolute; margin: -8px 0 0 -18px }

/* Mensagem de aviso */
.msg-aviso { background: #FDF6D1; border: 1px solid #DABE2C; padding: 5px 0 4px; margin: 0 0 15px 17px;  }
.msg-aviso span { margin-left: 23px; font-size: 0.75em /* 16 x 0.75 = 12px */ }
.msg-aviso img { position: absolute; margin: -8px 0 0 -18px }
.msg-aviso a { font-size: 0.75em /* 16 x 0.75 = 12px */ }

/* Barra de opcoes */
#barra-opcoes { font-weight: bold; background: url(../../imagens/menu-corre.gif) repeat-x; border: 1px solid #d1d1d1; height: 26px; padding: 4px 4px 1px 0; margin-bottom: 15px }
#barra-opcoes a { color: #FFF; text-decoration: none }
#barra-opcoes a:hover { text-decoration: underline }
#barra-opcoes ul { float: left }
#barra-opcoes ul li { float: left; border-right: 1px solid #777777; padding: 2px 10px 5px }
    .ico-adicionar-opcoes { background: url(../../imagens/ico/adicionar-opcoes.gif) 0 4px no-repeat; padding-left: 15px }
    .ico-download-opcoes { background: url(../../imagens/ico/download-opcoes.gif) no-repeat; padding-left: 18px }
    .ico-excluir-opcoes { background: url(../../imagens/ico/excluir-opcoes.gif) 0 3px no-repeat; padding-left: 17px }
    .ico-listar-opcoes { background: url(../../imagens/ico/listar-opcoes.gif) no-repeat; padding-left: 22px }
	.ico-pesquisar-opcoes { background: url(../../imagens/ico/pesquisar-opcoes.gif) 0 3px no-repeat; padding-left: 17px }
    .total-registro { font-style: italic; margin-right: 5px; margin-top: 2px; float: right; color: #FFF; font-size: 0.75em /* 16 x 0.75 = 12px*/ }
    
/* Pesquisar registros */
.box-pesquisar { margin-bottom: 15px; background: url(../../imagens/bg-riscado.gif); border: 1px solid #d1d1d1; padding: 7px }
.box-pesquisar label { font-size: 0.75em /* 16 x 0.75 = 12px */ }
.box-pesquisar div { margin-bottom: 15px }
.box-pesquisar input { width: 200px }
.box-pesquisar .btn-pesquisar { width: 117px; height: 31px; background: url(../../imagens/btn/btn-pesquisar.png) no-repeat; font-size: 0px; line-height: 0px; border: 0; cursor: pointer; margin-bottom: -15px }

/* Tabela de listagem dos registros */
.tabela-listagem { width: 99.9% }
.tabela-listagem a { text-decoration: none }
.tabela-listagem th { font-size: 1.166em /* 12 x 1.166 = 14px */; background: url(../../imagens/bg-corre.gif) repeat-x #C0C0C0; border-bottom: 1px solid #D1D1D1; text-align: left; padding: 6px 0 4px 7px }
.tabela-listagem th a:hover { text-decoration: underline }
.tabela-listagem th img { vertical-align: text-bottom }
.tabela-listagem td { border-bottom: 1px solid #D1D1D1; padding: 6px 7px }
    .linha-marcada td { background: #FDF6D1 !important }
    .zebra-cinza td { background-color: #F3F3F3 }
    .zebra-branca td { background-color: #FFF }
.tabela-listagem tr { border: 1px solid #D1D1D1 }
.tabela-listagem tr:hover td { background: #FDF6D1; cursor: pointer }
.tabela-listagem tr:hover td span { cursor: text }
.tabela-listagem tr.cursor-default:hover td { cursor: default }
.tabela-listagem .tabela-selecionar { width: 20px; padding: 0 4px 0 7px; vertical-align: middle }    
    #checkall { vertical-align: middle }
.registro-tabela-listagem { font-weight: bold }
a.registro-tabela-listagem:hover { text-decoration: underline }
    
    /* Opcoes dos registros */
    .opcoes-tabela-listagem { margin-top: 1px }
    .opcoes-tabela-listagem li { float: left; margin-right: 15px; font-style: italic; font-size: 1em }
    .opcoes-tabela-listagem li a { color: #A5A5A5 }
    .tabela-listagem tr:hover .opcoes-tabela-listagem li a { color: #3A3A3A }
    .tabela-listagem tr:hover .opcoes-tabela-listagem li a.desativado-excluir { color: #A5A5A5 }
    .opcoes-tabela-listagem li a:hover { text-decoration: underline }
        .ico-opcao-editar a { background: url(../../imagens/ico/ico-opcoes-editar.png) left no-repeat; padding-left: 15px }
        .ico-opcao-excluir a { background: url(../../imagens/ico/ico-opcoes-excluir.png) left no-repeat; padding-left: 15px }
        .ico-opcao-excluir a.desativado-excluir { background: url(../../imagens/ico/ico-opcoes-excluir-desativado.png) left no-repeat }
        
    /* Paginacao */
    .paginacao-gridview input { border: 0; position: relative; top: -1px; float: left }
    .paginacao-gridview p { float: left; font-size: 1em /* 12 x 1 = 12px */; margin: 0 5px }
    .tabela-listagem .paginacao-gridview { border: 0 }
    .paginacao-gridview td { border: 0; padding: 10px 0 0 0 }
    .tabela-listagem .paginacao-gridview:hover td { background: none }


/*
+----------------------------------------------------------------+
3.3.3. Erros da area administrativa
+----------------------------------------------------------------+
*/

#erro-administrador { background: url(../../imagens/ico/erro-administrador.png) -14px -12px no-repeat #FDF6D1; border: 1px solid #DABE2C; margin: 30px auto 0; padding: 10px 10px 5px 106px; width: 500px }
#erro-administrador h1 { margin-bottom: 10px }
#erro-administrador p { margin-bottom: 5px; text-align: justify }

/*
+----------------------------------------------------------------+
3.3.4. Formularios de registros
+----------------------------------------------------------------+
*/

.conteudo-registro { background: url("../../imagens/bg-amarelo.gif") repeat-y scroll right center; padding: 5px 139px 5px 5px; font-size: 0.857em /* 14 x 0.857 = 12px */ }
.conteudo-registro fieldset div { margin-bottom: 17px; font-size: 0.875em /* 16 x 0.875 = 14px */ }
.conteudo-registro fieldset h2 { border-bottom: 1px dotted #000; margin-bottom: 17px; padding-bottom: 4px; font-size: 1.125em }
.conteudo-registro label { font-size: 1.166em /* 12 x 1.125 = 14px */ }
.conteudo-registro label.error { font-size: 1em /* 12 x 1 = 12px */ }
.conteudo-registro input, .conteudo-registro select, .conteudo-registro textarea { font-size: 1em /* 12 x 1 = 12px */ }
.conteudo-registro textarea { width: 80% !important; height: 150px }

#opcoes-visualizacao { margin-left: 205px; margin-top: -18px }
#opcoes-visualizacao ul { list-style: none }
#opcoes-visualizacao ul li { padding-left: 25px }
    #versao-pdf { background: url(../../imagens/ico/ico-pdf.png) left no-repeat }

.visualiza-registro label { font-weight: bold; cursor: text }
.visualiza-registro fieldset ul { list-style: disc inside }
.visualiza-registro fieldset ul li { font-size: 1em }

.conteudo-normal { padding: 5px }
.conteudo-normal h2 { border-bottom: 1px dotted #000; margin-bottom: 17px; padding-bottom: 4px }
    
    /* Botoes de acao */
    #botoes-acao { float: right; padding: 11px 10px; width: 115px }
        .btn-adicionar-editar { text-indent: -9999px; width: 115px; height: 29px; background: url(../../imagens/btn/btn-confirmar.png) no-repeat; display: block; font-size: 0px; line-height: 0px; border: 0; cursor: pointer }
		#btn-cancelar { text-indent: -9999px; width: 115px; height: 29px; background: url(../../imagens/btn/btn-cancelar.png) no-repeat; display: block; overflow: hidden; margin-top: 5px; float: left }
		#btn-voltar { text-indent: -9999px; width: 115px; height: 29px; background: url(../../imagens/btn/btn-voltar.png) no-repeat; display: block; overflow: hidden }
		.btn-visualizar { text-indent: -9999px; width: 115px; height: 29px; background: url(../../imagens/btn/btn-visualizar.png) no-repeat; display: block; font-size: 0px; line-height: 0px; border: 0; cursor: pointer; margin-top: 5px }

/*
+----------------------------------------------------------------+
3.4. Rodape
+----------------------------------------------------------------+
*/

/* Rodape fixo */
body:before { content: "";	height: 100%; float: left; width: 0; margin-top: -32767px }  /* Correcao para o Opera */
html, body, form { height: 100% }
#wrap { min-height: 100% }
    #principal { padding-bottom: 44px }

#rodape { position: relative; margin-top: -29px; height: 24px; clear: both; background: url(../../imagens/logo-rodape.gif) 12px no-repeat #373737; padding: 5px 0 0 45px }
#rodape p, #rodape a { color: #C7C7C7 }

/*
+----------------------------------------------------------------+
4. Modulos
+----------------------------------------------------------------+
*/

/*
+----------------------------------------------------------------+
4.1. Painel
+----------------------------------------------------------------+
*/

#pageviews-visitas #carregando { position: static; margin: 0; left: auto; top: auto; width: 259px; text-align: left }

#box-painel { border: 1px solid #cacaca; margin-bottom: 12px; background-color: #FFF; overflow: auto }
    #box-painel .titulo { background-color: #e8e8e8; border-bottom: 1px solid #dddddd; border-top: 1px solid #FFF; height: 18px }
    #box-painel .titulo h2 { font-size: 0.857em }
    #box-painel div { padding: 6px 14px }

/*
+----------------------------------------------------------------+
4.2. Administradores
+----------------------------------------------------------------+
*/

/* Tabela de permissoes */
#tabela-permissoes { width: 100%; font-size: 1em /* 14 x 1 = 14px */ }
#tabela-permissoes tr:hover td { background: #efefef }
#tabela-permissoes thead th { text-align: left; font-size: 1.166em; border-bottom: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; padding: 0 0 3px 5px }
#tabela-permissoes tbody td { border-right: 1px solid #CBCBCB; padding: 3px 0 3px 5px }
#tabela-permissoes tbody td.sem-borda, #tabela-permissoes thead th.sem-borda { border-right: 0 }
.tabela-permissoes-visualiza input:hover { cursor: default }

/*
+----------------------------------------------------------------+
4.3. Novidades
+----------------------------------------------------------------+
*/

.ico-calendario { background: url(../../imagens/ico/ico-calendario.png) right no-repeat #FFF; padding-right: 35px; cursor: pointer }

/* Listagem */
.rascunho *, .rascunho a { color: #8a8a8a }
.ico-estrela { margin: -2px 0 0 20px; height: 22px; width: 22px; background: url(../../imagens/ico/ico-estrela.png) left no-repeat; text-indent: -9999px; display: block; overflow: hidden }
.ico-estrela:hover { background-position: right }
.ico-estrela-pb { margin: -2px 0 0 20px; height: 22px; width: 22px; background: url(../../imagens/ico/ico-estrela-pb.png) left no-repeat; text-indent: -9999px; display: block; overflow: hidden }
.ico-estrela-pb:hover { background-position: right }

/*
+----------------------------------------------------------------+
4.4. Galerias de imagens
+----------------------------------------------------------------+
*/

/* Opcoes dos registros */
.ico-opcao-imagens a { background: url(../../imagens/ico/ico-opcoes-imagens.png) left no-repeat; padding-left: 15px }

/* Listagem de imagens */
.img-previa-tabela-listagem { float: left; margin-right: 6px }
.descricao-imagem { display: block }

/*
+----------------------------------------------------------------+
4.5. Newsletter
+----------------------------------------------------------------+
*/

/* Modal */
#listar-emails { font-size: 0.75em /* 16 x 0.75 = 12px */; padding: 5px 10px; width: 500px }