@charset "utf-8";

.barraAtalhoHome ul {
	padding: 1%; text-align: center; width: 100%; height: 150px; list-style: outside none none;
}

.barraAtalhoHome ul li {
	display: inline;
}

.barraAtalhoHome ul li a {	
	display: inline-block;
	text-decoration: none;
	
	background-color: #43AACF; box-shadow: 0px 1px 1px 1px #888; 
	border-radius: 50%; width: 100px;
	height: 100px;
	background-color: #171a88;
	border-width: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	cursor: pointer;
	margin-top: 10px;
}

.barraAtalhoHome ul li a:hover {
	background-color: #00cfb6;
}

.barraAtalhoHome ul li a i {	
	font-size: 50px; color: white; padding-top: 25px;
}	

.divTxtBox {
	display: none; opacity: 0; border-top: 1px solid rgb(136, 136, 136); text-align: center;
}

.divTxtBox p {
	padding-bottom: 10px; padding-top: 20px; vertical-align: top;
}

.pesquisaRede {
	margin-left: -70px; 
}

@font-face {
    font-family: 'Galano Grotesque';
    src: local('Galano Grotesque Alt Regular'), local('Galano-Grotesque-Alt-Regular'),
        url('font/GalanoGrotesqueAlt-Regular.woff2') format('woff2'),
        url('font/GalanoGrotesqueAlt-Regular.woff') format('woff'),
        url('font/GalanoGrotesqueAlt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
		
@font-face {
    font-family: 'HelveticaNeue67MdCn';
    src: url('font/helveticaneue-mediumcond-webfont.eot');
    src: url('font/helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneue-mediumcond-webfont.woff') format('woff'),
         url('font/helveticaneue-mediumcond-webfont.ttf') format('truetype'),
         url('font/helveticaneue-mediumcond-webfont.svg#HelveticaNeue67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0;
	padding:0;
	font-family: 'Galano Grotesque';
}
body {
	background:url(../images/ciesb/container_background.png) repeat-x center top;
	font-size:12px;
}
a {
	color: #171a88;
}
a:hover {
	color: #0f90c5;
}
fieldset {
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 20px 0;
}
fieldset legend {
	font-size:16px;
	padding:0 5px;
}
fieldset.erro legend, fieldset.erro td {
	color:red;
}
fieldset.ok legend, fieldset.ok td {
	color:green;
}
.container {
	width:780px;
	margin:0 auto;
}
#logo {
	background: url(../images/logo/gamaSaude.png) no-repeat;
	width: 246px;
	height: 112px;
	margin: 0 0 0 -12px;
	padding: 1px 0;
	z-index: 9999;
}
#logo h1 {
	/*background: url(../images/logo/gamaSaude.png) no-repeat;*/
	width: 191px;
	height: 85px;
	margin: 11px 28px 18px 27px;
	display: block;
	text-indent: -9999px;
}
h1, h2, h3, h4 {
	font-weight: normal;
	font-family: 'Galano Grotesque';
	text-transform: uppercase;
	clear: both;
	color:#171a88;
	margin:0 0 20px 0;
}

h5{
	font-weight: normal;
	font-family: 'Galano Grotesque';
	text-transform: uppercase;
	clear: both;
	
	margin:0 0 20px 0;
}


.content {
	padding: 20px 15px 12px 15px;
	margin: 20px 0 25px 0;
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
	position: relative;
	z-index: 1;
}

.content-solic {
	padding: 20px 15px 12px 15px;
	margin: 20px 0 25px 0;
	width: 95%;
	border: 1px solid #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
	position: relative;
	z-index: 1;
}




.conteudo {
	padding: 20px 15px 12px 5px;
	margin: 20px 20px 25px auto;
	width: 814px;
	border: 1px solid #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	float: center;
	position: relative;
	z-index: 1;
}
.conteudo i {
	color: #171a88 !important;	
}
h2 {
	color: #171a88;
	padding: 0 5px;
	background: white;
	position: absolute;
	top: -18px;
	left: 10px;
	font-size: 18px;
	z-index: 2;
	font-weight: bold;
}


h5 {
	
	padding: 0 5px;
	background: white;
	position: absolute;
	top: 22px;
	left: 0px;
	font-size: 15px;
	z-index: 2;
}


input {
	font-size: 12px;
	height: 27px;
	line-height: 25px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 2px 0;
	padding: 0;
}

input[disabled]{
	cursor: not-allowed;
}


select {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    height: 27px;
    line-height: 25px;
    margin: 2px 0;
    padding: 0;
    width: 297px;
}

input[input=text]:focus{
	 border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.erroAgencia{
	font-size: 12px;		
	width: 268px;
}


.fileUpload input.upload {
    font-size: 12px;
	height: 27px;
	line-height: 25px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 2px 0;
	padding: 0;
	width: 500px
	
}

.btn-primary {  
  background-color: #e0e0e0;
  font-size: 12px;
  color: #171a88;
  font: Arial,Helvetica,sans-serif;
  text-align: center;
  font-weight: bold;
  padding-left: 5%;
  padding-right: 5%;
  cursor: pointer;
}


.btn-primary:hover {
  color: #fff;
  background-color: #00cfb6;
  border-color: #00cfb6;
}



.bottom {
	background: #024E6E;
	color: white;
	cursor:pointer;
	padding:0 5px;
}
.bottom:hover {
	background: #0f90c5;
}
.menu{
	list-style:none; 
	float:left; 
}
.menu li{ 
	position:relative; 
	float:left;  
}
.menu li a{ 
	display: block;	
	background: url(../images/common/menu_separator.png) no-repeat right top !important;
	font-family: 'Galano Grotesque';
	font-size: 12px;
	color: white;
	line-height: 42px;
	text-decoration: none;
	height: 42px;
	padding: 0 18px 0 20px;
	border: none !important;
}
.menu li a img{
	position:absolute; 
	top: 30%;
	left: 27%;
}
.menu li ul{
	position:absolute; 
	top:42px; 
	left:0; 
	background-color: #171a88;
	display:none; 
	z-index: 9 !important;
}
.menu li ul li{ 
	display:block; 
	width:160px; 
}
.menu li a:hover {
	background:none;
}
.menu li:hover ul, .menu li.over ul{
	display:block;
}
ul.menu {
	float: left;
	margin: -114px 0 0 227px;
	z-index: 9 !important;
	width:583px;
	list-style:none;
	display:block;	
}
ul.menu li:hover, ul.menu li.logout:hover {
	background:url(../images/gamaSaude/menu_background_hover.png) repeat-x left top !important;
}
ul.menu li a:hover {
	background:none;
}
ul.menu li.logout {
	float:right;
}
ul.menu li.left_logout {
	background: url(../images/common/menu_separator.png) no-repeat left top !important;
	float:right;
}
.topo {
	color:#171a88;
	font-weight: bold;
	font-family: 'Galano Grotesque';
	font-size:12px;	
}
#filtro {
	font-family: 'Galano Grotesque';
	border-collapse:collapse;
}
#filtro td, #filtro th {
	font-size:13px;
	border:1px solid #024E6E;
	padding:5px;
}
#filtro th {
	font-size:14px;
	font-weight: bold;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#024E6E;
	color:#fff;
}
#filtro tr.alt, #filtro td {
	color:#000;
	background-color:#eee;
}
#semBorda td, #semBorda th {
	border:0px solid #024E6E;
	padding:2px;
}
.spanNormal {
	border: solid 1px #eee;
	padding-top:2px;
	padding-bottom:2px;
 *padding-top:1px;
 *padding-bottom:1px;
}
.spanRed {
	border: solid 1px red;
	padding-top:2px;
	padding-bottom:2px;
 *padding-top:1px;
 *padding-bottom:1px;
}
#principal input {
	height:inherit;
}


/* Mensagens do sistema */
/*    <div class="info">Info message</div>

<div class="success">Successful operation message</div>

<div class="warning">Warning message</div>

<div class="error">Error message</div>

http://www.jankoatwarpspeed.com/css-message-boxes-for-different-message-types/ */

.info, .success, .warning, .error, .validation {
	font-family:'Galano Grotesque'; 
font-size:13px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.jpg');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
#alert {
  display: none; /* O alerta deve iniciar oculto */
  width: 850px;
  height: auto;
  overflow: hidden;
  position: fixed;
  z-index: 999999;
  padding: 10px 0;
  color: #fff;
}
.alert-error {
  background-color: #e74c3c;
} 
.alert-success {
  background-color: #2ecc71;
}
.total_grid {
	text-align:right; 
	background-color: #024e6e;
}
#resultado {
    border: 1px solid #c1dad7;
    border-collapse: collapse;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#div_header {
    background-color: #024e6e;
    color: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #024e6e;
}
#div_section {
    padding:10px;
    border: 1px solid #024e6e;
    background-color: #eee;
    color: #000;
}

table.grid {
	border: 1px solid #666;
	width: 80%;
	margin: 20px 0 20px 0;
	font-size: 12px;
	font-family:'Galano Grotesque';
}

table.grid th {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
	font-weight: bold;
	text-align : left;
	font-family:'Galano Grotesque';
}

table.grid td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
	font-weight: normal;
	font-family:'Galano Grotesque';
}

table.grid thead tr {
  background-color: #024e6e;
  color: #fff;
}

table.grid th a, table.grid th a:visited {
  color: black;
}

table.grid th a:hover {
  text-decoration: underline;
  color: black;
}

table.grid th.sorted a, table.grid th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

table.grid th.sortable a {
	background-image: url(../imagens/arrow_off.png);
}

table.grid th.order1 a {
	background-image: url(../imagens/arrow_down.png);
}

table.grid th.order2 a {
	background-image: url(../imagens/arrow_up.png);
}

table.grid tr.odd {
  background-color: #fff;
  color: black;
}

table.grid tr.tableRowEven, table.grid tr.even {
  background-color: #e4e8ee;
  color: black;
}

div#grid-contain { 
  width: 730px; 
  margin: 20px 30px;
}

div#grid-contain table { 
  margin: 1em 0; 
  border-collapse: 
  collapse; width: 100%;
}

div#grid-contain table td, div#grid-contain table th {
  border: 1px solid #eee; 
  padding: .6em 10px;
  text-align: left;
}

.bt-form {
    background: none repeat scroll 0 0 #e0e0e0;
    color: #004f93;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 10px 0 0;
    padding: 5px 20px;
    text-align: center;
    border-radius: 5px;
    cursor:pointer;
}

.cadastrado {
	padding: 20px 15px 12px 15px;
	margin: 20px 0 25px 0;
	width: 40%;
	border: 1px solid #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
	position: relative;
	z-index: 1;
}

.criarAcesso {
	padding: 20px 15px 12px 15px;
	margin: 20px 0 25px 0;
	width: 50%;
	height: 100px;
	border: 1px solid #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	float: right;
	position: relative;
	z-index: 1;
}

.acessoH2 {
	font-weight: normal;
	font-family: 'Galano Grotesque';
	text-transform: uppercase;
	clear: both;
	color:#666666;
	margin:0 0 20px 0;
}

table.tbl_relatorio {
	border: 1px solid #666;
	margin: 20px 0 20px 0;
	font-size: 12px;
	font-family:'Galano Grotesque';
}

table.tbl_relatorio th, table.tbl_relatorio td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

table.tbl_relatorio thead tr {
  background-color: #171a88;
  color: #fff;
}

table.tbl_relatorio th a, table.tbl_relatorio th a:visited {
  color: black;
}

table.tbl_relatorio th a:hover {
  text-decoration: underline;
  color: black;
}

table.tbl_relatorio th.sorted a, table.tbl_relatorio th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

table.tbl_relatorio th.sortable a {
	background-image: url(../imagens/arrow_off.png);
}

table.tbl_relatorio th.order1 a {
	background-image: url(../imagens/arrow_down.png);
}

table.tbl_relatorio th.order2 a {
	background-image: url(../imagens/arrow_up.png);
}

table.tbl_relatorio tr.odd {
  background-color: #fff;
  color: black;
}

table.tbl_relatorio tr.tableRowEven, table.tbl_relatorio tr.even {
  background-color: #e4e8ee;
  color: black;
}

.label-error {
    background-color: red;
    float: right;
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
    color: white;
    font-size: 10px;
    font-weight: bold;
}