body
{
	background-color : #FEA1B8;
	margin           : 0px 0px 0px 0px;
	font-family      : 'Open Sans', sans-serif;
}

input, select, textarea, label
{
	font-family : 'Open Sans', sans-serif;
	padding     : 10px;
}

input:focus, select:focus, textarea:focus, button:focus, submit:focus
{
    outline: none;
}

.inputFaleComigo
{
	background-color : rgba(242,242,242,0.7);
	border           : none;
	font             : 400 16px/1.2 'Merienda One', Helvetica, sans-serif;
	color            : rgba(0,102,255,0.8);
	line-height      : 40px;

	-webkit-border-radius : 10px 10px 10px 10px;
	-moz-border-radius    : 10px 10px 10px 10px;
	border-radius         : 10px 10px 10px 10px;
}

.inputErro
{
	-webkit-box-shadow : 0 0 8px 0px rgba(255,0,0,0.7);
	-moz-box-shadow    : 0 0 8px 0px rgba(255,0,0,0.7);
	box-shadow         : 0 0 8px 0px rgba(255,0,0,0.7);
}

.inputErroMsg
{
	margin-top : 5px;
	font-size  : 12px;
	color      : Red;
}

.sombra
{
	-webkit-box-shadow : 0 2px 2px 2px #C2C2C2;
	-moz-box-shadow    : 0 2px 2px 2px #C2C2C2;
	box-shadow         : 0 2px 2px 2px #C2C2C2;
}

.paginacao
{
	width      : 100px;
	text-align : center;
}

.clear
{
	clear      : both;
	color      : White;
	text-align : center;
}

.principal
{
	background-color : White;
	position         : absolute;
    top              : 0px;
    right            : 0px;
    left             : 0px;
    padding          : 10px;
	width            : 1024px;
	margin           : 0 auto;
	padding-bottom   : 50px;

	box-shadow : 12px 0 15px -4px #FF839F, -12px 0 8px -4px #FF839F;
}

.corpo
{
	padding-top : 40px;
}

.corpoSemLateral
{
	padding-left : 0px;
}

.busca
{
	position         : absolute;
	top              : 0;
	right            : 0;
	padding          : 10px;
	background-color : White;
}

.buscaInputText
{
	border           : 1px dashed #CA4F58;
	background-color : white;
	color            : rgba(0,102,255,1);
	width            : 250px;
	text-align       : center;
	text-transform   : uppercase;

	-webkit-border-radius : 12px; 
	-moz-border-radius    : 12px; 
	border-radius         : 12px;
}

.inputTextMarcaDaAgua
{
	color : #999;
}

.buscaImg
{
	margin-left : 10px;
	cursor      : pointer;
}

.redesSociais
{
	position : absolute;
	top      : 0;
	left     : 0;
	padding  : 10px;
}

.usuario
{
	position         : absolute;
	top              : 0;
	left             : 0;
	padding          : 5px;
	border           : 1px dashed LightGrey;
	font-size        : 14px;

	-webkit-border-radius : 0px 0px 10px 0px;
	-moz-border-radius    : 0px 0px 10px 0px;
	border-radius         : 0px 0px 10px 0px;
}

.usuarioLogin
{
	color       : green;
	font-size   : 14px;
	font-weight : normal;
	cursor      : pointer;
}

.usuarioLogoff
{
	color       : red;
	font-size   : 20px;
	font-weight : bold;
	cursor      : pointer;
}

.categorias
{
	float : left;
	width : 240px;
}

.categoriasTitulo
{
	color         : #CA4F58;
	padding       : 10px;
	text-shadow   : 0px 2px 3px #E8ECF2;
	font-weight   : bold;
	font-size     : 16px;
	border-bottom : 1px dashed LightGrey;
}

.categoriasItem
{
	background-image    : url('../img/icone-talheres-cinza.png');
	background-repeat   : no-repeat;
	background-position : left;
	color               : rgba(0,0,0,0.8);
	padding             : 10px;
	font-size           : 16px;
	cursor              : pointer;
	padding-left        : 35px;
	margin-left         : 15px;
}

.categoriasItem:hover
{
	background-image : url('../img/icone-talheres.png');
	color            : rgba(88,183,136,1);
}

.categoriasItemSelecionado
{
	background-image : url('../img/icone-talheres.png');
	color            : rgba(37,87,37,0.8);
}

.topo
{
}

.tblMenu
{
    width : 100%;
}

.tdMenuItem
{
	border           : 1px solid #F5E5E9;
	background-color : #F5E5E9;
	color            : #C80011;
	text-align       : center;
	padding          : 5px;
	cursor           : pointer;
	font-size        : 14px;
}

.tdMenuItem:hover
{
	border : 1px solid #CA4F58;
}

.tdMenuItemSelecionado
{
	border           : 1px solid #CA4F58;
	background-color : #CA4F58;
	color            : White;
}

.social
{
	height         : 35px;
	padding-top    : 5px;
	padding-bottom : 0px;
	border-bottom  : 2px solid White;
	cursor         : pointer;
}

.social:hover
{
	padding-top    : 0px;
	padding-bottom : 5px;
}

.socialFacebook:hover   { border-bottom : 2px solid #3664A2; }
.socialTwitter:hover    { border-bottom : 2px solid #2EACF6; }
.socialInstagram:hover  { border-bottom : 2px solid #A59179; }
.socialGooglePlus:hover { border-bottom : 2px solid #D23337; }
.socialYouTube:hover    { border-bottom : 2px solid #FF3334; }

.conteudoPrincipal
{
	margin-left : 240px;
}

.conteudo
{
	position   : relative;
	width      : 800px;
	margin     : 0 auto;
	border     : 1px solid transparent;
}

.cadernoPostIt { position:absolute; top:0; right:0; }
.cadernoTopo   { position:absolute; top:0; right:0; }

.cadernoFitaAdesivaTopoEsquerdo   { position:absolute; top   :0px; left :0px; margin-left :10px; margin-top   :0px; }
.cadernoFitaAdesivaTopoDireito    { position:absolute; top   :0px; right:0px; margin-right:10px; margin-top   :0px; }
.cadernoFitaAdesivaRodapeEsquerdo { position:absolute; bottom:0px; right:0px; margin-right:10px; margin-bottom:20px; }
.cadernoFitaAdesivaRodapeDireito  { position:absolute; bottom:0px; left :0px; margin-left :10px; margin-bottom:20px; }

.cadernoRodapeTotalComentarios { position:absolute; width:625px; bottom:0px; right:0px; margin-right:50px; margin-bottom:85px; font : 400 16px/1.2 'Merienda One', Helvetica, sans-serif; }

.cadernoRodapeAcao     { position:absolute; width:625px; bottom:0px; right:0px; margin-right:50px; margin-bottom:65px; cursor:pointer; }
.cadernoRodapeAcaoTopo { position:absolute; width:625px; bottom:0px; right:0px; margin-bottom:5px; cursor:pointer; }
.cadernoRodapeAcaoMeio { position:absolute; width:625px; bottom:0px; right:0px; margin-right:20px; margin-bottom:46px; cursor:pointer; }

.cadernoRodapeAcaoTexto
{
	color       : #7BBF6A;
	font-size   : 16px;
	font-weight : bold;
}

.caderno
{
	background-image : url('../img/caderno-fundo-2.png');
	position         : relative;
	width            : 700px;
	margin           : 0 auto;
	margin-bottom    : 50px;
	margin-top       : 30px;
}

.cadernoCabecalho
{
	position          : relative;
	background-repeat : repeat-y;
	height            : 122px;
	padding-left      : 90px;
	padding-right     : 5px;
	font-size         : 20px;
}

.cadernoCabecalhoTexto
{
	font        : 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
	color       : rgba(207,43,57,0.9);
	font-size   : 20px;

	position    : absolute;
	top         : 0px;
	margin-top  : 37px;
	width       : 450px;
	line-height : 40px;
}

.cadernoCabecalhoCategorias
{
	line-height : 40px;
	font-size   : 14px;
}

.cadernoCabecalhoCategoriaTitulo
{
	color : rgba(0,0,0,0.8);
}

.cadernoCabecalhoCategoria
{
	color  : rgba(37,87,37,1);
	cursor : pointer;
}

.cadernoCabecalhoCategoria:hover
{
	color : Green;
}

.cadernoCabecalhoData
{
	color       : rgba(0,0,0,0.7);

	position    : absolute;
	top         : 0px;
	right       : 0px;
	width       : 155px;
	height      : 105px;
	text-align  : center;
	padding-top : 5px;
	font-weight : bold;
}

.dataMes
{
	font-size : 18px;
	color     : rgba(0,0,0,0.7);
}

.dataDia
{
	font-size   : 53px;
	color       : rgba(0,0,0,0.6);
	text-shadow : 0px 2px 3px #555;
}

.dataAno
{
	font-size : 12px;
	color     : rgba(0,0,0,0.5);
}

.cadernoRodape
{
	position          : relative;
	background-image  : url('../img/caderno-fundo-3.png');
	background-repeat : no-repeat;
	height            : 46px;
}

.cadernoConteudo
{
	position          : relative;
	background-repeat : repeat-y;
}

.cadernoConteudoTitulo
{
	font        : 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
	color       : rgba(0,0,0,0.7);
	font-size   : 22px;

	padding-top   : 0px;
	padding-left  : 90px;
	padding-right : 5px;
	line-height   : 40px;
}

.cadernoConteudoTexto
{
	color : rgba(0,102,255,1);
	
	padding-top   : 40px;
	padding-left  : 90px;
	padding-right : 5px;
	font-size     : 16px;
	line-height   : 40px;
}

.cadernoConteudoTextoSemPulaLinha
{
	color : rgba(0,102,255,1);
	
	padding-top   : 0px;
	padding-left  : 90px;
	padding-right : 5px;
	font-size     : 16px;
	line-height   : 40px;
}

.cadernoConteudoTextoTitulo
{
	font  : 400 18px/1.2 'Merienda One', Helvetica, sans-serif;
	color : rgba(0,0,0,1);
	
	padding-top   : 40px;
	padding-left  : 90px;
	padding-right : 5px;
	line-height   : 40px;
}

.cadernoConteudoTextoItem
{
	color : rgba(0,102,255,1);
	
	padding-top   : 0px;
	padding-left  : 30px;
	padding-right : 5px;
	font-size     : 16px;
	line-height   : 40px;
	margin-left   : 90px;

	background-image    : url('../img/icone-check.png');
	background-repeat   : no-repeat;
	background-position : left;
}

.cadernoConteudoLink
{
	color : rgba(0,102,255,1);
	
	padding-top   : 0px;
	padding-left  : 90px;
	padding-right : 5px;
	font-size     : 16px;
	line-height   : 40px;
}

.cadernoConteudoImagem
{
	padding-top   : 20px;
	padding-left  : 70px;
	text-align    : center;
}

.cadernoRodapeTexto
{
	color : rgba(0,0,0,0.8);
	
	padding-top   : 0px;
	padding-left  : 20px;
	padding-right : 5px;
	font          : 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
	font-size     : 14px;
	line-height   : 40px;
	text-align    : center;
}

.polaroid
{
	position : relative;
}
 
.polaroid img
{
	border             : 10px solid WhiteSmoke;
	border-bottom      : 45px solid WhiteSmoke;
	-webkit-box-shadow : 0 1px 1px 1px #C2C2C2;
	-moz-box-shadow    : 0 1px 1px 1px #C2C2C2;
	box-shadow         : 0 1px 1px 1px #C2C2C2;
}
 
.polaroid p
{
  position   : absolute;
  text-align : center;
  width      : 100%;
  bottom     : 0px;
  font       : 400 16px/1.2 'Merienda One', Helvetica, sans-serif;
  color      : rgba(48,48,48,0.8);
}

.blogVoltar { margin-left:80px; cursor:pointer; }

.blogVoltarTexto
{
	color     : #7BBF6A;
	font-size : 16px;
}

.popup
{
	-webkit-border-radius : 10px 10px 10px 10px;
	-moz-border-radius    : 10px 10px 10px 10px;
	border-radius         : 10px 10px 10px 10px;

	-webkit-box-shadow : 0 0 25px 5px #70C3ED;
	-moz-box-shadow    : 0 0 25px 5px #70C3ED;
	box-shadow         : 0 0 25px 5px #70C3ED;

	background-color : #fff;
	color            : #111;
	min-width        : 250px;
	padding          : 15px;
	font-size        : 14px;
}

.popupForm
{
	-webkit-box-shadow : 0 0 25px 5px #EBEBEB;
	-moz-box-shadow    : 0 0 25px 5px #EBEBEB;
	box-shadow         : 0 0 25px 5px #EBEBEB;
	
	width   : 500px;
	margin  : 0 auto;
	padding : 5px;
}

.popup_X
{
	display       : block;
	width         : 380px;
	height        : 100px;
	margin        : 0 auto;
	margin-top    : 30px;
	margin-bottom : 20px;
	padding       : 0px;
}

.popup_Y
{
	display       : block;
	width         : 380px;
	height        : 100px;
	margin        : 0 auto;
	margin-top    : 30px;
	margin-bottom : 20px;
	padding       : 0px;

	-webkit-box-shadow : 0 0 25px 5px #F0EE92;
	-moz-box-shadow    : 0 0 25px 5px #F0EE92;
	box-shadow         : 0 0 25px 5px #F0EE92;
}

.popupFechar
{
	position    : absolute;
	top         : 0;
	right       : 0;
	color       : Red;
	margin      : 10px;
	font-weight : bold;
	font-size   : 18px;
	cursor      : pointer;
}

.popupPersonagem
{
	float      : left;
	margin-top : 5px;
}

.popupPersonagem_X
{
	margin-top  : 5px;
	margin-left : 5px;
}

.popupPersonagem_Y
{
	margin-top : 5px;
}

.popupBalao
{
	float         : left;
	padding       : 15px;
	margin        : 15px;
	margin-top    : 10px;
	margin-right  : 0px;
	width         : 240px;
	text-align    : center;
	line-height   : 28px;
}

.popupBalao_X
{
	padding      : 10px;
	padding-top  : 0px;
	padding-left : 0px;
	width        : 265px;
	height       : 100px;
	margin       : 0px;
	margin-left  : 10px;
}

.popupBalao_Y
{
	padding     : 5px;
	padding-top : 0px;
	width       : 285px;
	height      : 100px;
	margin      : 0px;
}

.frm
{
}

.frmTexto
{
	text-align    : center;
	margin-top    : 30px;
	padding-left  : 30px;
	padding-right : 30px;
	font-size     : 14px;
}

.frmTextoErro
{
	color : Red;
}

.frmTextoSucesso
{
	color : Green;
}

.frmTexto2
{
	text-align     : center;
	margin-top     : 10px;
	padding-bottom : 10px;
	font-size      : 16px;
	border-bottom  : 1px solid #EBEBEB;
}

.frmBotaoFacebook
{
	text-align : center;
	margin-top : 30px;
}

.frmInput
{
	width  : 300px;
	height : 100px;
}

.frmButton
{
	margin-top  : 10px;
	text-align  : center;
	width       : 300px;
}

.inputFrm
{
	color  : rgba(0,102,255,0.8);
	border : 1px solid LightGrey;
	width  : 270px;

	-webkit-border-radius : 10px 10px 10px 10px;
	-moz-border-radius    : 10px 10px 10px 10px;
	border-radius         : 10px 10px 10px 10px;
}

.inputFrmReadOnly
{
	background-color : WhiteSmoke;
}

.inputFrmButton
{
	cursor : pointer;
}

.frmInputLabel
{
	text-align    : left;
	font-weight   : bold;
	margin-bottom : 5px;
}

.frmInputs
{
	margin-top    : 20px;
	margin-bottom : 20px;
}

.centerHorizontal
{
	margin : 0 auto;
}

.bordaArredondada
{
	border : 1px solid LightGrey;

	-webkit-border-radius : 10px 10px 10px 10px;
	-moz-border-radius    : 10px 10px 10px 10px;
	border-radius         : 10px 10px 10px 10px;
}

.excluir
{
	color       : Red;
	font-weight : bold;
	cursor      : pointer;
}