@CHARSET "ISO-8859-1";
	:root {
		--main-text-color: rgb(137, 24, 18);
		--main-grad-color-1: rgb(250, 160, 140) 49%;
		--main-menu-line: rgb(190, 30, 30);
		--content-block-width: 70%;
	}
	/*
	* {
		margin: 0px;
		padding: 0px
	}
	*/
	html, body {
		width: 100%;
      	margin: 0px;
      	padding: 0px;
    }
    html {
    	height: 100%;
    }
    body {
      	transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      	transform-style: preserve-3d;
      	background-color: transparent;
      	min-height: 100%;
    }
	.content {
		height: 100%;
		width: 100%;
		padding-bottom: 109px;
		text-align: center;
    }
    
    .line {
    	width: 100%;
    	border-width: 3px;
    	border-color: rgb(200, 200, 200);
    	
    }
    
    .div-line {
    	position: relative;
    	width: 100%;
    	border-top-style: solid;
      	border-top-width: 3px;
      	border-top-color: var(--main-text-color);
    }
    
    /*HEADER*/
    .main-header {
      	width: var(--content-block-width);
      	height: 140px;
      	min-width: 900px;
    	display: inline-block;
    	text-align: left;
    	position: relative;
    }
    .logo-conteiner {
    	position: absolute;
    	bottom: 0px;
    }
    
    .logo-image {
    	width: 35%;
    	heigth: auto;
    }
   
    .main-itens-options { /*O conteiner do menu de itens */
      	position: absolute;
      	width: auto;
      	bottom: 0px;
      	right: 0px;
      	text-align: center;
    }
    .main-options-list li { /* O conteiner dos itens com defini??es para seus itens*/
    	display: inline;
    	
    }
    .main-options-list li a {
    	font-family: "Arial";
      	font-size: large;
      	font-weight: bold;
      	border-bottom-style: solid;
      	border-bottom-width: 3px;
      	border-bottom-color: rgb(190, 30, 30);
      	cursor: pointer;
      	color: inherit;
      	text-decoration: none;
      	margin: 0px 10px;
    }
    .main-options-list li a:hover {
    	border-bottom-style: solid;
      	border-bottom-width: 3px;
      	border-bottom-color: var(--main-text-color);
    }

	ul.topnav {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	overflow: hidden;
    	
    	
      	display: none;
	}

	ul.topnav li {
		float: left;
	}

	ul.topnav li a {
    	display: inline-block;
    	color: var(--main-text-color);
    	text-align: center;
    	padding: 14px 16px;
    	text-decoration: none;
    	transition: 0.3s;
    	font-size: 17px;
    	font-weight: bold;
	}

	ul.topnav li a:hover {
		background-color: var(--main-menu-line);
	}

	ul.topnav li.icon {
	display: none;
	}
    
    /*FOOTER*/
    .footer {
    	width: 100%;
    	position: absolute;
    	bottom: 0;
    	height: 100px;
    	background-image: -webkit-linear-gradient(rgb(137, 24, 18, 0) 70%, rgb(250, 160, 140,1) 98%);
      	border-top-style: solid;
      	border-top-width: 3px;
      	border-top-color: rgb(200, 200, 200);
      	display: table;
    }
    .footer p {
    	display: table-cell; 
  		vertical-align: middle; 
  		text-align: center;
    }
    
    /*INDEX*/
    .welcome-content {
    	position: relative;
    	width: 100%;
    	border-bottom: solid 3px rgb(200, 200, 200);
    	border-top-style: solid;
      	border-top-width: 3px;
      	border-top-color: var(--main-text-color);  
      	text-align: center;
    }
    .welcome-content img {
    	width: 100%;
    	display: block;
    }
    
    .image-slider {
    	width: 100%;
    }
    
    .two-column {
  		width: var(--content-block-width);
  		display: inline-block;
  		text-align: center;
    }
    
    .two-column:after {
    	content: "";
  		display: table;
  		clear: both;
    
    }
    
    .two-column-block {
    	float: left;
  		width: 50%;
    }
    
    .lab-info-header {
    	color: var(--main-text-color);
      	font-weight: bold;
      	text-align: center;
      	width: 100%;
    }
    
    .lab-info-text {
    	color: var(--main-text-color);
      	font-size: 18px;
      	text-align: justify;
    
    }
    
    .lab-locations-block {
    	width: 100%;
    	display: inline;
    	
    }
    
    .lab-locations {
    	border-radius: 25px;
    	background-image: -webkit-linear-gradient(rgb(137, 24, 18, 0.1) 10%, rgb(250, 160, 140,0.8) 68%);
    	display: inline;
    	float: left;
    	width: 32%;
    	margin-left: 0.5%;
    	margin-right: 0.5%;
    }
    
    .lab-locations h1 {
    	font-size: 18px;
    	font-weight: bold;
    }
    
    .lab-locations p {
    	text-align: center;
    	
    }
    
    .audioclin-image {
    	width: 35%;
    	heigth: auto;	
    }
    
    .convenios-block {
    	width: 100%;
    	display: inline;
    }
    
    .convenios-box {
    	border: solid 1px rgb(200, 200, 200);
    	margin: 0px 20px;
    	width: 32%;
    	margin-left: 0.5%;
    	margin-right: 0.5%;
    	float: left;
    	
    }
    
    .cards-image {
    	width: 50%;
    	
    }
    
    /*EMPRESA*/
    .info-empresa {
    	width: var(--content-block-width);
    	display: inline-block;
    }
    .info-empresa h1 {
    	color: var(--main-text-color);
      	font-size: xx-large;
      	font-weight: bold;
      	text-align: left;
    }
    .info-empresa h2 {
    	color: var(--main-text-color);
      	font-weight: bold;
      	text-align: left;
    }
    .info-empresa p {
    	color: var(--main-text-color);
      	font-size: x-large;
      	text-align: justify;
    }
    
    /*EXAMES*/
    ul.procedures-table {
    	width: var(--content-block-width);
    	display: inline-block;
    	padding: 0;
    	text-align: left;
    	
    }
    ul.procedures-table li {
    	display: inline-block;
    	vertical-align: top;
    	text-align: left;
    }
    ul.procedures-table ul {
    	display: inline-block;
    	padding: 0;
    }
    ul.procedures-table li ul li {
    	display: block;
    	width: 280px;
    	padding-top: 3px;
    	padding-bottom: 3px;
    	margin-top: 4px;
    	background-color: rgba(179, 230, 255, 0.3);
    }
    ul.procedures-table li ul li:hover {
    	background-color: rgba(179, 230, 255, 0.5);
    }
    .procedures-table-header {
    	font-size: large;
    	font-weight: bold;
    	background-color: rgba(200, 200, 200, 0.3) !important;
    	color: var(--main-text-color);
    }
    .procedures-table-header p {
    	display: table-cell;
    	vertical-align: middle;
    	padding-left: 2%;
    }
    ul.procedures-table form {
    	display: table-cell;
    	vertical-align: middle;
    }
    .exames-button {
    	background:none;
    	border: none;
    	text-decoration: none;
    	font-size: large;
    	cursor: pointer;
    	color: var(--main-text-color);
    }
    .exames-button:hover {
    	text-decoration: underline;
    	-moz-text-decoration-color: var(--main-text-color);
    	text-decoration-color: var(--main-text-color);
    }
    
    /*EXAME-INFO*/
    .exame-info-content {
    	width: var(--content-block-width);
    	display: inline-block;
    	text-align: left;
    }
    .exame-info-header h1 {
    	color: var(--main-text-color);
    }
    
    .exame-info-fields h1 {
    	color: var(--main-text-color);
    }
    .exame-info-fields p {
    	text-align: justify;
    }
    
    /*BUSCAR*/
    .search-content {
    	text-align: center;
    }
    .search-header {
    	color: var(--main-text-color);
    }
    form.search-form {
    	display: inline-block;
    	border: solid 3px var(--main-text-color);
    	border-radius: 5px;
    	padding: 5px;
    	width: 300px;
    }
    form.search-form div {
    	margin-top: 10px;
    	
    }
    form.search-form label {
    	float: left;
    	width: 85px;
    	display: inline-block;
    	text-align: left;
    	
    }
    form.search-form input {
    	width: 209px;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	border: solid 1px rgb(135, 104, 61);
    	border-radius: 5px;
    }
    form.search-form button {
    	padding: 5px 15px;
    }
    .search-buttons {
    	text-align: right;
    }
    
    /*RESULTADO*/
    .login-form {
    	width: 400px;
    	border: solid 3px var(--main-text-color);
    	border-radius: 5px;
    	padding: 5px 10px 10px 10px;
    	display: inline-block;
    	text-align:left;
    	box-sizing: border-box;
    }
    .login-form::after {
    	content: "";
    	display: table;
    	clear: both;
    }
    .login-form table {
    	width: 100%;
    	max-width: 100%;
    	table-layout: fixed;
    	border-collapse: collapse;
    }
    .login-form td {
    	padding: 0;
    }
    
    .login-form h1 {
    	color: var(--main-text-color);
    }
    
    .login-form label {
    	color: var(--main-text-color);
    	font-size: large;
    }
    
    .login-form-input,
    .login-form .ui-inputfield,
    .login-form .ui-inputtext {
    	width: 100% !important;
    	max-width: 100%;
    	padding: 3px 8px;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box !important;
    	border: solid 1px rgb(135, 104, 61);
    	border-radius: 5px;
    	display: block;
    }
	
	.login-button,
	.login-form .ui-button {
		float: right;
    	padding: 5px 15px;
    	box-sizing: border-box;
    	max-width: 100%;
    }
    
    .info-pedido {
    	width: var(--content-block-width);
    	display: inline-block;
    	text-align: left;
    	border: solid 3px var(--main-text-color);
    	border-radius: 5px;
    	padding: 5px;
    }
    .info-pedido h1 {
    	color: var(--main-text-color);
      	font-size: xx-large;
      	font-weight: bold;
      	text-align: center;
    }
    .info-pedido h2 {
    	color: var(--main-text-color);
      	font-weight: bold;
      	text-align: left;
    }
    .info-pedido p {
    	margin-top: 0;
    	margin-bottom: 0;
    	color: var(--main-text-color);
      	font-size: large;
      	text-align: justify;
      	display: inline-block;
    }
    
    .pedido-table{
    	width:100%;
		border-collapse:collapse;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.pedido-table th:nth-child(1) {
    	width: 4%;
	}
	
	.pedido-table td:nth-child(1) {
    	width: 4%;
	}
	
	.pedido-table td:nth-child(2) {
    	width: 74%;
	}
	
	.pedido-table td:nth-child(3) {
    	width: 10%;
	}
	
	.pedido-table td:nth-child(5) {
    	width: 8%;
	}

	.pedido-table-header{
		background-image: -webkit-linear-gradient(rgb(229, 229, 229, 0.2) 10%, rgb(250, 160, 140,1) 98%);
		border-bottom:1px solid #BBBBBB;
		padding:5px;
		text-align: left;
	}
	
	.pedido-table th:nth-child(4){
		text-align: center;
	}
	
	.pedido-table-odd-row {
		background:none repeat scroll 0 0 #FFFFFF;
		border-top:1px solid #BBBBBB;
	}
	
	.pedido-table-even-row {
		background:none repeat scroll 0 0 #F9F9F9;
		border-top:1px solid #BBBBBB;
	}
	
	.pedido-table-odd-row td:nth-child(4) {
		text-align:center;
	}
	
	.pedido-table-even-row td:nth-child(4) {
		text-align:center;
	}
	
	.print-button {
		font-size: medium;
    	background: none;
    	border: none;
    	color: var(--main-text-color);
    	width:32px !important;
        height:32px !important;
    }
    
    .icon-pdf {
		background-image: url("/jakarta.faces.resource/ic_download_pdf.png.faces?ln=images") !important;
		width:32px !important;
        height:32px !important;
        margin:-16px !important;
    }
    
    .print-button:hover {
    	text-decoration: underline;
    	-moz-text-decoration-color: var(--main-text-color);
    	text-decoration-color: var(--main-text-color);
    }
    
    .print-all {
    	float:left;
    	padding: 5px 15px;
		font-size: medium;
    	text-decoration: none;
    	cursor: pointer;
    	color: var(--main-text-color);
    }
    
    
    
    /*CONTATO*/
    .contato-header {
    	color: var(--main-text-color);
      	font-size: xx-large;
      	font-weight: bold;
    }
    
    .contact-content {
    	text-align:center
    }
    
    .contact-form {
    	display: inline-block;
    }
    
    .contato-form {
    	width: 430px;
    	border: solid 3px var(--main-text-color);
    	border-radius: 5px;
    	padding: 5px 10px 10px 10px;
    	display: inline-block;
    	text-align:left;
    	box-sizing: border-box;
    }
    .contato-form::after {
    	content: "";
    	display: table;
    	clear: both;
    }
    .contato-form table {
    	width: 100%;
    	max-width: 100%;
    	table-layout: fixed;
    	border-collapse: collapse;
    }
    .contato-form td {
    	padding: 0;
    }
    
    .contato-form h1 {
    	color: var(--main-text-color);
    }
    
    .contato-form label {
    	color: var(--main-text-color);
    	font-size: large;
    }
    
    .contato-form-input,
    .contato-form-input-phone,
    .contato-form .ui-inputfield,
    .contato-form .ui-inputtext,
    .contato-form .ui-inputmask {
    	width: 100% !important;
    	max-width: 100%;
    	padding: 3px 8px;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box !important;
    	border: solid 1px rgb(135, 104, 61);
    	border-radius: 5px;
    	display: block;
    }
    
	.contato-form textarea,
	.contato-form .ui-inputtextarea {
    	width: 100% !important;
    	max-width: 100%;
    	height: 160px;
    	padding: 3px 8px;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box !important;
    	border: solid 1px rgb(135, 104, 61);
    	border-radius: 5px;
    	display: block;
    	resize: none;
    	font-family: Arial;
    }
	
	.contato-button,
	.contato-form .ui-button {
		float: right;
    	padding: 5px 15px;
    	box-sizing: border-box;
    	max-width: 100%;
    }
    
    .contato-location {
    	vertical-align: top;
    	border: solid 3px var(--main-text-color);
    	border-radius: 5px;
    	padding: 5px;
    	display: inline-block;
    }
    
    .contato-location p {
    	color: var(--main-text-color);
    	font-size: small;
    }
    
    #map {
        width: 360px;
        height: 380px;
        -moz-box-sizing: border-box;
    	box-sizing: border-box;
    	border: solid 1px rgb(135, 104, 61);
    	border-radius: 5px;
        
    }
    
    #captcha-info {
    	font-size: small;
    }
    
    
    /*ERRO PAGE*/
    .erro-page {
    	text-align: center;
    }
    
@media (min-device-width: 1200px) {
	html, body {
		min-width: 1200px;
    }
}

@media (max-width: 1300px) {
	.lab-locations {
    	min-height: 180px;
    }
    
    .lab-locations p {
    	font-size: 12px;	
    }
}

@media (max-width: 1440px) and (min-width: 1300px){
	.lab-locations {
    	min-height: 130px;
    }
    
    .lab-locations p {
    	font-size: 12px;	
    }
}

@media only screen and (max-width:960px) {
  	ul.topnav li:not(:first-child) {
  		display: none;
  	}
  	
  	ul.topnav li.icon {
    	float: right;
    	display: inline-block;
  	}
  	
  	/* Deixar preenchimento total ( retirar para voltar ao padrao)*/
  	ul.topnav {
  		position: relative;
  	}
  	ul.topnav li.icon {
    	position: absolute;
    	right: 0;
    	top: 0;
  	}
  	ul.topnav li {
    	float: none;
    	display: inline;
  	}
  	ul.topnav li a {
    	display: block;
    	text-align: left;
  	}
}

@media screen and (max-width:960px) {
  	ul.topnav.responsive {
  		position: relative;
  	}
  	ul.topnav.responsive li.icon {
    	position: absolute;
    	right: 0;
    	top: 0;
  	}
  	ul.topnav.responsive li {
    	float: none;
    	display: inline;
  	}
  	ul.topnav.responsive li a {
    	display: block;
    	text-align: left;
  	}
}

/*COnfig maioria das telas de celular*/
@media only screen and (max-device-width: 960px) {
	
	body {
		font-size: 12px;
	}
	
	.content {
		padding-bottom: 0;
	}
	
	/*HEADER*/
	.main-header {
      	height: 100px;
      	min-width: 0px;
    }
    .logo-image {
    	width: 100%;
    }
    .lab-logo {
    	width: 5em;
    }
	.main-itens-options {
      	width: 90%;
      	top: 65px;
      	display: none;
    }
	ul.main-options-list li a {
      	margin: 0px 5px;
      	font-size: 10px
    }
    ul.topnav {
     	display: block;
    }
    
    /*FOOTER*/
    .footer {
    	position: relative;
    	margin-top: 10px;
    	    	
    }
   .footer p {
   		margin-left: 5%;
    	width: 90%;
    }

	/*INDEX*/
	
	.welcome-content {
    	height: 180px;
    }
    .welcome-content img {
    	width: 100%;
    	height: 100%;
    	display: block;
    }
    
    
    .image-slider {
    	width: 100%;
    	height: 100%
    }
    
	
	.welcome-content h1 {
    	position: absolute;
    	width: 70%;
      	font-size: 12px;
    }
    
    .two-column {
  		width: 95%;
  		display: block;
    }
    
    .two-column:after {
  		display: block;
    
    }
    
    .two-column-block {
    	float: none;
  		width: 100%;
  		display: block;
  		text-align: center;
    }
    
    .lab-info-header {
      	text-align: center;
      	font-size: x-large;
    }
    
    .lab-info-text {
      	text-align: center;
    
    }
    
    .lab-locations-block {
    	display: block;
    }
    
    
    .lab-locations {
    	width: 70%;
    	float: none;
    	margin: auto;
    	padding: 2px;
    }
    
    .lab-locations h1 {
    	font-size: large;
    	font-weight: bold;
    }
    
    .convenios-block {
    	width: 95%;
    }
    
    .convenios-box {
    	width: 50%;
    	float: none;
    	margin: auto;
    	padding: 2px;
    	
    }
	
	/*EMPRESA*/
	.info-empresa p {
      	font-size: large;
    }
    
    .info-empresa {
    	position: relative;
    	width: 95%;
    }
	
	/*EXAMES*/
    ul.procedures-table {
    	width: 95%;
    	padding: 0;
    }
    ul.procedures-table li {
    	display: block;
    }
    ul.procedures-table ul {
    	display: block;
    	padding: 0;
    	width: 100%;
    	
    }
    ul.procedures-table li ul li {
    }
    
    /*EXAME-INFO*/
    .exame-info-fields p {
    	width: 90%
    }
    
    /*BUSCAR*/
    .search-header {
    	width: 90%;
    }
    form.search-form {
    	width: 85%;
    }
    #search-form-div {
     width: 100%
    }
    form.search-form input {
    	width: 100%;
    }
    
    
    /*RESULTADOS*/
    .login-form {
    	width: 95%;
    	
    }
    
    .login-form-input {
    	width: 100%;
    }
    
    .info-pedido {
    	width: 95%;
    }
    
    .pedido-table td:nth-child(2) {
    	min-width: 0px;
	}
	
	.pedido-table td:nth-child(3) {
    	min-width: 0px;
	}
    
    /*CONTATO*/
    
    
    .contato-form {
    	float: none;
    	width: 100%;
    	
    }
	.contato-form-input {
    	width: 100%;
    }
	.contato-form textarea {
		width: 100%;
    	height: 140px;
	}
	
	.contato-location {
    	width: 100%;
    	float: none;
    }
    
    #map {
    	margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-device-width: 320px) {
	
	.logo-conteiner {
    	margin-top: 20px;
    	
    }

	#logo-text-1 {
      	font-size: large;
    }
    #logo-text-2 {
      	font-size: medium;
    }
    .lab-logo {
    	width: 4em;
    }
	
    .form-file {
    	width: 82%;
    }
    
    #recaptcha {
		-webkit-transform: scale(0.77);
     	-moz-transform: scale(0.77);
      	-ms-transform: scale(0.77);
       	-o-transform: scale(0.77);
        transform: scale(0.77);
   		-webkit-transform-origin: 0 0;
      	-moz-transform-origin: 0 0;
       	-ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
	}
	
	.contact-form form {
    	width: 90%;
    	
    }
	
}

@media only screen and (max-device-width: 680px) {

    .search-content {
    	margin-bottom: 20%;
    }
    
    .order-file {
    	margin-bottom: 20%;
    }
    
    .error-form {
    	margin-bottom: 70%;
    }
	
}

@media only screen and (max-device-width: 1400px) {
	
    /*FOOTER*/
    .footer {
    	position: relative;
    	margin-top: 10px;
    	    	
    }
	
}

@media only screen and (min-device-width: 681px) and (max-device-width: 960px) {

	.lolo-image {
	
	}
    .lab-logo {
    	width: 5em;
    }
    
    .welcome-content h1 {
      	font-size: x-large;
    }

    .search-content {
    	margin-bottom: 70%;
    }
    
    .info-empresa {
    	margin-bottom: 40%;
    }
    
    .order-file {
    	margin-bottom: 85%;
    }
    
    .error-form {
    	margin-bottom: 98%;
    }
	
}