/**
 * Este documento contém estilos para os elementos da página.
 *
 * @package #
 * @category css
 * @name style.css
 * @author Andréia de Oliveira <andreia2008@gmail.com>
 * @since v0.1 24/06/2009
 */

body {
    background: white;
    text-align: center; /* hack para centralizar no IE6 */

}

div#container {
    width: 760px;
    margin: 0 auto;
    /* background: white; */
    text-align: left;
}
    div#container div#header {
        display: table;
        width: 760px;
        margin: 10px 0 35px 10px;
    }
        div#container div#header img {
            display: table;
            float: left;
            width: 159px;
            margin: 10px 0 0 0;
        }
        div#container div#header div.menu {
            float: right;
            font-size: 1.2em;
        }
            div#container div#header div.menu ul li {
                display: inline;
            }
            div#container div#header div.menu ul li a:hover {
                color: #0a3b8a;
                text-decoration: underline;
            }
            div#container div#header div.menu ul li.login_info {
                font-size: 1em;
            }
/*
 * VIEW PRINCIPAL
 */
div#content {
    margin-left: 10px;
    display: table;
}
        div#content div.merchandising {
            display: none;
        }
            div#content div.merchandising div.texto {
                text-align: center;
                float: left;
                display: table;
                width: 530px;
                font-size: 14px;
                color: #333333;
                margin: 30px 0 0 10px;
            }
            div#content div#merchan_2 div.texto {
                margin-right: 40px;
            }
        div#content div.merchandising div.imagem {
            float: left;
        }

    div#content div.view {
        width: 760px;
        text-align: left;
        display: table;
        margin: 0;
        font-size: 14px;
    }
        div#content div.view div.nova_tarefa {
            width: 590px;
            padding: 40px 0px 80px 0;
            float: left;
            margin: 0;
            border-right: #f5f5f5 solid 1px;
        }
        div#content div.view div.carregar {
            width: 400px;
            float: left;
        }
        div#content div.view div.carregar div.botao {
            padding: 0 0 10px 0;
            margin: 0;
        }
            div#content div.view div.carregar div.botao img {
                padding: 0;
                margin: 0;
                height: 40px;
            }
    /*
     * NAVEGAÇÃO
     */
    div#content div.view div.navegacao  {
        float: right;
        width: 130px;
        display: table;
        padding: 10px 20px 10px 0px;
    }

    div#content div.view div#tarefas  {
        float: left;
        width: 590px;
        display: table;
        padding: 0 0px 0 0;
        margin: 0;
        border-right: #f5f5f5 solid 1px;
        
    }


/*
 *TAREFAS
 */
div.view div.tarefa_ativa div#tarefas_ativas {
    margin-bottom: 15px;
    display: table;
    
}
div.view div#tarefas div.tarefa {
    display: table;
    width: 500px;
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    min-height: 24px;
}

/*
 * TAREFA ATIVAS
 */
div.view div#tarefas_ativas {
    margin-bottom: 10px;

}

    div.view div.tarefa_ativa #tarefas_ativas .ativa div.titulo {
        float: left;
        color: black;
        padding: 5px;
        padding-left: 0;
        margin: 0px 0 0 6px;
    }

    div.view div#tarefas div.checkbox {
        margin: 0;
        padding: 6px 0 6px 0;
        display: table;
        float: left;
    }

    div.view div#tarefas div.checkbox input {
        margin: 0;
        width: 15px;
        height: 15px;
    }

   div.view div.tarefa_ativa #tarefas_ativas .ativa div.opcoes {
        background: url(../img/opcoes.jpg) no-repeat;
        width: 88px;
        height: 24px;
        float: left;
        padding: 0;
        margin: 0 0 0 5px;
    }

        div.view div.tarefa_ativa #tarefas_ativas .ativa div.opcoes a img {
                padding: 6px 0 0 4px;
            }


/*
 *TAREFA CONCLUIDA
 */

div.view div.tarefa_concluida h2 {
    color: silver;
    font-size: 1.2em;
    margin-bottom: 10px;
    width: 450px;
}

div.view div.tarefa_concluida div#tarefas_concluidas {
    margin-bottom: 15px;
    display: table;
    
}

    div.view div.tarefa_concluida #tarefas_concluidas .concluida div.titulo {
        float: left;
        color: green;
        font-size: 0.9em;
        padding: 5px;
        padding-left: 0;
        margin: 0px 0 0 6px;
    }

    div.view div.tarefa_concluida #tarefas_concluidas .concluida div.opcoes {
        background: url(../img/opcoes.jpg) no-repeat;
        width: 88px;
        height: 24px;
        float: left;
        margin: 0 0 0 3px;
    }
        div.view div.tarefa_concluida #tarefas_concluidas .concluida div.opcoes a img {
            margin: 6px 0 0 4px;
        }

/*
 * VIEW - CADASTRO DE USUARIO
 */
div.view div.cadastro {
    width: 580px;
    float: left;
    display: table;
}
    div.view div.cadastro input, select {
        margin: 3px 0 0 0;
    }

    div.view div.cadastro div.opcional h2 {
        color: #999999;
    }
    div.view div.cadastro .error-message {
        color: red;
        font-size: 1.0em;
    }
    
    div.view div.cadastro div.checkbox input {
        display: inline;
    }
    div.view div.cadastro div.checkbox label {
        display: inline;
        margin-left: 5px;
    }

div.input {
    font-size: 0.8em;
    color: #6f6f6f;
}
    div.input label {
        font-size: 1.2em;
        color: #000000;
        display: block;
    }
/*
 * VIEW - CONTATO
 */
div.view div.contato table td input,textarea {
    margin: 0 0 10px 40px;
}


/*
 * VIEW - SUGESTÕES
 */
div.view div.sugestoes table td input,textarea {
    margin: 0 0 10px 40px;
}





/*
 * LIGHTBOX - GRAVA��O
 */
#gravar #mask {
    position: absolute;
    z-index:9000;
    background-color: #323232;
    top: 0;
    left: 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
    display: none;
}

#gravar #boxes .window {
    position:absolute;
    width:600px;
    /*height:394px;*/
    display:none;
    z-index:9999;
    padding:0;
    top: 0;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#gravar #boxes #modalgravar {
    width:600px;
    /*height:394px;*/
    padding: 10px;
}
#gravar #boxes  #modalgravar .box-top {
    width: 600px;
    height: 43px;
    background: url(../img/top.png) top no-repeat;
    border-bottom: #f7f7f7 solid 1px;
    margin: 0;
}
    #gravar #boxes  #modalgravar .box-top h2 {
        color: #878787;
        float: left;
        display: table;
        padding: 10px 0 0 16px;
        margin: 0;
    }

    #gravar #boxes  #modalgravar .box-top .close {
        display:table;
        float:right;
        width: 28px;
        padding: 6px 6px 0 0;
    }

#gravar #boxes  #modalgravar .box-conteudo {
    width:600px;
    background: url(../img/fundo.png) repeat-y;
    display: table;
    padding: 0 0 0 10px;
    margin: 0;
}
	#gravar #boxes  #modalgravar .box-conteudo h2 {
		margin: 0;
		padding: 10px;
	}
	#gravar #boxes  #modalgravar .box-conteudo p {
		margin: 0;
		padding: 10px;
	}
	#gravar #boxes  #modalgravar .box-conteudo .site {
		width: 290px;
		float: left;
		margin: 0;
	}
        #gravar #boxes  #modalgravar .box-conteudo .site .form input {
            margin: 3px;
        }
            #gravar #boxes  #modalgravar .box-conteudo .site .form .text {
                width: 150px;
            }

	#gravar #boxes  #modalgravar .box-conteudo .computador {
		width: 290px;
		float: left;
		margin: 0 0 0 5px;
	}
    	#gravar #boxes  #modalgravar .box-conteudo .computador a {
            text-decoration: underline;
        }


#gravar #boxes #modalgravar .box-bottom {
width: 600px;
height: 43px;
background: url(../img/bottom.png) bottom no-repeat;
margin: 0;
padding: 0;
}
	#gravar #boxes #modalgravar .box-bottom a {
		margin: 0 0 0 5px;
        color: #0a3b8a;
        text-decoration: underline;
	}

/*
 * LIGHTBOX - OPÇÕES
 */
#opcoes #mask {
position: absolute;
z-index:9000;
background-color: #323232;
top: 0;
left: 0;
filter: alpha(opacity=90);
opacity: 0.9;
display: none;
}

#opcoes #boxesopcoes .window {
position:absolute;
width:350px;
display:none;
z-index:9999;
padding:0;
top: 0;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#opcoes #boxesopcoes #maisopcoes {
width:342px;
/*height:394px;*/
padding: 10px;
}

#opcoes #boxesopcoes  #maisopcoes .box-top {
width:342px;
height:40px;
background: url(../img/box-top.png) top no-repeat;
}
	#opcoes #boxesopcoes  #maisopcoes .box-top h2 {
		color: #878787;
		float: left;
		display: table;
		padding: 10px 0 0 12px;
	}

	#opcoes #boxesopcoes  #maisopcoes .box-top .close {
		display:table;
		float:right;
		width: 28px;
		padding: 6px 6px 0 0;
	}

#opcoes #boxesopcoes  #maisopcoes .box-conteudo {
width:345px;
background: url(../img/meio.png) repeat-y;
}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo h3 {
		font-size: 1.1em;
        font-weight: bold;
		margin: 0;
		padding: 10px;
	}
    #opcoes #boxesopcoes  #maisopcoes .box-conteudo #descricao textarea {
        margin: 2px 0 0 0;
        padding: 0;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo #descricao .atualizar {
		padding: 8px;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo #cronometro {
		display: table;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo #cronometro .iniciar {
		padding: 0 8px 0 8px;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo #cronometro .parar {
		padding: 0 8px 0 8px;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo #cronometro .tempo_botao {
        float: left;
        display: inline;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo #cronometro .tempo_status {
		padding: 0 0px 0 0px;
        margin: 8px 0 0 30px;
        float: left;
        display: inline;
	}
	#opcoes #boxesopcoes  #maisopcoes .box-conteudo .borda-bottom {
		border-bottom: #ececec dashed 1px;
		width: 312px;
		margin: 10px 10px 0 10px;
	}
#opcoes #boxesopcoes #maisopcoes .box-bottom {
    width:342px;
    height:39px;
    background: url(../img/box-bottom.png) bottom no-repeat;
    margin: 0;
    padding: 0;
}
	#opcoes #boxesopcoes #maisopcoes .box-bottom .excluir {
		padding: 8px;
	}

/*
 * LIGHTBOX - CARREGAR
 */
#carregar #mask {
    position: absolute;
    z-index:9000;
    background-color: #323232;
    top: 0;
    left: 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
    display: none;
}

#carregar #boxescarregar .window {
    position:absolute;
    width:300px;
    display:none;
    z-index:9999;
    padding:0;
    top: 0;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#carregar #boxescarregar #modalcarregar {
    width:282px;
    /*height:394px;*/
    padding: 0px;
    margin: 0;
    }

#carregar #boxescarregar  #modalcarregar .box-top {
    width:282px;
    height:39px;
    background: url(../img/log_top.png) top no-repeat;
    padding: 0;
    margin: 0;
    border-bottom: #ececec solid 1px;
}
	#carregar #boxescarregar  #modalcarregar .box-top h2 {
		color: #878787;
		float: left;
		display: table;
		padding: 10px 0 0 15px;
        margin: 0;
	}

	#carregar #boxescarregar  #modalcarregar .box-top .close {
		display:table;
		float:right;
		width: 28px;
		padding: 6px 6px 0 0;
        margin: 0;
	}

#carregar #boxescarregar  #modalcarregar .box-conteudo {
    width:282px;
    background: url(../img/log_meio.png) repeat-y;
    padding: 0;
    margin: 0;
}
    #carregar #boxescarregar  #modalcarregar .box-conteudo p {
        padding: 20px 20px 0px 20px;
        margin: 0;
    }

        #carregar #boxescarregar  #modalcarregar .box-conteudo .form input {
            margin: 3px;
            padding: 0;
        }
            #carregar #boxescarregar  #modalcarregar .box-conteudo .form .text {
                width: 150px;
            }
        #carregar #boxescarregar  #modalcarregar .box-conteudo .form .enviar {
            margin: 10px 0 0 120px;
        }



#carregar #boxescarregar #modalcarregar .box-bottom {
    width:282px;
    height:37px;
    background: url(../img/log_bottom.png) bottom no-repeat;
    margin: 0;
    padding: 0;
}




/*
 * RODAPE
 */
div#footer {
    border-top: #f5f5f5 solid 1px;
    text-align: right;
    margin: 0 0 0 0;
}
    div#footer img {
        margin: 5px 0 0 0;
    }