/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, a { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Fix IE. Hide from IE Mac \*/
* html ul li a { height: 1%; }
/* End */

body{
    font-family: sans-serif;
    font-size: 12px;
    color: #333;
    text-align: center;
}

a{ text-decoration: none; color: black; font-weight: bold;}
a:hover{ color: red; font-weight: bold;}

.header{
    background: url('images/layout/bg-header.jpg') repeat-x;
}

#logo{
    text-align: left;
}

.user_menu{
    background: #eee;
    border-top: 1px solid #990000;
    border-bottom: 1px solid #b1b1b1;
}

.user_menu ul{
    display: table;
}

.user_menu ul li{
    display: inline;
}

.user_menu ul li a{
    display: block;
    float: left;
    line-height: 30px;
    padding: 0px 4px 0px 4px;
}

.meio{
    margin-top: 15px;
}

.meio h1{
    display: block;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    border: 1px solid #b1b1b1;
    padding: 3px;
    color: #000;
}

.meio div.conteudo, .meio div.app_content{
    padding: 8px;
    border: 1px solid #b1b1b1;
    border-top: none;
}

.meio div.conteudo{
    margin-bottom: 10px;
}

.fixed{
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.left{
    width: 160px;
    float: left;
}

.left h1{
    display: block;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    border: 1px solid #b1b1b1;
    padding: 3px;
    color: #000;
}

.left ul li a{
    display: block;
    padding: 3px;
    padding-left: 5px;
    border: 1px solid #b1b1b1;
    border-top: none;
    line-height: 16px;
}

.right{
    width: 810px;
    float: right;
}

.right h1{
    display: block;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    border: 1px solid #b1b1b1;
    padding: 3px;
    color: #000;
}

.right div.conteudo{
    padding: 8px;
    border: 1px solid #b1b1b1;
    border-top: none;
}

.right table tr td{
    font-size: 11px;
    color: #333;
    padding: 2px;
}

.erro h1{
    color: #c00;
    font-weight: bold;
    font-size: 30px;
    margin: 8px;
}

.erro p{
    padding: 10px;
    font-size: 12px;
}

.right table.lista_dados{
    border-left: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    font-size: 11px;
    width: 792px;
}

.planilha_orcam table.lista_dados, table.resultado_busca{
    border-left: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    font-size: 11px;
    width: 962px;
}

.right table.userdetail{
    border-left: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    font-size: 11px;
    width: 60%;
    margin-bottom: 10px;
}

.planilha_orcam table.lista_dados th, .right table.lista_dados th, table.userdetail th, table.resultado_busca th{
    background: #e1e1e1;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.planilha_orcam table.lista_dados td, .right table.lista_dados td, table.resultado_busca td{
    padding: 3px;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    text-align: center;
    background: #fff;
}

.right table.userdetail td{
    padding: 8px;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    background: #fff;
}

.planilha_orcam table.lista_dados td.center, .right table.lista_dados td.center, table.resultado_busca td.center{
    text-align: center;
}

.admin_menu{
    padding: 8px;
    margin-bottom: 10px;
    background: #eee;
    border: 1px solid #b1b1b1;
}

.fix{
    clear: both;
}

.ui_msg{
    padding: 5px;
}

table.busca tr td{
    padding: 3px;
    font-size: 11px;
}

#sucess{
    background: #51FF97;
    border: 1px solid #33CC00;
    margin-bottom: 8px;
}

#error{
    background: #ff9999;
    border: 1px solid #ff0000;
    margin-bottom: 8px;
}

#sucess h2, #error h2{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

#sucess p, #error p{
    padding-top: 4px;
}

.app{
    float: left;
    margin-right: 10px;
}

ul.vend_menu{
    display: table;
}

ul.vend_menu li{
    display: inline;
}

ul.vend_menu li a{
    display: block;
    float: left;
    line-height: 30px;
    padding: 0px 6px 0px 6px;
    margin-right: 10px;
    background: #21759B;
    color: white;
    margin-bottom: 10px;
}

.addcontent{
    padding: 4px;
}

.addcontent h1, .detalhe_orcamento h1, .detalhe_orcamento h2{
    display: block;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    border: 1px solid #b1b1b1;
    padding: 3px;
    color: #000;
    text-align: left;
}

.addcontent form, .detalhe_orcamento div.conteudo{
    border: 1px solid #b1b1b1;
    border-top: none;
    padding: 4px;
}

.addcontent form table tr td{
    padding: 3px;
    font-size: 11px;
}

.detalhe_orcamento div.conteudo table.orcam_detalhe{
    width: 940px;
    border-left: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    font-size: 11px;
    margin-bottom: 10px;
}

.detalhe_orcamento div.conteudo table.orcam_detalhe th{
    background: #e1e1e1;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}


.detalhe_orcamento div.conteudo table.orcam_detalhe td{
    padding: 8px;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    background: #fff;
}

.itens_orcamento table.lista_itens{
    border-left: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    font-size: 11px;
    width: 940px;
    margin-top: 5px;
}

.itens_orcamento table.lista_itens td{
    padding: 3px;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    text-align: center;
    background: #fff;
}

.itens_orcamento table.lista_itens th{
    background: #e1e1e1;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}