@charset "utf-8";
/* CSS Document */

html, body{
	height:100%;
} 

body{
	margin:0px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#tudo{ 
	width:auto;
	position:relative;  /*Contexto de posicionamento */
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	border-width:0 1px;
}
	
* html #tudo{
	height: 100%;
}

#topo{
	text-align:center;
	padding-top:1px;
	width:100%;
	min-width:500px;
}

#conteudo{
	padding-bottom:95px;
}

#rodape{
	position: absolute;
	bottom: 0; 
	border-width: 1px 0;
	text-align:center;
	vertical-align:middle;
	min-width:800px;
	display: flex;
}

#rodape_previa{
	text-align: center;
	vertical-align: middle;
	display: flex;
}

.emoji{
	height: 20px;
}

#mensagem, #mensagem_previa {
	min-height: 100px;
	display: flex;
}

#mensagem #div_conteudo_geral, #mensagem_previa #div_conteudo_geral {
	min-height: 100px;
	height: 100%;
	padding-right: 10px;
	width: 100%;
}

#mensagem #div_conteudo_geral #div_engloba, #mensagem_previa #div_conteudo_geral #div_engloba {
	margin-left: 100px;
	width: calc(100% - 100px);
}

#mensagem #div_conteudo_geral #div_foto, #mensagem_previa #div_conteudo_geral #div_foto {
	float: left;
	padding: 10px;
	height: 100%;
}

#mensagem #div_conteudo_geral #div_titulo, #mensagem_previa #div_conteudo_geral #div_titulo {
	height: 20px;
	font-size: 18px;
	font-family: 'Microsoft Sans Serif';
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	width: 100%;
}

#mensagem #div_conteudo_geral #div_conteudo, #mensagem_previa #div_conteudo_geral #div_conteudo {
	height: calc(100% - 20px);
	font-size: 20px;
	font-family: 'Open Sans';
	font-weight: normal;
	padding-bottom: 10px;
	width: 100%;
}

#barra {
	width: 10px;
	height: 0px;
	float: left;
	bottom: 0px;
	position: absolute;
	z-index: 1000;
}

#barra_previa {
	width: 10px;
	float: left;
	z-index: 1000;
}

.barra_off {
	background-color: rgba(0,192,252,1.00);
}

.mensagem_off, .mensagem_off #div_conteudo_geral, .mensagem_off #div_conteudo_geral #div_foto  {
	background-color: rgba(255,255,255,1.00);
}

.mensagem_off #div_conteudo_geral #div_titulo {
	color: rgba(0,192,252,1.00);
}

.mensagem_off #div_conteudo_geral #div_conteudo {
	color: rgba(99,99,99,1.00);
}

.barra_aluminum {
	background-color: rgba(136,139,149,1.00);
}

.mensagem_aluminum, .mensagem_aluminum #div_conteudo_geral, .mensagem_aluminum #div_conteudo_geral #div_foto  {
	background-color: rgba(234,238,238,1.00);
}

.mensagem_aluminum #div_conteudo_geral #div_titulo {
	color: rgba(13,15,17,1.00);
}

.mensagem_aluminum #div_conteudo_geral #div_conteudo {
	color: rgba(138,141,152,1.00);
}

.barra_avocado {
	background-color: rgba(95,162,38,1.00);
}

.mensagem_avocado, .mensagem_avocado #div_conteudo_geral, .mensagem_avocado #div_conteudo_geral #div_foto  {
	background-color: rgba(160,188,63,1.00);
}

.mensagem_avocado #div_conteudo_geral #div_titulo {
	color: rgba(221,238,161,1.00);
}

.mensagem_avocado #div_conteudo_geral #div_conteudo {
	color: rgba(165,97,44,1.00);
}

.barra_blue_monday {
	background-color: rgba(45,143,213,1.00);
}

.mensagem_blue_monday, .mensagem_blue_monday #div_conteudo_geral, .mensagem_blue_monday #div_conteudo_geral #div_foto  {
	background-color: rgba(0,65,112,1.00);
}

.mensagem_blue_monday #div_conteudo_geral #div_titulo {
	color: rgba(248,248,246,1.00);
}

.mensagem_blue_monday #div_conteudo_geral #div_conteudo {
	color: rgba(90,167,222,1.00);
}

.barra_cheesecake {
	background-color: rgba(203,167,90,1.00);
}

.mensagem_cheesecake, .mensagem_cheesecake #div_conteudo_geral, .mensagem_cheesecake #div_conteudo_geral #div_foto  {
	background-color: rgba(246,234,211,1.00);
}

.mensagem_cheesecake #div_conteudo_geral #div_titulo {
	color: rgba(228,31,28,1.00);
}

.mensagem_cheesecake #div_conteudo_geral #div_conteudo {
	color: rgba(131,20,21,1.00);
}

.barra_facebook_dark {
	background-color: rgba(0,131,255,1.00);
}

.mensagem_facebook_dark, .mensagem_facebook_dark #div_conteudo_geral, .mensagem_facebook_dark #div_conteudo_geral #div_foto  {
	background-color: rgba(36,37,38,1.00);
}

.mensagem_facebook_dark #div_conteudo_geral #div_titulo {
	color: rgba(227,229,234,1.00);
}

.mensagem_facebook_dark #div_conteudo_geral #div_conteudo {
	color: rgba(166,171,174,1.00);
}

.barra_facebook_light {
	background-color: rgba(24,118,242,1.00);
}

.mensagem_facebook_light, .mensagem_facebook_light #div_conteudo_geral, .mensagem_facebook_light #div_conteudo_geral #div_foto  {
	background-color: rgba(255,255,255,1.00);
}

.mensagem_facebook_light #div_conteudo_geral #div_titulo {
	color: rgba(22,22,22,1.00);
}

.mensagem_facebook_light #div_conteudo_geral #div_conteudo {
	color: rgba(93,102,112,1.00);
}

.barra_fire {
	background-color: rgba(139,29,13,1.00);
}

.mensagem_fire, .mensagem_fire #div_conteudo_geral, .mensagem_fire #div_conteudo_geral #div_foto  {
	background-color: rgba(13,13,13,1.00);
}

.mensagem_fire #div_conteudo_geral #div_titulo {
	color: rgba(234,125,7,1.00);
}

.mensagem_fire #div_conteudo_geral #div_conteudo {
	color: rgba(236,91,31,1.00);
}

.barra_grass {
	background-color: rgba(42,114,17,1.00);
}

.mensagem_grass, .mensagem_grass #div_conteudo_geral, .mensagem_grass #div_conteudo_geral #div_foto  {
	background-color: rgba(3,38,3,1.00);
}

.mensagem_grass #div_conteudo_geral #div_titulo {
	color: rgba(96,182,33,1.00);
}

.mensagem_grass #div_conteudo_geral #div_conteudo {
	color: rgba(201,240,69,1.00);
}

.barra_green_apple {
	background-color: rgba(167,211,78,1.00);
}

.mensagem_green_apple, .mensagem_green_apple #div_conteudo_geral, .mensagem_green_apple #div_conteudo_geral #div_foto  {
	background-color: rgba(119,164,58,1.00);
}

.mensagem_green_apple #div_conteudo_geral #div_titulo {
	color: rgba(251,252,249,1.00);
}

.mensagem_green_apple #div_conteudo_geral #div_conteudo {
	color: rgba(226,241,191,1.00);
}

.barra_honey {
	background-color: rgba(215,83,27,1.00);
}

.mensagem_honey, .mensagem_honey #div_conteudo_geral, .mensagem_honey #div_conteudo_geral #div_foto  {
	background-color: rgba(236,155,39,1.00);
}

.mensagem_honey #div_conteudo_geral #div_titulo {
	color: rgba(215,84,27,1.00);
}

.mensagem_honey #div_conteudo_geral #div_conteudo {
	color: rgba(242,241,241,1.00);
}

.barra_noir {
	background-color: rgba(89,89,89,1.00);
}

.mensagem_noir, .mensagem_noir #div_conteudo_geral, .mensagem_noir #div_conteudo_geral #div_foto  {
	background-color: rgba(13,13,13,1.00);
}

.mensagem_noir #div_conteudo_geral #div_titulo {
	color: rgba(231,231,231,1.00);
}

.mensagem_noir #div_conteudo_geral #div_conteudo {
	color: rgba(166,166,166,1.00);
}

.barra_pink {
	background-color: rgba(255,97,141,1.00);
}

.mensagem_pink, .mensagem_pink #div_conteudo_geral, .mensagem_pink #div_conteudo_geral #div_foto  {
	background-color: rgba(251,230,230,1.00);
}

.mensagem_pink #div_conteudo_geral #div_titulo {
	color: rgba(255,100,143,1.00);
}

.mensagem_pink #div_conteudo_geral #div_conteudo {
	color: rgba(255,97,141,1.00);
}

.barra_pumpkin_spice {
	background-color: rgba(211,110,37,1.00);
}

.mensagem_pumpkin_spice, .mensagem_pumpkin_spice #div_conteudo_geral, .mensagem_pumpkin_spice #div_conteudo_geral #div_foto  {
	background-color: rgba(237,153,61,1.00);
}

.mensagem_pumpkin_spice #div_conteudo_geral #div_titulo {
	color: rgba(98,37,14,1.00);
}

.mensagem_pumpkin_spice #div_conteudo_geral #div_conteudo {
	color: rgba(255,246,238,1.00);
}

.barra_red_apple {
	background-color: rgba(113,23,32,1.00);
}

.mensagem_red_apple, .mensagem_red_apple #div_conteudo_geral, .mensagem_red_apple #div_conteudo_geral #div_foto  {
	background-color: rgba(170,0,16,1.00);
}

.mensagem_red_apple #div_conteudo_geral #div_titulo {
	color: rgba(254,253,253,1.00);
}

.mensagem_red_apple #div_conteudo_geral #div_conteudo {
	color: rgba(242,242,242,1.00);
}

.barra_statue_of_liberty {
	background-color: rgba(75,106,101,1.00);
}

.mensagem_statue_of_liberty, .mensagem_statue_of_liberty #div_conteudo_geral, .mensagem_statue_of_liberty #div_conteudo_geral #div_foto  {
	background-color: rgba(73,121,109,1.00);
}

.mensagem_statue_of_liberty #div_conteudo_geral #div_titulo {
	color: rgba(162,205,163,1.00);
}

.mensagem_statue_of_liberty #div_conteudo_geral #div_conteudo {
	color: rgba(196,225,186,1.00);
}

.barra_unicorn {
	background-color: rgba(173,232,220,1.00);
}

.mensagem_unicorn, .mensagem_unicorn #div_conteudo_geral, .mensagem_unicorn #div_conteudo_geral #div_foto  {
	background-color: rgba(239,239,239,1.00);
}

.mensagem_unicorn #div_conteudo_geral #div_titulo {
	color: rgba(180,145,207,1.00);
}

.mensagem_unicorn #div_conteudo_geral #div_conteudo {
	color: rgba(63,20,96,1.00);
}

.barra_unicorn_dark {
	background-color: rgba(173,232,220,1.00);
}

.mensagem_unicorn_dark, .mensagem_unicorn_dark #div_conteudo_geral, .mensagem_unicorn_dark #div_conteudo_geral #div_foto  {
	background-color: rgba(49,10,86,1.00);
}

.mensagem_unicorn_dark #div_conteudo_geral #div_titulo {
	color: rgba(238,237,238,1.00);
}

.mensagem_unicorn_dark #div_conteudo_geral #div_conteudo {
	color: rgba(211,178,218,1.00);
}

.barra_vidpresso_dark {
	background-color: rgba(19,178,251,1.00);
}

.mensagem_vidpresso_dark, .mensagem_vidpresso_dark #div_conteudo_geral, .mensagem_vidpresso_dark #div_conteudo_geral #div_foto  {
	background-color: rgba(35,39,51,1.00);
}

.mensagem_vidpresso_dark #div_conteudo_geral #div_titulo {
	color: rgba(20,168,237,1.00);
}

.mensagem_vidpresso_dark #div_conteudo_geral #div_conteudo {
	color: rgba(255,255,255,1.00);
}

.barra_vidpresso_light {
	background-color: rgba(19,178,251,1.00);
}

.mensagem_vidpresso_light, .mensagem_vidpresso_light #div_conteudo_geral, .mensagem_vidpresso_light #div_conteudo_geral #div_foto  {
	background-color: rgba(255,255,255,1.00);
}

.mensagem_vidpresso_light #div_conteudo_geral #div_titulo {
	color: rgba(22,179,251,1.00);
}

.mensagem_vidpresso_light #div_conteudo_geral #div_conteudo {
	color: rgba(35,39,51,1.00);
}