body,html{height: 100%;}
body{background-color: #fff; font-family: 'Roboto', sans-serif; font-weight:400;}

label.normal { font-size: small !important; cursor:pointer; }
label.grande { font-size: medium !important; cursor:pointer; }
label.extra { font-size: large !important; cursor:pointer; }

body.normal { font-size: small; }
body.grande {font-size: medium; }
body.extra { font-size: large; }

h1 { background-color: #5bc0de; padding: 10px; color: #fff; text-transform: uppercase; font-weight: 300; margin-bottom: 30px; font-size: 2em; }
h2 { font-weight:500; color: #037bc8; font-size: 1.10em; }

.summaryText {
    font-size: 1.1rem;
}

.img-menu-circle {
    width: 70px;
}

.img-menu-oval {
    width: 100px;
}

.img-footer-logo {
    height: 60px;
}



.main-bar { font-size: 1.2em; text-transform: uppercase; clear: both; float: left; width: 100%; background: #037bc8; }

.line { border-left: 1px solid #1194c8; width: 1px; height: 90px; margin: 5px auto; }

#main-nav { background-color: #037bc8!important; color: #ffffff!important; border: none; border-radius: 0!important; text-transform: uppercase; }

#main-nav .navbar-brand { color: #ffffff; }

#main-nav li a { color: #ffffff; font-size:1em; }

#main-nav li a:hover { background-color: #176197; }
#main-nav .btn { padding:7px 20px; margin:8px 5px; }

.main-nav .dropdown-menu { background-color: #037bc8!important; }

.navbar-nav>li {float:left;}

.wrapper { min-height: 100%; height: auto !important; height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */ }

/* .push must be the same height as .footer */ 
.push { height: 80px; }

 /* .push must be the same height as .footer */ 
/* footer { 
  background-color: red;
  border-top: 2px blue solid; 
  height: 80px;
} */


/* footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  height: 7em;
} */

a:hover h1{ text-decortion:none; }

.modal.in .modal-dialog {
	transform: translate(0, 35%) !important; -ms-transform: translate(0, 35%) !important; /* IE 9 */
	-webkit-transform: translate(0, 35%) !important; /* Safari and Chrome */
}

section:last-child {margin-bottom:30px;}

header {background-color: #f3f3f3;}

.customform .form-horizontal .form-group { margin-right:0; margin-left:0; }

.customform .input-group-addon { color:#fff; background-color:#037bc8; border:none; padding: 6px 20px; }

.customform .form-control { border:2px solid #037bc8; height:auto; -webkit-box-shadow: none;
	box-shadow: none; padding: 10px 5px; border-radius: 0px; }

.customform label{ text-transform: uppercase; font-weight: 300;
	color: #037bc8; font-size: 1em;
}

a.trace { padding-right:5px; font-weight: bold !important; color: #55c4f1; text-decoration:none;}
label.trace { padding-left:5px; }


table { text-align:center; }

table th { text-transform: uppercase; font-weight: 300; color: #037bc8; font-size: 1.2em; text-align:center; }

.paginicio { margin-top:100px; }

.alert-cookies {
	color: #eee;
	background-color: #333;
	margin-bottom:0;
	border-radius: 0;
}

.alert-cookies a{
	color:#fff;
}

#cookies .alert-dismissible .close, #cookies .alert-dismissable .close {
	color:#eeeeee!important;
}

.background {
  background-image: url(../imgs/background.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #eee;
  margin:auto;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: -9;
}

.wrapper_bg{
    background-image: url(../imgs/background2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

.a-no-transform a:hover, .a-no-transform a:active, .a-no-transform a:visited, .a-no-transform a:link, .a-no-transform a{
  text-decoration:none;
  border: 0px;
}

.a-no-transform a {
  color:#000;
  font-size:1.1em;

}

#faq .panel-heading {
  font-size:16px;
  text-transform:uppercase;
  color:#ffffff;
  background-color:#037bc8;
}

#faq .panel-heading a {
  color:#ffffff;
}

#faq .panel-heading a:hover, #faq .panel-heading a:link {
  text-decoration:none;
}

#faq .panel, #faq .panel-heading {
  border-radius:0!important;
}

#faq h4 {
  line-height:2em;
}

#faq .panel-group .panel+.panel {
  margin-top: 15px;
}
/* ---CAROUSEL HOME--- */

.carousel-control {background:none!important;}

.item,
.active,
.carousel-inner {
    height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.fixed{
	position: fixed;
	top:0;
	left:0;
}

.modal-footer {
	border-top: 0px!important;
}

@media (max-width:768px){
	.navbar-header a{
		width: 100%;
		text-align:center;
	}
	.navbar-nav li{
		width: 100%;
	}
	.navbar-nav li a{
		width: 100%;
		text-align:center;
	}
	.navbar-nav li.visible-xs-block{
		width: 100%;
	}
	.navbar-nav li.visible-xs-block a{
		padding: 0 40px 0 30px;
	}
	.navbar-nav li.li_mobile{
		width: 25%;
		font-size: 2.5em;
	}
        .navbar-nav li.li_mobile_2{
		width: 50%;
		font-size: 2.5em;
	}
}

 .ver-tab a:hover {
	 text-decoration: none;
	 }

 .ver-tab .btn {
	 margin: 20px 0 30px 0;
	 border-radius: 0px;
	 font-size: 2em;
	 font-weight: 300;
	 padding: 10px;
	 line-height: 1.1;
	 text-align: left;
	 }

  .ver-tab-active {

  }

/* =========== MAILS ============== */
#mails .mail-container {
	width:600px;
	margin-right: auto;
	margin-left:auto;
	margin-top: 50px;
	box-shadow: 0 0 10px #000;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
}

#mails .mail-container header, #mails .mail-container footer {
	background-color: #fff;

}

#mails .mail-container section {
	padding-left:30px;
	padding-right:30px;
}
#mails .mail-container header {
	padding-top:30px;
}

#mails p {
	font-size: 1.2em;
	font-weight:300;
}

#tabdados .tab-pane .col-sm-12{
	background-color: #fff;
	border: 1px solid #ddd;
	border-top:0px;
}
@media screen and (min-width: 768px) {
/*#lhc_container {
	bottom: 50%!important;
	right: 42%!important;
}*/

#lhc_status_container {
	bottom:50%!important;
	right:-190px!important;
}
#lhc_status_container:hover {
	bottom:50%!important;
	right:0px!important;
}
#lhc_status_container #online-icon {
	margin-top:5px;
	margin-left:5px;
}

.btn-xl {
    padding: 10px 60px;
    font-size: 18px; /*change this to your desired size*/
    line-height: 1.3333;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

img.normal-logo-size{
	height:100px;
}

img.normal-region-size{
	height:100px;
}

img.normal-hsp-size{
	height:75px;
}

img.doctor-size{
/*	height:315px;*/
	*height:298px;
}

hr.DiverLine1 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}

.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 70px;
}

/*-------------- LOADER -------------------*/
.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
    opacity: 0.5;
    z-index: 100000000;
    display: none;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);

}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;

}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}