/*OBSERVAR QUE TEM O CSS PARA TELA (SCREEN) E PARA IMPRESSÃO (PRINT). ALTERAR NOS 2 QNDO NECESSÁRIO*/

/* screen */
@media screen {
    /*------  FORMULARIOS -------*/
    label {display:block; width:150px; float:left; color:#666; font-family: Verdana, Tahoma, Arial, Helvetica; font-size:11px; text-align:right; margin:0px 15px 5px 0px; min-height:20px;}
    label.width60px {display:block; width:60px; float:left; color:#666; font-family: Verdana, Tahoma, Arial, Helvetica; font-size:11px; text-align:right; margin:0px 15px 5px 0px; min-height:20px;}
    select, textarea, input[type=text], input[type=password] {/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */height: 22px; vertical-align:middle; border:1px solid #b6b6b6; background-color:#fff; color:#000; text-transform:uppercase;}
    textarea{
    	height: auto;
    }
    input[type=text], input[type=password]{height: 22px; margin: 0px 0px 5px 0px;}
    select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus {/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */border:1px solid #b6b6b6; color:#000; background-color:#fafafa; text-transform:uppercase;}
    input[type=submit], input[type=button] {border: 1px solid #626262; border-bottom: 2px solid #626262; border-right: 2px solid #626262; font-size:12px; color:#000000; margin: 0px 0px 10px 0px; height:24px; padding:2px 8px 8px 8px; text-transform: uppercase; background-image: url(../imgs/sistemas/geral/backBotao.png); cursor: pointer;}
    input[type=submit]:hover, input[type=button]:hover {border: 1px solid #626262; border-bottom: 2px solid #626262; border-right: 2px solid #626262; font-size:12px; color:#000; margin: 0px 0px 10px 0px; text-transform: uppercase; background-image: url(../imgs/sistemas/geral/backBotao2.png); cursor: pointer;}
    input[type=text].inputLowercase {text-transform:lowercase;}
    input[type=text].inputNormal, textarea.inputNormal {text-transform:none;}
    input[type=file].inputArquivo{background-image: url('../imgs/sistemas/sismob/arquivo.png'); background-repeat: no-repeat;}
    /*------  FORMULARIOS -------*/
    
    label {display: block; width: 144px; float: left; color: #343434; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; text-align: right; margin-right: 4px; min-height: 20px;}	    
    label.checkFasesVida{display: block; width: 150px; float: left; border-bottom: 1px solid #CCCCCC; visibility: visible !important; text-align: left;}
    span.error {font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left; height: 40px; color: red; background: url('../imgs/sistemas/geral/error.png') no-repeat; padding: 2px 0px 0px 18px;}
    span.error img {padding-right: 5px;}
    
    /* ICONES */
    input[type=button].btAlterar{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/alterar.png'); background-repeat: no-repeat; background-color: transparent; width: 16px; height: 16px;  cursor: pointer;}
    input[type=button].btExcluir{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/excluir_16.png'); background-repeat: no-repeat; background-color: transparent; width: 16px; height: 16px; cursor: pointer;}
    input[type=button].btAcompanhar{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/acomp.png'); background-repeat: no-repeat; background-color: transparent; width: 16px; cursor: pointer;}
    input[type=button].btVisualizar{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/visualizar.png'); background-repeat: no-repeat; background-color: transparent; width: 24px; cursor: pointer;}
    input[type=button].btImprimir{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/printer.png') ;  background-repeat: no-repeat; background-color: transparent; width: 24px; cursor: pointer;}
    input[type=button].btConfirmar{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/ok_16.png') ;  background-repeat: no-repeat; background-color: transparent; width: 24px; cursor: pointer;}
    input[type=button].btSair{border: 0px; margin: 0px; padding: 0px; background-image: url('../imgs/sistemas/geral/acessar.png') ;  background-repeat: no-repeat; background-color: transparent; width: 32px; cursor: pointer;}
    

    /* ICONES */

}

@media print {
    /*------  FORMULARIOS -------*/
    label {display:block; width:150px; float:left; color:#666; font-family: Verdana, Tahoma, Arial, Helvetica; font-size:11px; text-align:right; margin:0px 15px 5px 0px; min-height:20px;}
    select, textarea, input[type=text], input[type=password] {/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */vertical-align:middle; border:1px solid #b6b6b6; padding:4px 7px; margin-right:10px; background-color:#fff; color:#000; text-transform:uppercase;}
    select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus {/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */border:1px solid #b6b6b6; color:#000; background-color:#fdfff6; text-transform:uppercase;}
    input[type=submit], input[type=button] {border: 1px solid #b6b6b6; font-size:12px; color:#393b3d; margin: 0px 0px 10px 0px; height:22px; padding:2px 8px 2px 8px; text-transform: uppercase; background-color: white; cursor: pointer;}
    input[type=submit]:hover, input[type=button]:hover {border: 1px solid #b6b6b6; font-size:12px; color:#393b3d; margin: 0px 0px 10px 0px; height:22px; padding:2px 8px 2px 8px; text-transform: uppercase; background-color: white; cursor: pointer;}
    input[type=text].inputLowercase {text-transform:lowercase;}
    input[type=text].inputNormal, textarea.inputNormal {text-transform:none;}
    /*------  FORMULARIOS -------*/
    span.error {font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left; height: 40px; color: red; background: url('../imgs/sistemas/beriberi/error.png') no-repeat; padding: 2px 0px 0px 18px;}
    span.error img {padding-right: 5px;}
    
    /* ICONES */
    .btAlterar{border: 0px; margin: 0px; padding: 0px; background-image: url(../imgs/sistemas/alterar.png); background-repeat: no-repeat; background-color: transparent; width: 16px; cursor: pointer;}
    .btAcompanhar{border: 0px; margin: 0px; padding: 0px; background-image: url(../imgs/sistemas/acomp.png); background-repeat: no-repeat; background-color: transparent; width: 16px; cursor: pointer;}
    .btVisualizar{border: 0px; margin: 0px; padding: 0px; background-image: url(../imgs/sistemas/visualizar.png); background-repeat: no-repeat; background-color: transparent; width: 16px; cursor: pointer;}
    /* ICONES */
   
}