/* -----------------------------------------------------------
	header
----------------------------------------------------------- */ 

#header
{
    margin: 0 auto;
    padding: 10px 0 0 0;
    background: #b0b0b0 url("../img/header_background.png") repeat;
}

/* -----------------------------------------------------------
	header -> outer
----------------------------------------------------------- */ 

#header #header-outer
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

/* -----------------------------------------------------------
	header -> quick
----------------------------------------------------------- */

#header #header-inner #quick ul
{
    left: 0;
}

#header #header-inner #quick li ul ul 
{
    left: 200px;
}

/* -----------------------------------------------------------
	content
----------------------------------------------------------- */ 

#content 
{
    margin: 10px auto 10px auto;
    width: 960px;
    background: url("../img/content_fixed.png") repeat-y top left;
    clear: both;
    overflow: hidden;	
}

/* -----------------------------------------------------------
	content -> left
----------------------------------------------------------- */ 

#content #left
{
    left: auto;
    width: 210px;
    position: relative;
    float: left;
}

/* -----------------------------------------------------------
	content -> left -> menu
----------------------------------------------------------- */ 

#content #left #menu
{
    margin: 5px 10px 0 10px;
}

/* -----------------------------------------------------------
	content -> left -> date picker
----------------------------------------------------------- */ 

#content #left #date-picker
{
    margin: 5px 10px 0 10px;
}

/* -----------------------------------------------------------
	content -> right
----------------------------------------------------------- */ 

#content #right
{
    margin: -10px 0 0 10px;
    width: 740px;
    float: left;
    clear: none;
}

/* -----------------------------------------------------------
	content -> right -> forms -> labels
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.label
{
    left: 0;
    margin-right:4px;
    position: relative;
    float: left;
    font-size: 12px;
}

#content div.box-left div.form div.fields div.field div.label,
#content div.box-right div.form div.fields div.field div.label
{
    float: none;
}

/* -----------------------------------------------------------
	content -> right -> forms -> input
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.input
{
    margin: 0;
    float: left;
}

#content div.box div.form div.fields div.field div.input input.small
{
    width: 180px;	
}

#content div.box div.form div.fields div.field div.input input.medium
{
    width: 300px;	
}

#content div.box div.form div.fields div.field div.input input.large
{
    width: 479px;	
}

#content div.box-left div.form div.fields div.field div.input input,
#content div.box-right div.form div.fields div.field div.input input
{
    width: 307px;
}

/* -----------------------------------------------------------
	content -> right -> forms -> textarea
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.textarea
{
    margin: 0;
    float: left;
}

#content div.box div.form div.fields div.field div.textarea textarea,
#content div.box div.form div.fields div.field div.textarea textarea
{
    width: 301px;
}

/* -----------------------------------------------------------
	content -> right -> forms -> select
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.select
{
    margin: 0;
    float: left;
}

/* -----------------------------------------------------------
	content -> right -> forms -> checkboxes
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.checkboxes
{
    margin: 0;
    float: left;
}

/* -----------------------------------------------------------
	content -> right -> forms -> radios
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.radios
{
    margin: 0;
    float: left;
}

/* -----------------------------------------------------------
	content -> right -> tables
----------------------------------------------------------- */

#content div.box table td.selected
{
    width: 5%;
}

#content div.box table td.date
{
    width: 30%;
}

/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */

#footer
{
    margin: 0 auto;
    width: 960px;
}

#footer p
{
    margin: 0 10px 0 10px;
}

/*============================= CSS DA STUDIOA ===============================*/
.forte{
    font-weight: bold;
}
.divleft{
    float: left;
    margin-right: 8px;
    border-right: 1px solid #B5B5B5;
    width: 106px;
    height: 29px;
}
.divleftlast{
    float: left;
    margin-left: 5px;
    width: /*106*/205px;
    height: 28px;
}
.blocoTitulo{
    width: 702px;
    /*    height: 24px;*/
    background-color: #EEE;
    margin: 0 auto;
    margin-top: 18px;
    margin-bottom: 8px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 10px
}
.blocoTitulo2{
    width: 702px;
    /*    height: 24px;*/
/*    background-color: #EEE;*/
    margin: 0 auto;
    margin-top: 18px;
    margin-bottom: 8px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 10px;
    color: #356BA0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;    
}
.fieldsetsta{
    padding: 6px !important;
    font-size: 12px !important;
    border: 1px solid #B3B3B3 !important;
    margin: 5px 0px 25px 0px;
    color: #393939 !important;
}
.fieldsetstain{
    padding: 6px !important;
    font-size: 12px !important;
    border: 1px solid #B3B3B3 !important;
    margin: 5px 0px 5px 10px;
    color: #393939 !important;
}
.opitem{
    display: block !important;
    font-size: 11px !important;
    height: 13px !important;
    float: left !important;
    margin: 0px !important;
    padding: 0px !important;
    line-height: 1px !important;
    color: #393939 !important;
}
.opitem2{
    display: block !important;
    font-size: 13px !important;
    height: 13px !important;
    float: left !important;
    margin: 0px !important;
    padding: 0px !important;
    line-height: 1px !important;
    color: #393939 !important;
}
.excluir{
    width: 16px !important;
    height: 16px !important;
    padding: 15px !important;
}
.editausu{
    cursor: pointer !important;
}
#products td{
    text-align: center;
    vertical-align: middle;
}
.meialinha{
    margin-bottom: 4px !important;
}
.meialinha td{
    height: 27px !important;
    padding: 4px !important;
    border-top: 1px solid #CDCDCD !important;
}
.fieldParc{
    border-bottom: none !important;
    clear: both !important;
    height: 1% !important;
    margin: 0px 0px 0px !important;
    overflow: hidden !important;
    padding: 9px 0px 3px !important;
}
.fieldParclast{

    clear: both !important;
    height: 1% !important;
    margin: 0px 0px 0px !important;
    overflow: hidden !important;
    padding: 5px 0px 9px !important;
}
.visualizar{
    cursor: pointer !important;
}

.invisivel{
    display:none !important;
}

.tabelaDados thead tr td{
    background-color: #eee !important;
    font-weight: bold !important;
    text-align: center !important;
}
/*------------------Paginação--------------------------*/

#content div.box div.pagination
{
    margin: 10px 0 0 0;
    padding: 0;
    height: 1%;
    clear: both;
    overflow: hidden;
}

#content div.box div.pagination div.results
{
    margin: 0;
    padding: 0;
    text-align: left;
    float: left
}

#content div.box div.pagination div.results a
{
    margin: 0;
    padding: 6px 8px 6px 8px;
    height: 1%;
    display: block;
    float: left;
    background: #ebebeb url("../img/pager.png") repeat-x;
    border-top: 1px solid #dedede;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    color: #4A4A4A;
    font-weight: bold;
}

#content div.box div.pagination div.pager
{
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
}

#content div.box div.pagination div.pager a
{
    margin: 0 4px 4px 4px;
    padding: 0;
    height: 1%;
    float: left;
    list-style: none;
    background: #ebebeb url("../img/pager.png") repeat-x;
    border-top: 1px solid #dedede;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    color: #4A4A4A;
    font-weight: bold;
}

#content div.box div.pagination div.pager a.separator
{
    padding: 6px;
}

#content div.box div.pagination div.pager strong
{
    padding: 6px;
    background: #b4b4b4 url("../img/pager_selected.png") repeat-x;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #afafaf;
    color: #515151;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

#content div.box div.pagination div.pager a.disabled
{
    padding: 6px;
    color: #B4B4B4;
}

#content div.box div.pagination div.pager a
{
    margin: 0;
    padding: 6px;
    height: 1%;
    display: block;
    float: left;
    color: #515151;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
}

#content div.box div.pagination div.pager a:hover,
#content div.box div.pagination div.pager a:active
{
    margin-left: 3px;
    margin-right: 3px;
    background: #b4b4b4 url("../img/pager_selected.png") repeat-x;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #afafaf;
}