﻿/* ........................................................................................... */
/* GENERICOS */

h1, h2{padding-bottom:10px !important;}
.divider-columns{width:30px; height:330px; border-right:solid 1px #ccc; border-top:0;}
.breadcrumb li a, .breadcrumb li a:hover{color:#999;}
.no-pointer{cursor:default;}

.border, .borda {border:1px solid #ccc !important; }
.left-border {border-left:1px solid #ccc !important; height:100%;}
.right-border {border-right:1px solid #ccc !important; }
.top-border {border-top:1px solid #ccc !important; }
.bottom-border {border-bottom:1px solid #ccc !important; }

/* ........................................................................................... */
/* ELIMINA LEFT-LABEL */

[class*="span"].control-group{padding-left:0;}
[class*="span"].control-group label, 
[class*="span"].control-group input,
[class*="span"].control-group textarea,
[class*="span"].control-group select {margin-left:12px;}
* textarea{min-height:70px;}

/* ........................................................................................... */
/* ESTILO AOS BLOCOS DOS SISTEMAS */

a.acesso-sistemas {display:block; width:100%; height:50px; background:#fff; border:1px solid #ccc; overflow:hidden; }
a.acesso-sistemas:hover {border:1px solid #08c; }
a.acesso-sistemas img {position:relative; top:10px; left:10px; max-width:116px; max-height:31px; }
.ie7 a.acesso-sistemas img{max-width:90px;}

.logo-sistemas {height:100px; overflow:hidden; position:relative;}
.logo-sistemas p input[type="image"]{width: 110px; height: 28px; border: solid 1px #CCC; padding: 10px; background: white;}
.logo-sistemas p input[type="image"]:hover{border:1px solid #08c; }
.verifica-url{position:absolute; bottom:5px; right:5px; z-index:1;}

/*.well.enabled{background:#AFE1D5 !important;}*/
.well.enabled{background:#AFE1D5!important;}

/* ........................................................................................... */
/* ESTILOS AOS ATALHOS DOS OUTROS SISTEMAS */

.ie7 .cst-outros-atalhos,
.ie8 .cst-outros-atalhos{margin-left:-10px;}
.cst-outros-atalhos .atalho .verifica-url{ top:36px; right:3px;}
.cst-outros-atalhos .atalho{float:left; position:relative; margin-left:29px; width:130px; height:130px;}
.cst-outros-atalhos .atalho a.acesso-sistemas img{max-width:110px;}
.ie8 .cst-outros-atalhos .atalho a.acesso-sistemas img{max-width:110px;}

/* ........................................................................................... */
/* APLICA ALERTA CASO FALTE URL DO SISTEMA */

.cst-legenda{display:block;}
.cst-legenda .well{width:25px; height:25px; float:left; padding:0;}
.ie7 .cst-legenda [class*="span"]{ margin-bottom:10px !important;}
.cst-legenda p{float:left; padding:5px 0 0 10px;}

/* ........................................................................................... */
/* ALTERA ALTURA DA MODAL DE SUPORTE */

#modal-atendimento{max-height:570px!important; top:45%!important;}
#modal-atendimento .cst-size{width:201px;}
#modal-informativo{top:50%;}
#modal-informativo .modal-footer p{float:right; margin:5px 10px 0 0;}

/* ........................................................................................... */
/* CAIXA CENTRALIZADA PARA MENSAGEM DE ERRO */

.erro{width:50%;}
.erro .inner{width:96%; float:left; border:solid 1px #ccc; border-radius:5px; background:#fff; padding:2%; margin:50px auto 20px auto;}
.erro .inner .msg h1{width:100%; float:left; margin-bottom:30px;}
.erro .inner .msg p,
.erro .inner .msg b{font-size:14px; display:block; padding-bottom:10px;}
.erro .inner .msg *,
.erro .inner .contato * {text-align:center;}
.erro .inner .contato{margin-top:50px;}
.erro .btn-voltar{font-size:14px; font-weight:bold; text-align:center;}
.erro .btn-voltar:hover{color:#666;}
.center{display:block; margin:0 auto;}
.all{width:100%;}

/* ........................................................................................... */
/* MEDIA QUERIES */

@media all and (min-width: 768px){
   .cst-outros-atalhos{margin-left:-10px;} 
}

@media all and (max-width:767px){
    .divider-columns{width:100%; height:10px; border-right:0 !important; border-top: 1px solid #ccc;} 
    .popover{display:none !important;}
    .cst-outros-atalhos{margin-left:-30px!important;} 
}

@media all and (min-width: 1200px){
   .cst-outros-atalhos{margin-left:1px;} 
}
