* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html, body {
    height: 100%;
    margin: 0px;
}

body {
	font-family: arial;
	font-size: 18px;
	background-color: #e9ebee;
}

ul.tabela {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

ul.tabela li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
}

.Topo {
	width: 100%;
	/*background-color: #65387d;*/
	background-color:#404457;
	padding: 20px;
}

.Topo .limite {
	text-align: center;
}

.Topo .logo {
	width: 100%;
	max-width: 160px;
}

.Menu {
	width: 100%;
	background: #f7f7f9;
	border-top: 0px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.Menu .base {
	width: 100%;
}

.Menu .base .opcoes {
	display: table;
	margin: 0 auto 0;
}

.Menu .base .opcao {
	display: inline-block;
	text-align: center;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #dddddd;
	border-right: 0px solid #dddddd;
	text-decoration: none;
	color: #333;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}


.Menu .base .opcao:last-child {
	border-right: 1px solid #dddddd;
}

.Menu .base .opcao.clicado {
	background-color: #ddd;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.Menu .base .opcao:hover {
	background-color: #fff;
	color: #0078d7;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
}

.Menu .base .opcao i {
	margin-right: 10px;
}

@media (max-width: 780px) {
	.Topo {
		height: 65px;
		background-image: url('../img/wikia-helper-logo-inline2-50-pb.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	.Topo .logo {
		display: none;
	}

	.Menu .base .opcao span {
		display: none;
	}

	.Menu .base .opcao i {
		margin-right: 0px;
	}
}

.limite {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 0;
}

.Conteudo {
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
}

.formBusca {
	width: 100%;
	border: 1px solid #dddddd;
	padding: 15px;
	background-color: #fff;
	margin-bottom: 25px;
}

.formBusca .info {
	margin-bottom: 15px;
}

.formBusca .info h1 {
	font-size: 20px;
	color: #333;
}

.formBusca .info h2 {
	font-size: 10px;
	color: #959595;
}

.formBusca label[for] {
	width: 100%;
	max-width: 120px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #adadad;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	color: #333333;
	margin-right: 10px;
	display: inline-block;
	background-color: #fff;
	margin-bottom: 15px;
}

.formBusca label[for]:hover {
	color: #0078d7;
}

.formBusca input[type=text] {
	width: 100%;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #adadad;
	display: block;
	background-color: #fff;
	margin-bottom: 15px;
	box-shadow: inset 0px 0px 12px -8px #ABABAB;
	-webkit-box-shadow: inset 0px 0px 12px -8px #ABABAB;
	-moz-box-shadow: inset 0px 0px 12px -8px #ABABAB;
	-o-box-shadow: inset 0px 0px 12px -8px #ABABAB;
}

.formBusca input[type=text]:focus {
	border: 1px solid #0078d7;
}

.formBusca .btn {
	width: 100%;
	max-width: 100px;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	text-shadow: 1px 1px 2px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.formBusca .btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.alertas {
	margin-bottom: 30px;
}

.alerta {
	width: 100%;
	padding: 15px;
	font-size: 15px;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 15px;
}

.alerta#vermelho a {
	color: #a63b3b;
	text-decoration: none;
}

.alerta#vermelho a:hover {
	color: #000;
	text-decoration: underline;
}

.alerta#verde a {
	color: #388e4a;
	text-decoration: none;
}

.alerta#verde a:hover {
	color: #000;
	text-decoration: underline;
}

.alerta#vermelho {
	color: #a63b3b;
	background-color: #ffb6b6;
	border: 1px solid #ff8989;
}

.alerta#verde {
	color: #388e4a;
	background-color: #b6ffb6;
	border: 1px solid #7ae682;
}

.oficial {
	color: #388e4a;
}

.noficial {
	color: #a63b3b;
}

.status {
	text-align: left;
	display: none;
	padding-bottom: 15px;
	border-bottom: 2px dashed #a3dae8; 
	margin-bottom: 15px;
}

.status h1 {
	font-size: 20px;
	color: #575757;
}

.status h2 {
	font-size: 12px;
	color: #959595;
}

.codigo {
	margin-bottom: 50px;
}

.codigo .info {
	margin-bottom: 15px;
}

.codigo .info h1 {
	font-size: 20px;
	color: #575757;
}

.codigo .info h2 {
	font-size: 11px;
	color: #959595;
}

.codigo .info h2 .oficial:last-child {
	margin-left: 10px;
}

.codigo .info h2 .noficial:last-child {
	margin-left: 10px;
}

.codigo .info a {
	color: #0078d7;
	text-decoration: none;
}

.codigo .info a:hover {
	text-decoration: underline;
}

a.fonte {
	color: #0078d7;
	text-decoration: none;
}

a.fonte:hover {
	text-decoration: underline;
}

.codigo .blocoCodigo {
	resize: both; 
	overflow: auto; 
	width: 100%; 
	word-wrap: break-word;
	border: 1px solid #c1c1c1;
	padding: 15px;
	box-shadow: inset 0px 0px 12px -8px #ABABAB;
	-webkit-box-shadow: inset 0px 0px 12px -8px #ABABAB;
	-moz-box-shadow: inset 0px 0px 12px -8px #ABABAB;
	-o-box-shadow: inset 0px 0px 12px -8px #ABABAB;
	background: #fff;
}

.codigo .blocoCodigo .linkAzul {
	background-color: #c9ddff;
}

.codigo .blocoCodigo .linkBranco {
	background-color: #fff;
}

/*
.codigo .blocoCodigo .linkImportante {
	color: #ff0000;
}

.codigo .blocoCodigo .linkVerde {
	background-color: #b6ffb6;
}

.codigo .blocoCodigo .linkDivisoria {
	color: #808080;
}

.codigo .blocoCodigo .linkComentario {
	background-color: #f8f0e7;
}

.codigo .blocoCodigo .linkAspas {
	background-color: #e5e5e5;
}*/

.tabela.pesquisa li {
	vertical-align: top;
}

.tabela.pesquisa li:last-child {
	width: 250px; 
	padding-left: 15px;
}

.infoGeral {
	margin-bottom: 15px;
}

.infoGeral h1 {
	font-size: 20px;
	color: #333;
}

.infoGeral h2 {
	font-size: 15px;
	font-weight: normal;
	color: #767676;
}

.bloquinho {
	width: 100%;
	margin-bottom: 15px;
	color: #333333;
}

.bloquinho .titulo {
	padding: 10px;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #c1c1c1;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	background: #fff;
}

.bloquinho .conteudo {
	padding: 10px;
	border: 1px solid #c1c1c1;
	border-top: 0px;
	font-size: 14px;
	text-align: center;
	background: #fff;
}

.bloquinho .conteudo .imagemCard a.googleurl {
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #adadad;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	color: #333333;
	margin-top: 10px;
	display: inline-block;
	text-decoration: none;
}

.bloquinho .conteudo .imagemCard a.googleurl:hover {
	color: #0078d7;
}

.bloquinho .conteudo .imagemCard img {
	width: 100%;
}

.bloquinho .conteudo .categorias span {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	padding: 3px;
	border-radius: 3px;
	background-color: #fffcdb;
	border: 1px solid #bdb991;
	cursor: pointer;
}

.bloquinho .conteudo .categorias span:last-child {
	margin-bottom: 0px;
}

@media (max-width: 610px) {
	.tabela.pesquisa {
		display: flex;
		flex-direction: column;
	}
	
	.tabela.pesquisa li:first-child {
		order: 2;
	}

	.tabela.pesquisa li:last-child {
		order: 1;
		padding-left: 0px;
		width: 100%;
	}

	/*.tabela.pesquisa li .bloquinho:last-child {
		display: none;
		width: 100%;
	}*/

	.bloquinho {
		display: block;
	}

	.bloquinho .imagemCard img {
		max-width: 100px;
	}

	.bloquinho .imagemCard span {
		display: block;
		font-size: 10px;
	}

	.bloquinho .googleurl span {
		display: none;
	}

	.bloquinho .titulo {
		text-align: center;
	}
}

.comentarios {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 25px;
}

.comentarios .info {
	margin-bottom: 15px;
}

.comentarios .info h1 {
	font-size: 20px;
	color: #333;
}

.comentarios .info h2 {
	font-size: 11px;
	color: #959595;
}

.listaLinks {
	width: 100%;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
}

.listaLinks li {
	list-style: none;
}

.listaLinks .tabela {
	border-bottom: 1px solid #c1c1c1;
}

.listaLinks .tabela.row:hover {
	background: #fff9c3;
}

.listaLinks .tabela li {
	text-align: center;
	padding: 15px;
}

.listaLinks .tabela li.titulo {
	color: #383838;
	font-weight: bold;
	border-right: 1px solid #c1c1c1;
	background-color: #eee;
}

.listaLinks .tabela li.titulo:first-child {
	width: 80px;
}

.listaLinks .tabela li.titulo:last-child {
	border-right: 0px solid #c1c1c1;
}

.listaLinks .tabela li.titulo.del:last-child {
	width: 80px;
}

.listaLinks .tabela li.numero {
	color: #444;
	font-weight: bold;
	border-right: 1px solid #c1c1c1;
	width: 80px;
}

.listaLinks .tabela li {
	background: #fff;
	border-right: 1px solid #c1c1c1;
}

.listaLinks .tabela li:last-child {
	border-right: 0px solid #c1c1c1;
}

.listaLinks .tabela .deletar {
	width: 80px;
}

.listaLinks .tabela .deletar span {
	width: 100%;
	display: inline-block;
	text-align: center;
	background-color: #d9534f;
	border-radius: 3px;
	border: 1px solid #d43f3a;
	color: #fff;
	padding: 7px;
	cursor: pointer;
}

.listaLinks .tabela .deletar span:hover {
	background-color: #c9302c;
}

.conteinerblocodenota {
	width: 100%;
	border-left: 5px solid #cecfd7;
	padding-left: 25px;
	margin-bottom: 50px;
}

.conteinerblocodenota .data {
	margin-top: 20px;
	margin-bottom: 20px;
}

.blocodenota {
	width: 100%;
	border: 1px solid #d0d0d0;
	border-radius: 3px 3px 0px 0px;
	margin-bottom: 20px;
}

.blocodenota .titulo {
	font-weight: bold;
	border-bottom: 1px solid #d0d0d0;
	background-color: #f9f9f9;
	padding: 12px;
	font-size: 16px;
	border-radius: 3px 3px 0px 0px;
}

.blocodenota .titulo .especial-vermelho {
	color: #e34d4d;
}

.blocodenota .titulo .especial-verde {
	color: #00e505;
}

.blocodenota .titulo .especial-azul {
	color: #2a8fc9;
}

.blocodenota .titulo .especial-laranja {
	color: #ff7800;
}

.blocodenota .titulo .especial-laranja-f {
	color: #ffd800;
}

.blocodenota.s {
	border-color: #1d1d1d;
}

.blocodenota.s .titulo {
	background: #1d1d1d;
	border-radius: 0px;
	color: #fff;
}

.blocodenota.s .titulo .normal {
	color: #fff;
}

.blocodenota .titulo .normal {
	color: #383838;
}

.blocodenota .conteudo {
	color: #585858;
	font-size: 16px;
	padding: 15px;
	background: #fff;
}

.blocodenota .conteudo p {
	margin-bottom: 10px;
}

.blocodenota .conteudo p:last-child {
	margin-bottom: 0px;
}

.blocodenota .conteudo a {
	color: #2a8fc9;
	font-weight: bold;
	text-decoration: none;
}

.blocodenota .conteudo a:hover {
	color: #15628e;
	text-decoration: underline;
}

.blocodenota .video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.blocodenota .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rodape {
	width: 100%;
	padding: 20px;
	padding-right: 0px;
	text-align: right;
}

.rodape .poweredby {
	font-family: courier;
	font-weight: bold;
	font-size: 10px;
	color: #333;
}

.rodape .poweredby a {
	font-size: 13px;
	color: #0078d7;
	text-decoration: none;
}

.rodape .poweredby a:hover {
	text-decoration: underline;
}