@charset "UTF-8";
/* CSS Document */


/*--------------RESET------------*/

*{
	margin:0;
	padding:0;
	border:0;}

html, body, div, span, h1, h2, h3,
h4, h5, h6, p, a, cite, code, em, font, img, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
form, label, legend, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
	
body{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:300;
	-webkit-animation: abertura 1s; /* Safari and Chrome */
    -moz-animation: abertura 1s; /* Firefox */
    -ms-animation: abertura 1s; /* Internet Explorer */
    -o-animation: abertura 1s; /* Opera */
    animation: abertura 1s;}
	

	
a{
	text-decoration:none;}
	
h1{
	color:#3B6A94;
	font-size:30px;}
	
h2{
	color:#3B6A94;
	font-size:42px;
	position:absolute;
	margin-left:700px;
	margin-top:90px;}

h3{
	color:#3B6A94;
	font-size:40px;
	position:absolute;
	margin-left:520px;
	margin-top:120px;
	text-align:right;}

h4{
	color:#3B6A94;
	position:absolute;
	margin-left:530px;
	margin-top:40px;
	text-align:right;
	font-size:40px;}
	
h5{
	color:#3B6A94;
	font-size:20px;
	text-align:center;
	font-weight:700;
	margin-top:10px;}
	
h6{
	text-transform:uppercase;
	font-weight:bold;
	margin-left:3px;
	margin-bottom:4px;
	font-size:20px;
	margin-top:-27px;
	color:#666;}
	
h7{
	text-transform:uppercase;
	font-weight:bold;
	margin-left:3px;
	margin-bottom:4px;
	font-size:18px;
	margin-top:3px;
	color:#666;}

/*--------------HEADER------------*/
	
#topo{
	width:1000px;
	margin:0 auto;}
	
#logo{
	width:20%;
	float:left;
	margin-top:15px;}
	
#logo img{
	width:100%;}
	
#menu{
	float:right;}
	
#menu ul li{
	float:left;
	list-style:none;
	margin:80px 0px 0px 40px;}
	
#menu ul li a{
	font-size:24px;
	color:#606062;}

#menu ul li a:hover{
	border-bottom:solid 2px #E96F00;}
	
/*--------------SLIDE------------*/
	
#slider1 {
    width:1000px; /* important to be same as image width */
    height: 360px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 auto;
	margin:20px 0px 10px 0px;}

#slider1Content {
    width: 100%; /* important to be same as image width or wider */
    position: absolute;
	z-index:1;
	top: 0;
	margin-left: 0;}
	
	
.slider1Image {
	width:100%;
	height:360px;
    float: left;
    position: relative;
	display: none;}
	
ul{ 
	list-style-type: none;}
	
/*--------------HOME------------*/

#all{
	width:1000px;
	margin:0 auto;}

#barra{
	width:100%;
	height:2px;
	border-bottom:dotted 1px #606062;
	margin-bottom:10px;} 
	
#laboratorio{
	width:48%;
	height:325px;
	float:left;
	background:#F1F1F1;}
	
#laboratorio p{
	margin-top:27px;
	text-align:center;
	font-size:20px;
	color:#555555;
	line-height:27px;}
	
#entrega{
	width:48%;
	height:325px;
	float:right;
	background:#F1F1F1 url(../images/bg-retiramos.png) top right;
	background-repeat:no-repeat;}
	
#saiba{
	background:#4462AA;
	height:33px;
	width:100%;
	margin-top:10px;
	color:#fff;
	text-align:center;
	padding-top:7px;
	font-size:20px;}

#all p{
	color:#666;
	text-align:justify;
	line-height:22px;}
	


/*--------------SERVICOS------------*/	
#box{
	width:300px;
	height:350px;
	float:left;
	margin:15px 10px 0px 10px;}
	
#box img{
	width:301px;
	border:solid 1px #999;}
	
#form{
	width:480px;
	float:left;}
	
#form input{
	width:95%;
	height:30px;
	margin:0 auto;
	border:solid 1px #B8B8B8;
	color:#666;
	text-transform:uppercase;
	margin-top:3px;
	margin-bottom:10px;}
	
#form textarea{
	width:95%;
	height:80px;
	margin:0 auto;
	border:solid 1px #B8B8B8;
	color:#666;
	text-transform:uppercase;
	margin-top:3px;
	font-family:Helvetica, Arial, sans-serif;}
	
#map{
	float:right;}
	
.botao{
	background:#E96F00;}

/*--------------RODAPE------------*/

#footerAll{
	width:100%;
	height:160px;
	background:#606062;
	clear:both;
	position:relative;}
	
#footer{
	width:1000px;
	margin:0 auto;
	color:#FFF;
	font-size:30px;
	margin-top:40px;
	padding-top:20px;}
	
#coluna1{
	width:40%;
	float:left;}
	
#coluna2{
	width:430px;float:right;font-size:18px;text-align:right;
	}
	

	
	
/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 599px) {
/* Styles */

body{
	width:100%;}
	
#all{
	width:95%;
	margin:0 auto;}
	
#topo{
	width:95%;
	margin:0 auto;
	height:auto;
	clear:both;}


#menu ul li{
	float:left;
	list-style:none;
	margin:10px 0px 0px 40px;}
	
#logo{
	width:90%;
	margin-top:15px;
	margin:0 auto;}	
	
	
#logo img{
	width:90%;
	margin-top:15px;
	margin:0 auto;}	
	
#slider1 {
    width:0px; /* important to be same as image width */
    height: 0px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 auto;
	margin:20px 0px 10px 0px;
	overflow:hidden;}
	

#laboratorio{
	width:90%;
	height:325px;
	float:none;
	background:#F1F1F1;
	margin-bottom:20px;}
	
#laboratorio p{
	margin-top:27px;
	text-align:center;
	font-size:20px;
	color:#555555;
	line-height:27px;}
	
#entrega{
	width:90%;
	height:325px;
	float:none;
	background:#F1F1F1 url(../images/bg-retiramos.png) top right;
	background-repeat:no-repeat;}
	
#footerAll{
	width:100%;
	height:300px;
	background:#606062;
	clear:both;
	position:relative;}
	
	
#footer{
	width:100%;
	margin:0 auto;
	color:#FFF;
	font-size:30px;
	margin-top:40px;
	padding-top:20px;}
	
#coluna1{
	width:90%;
	text-align:center;}
	
#coluna2{
	width:100%;
	text-align:center;
	font-size:18px;
	}
	
}

/* ABERTURA */
@keyframes abertura {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes abertura {
   from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes abertura {
     from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes abertura {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes abertura {
   from { opacity: 0; }
    to   { opacity: 1; }
}​