/* CSS Document */
html, body {
   width: 100%;
   font-size: 1.0em;
   font-family: 'Raleway', sans-serif;
}
body {
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:top;
	background-size:100%;
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	background-attachment: fixed;
}
.container {
	background-color: rgba(255, 255, 255, 0.95);
}
a {
text-decoration:none;
color:inherit;
}
b { 
font-family: 'Exo 2', sans-serif; 
}
button {
	color:white;
	width:auto;
	border:0px;
	font-family: 'Heebo', sans-serif;
	text-align:center;
	border-radius:5px;
	padding:5px 10px 5px 10px;
	background-color:#bc0101;
	margin-top:5px;
	margin-bottom:5px;
}
h1.titulo {
	width:100%;
	padding:5px 25px 5px;
	font-family: 'Heebo', sans-serif;
	color:#ffe400;
	font-size:3.0em;
    text-shadow: -1px -1px 0 #000, 3px -1px 0 #000, -1px 3px 0 #000, 3px 3px 0 #000;
	background-color:#bc0101;
	margin-bottom:0px;
}
h1.enquetes {
	width:100%;
	padding:5px 25px 5px;
	font-family: 'Heebo', sans-serif;
	color:#ffe400;
	font-size:3.0em;
    text-shadow: -1px -1px 0 #000, 3px -1px 0 #000, -1px 3px 0 #000, 3px 3px 0 #000;
	background-color:#0abab5;
	margin-bottom:0px;
}
h2.enquetes {
	margin-top:0px;
	width:100%;
	padding:5px 25px 5px;
	font-family: 'Heebo', sans-serif;
	color:#fff;
	font-size:1.8em;
	background-color:#059692;
}

h1.destaques {
	width:100%;
	padding:5px 25px 5px;
	font-family: 'Heebo', sans-serif;
	color:#ffe400;
	font-size:3.0em;
    text-shadow: -1px -1px 0 #000, 3px -1px 0 #000, -1px 3px 0 #000, 3px 3px 0 #000;
	background-color:#742e88;
	margin-top:20px;
}
h2.titulo {
	margin-top:0px;
	width:100%;
	padding:5px 25px 5px;
	font-family: 'Heebo', sans-serif;
	color:#fff;
	font-size:1.8em;
	background-color:#9a0000;
}
h2.titulo a {
	letter-spacing:6px;
	text-decoration:none;
	color:white;
}
.navbar .navbar-brand img {
	width: 200px;
}
.fab {
	font-size:1.5em;
}
p.descricao {
	padding:30px;
}
ul.titulos {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.grid_personagens {
	text-align:center;
	
}
ul.grid_personagens li {
    display: inline-block;
    vertical-align: top;
    color: #000;
    text-align: center;
    padding: 8px 8px 16px 8px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 6px;    
	border-radius: 10px;
    font-size: 0.9em;
    border: 1px solid white;
	height:342px;
	width:160px;
}
ul.grid_personagens li:hover {
    background-color: rgba(255, 220, 0, 0.5);
}

ul.grid_personagens img {
	width:140px;
	height:240px;
	margin-bottom:7px;
}

ul.grid_destaques {
	text-align:center;
}
ul.grid_destaques li {
    display: inline-block;
    vertical-align: top;
    color: #000;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 5px;    
	border-radius: 10px;
    border: 1px solid white;
}
ul.grid_destaques img {
	max-width:78px;
}

.ficha {
	background-color: #ae71bf;
	color:white;
	border-radius:10px;
	margin-right:0px;
	margin-bottom:20px;
	padding:20px;
}
.ficha i {
	color:#d7ace3;
}
.votacao {
	background-color: #10b7a1;
	color:white;
	border-radius:10px;
	margin-right:0px;
	margin-top:20px;
	padding:20px;
	text-align:center;
}
.votacao label {
	background-color:white;
	padding:5px;
	width:inherit;
	display:table-cell;
	border-radius:8px;
}
.votacao button {
	background-color: #006d67;
}

.colorir {
	background-color: #f7ff7e;
	color:black;
	border-radius:10px;
	margin-right:0px;
	margin-top:20px;
	padding:20px;
	text-align:center;
}
.colorir h2 {
	font-size:1.2em;
}
.colorir img {
	max-height: 200px;
}


.grid_ranking {
	text-align:left;
	width:90%;
}
.grid_ranking li {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 6px;    
}

.grid_ranking img {
	margin-left:20px;
	max-height:100px;
}

footer {
	padding:10px;
}