@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,700italic,700,500italic,500,400italic);

.content{
	margin: 0 auto;
	width: 70%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}

	.margem{
		margin: 60px auto;
		width: 92%;
		height: 100%;
		overflow: hidden;
	}

/*/////////////////////////////HOME/////////////////////////////////////////*/

.lst-info{
	margin-top: 60px;
	margin-left: 100px;
	float: left;
}

	.lst-info li{
		margin: 0 6px;
		line-height: 26px;
		display: inline-block;
		color: #008882;
	}

	.lst-info li a{
		font-family: "Ubuntu", trebuchet, tahoma; 
		text-decoration: none;
		font-size: 14px;
		color: #008882;
	}

	.lst-info li a:hover{
		color: #4db404;
	}


.group-banner{
	width: auto;
	height: 100%;
	overflow: hidden;
}

.bar-nav-servicos{
	margin-top: -4px;
	padding: 20px 0;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	height: 100%;
	overflow: hidden;
	background-color: #f8f8f8;
}

	.center-nav-servicos{
		margin: 0 auto;
		text-align: center;
		width: 70%;
		height: 100%;
		overflow: hidden;
	}

		.center-nav-servicos li{
			margin: 0 1.5%;
			display: inline;
			float: left;
			width: 16%;

			font-size: 18px;
    		color: #b6b6b6;
		}

		.center-nav-servicos li a{
			text-decoration: none;

			font-family: "Ubuntu", trebuchet, tahoma; 
    		font-size: 18px;
    		font-weight: 700;
    		color: #b6b6b6;
			text-transform: uppercase;
		}

		.center-nav-servicos li a:hover{
			color: #76b32b;
		}

.box-home{
	width: 25%;
	height: 100%;
	overflow: hidden;
}

	.box-home:hover{
		opacity: 0.8;
	}	


	.box-home a{
		text-decoration: none;
	}


	.box-home figcaption{
		margin-top: 12px;
		text-align: center;
		text-decoration: none;

		font-family:"Ubuntu", trebuchet, tahoma; 
		font-size: 16px;
		font-weight: 700;
		color: #3b7b7c;
	}

	.exame-ocupacional{ float: left; }

	.saude-ocupacional{ margin: 0 auto; }

	.exame-complementar{ float: right; }

.group-exames{
	margin: 80px 0;
	padding: 40px 0;
	border-top: 1px dotted #b6b6b6;
	border-bottom: 1px dotted #b6b6b6;
	height: 100%;
	overflow: hidden;
	clear: both;
}
		
	.box-exame{
		width: 26%;
	}

	.box-exame li{
		text-decoration: none;
		line-height: 23px;
		color: #b6b6b6;
	}

	.box-exame li a{
		text-decoration: none;
		text-transform: uppercase;

		font-family:"Ubuntu", trebuchet, tahoma; 
		font-size: 14px;
		color: #9a9a9a;
	}

	.box-exame li a:hover{
		color: #5c9d9e;
	}

	.complementares{
		float: left;
	}

	.ocupacionais{
		margin: 0 auto;
	}

	.laboratoriais{
		float: right;
	}


	.lst-clientes li{
		margin: 0 2%;
		width: 14%;
		display: inline-block;
	}

	.lst-clientes li a{
		display: block;
	}

/*//////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////QUEM SOMOS////////////////////////////////////*/

.group-missao-visao-valores{
	margin-top: 50px;
	height: 100%;
	overflow: hidden;
}

	.box-quem-somos{
		width: 26%;
		height: 100%;
		overflow: hidden;
	}

		.missao{ float: left; }

		.valores{ float: right; }

		.visao{ margin: 0 auto; }

/*//////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////AMBIENTE/////////////////////////////////////*/

.galeria{
	width: 100%;
	height: 480px;
}

/*//////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////SERVIÇOS//////////////////////////////////*/

#menu-principal{
	margin:0 auto; 
	width:100%;
	margin-bottom:3px; 
	background-color:#5c9d9e;

	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;    
}

#menu-principal:hover{
	background-color: #85bfc0;

	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
}

#menu-principal li a{
	padding:15px;
	margin-right:10px;
	text-decoration:none;  
	display:block;
	outline:none;
	font-family:"Ubuntu", trebuchet, tahoma; 
	font-size: 14px;
	font-weight:700;  
	color:#fff;
}
#menu-principal li.parent > a {
	background:transparent url('../imgs/mais.png') right center no-repeat;
}
#menu-principal li.aberto > a {
	background:transparent url('../imgs/menos.png') right center no-repeat;
}	

	.sub-principal{
		padding:13px;
		display:none;    
		background-color: #fff;
	}
		.sub-principal li{
			margin-bottom:14px;
			margin-left:10px;   
			color:#737373; 

			font-family:"Ubuntu", trebuchet, tahoma; 
			font-size: 14px;
		}

/*//////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////TOPICOS HOME//////////////////////////////////*/

.topicos{
	margin: 40px 0;
}

	.lst-topicos{
		line-height: 24px;
	}

	.lst-topicos li{
		font-family:"Ubuntu", trebuchet, tahoma; 
		font-size: 14px;
		color:#737373; 
	}

/*//////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////CONTATO e RH: FORMULÁRIOS//////////////////////////////////////*/

/* CONTATO */

.group-mapa-form{
	width: 64%;
	height: 100%;
	overflow: hidden;
	float: left;
}

	.group-mapa{
		margin-bottom: 20px;
		padding: 10px;
		width: 96%;
		height: 100%;
		overflow: hidden;
		border: 1px solid #76b32b;
	}

		#wrap {
			width: 100%;
			float: left;
		}

		#wrap h3 {
			font-size: 2.857em;
			font-weight: bold;
		}

		#wrap #mapPlace {
			width: 100%;
			height: 300px;
			display: block;
		}

		.formulario{
			margin-top: 40px;
			height: 100%;
			overflow: hidden;
		}

		/*form*/

		.group-esq{
			margin-bottom: 12px;
			float: left;
			width: 48%;
		}

		.group-dir{
			margin-bottom: 12px;
			float: right;
			width: 48%;
		}

		.group-todo{
			margin-bottom: 12px;
			width: 100%;
			clear: both;
		}

		.formulario label{
			margin-bottom: 2px;
			display: block;

			font-family:"Ubuntu", trebuchet, tahoma;
			font-size:14px;
			color:#888;
		}

		.tmensagem{ height: 100px; }

		.submit{
			width: 100%;
			padding: 12px;
			border:none;
			background-color: #76b32b;

			border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px; 

			color: #fff;
			font-size: 16px;
		}

		.submit:hover{
			color: #fff;
			cursor: pointer;
			background-color: #5c901b;
		}


.group-end-info{
	float: right;
	width: 30%;
	height: 100%;
	overflow: hidden;
}

	.group-end-info span{
		font-family: 'Ubuntu', trebuchet, tahoma;
		color: #b6b6b6;
		font-size: 1em;
		display: block;
		margin-bottom: 7px;
	}

		.group-dados{
			margin: 20px 0;
			height: 100%;
			overflow: hidden;
		}

		.dadosnet{
			margin: 60px 0;
		}

		.dadosnet a{
			color: #17a0d6;
			text-decoration: none;

			font-family: 'Ubuntu', trebuchet, tahoma;
			font-size: 16px;
		}

			.dadosnet a:hover{
				color: #76b32b;
			}

		.tel-c{
			font-family: 'Ubuntu', trebuchet, tahoma;
			font-size: 18px;
			font-weight: 700;
			color: #99d207 !important;
		}


/*///////////////////////////////////////////////////////////////////////*/

/*FORMULARIO*/

label{
	margin-bottom: 3px;
	display: block;
	font-family: 'Ubuntu', trebuchet, tahoma;
	font-size: 14px;;
	color: #777;
}

input, textarea, select{
	padding: 8px;
	font-family: 'Ubuntu', trebuchet, tahoma;
	color: #828282;
	font-size: 0.83em;

	border: 1px solid #b6b6b6;

	font-family: 'Ubuntu', trebuchet, tahoma;
	color: #777;

	width: 100%;

	-moz-box-sizing: border-box;
	-webkit-bgox-sizing: border-box;
	box-sizing: border-box;
}

.group-input-left, .group-input-right, .group-input-todo{
	margin-bottom: 13px;
	width: 49%;
	height: 100%;
	overflow: hidden;
}

.group-input-left { float: left; }

.group-input-right{ float: right; }

.group-input-todo{ width: 100%; }

	.tassunto{ margin-bottom: 16px;}

.submit{
	width: 170px;
	height: 40px;
	padding: 10px;
	border: none;
	background-color: #8ac700;
	clear: both;

	font-family: 'Ubuntu', trebuchet, tahoma;
	font-size: 14px;;
	color: #fff;
}	

.submit:hover{
	cursor: pointer;
	background-color: #5c9d9e;
}

/*  ===============================================================================*/

/* SMARTPHONE */

@media(max-width: 500px){

	body{
		background: none;
		background-color: #fff;
	}

	.lst-info{
		text-align: center;
		margin: 36px auto;
		width: 100%;
	}

	.center-nav-servicos{
		margin: 0 auto;
		text-align: left;

	}

	.center-nav-servicos li{
		margin: 20px 0;
		display: block;
		float: none;
		width: 100%;
	}

	.box-home{
		margin-bottom: 40px;
		width: 100%;
	}

	.box-exame{
		width: 100%;
		margin-bottom: 30px;
	}

	.box-exame li a{ font-size: 12px; }

	h4{
	    font-size: 14px;
	}

	.group-exames{
		margin-top: 30px 0;
	}

	/* QUEM SOMOS */

	.missao, .visao, .valores{
		width: 100%;
	}

	/* AMBIENTE */

	.galeria{
		width: 100%;
		height: 160px;
	}

	/* FOOTER */

	.group-mapa-form{
		width: 100%;
	}

	.group-mapa{
		width: 100%;
	}

	.formulario, .group-esq, .group-dir{
		width: 100%;
		float: left;
	}

	.submit{ width: 100%; }

	input, select, textarea{
		width: 100%;
	}

	.tmensagem{
		width: 100%;
	}

	.group-end-info{
		margin-top: 60px;
		width: 100%;
	}

	/* ORÇAMENTO */

	.larg-uf-x, .group-dir{
		width: 100%;
	}
}

/* TABLET */

@media(min-width: 501px) and (max-width:959px){

	body{
		background: none;
		background-color: #fff;
	}
  
	.lst-info{
		margin: 0;
		margin-top: 36px;
		width: 46%;
		float: right;
	}

	.lst-info li a{
		font-size: 12px;
	}

	.box-home{
		margin-bottom: 30px;
		width: 43%;
		height: 100%;
		overflow: hidden;
	}

	.box-home figcaption{
		font-size: 14px;
	}

	.box-exame{
		margin-bottom: 50px;
		width: 43%;
	}

	h4{
		font-size: 13px;
	}

	.box-exame li a{
		font-size: 13px;
	}

	.center-nav-servicos li{
		margin: 15px 0;
		display: block;
		float: left;
		width: 46%;
	}

	.complementares{
		float: left;
	}

	.ocupacionais{
		float: left;
	}

	.laboratoriais{
		float: right;
	}

	.menu-footer{
		width: 45%;
		float: left;;
	}

	.redes-sociais{
		width: 45%;
		float: right;
	}

	.group-footer{
		padding-top: 50px;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

		.rh{
			width: 45%;
			float: left;
		}

		.info-end{
			width: 45%;
			float: right;
		}

	/* AMBIENTE */

	.galeria{
		width: 100%;
		height: 300px;
	}	

	/* FOOTER */

	.group-mapa-form{
		width: 100%;
	}

	.group-mapa{
		width: 100%;
	}

	.formulario, .group-esq, .group-dir{
		width: 100%;
		float: left;
	}

	.submit{ width: 100%; }

	select{
		width: 100%;
	}

	.group-end-info{
		margin-top: 60px;
		width: 100%;
	}

}

/* PC */

@media(min-width: 960px) and (max-width:1280px){

	.lst-info{
		margin: 0;
		margin-top: 36px;
		width: 46%;
		float: right;
	}

	.center-nav-servicos li a{
		font-size: 14px;
	}

	/* FOOTER */

	.group-mapa-form{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.group-mapa{
		margin: 0;
		width: 45%;
		float: left;
	}

	.formulario, .group-esq, .group-dir{
		width: 50%;
		float: left;
	}

	.formulario{
		margin: 0;
		width: 45%;
		float: right;
	}

	.submit{ width: 100%; }

	.tassunto{
		width: 100%;
	}

	.input, select, textarea{ width: 100%; }

	.tmensagem{
		width: 100%;
	}

	.group-end-info{
		margin-top: 60px;
		width: 100%;
	}

	/* ORÇAMENTO */

	.group-mapa-orca{
		width: 50%;
		height: 100%;
		overflow: hidden;
	}

	.form-orcamento{
		margin: 0;
		width: 100%; 
		float: left;
	}

	.group-dir{
		width: 50%;
		float: right;
	}

	.ttel, .larg-uf-x{ width: 100%; }

	.larg-uf-x{ width: 100%; height: 34px;}

	.group-orcamento{ 
		margin: 0;
		width: 45%; 
		float: right; 
	}

	
}