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

*{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

input:focus, textarea:focus, select:focus{
	border: 1px solid #76b32b;
	background-color: #eaf8da;
	outline: 0;
}

/*/////////////////////////////EFEITOS/////////////////////////////////////////*/


*::-moz-selection {
background:#55b3a5;  /*---Cor de fundo--*/
color:#fff;   /*--cor da fonte--*/
}
*::selection {
background:#55b3a5;/*---Cor de fundo--*/
color:#fff;  /*--cor da fonte--*/
}

a {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

p{
    font-family:"Ubuntu", trebuchet, tahoma; 
    color: #838383;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 18px;
}

img{
	max-width: 100%;
	height: auto;
}

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


/*/////////////////////////////h1...h6/////////////////////////////////////////*/

/* titulo do rodapé */

h1{
	margin-bottom: 15px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #77dcde;
	font-family: "Ubuntu", trebuchet, tahoma; 
    font-size: 18px;
	color: #77dcde;
}

/* titulo principal */

h2{
    margin-bottom: 40px;
    width: 920px;
    font-family: "Ubuntu", trebuchet, tahoma; 
    font-size: 20px;
    color: #5c9d9e;
}

/* titulo cliente */

h3{
	margin-bottom: 26px;
	padding-bottom: 12px;
	border-bottom: 1px solid #5c9d9e; 
	font-family:Ubuntu, trebuchet, tahoma; 
    font-size: 20px;
	color: #5c9d9e;
}	

/* titulo exames */

h4{
	margin-bottom: 10px;
	font-family: "Ubuntu", trebuchet, tahoma; 
    font-size: 16px;
	color: #5c9d9e;
}

/* titulo da pagina contato */

h5{
	margin-bottom: 15px;
	font-family: "Ubuntu", trebuchet, tahoma; 
    font-size: 16px;
	color: #5c9d9e;
}

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

/*//////////////////////////ESTRUTURA DO SITE////////////////////////////////*/

body{
	overflow-x: hidden; 
	background: url('../imgs/bg-body.jpg') repeat;
}

.det{
	position: absolute;
	right: 0;
	background:url('../imgs/det.png') no-repeat;
	background-size: 100% auto;
	width: 575px;
	height: 635px;
	float: right;
	z-index: 9999;
}


/* 960px / 1366px * 100 */
.container{
	margin: 0 auto;
	width: 70%;
	height: 100%;
	overflow: hidden;
}

.header{
	width: auto;
	height: auto;
	background: url('../imgs/bg-header1.jpg') repeat; 
}

	.logo{
		margin-top: 36px;
		margin-bottom: 36px;
		width: 294px;
		height: 83px;
		float: left;
	}

	.nav{		
		padding: 5px 0;
		width: auto;
		height: 100%;
		overflow: hidden;
		background-color: #76b32b;
	}

		/* 960px / 1366px * 100 */
		.main-top{
			margin: 0 auto;
			width: 70%;
			height: auto;
		}

			.main-top li{
				display: inline-block;
				margin:0px 13px; 
			}

			.main-top li a, .main-footer li a{
				display: block;
				font-familyUbuntu, trebuchet, tahoma; 
    			font-size: 20px;
				color: #fff;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: 600;

			}

			.main-top li a:hover, .main-footer li a:hover{color: #a7c97d;}


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


/*/////////////////////////////////////FOOTER////////////////////////////////*/

.footer{
	width: auto;
	height: 100%;
	overflow: hidden;
	background-color: #5c9d9e;
}
	
	.menu-footer{ 
		margin-top: 30px;
		float: left; 
		width: 16%;
		height: 100%;
		overflow: hidden;
	}

		.menu-footer ul{
			float: left;
		}

		.menu-footer li a:hover{
			color: #3b7b7c;
		}

	.group-footer{ 
		margin: 0 auto; 
		margin-top: 30px;
		width: 60%; 
		height: 100%;
		overflow: hidden;
	}

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

		.info-end{
			float: right;
			width: 60%;
			height: 100%;
			overflow: hidden;
		}
			.horario{
				margin-top: 10px;
				height: 100%;
				overflow: hidden;
			}		

			.menu-footer li , .horario li, .end li, .rh li {
				line-height: 20px;
			}

			.menu-footer li a, .horario li, .end li, .rh li a{
				font-family: "Ubuntu", trebuchet, tahoma;  
				font-size: 14px;
				font-weight: 500;
				color: #fff;
				text-transform: uppercase;
				text-decoration: none;
			}

			.horario li{
				line-height: 20px;
			}

			.rh li a:hover, .contato li a:hover{
				color: #3b7b7c;
			}

	.redes-sociais{ 
		margin-top: 30px;
		float: right;
		width: 16%;
	}

		.redes-sociais li{
			width: 35px;
			height: 35px;
			display: inline-block;
			margin: 5px;
		}

		.redes-sociais li a:hover{
			opacity: 0.4;
		}

	
	.copy-desen{
		text-align: center;
		margin-top: 30px;
		padding: 20px 0;
		width: auto;
		background-color: #3b7b7c;
	}

		.copy-desen p{
			font-family: "Ubuntu", trebuchet, tahoma;  
			font-size: 14px;
			font-weight: 500;
			color: #77dcde;
			font-style: italic;
		}

		.copy-desen a{
			text-decoration: none;
			color: #77dcde;
		}

		.copy-desen a:hover{
			color: #fff;
		}

		

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

/* SMARTPHONE */

@media(max-width: 500px){

	.logo{
		margin: 0 auto;
		margin-top: 36px;
		width: 100%;
		height: auto;
		display: block;
	}

	.menu-footer{ 
		width: 100%; 
		float: none; 
	}

	.group-footer{ width: 100%; }

	.rh{ 
		width: 100%; 
		float: none; 
	}

	.info-end{ 
		margin-top: 50px;
		width: 100%; 
		float: none; 
	}

	.redes-sociais{ 
		margin-top: 50px;
		width: 100%; 
		float: none; 
		clear: both;
	}
}

/* TABLET */

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

	.logo{
		float: left;
		width: 160px;
		height: auto;
	}
}

/* PC */

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