/* 
    Document   : style
    Created on : 31/03/2010, 15:59:39
    Author     : Andreia de Oliveira
    Description:
        Padrão do framework
*/

/****************************************************************
/****************************************************************
/********* ESTILOS DA PÁGINA PRINCIPAL - LAYOUT E INDEX *********
/****************************************************************
****************************************************************/
#global {
    width: 760px;
    background: #FFFFFF;
    margin: 0 auto;
    text-align: left;
    display: table;
}

#global div#cabecalho { margin: 0 5px 0 0px;  width: 760px; }
    #global div#cabecalho div.logotipo { float: left; margin-left: 25px }
    #global div#cabecalho div.bandeiras { float: left; margin: 88px 15px 0 15px; }

    #global div#cabecalho div#right { float: right; margin: 0px; }

        #global div#cabecalho div#right div.telefones { margin: 5px 11px 0 157px; }
            #global div#cabecalho div#right div.telefones p.telefone { float: right; margin: 3px 3px 0 0px; }
            #global div#cabecalho div#right div.telefones img { float: right; margin: 0px; }

        #global div#cabecalho div#right div.pesquisar { float: right; display: block; clear: both; margin: 0 12px 0 0; height: 50px; width: 370px; }
            #global div#cabecalho div#right div.pesquisar input { float: right; width: 74px; }
            #global div#cabecalho div#right div.pesquisar span.texto { float: right; margin: 0; }
                #global div#cabecalho div#right div.pesquisar span.input-texto input { float: right; width: 120px; height: 19px; margin: 1px 2px 0 3px; }
            

/* DESTQUE E MINIIMAGEM */
#destaque { width: 743px; margin: 0px 0 0 11px; }
#mini_imagem { width: 743px; margin: 0px 0 0 11px; }

/* MENU */
#global div#menu {
    width: 743px;
    height: 36px;
    padding-top: 0;
    margin: 0 0 0 11px;
    text-align: center;
    display: table;
    background: url(../images/layout/menu.png) #fcf7e9;
}
    #global div#menu ul {
        list-style: none;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        display: table;
    }
    #global div#menu ul li { float: left; }
    #global div#menu ul li img {  margin: 0px 0 0 12px; padding-top: 0px }
        #global div#menu ul a {
            float: left;
            padding-top: 0;
            margin-top: 8px;
            margin-right: 9px;
            margin-left: 20px;
            list-style: none;
            text-align: center;
            color: #936100;
        }
        #global div#menu ul a:hover { color: #5a3b00; }

#global div#view { /*margin: 20px;*/ }

/* BOX CINZA */
#global div#view div#box-father {
    background: url(../images/layout/box_color.png) #fafbfb repeat-y;
    display: table;
    width: 760px;
    margin: 0 0 0 4px;
    padding:  0 0 0px 0;
    /*position: relative;*/
}
#global div#view div#box {
    background: url(../images/layout/box.jpg)  no-repeat;
    width: 760px;
    background-position: bottom;
    margin: 0 0 0 0px;
    padding:  0 0 40px 0;
    display: table;
}
    div#box div.boxes {
        margin: 0 0px 0 19px;
        display: table;
        width: 720px;
        padding-top: 10px;
    }
    
        div#box div.boxes div.feno {
            width: 215px;
            display: table;
            font-size: 1.1em;
        }
            div#box div.boxes div.feno div.p { margin-left: 8px; width: 205px; }
            div#box div.boxes div.feno div.imagem {
                margin-left: 3px;
                padding-top: 23px;
            }
            div#box div.boxes div.feno h2.titulo a { padding: 0 0 0 37px; margin: 0; }


        div#box div.boxes div.pulverizacao {
            width: 225px;
            font-size: 1.1em;
            display: table;
        }
            div#box div.boxes div.pulverizacao div.p { margin-left: 18px; width: 205px; }
            div#box div.boxes div.pulverizacao div.imagem {
                padding-left: 10px;
                padding-top: 15px;
            }
            div#box div.boxes div.pulverizacao h2.titulo a { padding: 0 0 0 55px; margin: 0; }

    div#box div.boxes div.classificados div.link {
        position: absolute;
        
    }
     div#box div.boxes div.classificados div.link a {
        padding: 0px 10px 30px 0;
    }
        div#box div.boxes div.classificados {
            width: 230px;
            display: table;
        }
            div#box div.boxes div.classificados div.link-bottom p { font-size: 1.1em; margin-left: 25px; display: table; margin-top: 225px; }
            div#box div.boxes div.classificados h2.titulo { margin: 15px 0 15px 55px;  }
            div#box div.boxes div.classificados ul.classificados {  padding-left: 22px; display: table; }
            div#box div.boxes div.classificados ul.classificados li { width: 135px; list-style-image: url(../images/layout/seta_list.png); }

        div.left div.imagem { margin-right: 25px  }

/* CONTEÚDO BOTTOM - CONTATO - ARTIGOS - CADASTRO */
div#containner_bottom div.boxes { float: left; }

/* VENHA NOS VISITAR */
div#containner_bottom div.boxes div.contato { width: 220px; margin-left: 15px; }

/* NOTÍCIAS E ARTIGOS */
div#containner_bottom div.boxes div.noticias { width: 220px; margin-left: 25px; }
div#containner_bottom div.boxes div.noticias ul.noticias { margin-top: 15px; }
div#containner_bottom div.boxes div.noticias ul.noticias li { list-style-image: url(../images/layout/seta_list.png); margin-left: 15px; margin-top: 4px; }

/* CADASTRAR MÁQUINAS */
div#containner_bottom div.boxes div.cadastrar_maquinas { width: 240px; margin-left: 35px; }
div#containner_bottom div.boxes div.cadastrar_maquinas div.kuhn { margin-left: 12px; margin-top: 20px; }

/* RODAPÉ */
#global div#rodape { border-top: 1px solid #f5f5f5; margin: 20px 0 0 0; }
#global div#rodape p { font-size: 0.8em; color: #969595; margin-top: 5px; }

/*********************************************/
/* -> FIM - ESTILOS PÁGINA PRINCIPAL E INDEX */
/*********************************************/


/****************************************************************
/****************************************************************
/*********** ESTILOS DAS PÁGINAS INTERNAS - VIEWS ***************
/****************************************************************
****************************************************************/
div#view div#conteudo { margin-left: 15px; width: 743px; }
div#view div#conteudo a { color: #a67a22; }

/* TABELA COM A LISTAGEM DE OFERTAS */

/* IMAGEM MEIO - TABELA OFERTAS */
div#tabela-ofertas { background: url(../images/views/meio_ofertas.png) repeat-y; width: 737px; margin-left: 0px; margin-top: 10px; }
div#tabela-ofertas .categorias_item { margin: 0 2px 0 2px; }
div#tabela-ofertas table { padding-left: 2px; width: 735px; }
    div#tabela-ofertas table thead td {
        background: url(../images/views/topo_table.png) repeat-x;
		height: 37px;
        padding: 0;
        margin: 0;
    }
    div#tabela-ofertas table tr .azul { color: #0b509f; }
    div#tabela-ofertas table td { color: #A7A1A1; }
    div#tabela-ofertas table tr.pass1 { background: #fafafa; }
    div#tabela-ofertas table tr.pass2 { background: #f5f5f5; }
    div#tabela-ofertas table tr.pass2 td { 
 		border-top: 1px solid #efefef;
 		border-bottom: 1px solid #fefefe;
	}
    div#tabela-ofertas table tr .primary { color: #333333; font-size: 1em; }
    div#tabela-ofertas table tr .secondary { font-size: 0.9em; }
    div#tabela-ofertas table td span.titulo {
        color: white;
        font-weight: bold;
        font-size: 1.1em;
        padding-left: 5px;
    }
	    div#tabela-ofertas table td span.titulo a { color: #eac780 !important; text-decoration: none; }
	    div#tabela-ofertas table td span.titulo a.clicked { color: #eac780 !important; font-weight: normal; font-style: italic; text-decoration: none; }
	
    div#tabela-ofertas table tr td {
        vertical-align: top;
		padding-top: 6px;
		padding-bottom: 5px;
		line-height: 30px;
    }
    div#tabela-ofertas table td span.conteudo {
        padding-left: 5px;
		display: block;
		line-height: 16px;
    }
    div#tabela-ofertas table td span.conteudo span.empty_value {
        color: #cccccc;
    }
    div#tabela-ofertas table td span.img img {
        margin-left: 5px; padding-top: 0px;
    }
    div#tabela-ofertas table td#codigo { width: 90px; }
    div#tabela-ofertas table td#fabricante { width: 130px; }
    div#tabela-ofertas table td#modelo { width: 70px; }
    div#tabela-ofertas table td#ano { width: 42px; }
    div#tabela-ofertas table td#categoria { width: 85px; }
    div#tabela-ofertas table td#acessorios {  }
    div#tabela-ofertas table td#valor { width: 105px; }
    div#tabela-ofertas table td#ver { width: 40px; }

/* BOTTOM TABELA OFERTAS */
div#tabela-ofertas-bottom { background: url(../images/views/bottom_ofertas.png) no-repeat; width: 737px; height: 10px; margin-left: 0px; }

/* CONTATO */
div#conteudo div.erro p { color: #f16f06; }
    div#conteudo span.enviado { color: #056930; font-weight: bold; }

/* NOTÍCIAS E ARTIGOS */
div#conteudo ul.noticias { margin-left: 17px; margin-top: 10px; }
    div#conteudo ul.noticias li { list-style-type:circle; color: #624203; }

/* DETALHES DO PRODUTO */
div#titulo-produto { float: left; display: table; width: 740px; margin-bottom: 15px; }
div#titulo-produto h2 { float: left; color: #197b16; margin-right: 10px; font-size: 2.7em;  }
    div#titulo-produto div.estado-produto { float: left; width: 220px; padding-top: 15px; }
        div#titulo-produto div.estado-produto p { color: #629860; font-size: 1.1em; }

/* BOX CINZA */
div#box-father-produto {
    background: url(../images/views/box-color.png) #fafbfb repeat-y;
    display: table;
    width: 760px;
    margin: 0 0 0 4px;
    padding:  0 0 0px 0;
    /*position: relative;*/
}
div#box-produto {
    background: url(../images/views/box-produto.png) no-repeat;
    width: 760px;
    background-position: bottom;
    margin: 0 0 0 0px;
    padding:  0 0 40px 0;
    display: table;
}
div#box-produto div.boxes { float: left;  }
    div#box-produto div.especificacoes { width: 300px; margin: 15px 0 0 45px; }
        div#box-produto div.especificacoes ul.especificacoes li { list-style-type:circle; color: #000000; margin-left: 18px;  }
        div#box-produto div.especificacoes h3 { color: #3c3c3c; font-size: 1.8em; margin-bottom: 10px; margin-top: 0; }
        div#box-produto div.especificacoes p { margin-top: 30px; padding-bottom: 10px; }
        div#box-produto div.especificacoes p span.valor { color: #25679f; font-size: 2.1em; margin-right: 5px; }

    div#box-produto div.imagem-produto { width: 350px; margin: 15px 0 0 30px; padding-left: 0px; }
    div#box-produto div.botao-imagem  { float: left; margin: 0 15px 0 0px; display: table; }
    div#box-produto div.imagem-produto div.imagem { float: left; }
    div#box-produto div.imagem-produto h3 { margin-left: 24px; }

    /* LINK AUMENTAR */
    div#box-produto div.link { margin-right: 10px; }
        div#box-produto div.link a { float: left; color: #977005; text-decoration: underline; margin: 7px 20px 0 2px; }
            div#box-produto div.link a:hover { text-decoration: none;}
    
    /* ICON - LINK AUMENTAR */
    div#box-produto div.icon { margin-top: 4px; float: left  }
        div#box-produto div.icon a { float: left; margin-left: 00px; display: table; }

div#view div.mais { margin-left: 15px; }
    div#view div.mais h3 { color: #3c3c3c; font-size: 1.8em; }

/* CADASTRE SUA OFERTA */
div#conteudo div.box-dica {
    width: 520px;
    background: #fffdc8;
    padding-top: 0px;
    margin-left: 20px;
    margin-bottom: 15px;
    display: table;
    border: 1px solid #f8eccc;
    margin-top: 10px;
}
div#produto-merchan {
    margin-left: 11px;
}
    div#conteudo div.box-dica p {
        color: black;
        padding: 0px;
        padding-left: 5px;
        padding-bottom: 4px;
        padding-top: 5px;
        margin: 0px;
        display: table;
    }
    
div#conteudo div.formulario { border: 1px solid #eeeeee; margin-bottom: 10px; padding: 5px; }
div#conteudo div.formulario div.titulo-form { margin: 0 0 15px 5px; }
div#conteudo div.formulario div.titulo-form h3 { margin-top: 5px; }
div#conteudo div.formulario table { margin-left: 15px;  }
    div#conteudo div.formulario table td.titulo { padding-top: 4px; width: 150px; }
    div#conteudo div.formulario table td.input { width: 245px; margin-right: 5px; }
    div#conteudo div.formulario table td.input input { width: 245px; }
    div#conteudo div.formulario table td.explicacao {
        font-size: 0.9em;
        color: #4b4b4b;
        border: 1px solid #f4eacf;
        background: #fcf7e9;
        padding: 5px;
    }
    div#conteudo div.formulario table textarea { width: 245px; margin-right: 5px;  }
    div#conteudo div.formulario table td.textarea textarea { width: 697px; }

    div#conteudo div.formulario table div.input_validation_error { color: red; font-size: 0.9em; }