/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxx PADRÃO DE COLUNAS xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 

/* Div de espaçamento para controle de conteúdo */
#geral{
    padding: 8px;
    position: relative;
}

/*Se for necessário exibir 4 ou 6 quadros de informação (2 ou 3 e abaixo mais 2 ou 3)
* Use esta marcação para criar os quadros.
*/
.boxCol{
    float: left;
    width: 1185px;
    margin-bottom: 20px;
}

/* Div usada para exibição de conteúdo em duas colunas: Coluna Esquerda */
.left{
    width: 575px;
    padding: 4px;
    margin-bottom: 10px;
    margin-left: 3px;
    float: left;
}

/* Div usada para exibição de conteúdo em duas colunas: Coluna Direita */
.right{
    width: 575px;
    margin-left: 595px;
    padding: 4px;
}

/* Div usada para exibição de conteúdo em três colunas: Coluna Direita */
.col1{
    width: 382px;
    float: left;
    padding: 2px;
    margin-bottom: 10px;
}

/* Div usada para exibição de conteúdo em três colunas: Coluna Meio */
.col2{
    width: 382px;
    padding: 2px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
}

/* Div usada para exibição de conteúdo em três colunas: Coluna Esquerda */
.col3{
    width: 382px;
    padding: 2px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
}



/* Renderiza os boxes lado a lado */
.eco-row
{
    padding: 0px 0px 0px 0px;
    float: left;
}

/* Customização geral para divisão de boxes nas telas */
#boxPragaDoenca
{
    font-family: arial;
    border-style: dotted;
    border-color: #CCC;
    border-width: 2px;
    background: #ebf4fa;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 160px;
}

.boxPD
{
    width: 180px;
    height: 73px;
    margin-top: 15px;
    margin-left: 5px;
    padding-bottom: 20px;
    float:left;
}

.boxCP
{
    width: 100px;
    height: 23px;
    margin-top: 15px;
    margin-left: 10px;
    padding-bottom: 13px;
    float:left;
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
}

.boxDef
{
    width: 215px;
    height: 23px;
    margin-top: 15px;
    margin-left: 10px;
    padding-bottom: 13px;
    float:left;
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
}

.boxPDRelatorio
{
    width: 180px;
    height: 1px;
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 20px;
    float:left;
}

.boxParcela
{
    width: 270px;
    height: 180px;
    margin-top: 15px;
    margin-left: 5px;
    padding-left: 7px;
    padding-top: 3px;
    padding-bottom: 20px;
    background-image: url(../img/bg_parcela.png);
    background-repeat: no-repeat;
    float:left;
}

.boxMedicao
{
    width: 270px;
    height: 50px;
    margin-top: 15px;
    margin-left: 5px;
    padding-left: 7px;
    padding-top: 3px;
    padding-bottom: 20px;
    float:left;
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
}

/*Div para organização de campos em linha (ex: add de pessoas)*/
.campoEmLinha{
    margin-right: 15px;
    position: relative;
    float: left;
}