/*
|--------------------------------------------------------------------------
| Arquivo : base
|--------------------------------------------------------------------------
|
| Folha de estilo responsável pelas formatações da estrutura do site,
| deve apenas conter formatações que repetem nas páginas.
|
*/


/** CONFIGURAÇÕES
*********************************/
body{
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    background:#2C2C2C;
}
a{
    color:#333;
    text-decoration:none;
    outline: none;
}
a:hover{
    color:#1F92FF;
    text-decoration:underline;
}
a img{
    border:0px;
}
form{
    margin:0px;
}

.boxdados{
    border:1px solid #9D9D9D;
    margin-top:15px;
    background:#fff; overflow: hidden;
}
.formboxi{
    padding:10px;
}

.formboxi label{
    font-size:13px;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
}

.titlebox{
    height:41px;
    line-height:41px;
    padding-left:16px;
    color:#333333;
    text-shadow: #F7F7F7 2px 1px 1px;
    margin:0px;
    font-size:14px;
    background:url(../img/back-title-box.jpg) repeat-x;
}
textarea:focus, input:focus {
    border: 1px solid #D0E1F7;
}

.inputtext, .textarea{
    width:99%;
    border:1px solid #C7C6C6;
    height:29px;
/*    line-height:29px;*/
    background:url(../img/back-input.jpg) repeat-x;
}
.textarea{
    height:130px;
}

thead td, thead th {
	background-color:#E6E6E6;
        font-weight:bold;
}
tr td, thead th {
	border-left:1px solid #CCCCCC;
	color:#616161;
	padding:8px;
}
th, td {
	border-bottom:1px solid #DEDEDE;
}
td.hover{
    background: #F9F9F9;
}
td.hover a{
    color: #0073EA;
}

tbody th {
	padding:0 8px;
	text-align:left;
}

fieldset{
    width:97%;
    border:1px solid #C7C6C6;
    margin-bottom:5px;
    margin-top:5px;
}

/* novo registro */

.frmpopup{
    width:400px;
}
.boxNewReg{
    padding:10px;
}
.dadosNewReg{
    clear:both;
    margin:5px 0px 10px 0px;
}
.inputnewreg{
    width:305px;
}
/** PLUGINS
*********************************/
#fullbox{
    width:100%;
    position:absolute;
    z-index:11;
    top:0;
    left:0;
    background-color:#333;
}
#openBox{
    display:none;
}

/* erro report */
#boxErro{
    width:400px;
    position: absolute;
    top: 0; left: 0;
}
#msgError{
    float: right;
}

/** TOPO
*********************************/
#barra_topo{
    height:32px;
    line-height:32px;
    background:#2C2C2C;
    color:#fff;
    padding-right:25px;
    text-align:right;
}
#barra_topo a{
    color:#fff;
}
#bar-menu-topo{
    height:62px;
    padding-left:30px;
    border-top:1px solid #606060;
    border-bottom:1px solid #050505;
    background:url(../img/back-menu-topo.jpg) repeat-x;
}
#bloco-menus{
    float:right;
    padding-right:25px;
}
#bloco-menus ul{
    padding:0px;
    margin:0px;
    list-style:none;
}
#bloco-menus ul li{
    float:left;
}
#bloco-menus ul li a{
    display:block;
    line-height:62px;
    padding-left:60px;
    padding-right:30px;
    color:#fff;
    text-shadow: #252525 2px 2px 2px;
    font-size:18px;
    text-decoration:none;
    background-position:21px center;
    background-repeat:no-repeat;
}
#bloco-menus ul li a:hover{
    background-position:20px center;
    background-color:#2D2D2D;
    background-repeat:no-repeat;
    border-left:1px solid #606060;
    border-right:1px solid #606060;
    padding-left:59px;
    padding-right:29px;
}
#linkpainel{background:url(../img/icone-painel.png);}
#linkpainel:hover{background: url(../img/icone-painel.png);}
#linkusu{background:url(../img/icone-usu.jpg);}
#linkusu:hover{background: url(../img/icone-usu-hover.jpg);}
#linkconfig{background: url(../img/icone-config.jpg);}
#linkconfig:hover{background: url(../img/icone-config-hover.jpg);}

#breadcrumb{
    height:32px;
    line-height:32px;
    color:#fff;
    background:#313131 url(../img/back-breadcrumb.jpg) bottom repeat-x;
    border-top:1px solid #545454;
    padding-left:25px;
}
#breadcrumb a{
    color:#fff;
    text-decoration:none;
}
#breadcrumb a:hover{
    text-decoration:underline;
}

/** RODAPE
*********************************/
#barra_rodape{
    height:63px;
    padding-left:30px;
    border-top:1px solid #606060;
    border-bottom:1px solid #050505;
    background:url(../img/back-menu-topo.jpg) repeat-x;
    border-top:1px solid #606060;
    border-bottom:1px solid #545454;
    color:#fff;
    line-height:60px;
}

/** MENSAGENS DE RETORNO
*********************************/
#mensagem{
    height:52px;
    border-radius: 3px; /* CSS 3 */
    -o-border-radius: 3px; /* Opera */
    -icab-border-radius: 3px; /* iCab */
    -khtml-border-radius: 3px; /* Konqueror */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari */
    line-height:52px;
    padding-left:50px;
    margin-bottom:15px;
    position: absolute;
    top: 141px;
}
#mensagem span{
    font-weight:bold;
}
#mensagem b{
    text-transform:uppercase;
}
.success{
    background:#EFFEB9 url(../img/msg-success.jpg) no-repeat;
    border:1px solid #98C700;
}
.error{
    background:#FCCAC3 url(../img/msg-error.jpg) no-repeat;
    border:1px solid #EA5338;
}
.warning{
    background:#FFEAA7 url(../img/msg-warning.jpg) no-repeat;
    border:1px solid #F9B418;
}
.info{
    background:#D1E4F3 url(../img/msg-info.jpg) no-repeat;
    border:1px solid #4D8FCC;
}
.tip{
    background:#FEEAC9 url(../img/msg-dica.jpg) no-repeat;
    border:1px solid #D38E49;
}
.largebutton,
.mediumbutton,
.smallbutton{
    display:inline-block;
    border:1px solid #C7C6C6;
    color:#E9E9E9;
    text-decoration:none;
    cursor:pointer;
    margin-right:5px;
}
.largebutton{
    height:31px;
    padding:0px 12px 0px 12px;
    line-height:31px;
    background:url(../img/back-large-button.jpg) repeat-x;
    font-size:14px;
}
.largebutton:hover{
    background:url(../img/hover-back-large-button.jpg) repeat-x;
}
.mediumbutton{
    height:25px;
    padding:0px 8px 0px 8px;
    line-height:25px;
    background:url(../img/back-medium-button.jpg) repeat-x;
    font-size:12px;
}
.mediumbutton:hover{
    background:url(../img/hover-back-medium-button.jpg) repeat-x;
}
.smallbutton{
    height:19px;
    padding:0px 5px 0px 5px;
    line-height:19px;
    background:url(../img/back-small-button.jpg) repeat-x;
    font-size:10px;
}
.smallbutton:hover{
    background:url(../img/hover-back-small-button.jpg) repeat-x;
}
.largebutton:hover,
.mediumbutton:hover,
.smallbutton:hover{
    color:#E9E9E9;
}

.largebutton:active,
.mediumbutton:active,
.smallbutton:active{
    color: #AFAFAF;
    border: 1px solid #000;
    background: url(../img/a-button-active.jpg) repeat-x;
}

/** ESTRUTURA
*********************************/
#box-acoes{
    padding-top:15px;
}
/** SIDEBAR
*********************************/
#sidebar{
    width:235px;
    padding-left:25px;
    float:left;
}
.sidemenu{
    font-size:12px;
    padding-top:25px;
}
.menulink{
    width:187px;
    height:30px;
    line-height:30px;
    font-size:13px;
    font-weight:bold;
    border-bottom:1px solid #E0E0E0;
}
.menusublink{
    padding:0px;
    margin:0px;
    list-style:none;
}
.menusublink li{
    height:30px;
    width:155px;
    line-height:30px;
    padding-left:32px;
    border-top:1px solid #F6F6F6;
    border-bottom:1px solid #E0E0E0;
}
.menusublink li a{
    color:#333;
    text-decoration:none;
}
.menusublink li a:hover{font-weight:bold;}
.menusublink li a.menusel{
    color:#1F92FF;
    font-weight:bold;
}

#conteudo-sis{
    background:url(../img/shadow-left.jpg) repeat-y;
    border-left:1px solid #fff;
    min-height:600px;
    margin-left:285px;
}
#shadow-top{
    padding-top:29px;
    padding-bottom:19px;
    padding-left:10px;
    padding-right:10px;
    background:url(../img/shadow-top.jpg) repeat-x;
}
#pag-system{
    height:43px;
    line-height:43px;
    border-bottom:1px solid #D5D5D5;
    font-size:20px;
    font-weight:bold;
}
#selectC{padding-top:25px;}

/** FIXES
*********************************/
.clearFix{
    clear: both;
    overflow: hidden;
}


/** PADRÃO
*********************************/

.boxSmallLeft, .labelSamllLeft{
    display: block;
    width: 32.3%;
    float: left;
    margin-right: 7px
}
.boxMediumLeft, .labelMediumLeft{
    display: block;
    width: 48%;
    float: left;
    margin-right: 7px
}
fieldset .boxMediumLeft, fieldset .labelMediumLeft{
    width: 48.5%;
}

/** FILTRO
*********************************/

.filtro{
    width: 98.9%;
    height: 36px;
    margin-top: 4px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -o-border-radius: 3px; /* Opera */
    -icab-border-radius: 3px; /* iCab */
    -khtml-border-radius: 3px; /* Konqueror */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari */
    background:url(../img/filtrofundo.jpg) repeat-x;
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
}
.filtro label {
    color:#333333;
    text-shadow: #F7F7F7 2px 1px 1px;
    font-size:14px;
    margin: 0px;
    font-weight: bold;
    float: left;
    
}
.filtroform{
    width: 30%;
    height: 80%;
/*    border: 1px solid red;*/
    float: left;
    margin-left: 15px;;
/*    margin-top: 2px;*/
    
}
.trMao{
 cursor: pointer;
}
.center{
    text-align: center;
    vertical-align: middle;
}
.btnFinalizarTarefa{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background:url(../img/btn_stop.png) top repeat-x;
}
.btnFinalizarTarefa:hover{
    background:url(../img/btn_stop.png) bottom repeat-x;
}
.btnIniciarTarefa{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background:url(../img/btn_play.png) top no-repeat;
}
.btnIniciarTarefa:hover{
    background:url(../img/btn_play.png) bottom no-repeat;
}
.btnPausarTarefa{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background:url(../img/btn_pause.png) top no-repeat;
}
.btnPausarTarefa:hover{
    background:url(../img/btn_pause.png) bottom no-repeat;
}