/* ELEMENTOS ------------------------------------------------------- */

body {background:#f5f5f5; }
*, h2, h3, legend {color:#333; font-size:11px; outline:0; }
h2 {padding-bottom:10px; }

h1{font-size:21px; font-weight:normal; letter-spacing:-0.02em }
h1 > span {font-size:21px !important; }
h2 {font-size:21px; font-weight:normal; }
h3 {font-size:16px; font-weight:normal; }
p {color:#666; font-size:11px; }
p span {font-weight:bolder; }
a[rel="tooltip"]{cursor:pointer;}

/* CLASSES GERAIS -------------------------------------------------- */

.top-label {padding-top:15px; }
.right-label {padding-right:15px; }
.bottom-label {padding-bottom:15px; }
.left-label {padding-left:15px; }

.top-plus {margin-top:15px; }
.right-plus {margin-right:15px; }
.bottom-plus {margin-bottom:15px; }
.left-plus {margin-left:15px; }

.clear {clear:both; }
.borda {border:solid 1px; }
.min-height{min-height:350px; }
.global {background:#fff; padding-top:50px; padding-bottom:20px;}
.left {width:50%; float:left; }

.no-scroll-x{overflow-x:hidden; }
.no-scroll-y{overflow-y:hidden; }
.cursor {cursor:pointer; }
.hidden{display:none;}

.icon-white {padding-right:3px; }
.icon-phone {display:block; background:url('../img/icon-phone.png') no-repeat; width:18px; height:18px; }

/* LOGO DO SISTEMA, LOGO DISPONIVEIS E BOTAO SAIR ------------------ */

.navbar .brand {display:block; background:url('../img/logo-header-secretaria-da-saude-rj.png') no-repeat 20px 0; height:31px; padding:9px 10px 0 185px; }
.navbar-inner a.brand {margin-right:5px; } 
.navbar-inner .nav li a, .navbar-inner a.brand {color:#fff; }
.navbar-inner .nav li a:hover, .navbar-inner a:hover.brand {color:#bce8f1; }

.navbar.navbar-fixed-top .navbar-inner .btn-group.pull-right .icon-user{margin-right:5px; }
.navbar.navbar-fixed-top .navbar-inner .btn-group.pull-right .dropdown-menu{min-width:158px; }
.dropdown-menu .nav-header {display:block; padding:3px 15px; font-size:11px; font-weight:bold; line-height:30px; color:#999; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); text-transform:uppercase; }
.dropdown-menu li a {color:#999; }

a.acesso-sistemas {display:block; width:100%; height:50px; background:#fff; border:1px solid #ccc; }
a.acesso-sistemas:hover {border:1px solid #08c; }
a.acesso-sistemas img {position:relative; top:10px; }
.logo-sistemas {height:100px; }


/* MENU PRINCIPAL -------------------------------------------------- */

.menu {height:auto; width:auto; margin:0 0 0 20px; padding:0; float:left; z-index:999999; list-style:none; color:#fff; }
.menu:hover{background:#005f8f; *background:#005682; text-decoration:none; }
.menu:hover * a {cursor:pointer; }
.menu li:first-child {float:left; margin:0; }
.menu li a.detail {width:47px; height:28px; float:left; padding:12px 5px 0 15px; color:white; font-size:13px; }
.menu li a.detail:hover {text-decoration:none; }
.menu li a span.caret {border-top:solid 4px #fff; opacity:1; filter:alpha(opacity=100); margin:8px 0 0 5px; *margin:6px 0 0 5px; color:#fff; }

.subnivel {width:100%; margin:0; padding:5px 0 10px 0; position:absolute; top:40px; left:50%; z-index:999; min-height:auto; display:none; border:solid 10px #e1dddd; background:#fff; }
.subnivel li {margin:0; padding:0; position:relative; list-style:none; display:block; height:auto; width:auto; }
.subnivel li a {display:block; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}

.item {width:171px; height:auto; min-height:220px; float:left; padding:0 9px 0 10px; margin:10px 40px 0 0 !important; }
.item h2 {width:190px; height:25px; float:left; overflow:hidden; border-bottom:solid 1px #dddddd; font-weight:normal; font-size:11px; text-align:left; color:#555555; line-height:15px; margin:0 0 5px 0; text-transform:uppercase; }
.item ul {padding:0; margin:0; }
.item ul li a {width:175px; height:auto; min-height:16px; float:left; text-align:left; margin:0; padding:5px 5px 5px 10px; }
.item ul li a:hover {text-decoration:none; background:#f5f5f5; }

.suporte {width:190px; height:100%; float:left; background:#f5f5f5; margin:5px 10px 0 10px !important; }
.suporte .item{float:right; margin:5px 10px 0 5px !important; padding-top:10px; padding-bottom:10px; }
.suporte .item h2 {border:0; margin:0 0 3px 0; font-weight:bold; padding:0; height:auto; }
.suporte .item h2:first-child {font-size:16px; }
.suporte .item p {padding:0; margin:0 0 15px 0; }
.suporte .item a {padding:0; margin:0; }


/* FORMULARIOS ----------------------------------------------------- */

legend {font-size:12px; font-weight:bold; margin:0; }
input, select, textarea, label {color:#333; font-size:11px; }
input, select, textarea, label {height:16px; padding:3px; margin-bottom:4px; color:#666; }
select {height:24px; }

.control-label {width:100px; }
legend + .control-group {margin-top:10px; }
.control-group {margin:10px 0 0 0; }   

.form-horizontal .control-group {margin-bottom:10px; }
.input-prepend .add-on, .input-append .add-on {height:18px; padding:2px 5px; }
.input-fluid {width:97%; }
select.input-fluid {width:101%; }

fieldset {background:#f5f5f5; padding:0 0 10px 0; background-position:0 10px; }	
fieldset {background-position:0% 0%; padding:0 0 18px 0; margin-bottom:10px; border-bottom:none; background-color:#f5f5f5; background-image:-moz-linear-gradient(top, white, whiteSmoke); background-image:-ms-linear-gradient(top, white, whiteSmoke); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(white), to(whiteSmoke)); background-image:-webkit-linear-gradient(top, white, whiteSmoke); background-image:-o-linear-gradient(top, white, whiteSmoke); background-image:linear-gradient(top, white, whiteSmoke); background-repeat:repeat-x; }
fieldset.login {background-position:0% 0%; padding:0 0 18px 0; margin-bottom:10px; border-bottom:none; background-color:#f5f5f5; background-image:-moz-linear-gradient(top, #f5f5f5, #f5f5f5); background-image:-ms-linear-gradient(top, #f5f5f5, #f5f5f5); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f5f5f5)); background-image:-webkit-linear-gradient(top, #f5f5f5, #f5f5f5); background-image:-o-linear-gradient(top, #f5f5f5, #f5f5f5); background-image:linear-gradient(top, #f5f5f5, #f5f5f5); background-repeat:repeat-x; }
fieldset legend:first-child {*margin-left:-7px !important; }
fieldset legend + [class*="span"]{padding-left:15px;}

legend {background:#ffffff; display:block; border-bottom:1px solid #eee; }
legend.login {background:#f5f5f5; display:block; border-bottom:1px solid #eee; }

ul.radio, ul.checkbox{float:left; padding:0; margin-left:0 !important; margin-bottom:0;}
ul.radio li, ul.checkbox li  {list-style:none; float:left; padding-right:18px; }
ul.radio li input, ul.checkbox li input  {margin-left:0 !important; }
ul.radio li label, ul.radio li input, ul.checkbox li label, ul.checkbox li input {float:left !important; }

ol.radio, ol.checkbox {float:left; margin-left:0; }
ol.radio li, ol.checkbox li {list-style:none; }
ol.radio li label, ol.checkbox li label {*margin-top:-20px; }

span.radio, span.checkbox {float:left; padding:0 10px 0 0; margin-left:18px; display:block; }

.textarea-mini{ width:100px; height:80px;}
.textarea-medium{width:263px; height:80px;}
.textarea-large{width:400px; height:80px;}
.textarea-xlarge{width:630px; height:80px;}
.textarea-xxlarge{width:900px; height:80px;}

/* LOADER -----------------------------------------------------------*/

.loader{position:fixed; background:#666; width:100%; height:100%; background: url(../img/bg-block-progress.png); display:block;}
.loader div{width:180px; height:40px; padding:20px; position: absolute; left: 50%; margin-left: -90px; top:35%; background:#fff; color:#fff; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.loader div p{ color:#666; font-weight:normal; text-align:center;}

.loader .listra, .listras{width:0px; height:21px; float:left; background: url(../img/listra-loader.png) repeat-x center; }
.loader .barra-loader{width:180px; overflow:hidden; height:20px; float:left;  background: #149bdf; }

/* ALERTAS --------------------------------------------------------- */

.alert{padding-right:0 !important;}
.alert-alert{background: #FCF8E3;}
.alert-sucess{background: #DFF0D8; border: #D6E9C6 solid 1px; color:#468847;}
.alert-sucess .alert-heading{color: #468847;}


/* FOOTER ---------------------------------------------------------- */

footer {background:#f5f5f5; width:100%; border-top:1px solid #DDD;}
.footer {padding:20px 0 50px 0; }
.footer p {margin-bottom:0; }
.footer img {padding-left:20px; }


/* AJUSTES LAYOUT -------------------------------------------------- */

ul.breadcrumb {border-style:none; border-color:inherit; border-width:0; margin-bottom:10px; padding:5px 0 0 0; background-color:#fff; 
background-repeat:repeat-x; background-image:linear-gradient(top, white, white); *width:100%; }
ul.breadcrumb li,
ul.breadcrumb li.active, ul.breadcrumb li.active a, ul.breadcrumb li.active label{color:#999; *float:left; *width:auto; *margin-right:5px; }
ul.breadcrumb li a, ul.breadcrumb li span, ul.breadcrumb li label{cursor:default; }
ul.breadcrumb li a:hover{text-decoration:none; }

th.last, td.last {width:60px; }
td a {text-indent:-9999em; }
div.pagination ul li a {line-height:25px; padding:0 10px; }

/* Oculta barra indevida que é renderizada pelo .net no footer */
.ui-datepicker{display:none; }

/* Espaça ícones de contato com a ATI na tela inicial */
.row .span3 p.top-plus i{margin-right:2px;}

/* Oculta linha que aparece no footer ao utilizar-se o datapicker */
.ui-datepicker{display:none;}


/* MEDIA QUERIES --------------------------------------------------- */

@media (min-width: 980px){
    fieldset [class*="span"].control-group{margin-right:10px;}
}

@media (min-width: 1200px){
    fieldset [class*="span"].control-group{margin-right:0;}
}

@media (max-width:979px){
    .navbar-fixed-top .navbar-inner .container{overflow-x:hidden; }
    .navbar-fixed-top{margin-bottom:0; position:static !important; }
    .global{padding-top:10px; }
    
	.loader{position:absolute; }

    .menu{background:none; float:right !important; }
    .menu:hover{background:none; }
    .menu li a.detail {font-size:11px; font-weight:bold; }
    .menu li ul li a {font-weight:normal; }
    .menu li .subnivel {top:80px; }
    
    .navbar a.brand{margin-left:-20px !important; clear:both; width:100% !important; clear:both !important; display:block;  }
    .navbar.navbar-fixed-top{margin-bottom:1px; }
    .navbar-fixed-top .navbar-inner{padding:0; }
    
    .dropdown-toggle{display:none; } 
    .dropdown-menu li{float:left; } 
    .dropdown-menu li a{color:#fff !important; } 
    .dropdown-menu li a:hover{background:#fff !important; color:#000 !important; min-width:20px; }     
    .dropdown-menu li a i{display:none; } 
    
    .brand+.btn-group{width:190px !important; overflow-x:hidden; }
    
     fieldset [class*="span"].control-group{width:auto; margin-right:10px !important; padding-left:0;}
}

@media all and (max-width:767px){
    .menu{background:none; }
    .menu:hover{background:none; }
    
    .navbar a.brand{font-size:18px; }
    h1, h1 > span {font-size:15px !important; }
    
    .dropdown-menu li:last-child{display:block; } 
}

@media all and (max-width:480px){
    .navbar a.brand{background:none; padding:12px 0 10px 0; margin-left:0 !important; text-align:center; font-size:16px; font-weight:bold; } 
    .navbar a.brand:hover{background:none !important; }
    .brand+.btn-group{width:170px; }
    
    h1, h1 > span {font-size:12px !important; }
    
    .dropdown-menu li{display:none;  width:20px;} 
    
    ul.breadcrumb{display:none; }
    
    .menu{background:none; }
    .menu:hover{background:#fff; }
    .menu li .subnivel {top:94px; } 
    
    .brand+.btn-group{width:100px !important; }   
}

@media print{
    .navbar.navbar-fixed-top{border:0 !important; background:none!important;}
    .navbar.navbar-fixed-top .navbar-inner{border:solid 1px #fff; background:none!important;}
    .navbar.navbar-fixed-top .brand{background:none !important; padding:0 0 0 30px; border:solid 1px #fff; color:#000;}
    .navbar.navbar-fixed-top .btn-group.pull-right{display:none !important;}  
    .navbar.navbar-fixed-top .menu{display:none !important;}
    
    .global .breadcrumb{display:none;}
    
    .footer img.pull-right{display:none;}
    .footer p{float:right; clear:both;}
}


/* HACK PARA INTERNET EXPLORER ------------------------------------------------ */

.ie7 fieldset [class*="span"].control-group, .ie8 fieldset [class*="span"].control-group{margin-right:10px;}