/* --------- /sistemas/cisambiental/src/coisa/assets/css/form.css --------- */
.ttform fieldset {
    padding: 20px;
    margin: 40px 5px;
    border: 1px solid #CCC;
    background: #f7f7f5;
    position: relative;
}

.ttform fieldset.nu {
    padding-top: 0;
}

.ttform fieldset.l2 {
    margin: 20px 1%;
    width: 41%;
}

.ttform fieldset.l3 {
    margin: 20px 1%;
    width: 24.5%;
}

.ttform legend {
    font-weight: 700;
    color: #7a7975;
    padding: 5px 15px;
    background: #DDD;
    position: absolute;
    top: -1px;
    left: -1px;
}

.ttform label {
    margin-top: 25px;
    font-weight: 700;
    float: left;
    display: inline;
}

.ttform label small {
    font-size: .8em;
    font-weight: 100;
    color: #555;
}

.ttform label,.ttform input,
.ttform textarea,.ttform select {
    display: block;
    width: 100%;
    color: #333;
}

.ttform .l2 {
    width: 49%;
}

.ttform .l3 {
    width: 32%;
}

.ttform .l2, .ttform .l3 {
    margin-right: 2%;
    float: left;
}

.ttform .ll {
    margin-right: 0;
}

.ttform input.ld {
    margin-top: 38px;
}

.ttform input, .ttform textarea {
    padding: 7px 0;
    border: 1px solid #CCC;
}

.ttform input[type=text],
.ttform input[type=password],
.ttform textarea {
    background-color: #fff;
    box-shadow: inset 0 1px rgba(50,50,50,.1);
    text-indent: 5px;
    line-height: 1em;
    transition: all .25s linear;
}

.ttform input[type=text][data-icon],
.ttform input[type=password][data-icon] {
    text-indent: 30px;
}

.ttform input[type=text]:focus,
.ttform input[type=password]:focus,
.ttform textarea:focus {
    border-color: #2771EC;
    background-color: #FFF;
    outline: 0;
}

.ttform select {
    padding: 5px;
}

.ttform textarea {
    height: 100px;
    text-indent: 0;
}

.ttform p {
    font-weight: 100;
    clear: left;
    margin: 0 !important;
    line-height: 1.7em !important;
    padding: 0;
}

.ttform div {
    float: left;
    width: 100%;
}

.ttform p.fl, .ttform a.fl {
    float: left;
    padding-right: 10px;
}

.ttform p label {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.ttform p input {
    float: left;
    clear: left;
    border: 0;
    width: auto;
    padding: 2px;
}

.ttform input.h, .ttform input[type=hidden] {
    display: none;
}

.ttform br {
    clear: both;
}


.ttform ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
}

.ttform ul li {
    padding: 2px 0 0 20px !important;
    float: left;
    clear:both;
    cursor: pointer;
}

.ttform ul li input {
    float:left;
    width: auto;
    padding: 0;
    margin: 3px 0 0 -20px;
    border: 0 none;
}

.ttform .confirmar, .ttform .novo,
.ttform .enviar,    .ttform .cancelar,
.ttform .apagar,    .ttform .imprimir,
.ttform .editar,    .ttform .avancar,
.ttform .anterior,  .ttform .proximo,
.ttform .pdf,       .ttform .pesquisar,
.ttform .upload,    .ttform .download {
    padding: 1px 8px 1px 40px;
    margin: 30px 5px 10px 0;
    cursor: pointer;
    color: #333;
    width: auto;
    overflow: visible;
    border: 1px solid rgba(0,0,0,.4);
    float: left;
    font: 700 90%/1 Lato,Arial,Verdana,sans-serif;
    height: 24px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    text-shadow: 1px 1px rgba(0,0,0,.4);
    background: url('../../../../../sistemas/cisambiental/src/coisa/assets/img/btnm.png') no-repeat;
    color: #fff;
    transition: box-shadow .2s ease-out;
    border-radius:5px;
}


.ttform .confirmar:hover, .ttform .novo:hover,
.ttform .enviar:hover,    .ttform .cancelar:hover,
.ttform .apagar:hover,    .ttform .imprimir:hover,
.ttform .editar:hover,    .ttform .avancar:hover,
.ttform .anterior:hover,  .ttform .proximo:hover,
.ttform .pdf:hover,       .ttform .pesquisar:hover,
.ttform .upload:hover,    .ttform .download:hover {
    outline: none;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3),
                inset 0 10px 100px rgba(255,255,255,.4);
}

.ttform .confirmar:active, .ttform .novo:active,
.ttform .enviar:active, .ttform .cancelar:active,
.ttform .apagar:active, .ttform .imprimir:active,
.ttform .editar:active, .ttform .avancar:active,
.ttform .anterior:active, .ttform .proximo:active,
.ttform .pdf:active, .ttform .pesquisar:active,
.ttform .upload:active, .ttform .download:active,
.ttform .upload.click {
    transition: none;
    outline: none;
    box-shadow: inset 0 0 3px rgba(0,0,0,.4),
                inset 0 10px 100px rgba(0,0,0,.2);
    color: rgba(255,255,255,.9);
    text-shadow: none;
}

.ttform .ti {
    text-indent: -9999px;
    width: 35px;
    padding-left: 25px;
}

.ttform .confirmar, .ttform .enviar {
    background-color: #699A00;
    background-position: 0 -377px;
}

.ttform .novo {
    background-color: #178bc4;
    background-position: 0 -197px;
}

.ttform .cancelar, .ttform .apagar {
    background-color: #c33801;
    background-position: 0 -341px;
}

.ttform .imprimir {
    background-color: #525252;
    background-position: 0 -233px;
}

.ttform .editar {
    background-color: #F5D51B;
    background-position: 0 -90px;
    color: #5F5300;
    text-shadow: 1px 1px rgba(255,255,255,.5);
}

.ttform .avancar {
    background-color: #98a600;
    background-position: 0 -54px;
}

.ttform .anterior {
    background-color: #825508;
    background-position: 0 -17px;
}

.ttform .proximo {
    background-color: #825508;
    background-position: 0 -268px;
}

.ttform .pdf {
    background-color: #777;
    background-position: 0 -163px;
}

.ttform .pesquisar {
    background-color: #813ccd;
    background-position: 0 -126px;
}

.ttform .download {
    background-color: #525252;
    background-position: 0 -162px;
}


.ttform .upload {
    background-color: #C01958;
    background-position: 0 -520px;
}



.ttform .editar:hover {
    color: rgba(0,0,0,.7);
}

.ttform input[type=text][disabled] {
    background-color: #eee;
    color: #999;
}

.ttform .dis, .ttform button[disabled]
.ttform input[type=submit][disabled] {
    background-color: #777;
    background-position: 0 -301px;
}

.ttform input.button[class] {
    width: auto;
}

.ttform input.v,.ttform textarea.v {
    border: 1px solid #D37D68;
}

.ttform .ss, .ttform .er {
    font-weight: 700;
    font-size: .8em;
    float: none;
    margin: -5px 0 0 10px;
    padding: 3px 10px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,.3);
    position: absolute;
    z-index: 99;
}

.ttform .ss {
    background: #4D6C33;
}

.ttform .er {
    background: #be6851;
}

.ttform .er span, .ttform .ss span {
    display: block;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #be6851 transparent transparent;
    position: absolute;
    bottom: -15px;
    left: 5px;
}

.ttform .ss span {
    border-top-color: #4D6C33;
}

.ttform .er span.cr,.ttform .ss span.cr {
    border-width: 7px;
    left: -14px;
    bottom: 3px;
    border-color: transparent #be6851 transparent transparent;
}

.ttform .ss span.cr {
    border-right-color: #4D6C33;
}

.ttform .ast {
    padding: 0 8px;
    background: transparent url('../../../../../sistemas/cisambiental/src/coisa/assets/img/btnm.png') no-repeat -10px -457px;
}

.ttform .sus {
    padding: 0 10px;
    background: transparent url('../../../../../sistemas/cisambiental/src/coisa/assets/img/btnm.png') no-repeat -8px -485px;
}

.ttform .ghost {
    position: absolute;
    z-index: 90;
    font-size: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    left: -70px;
    cursor: pointer;
    width: 220px;
    line-height: 0;
    letter-spacing: 7px;
}


.ttform .gap {
    padding-top: 20px !important;
}

.ttform .gapm {
    margin-top: 20px !important;
}

.ttform .gap2 {
    padding-top: 40px !important;
}

.ttform .gap3 {
    padding-top: 60px !important;
}


.ttform .right {
    float: right;
}


.ttform button.upl {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    z-index: 10;
}

.ttform span.upltxt {
    display: block;
    margin-left: 150px;
    padding: 5px;
    font-weight: normal;
    height: 10px;
    font-style: italic;
    color: #666;
    z-index: 99;
    position: absolute;
    height: 26px;
}

/* --------- /sistemas/cisambiental/src/coisa/assets/css/ttdialogs.css --------- */
#ttdialog_overlay {
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    _position: absolute;
}

#ttdialog {
    width: 400px;
    min-height: 200px;
    _height: 200px;
    position: fixed;
    *position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -200px;
    background: #fff;
    border: 3px solid #2771EC;
    z-index: 101;
    box-shadow: 0 1px 10px rgba(0,0,0,.3);
    background-repeat: no-repeat;
    font: 13px/1.4 Arial,sans;
}

#ttdialog_in {
    margin: 20px 10px 80px 130px
}

#ttdialog_bt {
    background: #eee;
    width: 380px;
    height: 50px;
    padding: 10px;
    border-top: 1px solid #ccc;
}

#ttdialog_bt .direito,
#ttdialog_bt .esquerdo {
    margin: 7px 0 0 0
}

#ttdialog_bt .direito {
    float: right
}

#ttdialog_bt .esquerdo {
    float: left
}

#ttdialog_bt .text {
    width: 280px
}


#ttdialog_fx {
    position: absolute;
    top: 5px;
    right: 0;
    width: 45px;
    height: 15px;
    background: transparent url('/bibliotecas/coisa/assets/img/ttdialogs/fechar.png') no-repeat;
}

#ttbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 30px;
    cursor: move;
}

/* --------- sistemas/cisambiental/assets/css/modal.css --------- */
/* O z-index do oModal deve ficar abaixo do menu (900) e acima do top (800) */
#oModal           { background-color:rgba(0, 0, 0, 0.3); position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:950; }

#theBox           { position:relative;  border:2px solid #666; background-color:#fff;
                    min-height:300px;   max-height:700px;
                    margin-top:25px;    width:650px; z-index:952; }

#xoModal > #xtheBox { position:fixed; }

#theBox #closeBtn  { position:absolute; top:0px;  width:50px; padding:4px 0px 4px 0px; border:0 none;
                     font:bold 0.85em verdana,arial; text-align:center; color:#FFF; text-decoration:none;
                     margin:0px; background-color:#901111; height:23px; }

#theBox #modalTit { height:15px;  top:0px;  width:100%; padding:4px 0px 4px 0px; border:0 none; background:#474792; color:#fff;
                    font:bold 0.85em verdana,arial; text-align:center; }

#theBox b  { font:bold 1.0em verdana,arial; color:#009; }

#modalBody  { overflow:scroll; background:#aaa; }

@media (max-height:1000px) { #thebox { max-height:900px; } #modalBody  { max-height:850px; } }
@media (max-height:900px)  { #thebox { max-height:700px; } #modalBody  { max-height:650px; } }
@media (max-height:800px)  { #thebox { max-height:600px; } #modalBody  { max-height:550px; } }
@media (max-height:700px)  { #thebox { max-height:500px; } #modalBody  { max-height:450px; } }
@media (max-height:600px) {  #thebox { max-height:400px; } #modalBody  { max-height:350px; } }

@media screen and (max-width: 1000px) { #thebox { max-width: 750px; left:30px; }  #modalBody { max-width: inherit; } }
@media screen and (max-width: 700px)  { #thebox { max-width: 500px; left:20px; }  #modalBody { max-width: inherit; } }
@media screen and (max-width: 500px)  { #thebox { max-width: 380px; left:10px; }  #modalBody { max-width: inherit; } }


/* As duas div abaixo são o modal das mensagens (ttdialog)
   foi alterado o z-index para ficarem por cima do Modal de edição (oModal). */

#ttdialog_overlay { z-index: 970; }
#ttdialog         { z-index: 971; }




/*
   ----------------------------------------------
      Inicio do Modal 2
   ----------------------------------------------
*/
#oModal2           { background-color:rgba(0, 0, 0, 0.3); position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:960; }

#theBox2           { position:relative;  border:2px solid #666; background-color:#fff;
                     min-height:300px;   max-height:600px;
                     margin-top:100px;   width:650px; }

#oModal2 > #theBox2 { position:fixed; }

#theBox2 #closeBtn2  { position:absolute; top:0px;   padding:4px 0px 4px 0px; border:0 none;
                       font:bold 0.85em verdana,arial; text-align:center; color:#FFF; text-decoration:none;
                       margin:0px; background-color:#901111; height:23px; width:50px;}

#theBox2 #modalTit2 { height:15px;  top:0px;  width:100%; padding:4px 0px 4px 0px; border:0 none; background:#474792;
                      font:bold 0.85em verdana,arial; text-align:center; color:#fff;}

#theBox2 b  { font:bold 1.0em verdana,arial; color:#009; }


#modalBody2  { overflow:scroll; background:#aaa; }
@media (max-height:1000px) { #modalBody2  { max-height:900px; } }
@media (max-height:900px)  { #modalBody2  { max-height:700px; } }
@media (max-height:800px)  { #modalBody2  { max-height:600px; } }
@media (max-height:700px)  { #modalBody2  { max-height:500px; } }
@media (max-height:600px) {  #modalBody2  { max-height:400px; } }

@media screen and (max-width: 1000px) { #thebox2 { max-width: 600px; left:30px; } }
@media screen and (max-width: 700px)  { #thebox2 { max-width: 500px;  left:20px; } }
@media screen and (max-width: 500px)  { #thebox2 { max-width: 380px; left:10px; }  }







/*
   ----------------------------------------------
      Inicio do Modal 2
   ----------------------------------------------
*/
#oModal1           { background-color:rgba(0, 0, 0, 0.3); position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:955; }

#theBox1           { position:relative;  border:2px solid #666; background-color:#fff;
                     min-height:300px;   max-height:600px;
                     margin-top:100px;   width:650px; }

#oModal1 > #theBox1 { position:fixed; }

#theBox1 #closeBtn1  { position:absolute; top:0px;   padding:4px 0px 4px 0px; border:0 none;
                       font:bold 0.85em verdana,arial; text-align:center; color:#FFF; text-decoration:none;
                       margin:0px; background-color:#901111; height:23px; width:50px;}

#theBox1 #modalTit1 { height:15px;  top:0px;  width:100%; padding:4px 0px 4px 0px; border:0 none; background:#474792;
                      font:bold 0.85em verdana,arial; text-align:center; color:#fff;}

#theBox1 b  { font:bold 1.0em verdana,arial; color:#009; }

#modalBody1  { overflow:scroll; background:#aaa; }
@media (max-height:1000px) { #modalBody1  { max-height:900px; } }
@media (max-height:900px)  { #modalBody1  { max-height:700px; } }
@media (max-height:800px)  { #modalBody1  { max-height:600px; } }
@media (max-height:700px)  { #modalBody1  { max-height:500px; } }
@media (max-height:600px) {  #modalBody1  { max-height:400px; } }

@media screen and (max-width: 1000px) { #thebox1 { max-width: 600px; left:30px; } }
@media screen and (max-width: 700px)  { #thebox1 { max-width: 500px;  left:20px; } }
@media screen and (max-width: 500px)  { #thebox1 { max-width: 380px; left:10px; }  }



/* --------- sistemas/cisambiental/assets/css/ttform.css --------- */
/* Conteúdo e seus filhotes */
#scroller {
    padding: 20px 0 20px 5px;
    max-width: 90%;
    margin: 0 auto;
}

.ttform fieldset {padding: 20px 5px 10px 15px; margin:5px 3px;border:3px solid #e5e5e5; background:#F5F5F5; position:relative\9; font-size:14px;}

.ttform fieldset.texto  { padding: 7px 3px 3px 4px; background:#D1E2E8; }

.ttform legend{font-weight:700;color:#555; padding:2px 25px 2px 25px; background:#7F7F7F; color:#fff; margin-top:0px; margin-left:0px;}

.ttform label { margin:3px 10px 7px 0px; display:block; width:96%;
                padding: 3px 5px 5px 8px;
                font-weight:700; float:left;
                color:#2B3F68; background: #EBEBE9;
                border:2px solid #C0C0C0; border-radius:8px; }

.ttform label small { font-size:.8em;font-weight:100; color:#444 }

.ttform input,.ttform textarea,.ttform select { display:block; width:95%;font-size:15px;
                                                border:1px solid #ccc; border-radius:5px;
                                                color:#333;  }

.ttform input    { padding:3px; }
.ttform textarea { padding:7px; margin:5px; width: auto; height:auto;}
.ttform select   { padding:3px; }

.ttform input.hora { width:45px; }


.ttform label.l2   {width:44%;_width:43.0%;}
.ttform label.l3   {width:30%;_width:29.3%;}
.ttform label.l34  { width:72%; _width:70.8%; }
.ttform label.l23  {width:61%;_width:59.6%;}
.ttform label.l4   {width:23%;_width:22.5%;}
.ttform label.l5   {width:18%;_width:17.5%;}
.ttform label.l6   {width:15%;_width:14.5%;}
.ttform label.l7   {width:13%;_width:12.5%;}

.ttform div.l34  { width:72%; _width:70.8%; }
.ttform div.l4   { width:23%; _width:22.5%; }
.ttform div.l3   { width:31%; _width:30.3%; }



.ttform label.l2, .ttform label.l3, .ttform label.l23, .ttform label.l4, .ttform label.l34
.ttform label.l5, .ttform label.l6, .ttform label.l7 {margin-right:2%;_margin-right:2%; }

.ttform .noblock { display:inline; width:auto; float:none; margin-right:10px;}

/* table { font-size:14px; } */
/* table.ttdatagrid th { text-align:center; border: 1px solid #529CC8; text-indent: 0px; position: static;} */
/* .ttdatagrid td { padding:0px; margin:0px;} */
/* .ttdatagrid tr { padding:0px; margin:0px;} */

.rr {text-align:right;}
.rc {text-align:center;}

.show   {font-size:15px; background:#EEE; padding:3px 10px 3px 10px;  margin-left:5px; border:1px solid #ccc; border-radius:5px; color:#333; }
.showIn {font-size:15px; background:#EEE; padding:3px 10px 3px 10px;  margin-left:5px; border:1px solid #ccc; border-radius:5px; color:#333; }


.lista fieldset {
    padding: 25px 5px 5px 5px;
    margin: 10px 5px;
    border: 1px solid #DDD;
    box-shadow: 5px 5px 3px rgba(100,100,100,.1);
    position: relative;
    font-size:12px;
}

.lista legend {
    font-weight: 700;
    color: #555;
    padding: 2px 5px;
    background: #DDD;
    border-radius: 3px 0;
    position: absolute;
    top: -1px;
    left: -1px;
}

.lista a { font-size:14px; margin:10px 0px 0px 20px;}


.ttform p.sucesso, p.erro, p.aviso, p.info { padding:5px; margin:10px auto; border:1px solid #ddd; text-indent:0; width:auto;
                                             border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius:5px;
                                             -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -webkit-box-shadow: 0 1px 2px #ccc;
                                             background-position: 10px 3px; background-repeat: no-repeat; font-weight:700;}

.ttform input.chkbox { margin:2px; width:20px;}

.ttform input[type=submit],
.ttform input[type=button] { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius:5px; margin: 5px;
                            -moz-box-shadow: 0 4px 3px #555; box-shadow: 0 4px 3px #555; -webkit-box-shadow: 0 4px 3px #555; width: auto;}


.ttform input[type=checkbox] { display: inline; width: 15px; margin:2px; }
.ttform input[type=radio] { display: inline; width: 15px; margin:2px; }

/* For Firefox */
.ttform input[type=text]:-moz-read-only { background: transparent;  }
.ttform input[type=text]:read-only { background: transparent; }

.ttform select { background: #FDFFDF; }

.borda         { padding:2px 10px; color:#009; font-weight:700; font-size:11px; border-radius:5px; text-align:center;}


.botao         { padding:2px 10px; color:#009; font-weight:700; font-size:11px; border-radius:5px;
                 -moz-box-shadow: 2px 3px 2px #555; box-shadow: 2px 3px 2px #555; -webkit-box-shadow: 2px 3px 2px #555;
                 text-align:center; }

div.botao { width:auto; }
div.borda { width:auto; }

.botao:hover   { cursor:pointer; background:#AAAAAA; border:1px solid #E4E5C0; -moz-box-shadow: 2px 3px 2px #BBF; box-shadow: 2px 3px 2px #BBF; -webkit-box-shadow: 2px 3px 2px #BBF;}

.botaoinativo  { padding:2px 10px; color:#009; font-weight:700; font-size:11px; border-radius:5px;
                 -moz-box-shadow: 2px 3px 2px #555; box-shadow: 2px 3px 2px #555; -webkit-box-shadow: 2px 3px 2px #555;
                 text-align:center; }

.icone { border:0px; border-radius:8px; padding:2px 6px; text-align:center; font-weight:700; font-size:12px; }
.icone:hover { background:#227DA9; cursor:pointer; }



._verde    { background:#B8DEB8; border: 1px solid #507C50; padding:10px; color:#174517; margin:15px 5px 10px 30px; font-weight: 700; border-radius:5px; font-size:11px; }
._amarelo  { background:#FDFD91; border: 1px solid #C29F5A; padding:10px; color:#8E6720; margin:15px 5px 10px 30px; font-weight: 700; border-radius:5px; font-size:11px; }
._azul     { background:#C5D9DF; border: 1px solid #2E2E71; padding:10px; color:#1C1C7B; margin:15px 5px 10px 30px; font-weight: 700; border-radius:5px; font-size:11px; }
._vermelho { background:#F9BCBC; border: 1px solid #861E1E; padding:10px; color:#732020; margin:15px 5px 10px 30px; font-weight: 700; border-radius:5px; font-size:11px; }

.verde     { background:#B8DEB8; border: 1px solid #507C50; }
.amarelo   { background:#FDFD91; border: 1px solid #C29F5A; }
.azul      { background:#C5D9DF; border: 1px solid #2E2E71; }
.magenta   { background:#E397DB; border: 1px solid #720767; }
.cinza     { background:#D5D5D5; border: 1px solid #3C3C3C; }
.ciano     { background:#BCF2EE; border: 1px solid #2E7169; }
.vermelho  { background:#F59393; border: 1px solid #861E1E; }
.rosa      { background:#F0AAC1; border: 1px solid #81072E; }
.laranja   { background:#F9CFA9; border: 1px solid #861E1E; }
.marrom    { background:#C9B199; border: 1px solid #C29F5A; }
.vermelho2 { background:#F9BCBC; border: 1px solid #CB8B8B; }

.vazado    { background:transparent; border: 1px solid #BFBFBF; }

.azul2     { background-image: linear-gradient( #55C1ED,#5597ED,#003CB2); background:; border: 0px; color:#F5F5F5; }
.verde2    { background:#00810D; border: 0px; color:#F5F5F5; }


/* botaoZ --> botao sem o padding. */
.botaoZ      { color:#009; font-weight:600; font-size:0.9em; border-radius:5px; text-align:center;
              -moz-box-shadow: 2px 3px 2px #CCC; box-shadow: 2px 3px 2px #CCC; -webkit-box-shadow: 2px 3px 2px #CCC; }

.botaoZ:hover   { border:1px solid #99C; cursor:pointer; background:#CACACA; }


div.erro { background-color:#f4af94; color:#5C3428;
           font-weight:700;
           margin-left:5%; width:80%; padding:15px;
           border:2px solid #c46547; border-radius:8px; margin-bottom:5px;
         }

div.aviso { background-color:#F2ED9B; color:#665E2A;
            font-weight:700;
            margin-left:5%; width:80%; padding:15px;
            border:2px solid #dcc845; border-radius:8px; margin-bottom:5px;
          }

div.sucesso { background-color: #d6e6aa; color: #31471B;
              font-weight:700;
              margin-left:5%; width:80%; padding:15px;
              border:2px solid  #69ab2f; border-radius:8px; margin-bottom:5px;
            }

div.info { background-color: #AED0EB; color: #273E4D;
           font-weight:700;
           margin-left:5%; width:80%; padding:15px;
           border:2px solid  #2f89ab;; border-radius:8px; margin-bottom:5px;
         }