body {margin:0;padding:0;background:#EFEFEF;font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;font-size: 12px; color:#666}

#header {width:100%;height:100px;overflow: hidden}
#content {float:left;width:100%;background:#fff;}
#footer {float:left;width:100%;height:200px;}

a {text-decoration:none;color:#5A4D21}
a:hover {text-decoration:underline}
select {border:1px solid #5A4D21;background:#CDC094}


.btn-left {margin:0 auto;padding: 5px 0px 5px 0px;width:22px;height:23px;background:url(btn-left.jpg) no-repeat}
.btn-bg {margin:0 auto;background:url(btn-bg.jpg) repeat-x;padding: 5px 0px 5px 0px;}
.btn-right {margin:0 auto;padding: 5px 0px 5px 0px;width:22px;height:23px;background:url(btn-right.jpg) no-repeat}

.align-right {float:right;}
.align-left {float:left;}

.btn-center {margin:0 auto;width:100%;background:red;}

.date-top {float:right}
.btn-top {float:right}

h1 {font-size:18px;color:#5A4D21;margin:20px 0;}
h2 {font-size:12px;color:#5A4D21;}

.container {margin:0 auto;width:1006px;}
.container-top {margin:0 auto;width:1006px;height:100px;background:url(top.gif) no-repeat scroll 50% 15px transparent;}

.container-main {margin:0 auto;width:1006px;background:url(bg-engrenagem.gif) no-repeat;background-position:bottom;padding-top:20px;padding-bottom:20px;min-height: 300px;}
.container-main #text {margin:0 auto;width:850px;font-size:12px;color:#BAC192;line-height:1.7em;}
.container-main #text #title {margin:0 auto;text-align:center;}
.container-main #text #title .title {font-size:18px;color:#5A4D21;}
.container-main #text .date {margin:0 auto;text-align:center;font-size:12px;color:#5A4D21;}
.container-main #text #box {margin:0 auto;width:450px;height:150px;background:#FFF;border:2px solid #CDC094; position: relative;}
.container-main #text #box #btn {float:right;xmargin:130px 20px 0px 0px; background: transparent; position: absolute; top:130px; right: 20px}
.container-main #text #box #box-title {margin:0 auto;padding:5px 0px 5px 0px;height:15px;background:#CDC094;font-size:12px;color:#5A4D21;z-index: 1001; }
.container-main #text #box #box-login {margin:0 auto;width:250px;height:100px;;padding-top:20px;}
.container-main #text #box #box-login label {float:left;width:100px;padding:3px 1px;font-size:11px;color:#5A4D21;text-align:right;padding-right:5px;}
.container-main #text #box #box-login input {border:1px solid #CDC094;background:#FDF0B4;padding:3px 3px 3px 3px;color:#5A4D21;Font-size:11px;font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;}
.container-main #text #box-cliente-usuario {margin:0 auto;width:770px;height:150px;background:#FAFCFE;border:2px solid #CDC094;}
.container-main #text #box-cliente-usuario #box-title {margin:0 auto;padding:5px 0px 5px 0px;width:100%;height:15px;background:#CDC094;font-size:12px;color:#5A4D21;}
.container-main #text #box-cliente-usuario #box-row01 {margin:0 auto;padding:5px 0px 5px 0px;width:100%;height:15px;background:#FAFCFE;border:1px solid #CDC094;font-size:12px;color:#5A4D21;}

.container-footer {margin:0 auto;width:1006px;height:200px;background: no-repeat;}
.container-footer #text {text-align:center;font-size:12px;color:#5A4D21;line-height:1.7em;}

.table-center {margin:0 auto;width:772px;color:#5A4D21}
.container-table {margin:0 auto;background:url(mid-770.gif) repeat-y;margin-bottom:10px;}
.content-table {width:770px;background:url(bot-770.gif) bottom left no-repeat;padding-bottom:3px;}

.alert {color:red;}
.obs {color:#666;}

#table1 p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders1.gif) 4px 0 repeat-y;}
#table1 span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table1 span.coltitle {width:765px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table1 span.col1 {width:760px;}
#table1 .lastLine {clear:both;width:766px;}
#table1 p.firstLine span {border-top:none;padding-top:0px;}


#table2 p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders2.gif) 4px 0 repeat-y;}
#table2 span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table2 span.coltitle {width:765px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table2 span.col1title {width:380px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table2 span.col2title {width:380px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table2 span.col1 {width:375px;}
#table2 span.col2 {width:375px;}
#table2 .lastLine {clear:both;width:766px;}
#table2 p.firstLine span {border-top:none;padding-top:0px;}


#table2Email p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders2Email.gif) 4px 0 repeat-y;}
#table2Email span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table2Email span.coltitle {width:765px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table2Email span.col1title {width:380px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table2Email span.col2title {width:380px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table2Email span.col1 {width:50px;}
#table2Email span.col2 {width:700px;}
#table2Email .lastLine {clear:both;width:766px;}
#table2Email p.firstLine span {border-top:none;padding-top:0px;}


#table3 p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders3.gif) 4px 0 repeat-y;}
#table3 span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table3 span.coltitle {width:765px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table3 span.col1title {width:252px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table3 span.col2title {width:252px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table3 span.col3title {width:251px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table3 span.col1 {width:247px;}
#table3 span.col2 {width:247px;}
#table3 span.col3 {width:246px;}
#table3 .lastLine {clear:both;width:766px;}
#table3 p.firstLine span {border-top:none;padding-top:0px;}


#table4 p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders4.gif) 4px 0 repeat-y;}
#table4 span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table4 span.coltitle {width:765px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table4 span.col1title {width:188px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table4 span.col2title {width:188px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table4 span.col3title {width:187px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table4 span.col4title {width:187px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table4 span.col1 {width:183px;}
#table4 span.col2 {width:183px;}
#table4 span.col3 {width:182px;}
#table4 span.col4 {width:182px;}
#table4 .lastLine {clear:both;width:766px;}
#table4 p.firstLine span {border-top:none;padding-top:0px;}


#table5 p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders5.gif) 4px 0 repeat-y;}
#table5 span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table5 span.coltitle {width:765px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table5 span.col1title {width:149px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table5 span.col2title {width:149px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table5 span.col3title {width:149px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table5 span.col4title {width:149px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table5 span.col5title {width:149px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table5 span.col1 {width:144px;}
#table5 span.col2 {width:144px;}
#table5 span.col3 {width:144px;}
#table5 span.col4 {width:144px;}
#table5 span.col5 {width:144px;}
#table5 .lastLine {clear:both;width:766px;}
#table5 p.firstLine span {border-top:none;padding-top:0px;}


#table8 p {float:left;clear:both;width:100%;margin:0;font-size:1em;line-height:1.8em;background:url(borders8.gif) 4px 0 repeat-y;}
#table8 span {float:left;padding:0px 5px 0px 5px;border-top:1px solid #CDC094;font-size:11px;color:#666;}
#table8 span.coltitle {width:765px;padding:1px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col1title {width:92px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col2title {width:92px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col3title {width:91px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col4title {width:91px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col5title {width:91px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col6title {width:91px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col7title {width:91px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col8title {width:91px;padding:10px 0px 10px 5px;background:#CDC094;font-size:12px;color:#5A4D21;}
#table8 span.col1 {width:87px;}
#table8 span.col1Alert {width:87px;color:red;}
#table8 span.col2 {width:87px;}
#table8 span.col3 {width:86px;}
#table8 span.col4 {width:86px;}
#table8 span.col5 {width:86px;}
#table8 span.col6 {width:86px;}
#table8 span.col7 {width:86px;}
#table8 span.col7Alert {width:86px;color:red}
#table8 span.col8 {width:86px;}
#table8 .lastLine {clear:both;width:766px;}
#table8 p.firstLine span {border-top:none;padding-top:0px;}

.cleaner {height:0;clear:both;}



#mainmenu
{
    background:url("bg-menu.gif") repeat-x scroll 0px 0px transparent;
    text-align: center;
    height: 30px;
}

#mainmenu ul
{
    padding:0px 20px 12px 200px;
    margin:auto;
}

#mainmenu ul li
{
    display: block;
    float: left;
    margin-top: 5px;
}

#mainmenu ul li a
{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding: 9.5px 5px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #5A4D21;
    background-color:#fff;
    text-decoration:none;
}

.operations  li {
    display: inline;
    float:left;
    list-style-type: none;
    color:#5A4D21;
    padding: 0 0 0 10px;
}



div.form
{
}

div.form input,
div.form textarea,
div.form select
{
    margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
    border: 1px solid #DDD;
    padding: 10px;
    margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}

div.form .row
{
    margin: 5px 0;
}

div.form .hint
{
    margin: 0;
    padding: 0;
    color: #999;
}

div.form .note
{
    font-style: italic;
}

div.form span.required
{
    color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
    color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
    background: #FEE;
    border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{

}


div.form .errorSummary
{
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

div.form .errorMessage
{
    color: red;
    font-size: 0.9em;
}

div.form .errorSummary p
{
    margin: 0;
    padding: 5px;
}

div.form .errorSummary ul
{
    margin: 0;
    padding: 0 0 0 20px;
}

div.wide form label
{
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}

div.wide form .row
{
    clear: left;
}

div.wide form .buttons
{
    clear: left;
    padding-left: 110px;
}

div.wide form .errorMessage
{
    margin: 0 0 0 110px;
}

#tblEntregasPorPeriodo {
    width:800px;

}

#tblEntregasPorPeriodo th {
    background: #5A4D21;
    color: #fff;

}

#tblEntregasPorPeriodo  td {
    border: #5A4D21 solid 1px;
}


#tablesprodutosdaentrega {
    width:550px;
    margin:auto;
}

#tablesprodutosdaentregax th {
    background: #5A4D21;
    color: #fff;

}

#tablesprodutosdaentregax  td {
    border: #5A4D21 solid 1px;
}

xul.operations li, xa.search-button {
    border-right: #5A4D21 solid 1px;
    border-left: #5A4D21 solid 1px;
    margin-left: -1px;
    padding: 0 5px;
    height: 25px;

   background: url('./bt2.jpg') repeat-x;
}

ul.operations li a:before, a.search-button:before, input[type="submit"]:before, .btlayout:before {
    content: url('./bt1.jpg');
    display: block;
    margin-top: -3px;
    float: left;
}
ul.operations li a:after, a.search-button:after, input[type="submit"]:after, .btlayout:after {
    content: url('./bt3.jpg');
    display: block;
    margin-top: -3px;
    float: right;
}
ul.operations li a, a.search-button, input[type="submit"], .btlayout {
    background: url('./bt2.jpg') repeat-x 0px 0px;
    height: 25px;
    vertical-align: middle;
 display:inline-table;
 padding-top: 3px;
}


ul.operations li a:hover, a.search-button:hover {text-decoration: none;}

ul.operations {
    margin-left: -40px;
}

input, textarea, select {
    background:none repeat scroll 0 0 #FDF0B4;
    border:1px solid #CDC094;
    color:#5A4D21;
    font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    padding:3px;
}

div.items div.view {
    border-bottom: #CDC094 solid 1px;
    margin-bottom: 30px;
    line-height: 25px;
}

.ui-widget {
font-size:12px !important;
}

div#loading {
    position: absolute;
    z-index: 100000000;
    left:0;
    top:0;
    width:100%;
    height: 2000px;
  filter:alpha(opacity=60);
  opacity:0.6;
  background: #000 url(http://pdo.ativesolucoes.com.br/css2/carregando.gif);
  color:#fff;
  text-align: center;
  vertical-align: middle;
  display: none;
}

.box {
    border: #CCC 1px solid;
    padding: 15px 50px 15px 50px;
    position: relative;
    display: inline-block;
    margin: auto;
}

.box.form input[type='submit'], .box.form a.btlayout {float: right}

.span-25 {
    width:25%;
    float:left;
}

.span-33 {
    width:33%;
    float:left;
}
.clear {
    clear:both;
}
ul.yiiPager .selected a {
    background: none repeat scroll 0 0 #605223 !important;
    color: #FFFFFF;
    font-weight: bold;
}
ul.yiiPager a:hover {
    border: 1px solid #E8DEAE !important;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: 1px solid #605223 !important;
    color: #AAA223 !important;
    font-weight: bold;
    padding: 1px 6px;
    text-decoration: none;
}