/*
*    Exemplos de se��es no CSS
*
*    Global (reset, corpo da pagina, estilo padr�o para par�grafos, listas, etc.)
*    Cabe�alho da p�gina
*    Estrutura da p�gina
*    Rodap�
*    Estilos de t�tulos
*    Estilos de texto
*    Navega��o
*    Formul�rios
*    Extras ou Miscel�neas
*/

/*******************************************************************************
* Global
*******************************************************************************/

* {
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
}

body{
    color: #555555;
    font-family: Verdana,Geneva,Arial,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    overflow-x: hidden;
}

a {
    text-decoration: underline;
    color: #777777;
}

a:hover {
    text-decoration: none;
}

.container{
	margin: 50px auto 0;
    width: 870px;
}

.titulo h1{
    background-repeat: repeat-y;
    font-weight: bolder;
    display: block;
    text-transform: capitalize;
	text-align: center;
}

.containerPersonagemEsquerda{
    float: left;
    margin-top: 10px;
}

.containerPersonagemDireita{
    float: right;
    margin: 10px 10px 0 0;
}

.containerMensagemPersonagens{
    font-size: 20px;
    text-align: center;
    width: 410px;
	margin: 0 auto;
    display: block;
}

.containerMensagemPersonagens a{
    font-weight: bolder;
}

.containerMensagemPersonagens p{
    margin: 30px 0;
	line-height: 30px;
}