@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
html, body {width:100%;
			background-color:#FFF;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size:100%;
			height:100%;
			color:#1D3744;
			height:auto;
			min-height:100%;}

h1.slogan2 {width:100%; height:auto; float:left; text-align:center; font-size:460%; font-weight:600; color:#FFF; text-shadow: 2px 2px 2px #000;    -webkit-text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; margin-top:60px;}
h2 {width:100%; height:auto; float:left; background:url(../img/bg-h2.jpg) top repeat-x; text-align:center; margin-top:120px; margin-bottom:20px;}
h2 .titulo {font-size:180%; font-weight:400;  width:auto; padding:10px 20px; background:#FFF;}
h3 {width:100%; height:auto; float:left; background:none; text-align:left; font-size:150%; font-weight:600; margin-bottom:5px;}
h4 {width:100%; height:auto; float:left; background:none; text-align:left; font-size:150%; font-weight:600; margin-bottom:5px;}
h5 {width:100%; height:auto; float:left; background:none; text-align:left; font-size:130%; font-weight:600; margin-bottom:5px;}

header {width:100%;
		height:116px;
		float:left;
		color:#FFF;
		min-width:1040px;
		background:url(../img/bg-topo.jpg) repeat-x top #1D3744;}
		
header .nav-total  {width:100%; height:auto; float:left;}
header .f-nav  { z-index: 9999; position: fixed; top: 0; width:100%; margin-top:0px; background:#000; float:left;background:url(../img/bg-topo.jpg) repeat-x top #1D3744; height:116px; box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000;}

header section {width:100%; height:auto; float:left;}
header section #logo {width:345px; height:70px; float:left; margin-top:26px;}
header section #logo img {width:100%; height:auto;}
header section nav {width:auto; height:auto; float:right; font-size:112.5%; margin-top:66px; margin-right:20px;}
header section nav li {display:inline; margin-left:25px; list-style:none;}
header section nav a {color:#FFF; text-decoration:none;}
header section nav a:active {color:#FFF; text-decoration:underline;}
header section nav a:visited {color:#FFF; text-decoration:none;}
header section nav a:hover {color:#50D3C1; text-decoration:none;}
		

main {width:100%; height:auto; float:left; min-width:1040px;}

aside {width:100%; height:700px; float:left; background:url(../img/Banner-Topo.jpg) center top no-repeat #50D3C1;}
aside #slogan {width:100%; height:450px; float:left; text-align:center;}
aside .servicos {width:200px; height:150px; background:#1D3744;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; float:left; text-align:center; border:5px solid #FFF; color:#FFF; font-size:150%; letter-spacing:2px; margin-right:53px; padding-top:50px;}   
aside .servicos:nth-child(3) {padding-top:65px; height:135px;}
aside .servicos:nth-child(5) {padding-top:65px; height:135px; margin-right:0px;}
aside .servicos .destaque {font-weight:700; font-style:italic;}
aside .servicos p {margin-bottom:0px; line-height:30px;}

section {width:100%; height:auto; float:left;}
section .centro {width:1000px; height:auto; margin:0 auto;}
section p {margin-bottom:20px; line-height:24px; float:left; width:100%;}

section .equipe {width:340px; height:auto; border-left:3px solid #BBBBBB; padding-left:5px; float:left; margin-right:30px;}
section .equipe:nth-child(3n+1) {width:auto; margin-right:0px; float:right;}
section .equipe p {margin-bottom:0px;}

section.localizacao p {margin-bottom:0px;}

section ul.utilidades {margin-left:30px; float:left;}
section ul.utilidades li {margin-bottom:10px; list-style-image:url(../img/bola.jpg);}
section ul.utilidades li a {color:inherit; text-decoration:none;}
section ul.utilidades li a:active {color:inherit; text-decoration:none;}
section ul.utilidades li a:visited {color:inherit; text-decoration:none;}
section ul.utilidades li a:hover {color:inherit; text-decoration:underline;}

section aside.contato {width:400px; float:left; height:auto; background:none;}

footer { width:100%; height:225px; clear:both; float:left; min-width:1040px; background:url(../img/bg-rodape.jpg) repeat-x top #326076; color:#FFF; margin-top:60px;}

footer #logo {width:345px; height:70px; float:left; margin-top:57px;}
footer #logo img {width:100%; height:auto;}
footer #facebook {width:500px; height:150px; float:right; margin-top:15px;}
footer #rodape {width:100%; height:40px; float:left;}
footer #rodape img {float:right;}
footer #rodape p {margin-top:30px; margin-bottom:0px;}


/* Estilo para tablet */
@media only screen and (min-width:481px) and (max-width:768px) {
h1.slogan2 {font-size:350%; margin-top:60px;}
h2 {margin-top:20px;}
header {height:150px; min-width:481px; max-width:768px;}

header section nav {width:100%; float:left; margin-top:20px;}
header section nav li {margin-left:0px; margin-right:20px;}
header section nav li:nth-child(6) {margin-right:0px;}
header .f-nav  {display:none;}

main {min-width:481px; max-width:768px;}

aside .servicos {width:20%; height:130px; font-size:80%; margin-right:5%; padding-top:20px;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border:2px solid #FFF;;}    
aside .servicos:nth-child(3) {padding-top:40px; height:110px;}
aside .servicos:nth-child(5) {padding-top:40px; height:110px; margin-right:0px;}

section .centro {width:95%;}

section .equipe {width:90%; margin-right:0px; margin-bottom:15px;}
section .equipe:nth-child(3n+1) {float:left;}

section aside.contato {width:40%;}


footer {width:100%; min-width:481px; max-width:768px; background:url(../img/bg-rodape.jpg) repeat-x bottom;}

footer #facebook {display:none;}
footer #rodape p {margin-top:70px; margin-bottom:0px;}
}

/* Estilo para tablet */
@media only screen and (min-width:769px) and (max-width:800px) {
h1.slogan2 {font-size:350%; margin-top:60px;}
h2 {margin-top:20px;}
header {height:150px; min-width:481px; max-width:800px;}

header section nav {width:100%; float:left; margin-top:20px;}
header section nav li {margin-left:0px; margin-right:20px;}
header section nav li:nth-child(6) {margin-right:0px;}
header .f-nav  {display:none;}

main {min-width:481px; max-width:800px;}

aside .servicos {width:20%; height:130px; font-size:80%; margin-right:5%; padding-top:20px;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border:2px solid #FFF;;}    
aside .servicos:nth-child(3) {padding-top:40px; height:110px;}
aside .servicos:nth-child(5) {padding-top:40px; height:110px; margin-right:0px;}

section .centro {width:95%;}

section .equipe {width:90%; margin-right:0px; margin-bottom:15px;}
section .equipe:nth-child(3n+1) {float:left;}

section aside.contato {width:40%;}


footer {width:100%; min-width:481px; max-width:800px; background:url(../img/bg-rodape.jpg) repeat-x bottom;}

footer #facebook {display:none;}
footer #rodape p {margin-top:70px; margin-bottom:0px;}
}
/* Estilo para smartphone */
@media only screen and (min-width:0px) and (max-width:480px) {
h1.slogan2 {font-size:260%; margin-top:20px; margin-bottom:20px;}
h2 {margin-top:20px;}

header {height:330px; min-width:0px; max-width:480px;}

header .f-nav  {display:none;}

header section #logo {width:100%; height:auto; margin-top:16px;}
header section nav {width:100%; float:left; margin-top:10px; text-align:center;}
header section nav li {display:block; margin-left:0px;}
header section nav a {color:#FFF; text-decoration:none; border-bottom:1px solid; width:100%; float:left; padding:5px 0px;} 	
header section nav a:active {color:#FFF; text-decoration:none;} 	
header section nav a:visited {color:#FFF; text-decoration:none;} 	
header section nav a:hover {color:#FFF; text-decoration:none; background:#50D3C1;} 	

main {min-width:0px; max-width:480px;}

aside {height:auto;}
aside #slogan {height:auto;}
aside .servicos {width:98%; height:auto; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border:0px; font-size:150%; margin-right:0px; padding:15px 0; margin-bottom:10px; border:2px solid #FFF;}
aside .servicos:nth-child(3) {padding-top:10px; height:auto;}
aside .servicos:nth-child(5) {padding-top:10px; height:auto;}

section .centro {width:95%;}

section .equipe {width:90%; margin-right:0px; margin-bottom:15px;}
section .equipe:nth-child(3n+1) {float:left;}

section ul.utilidades {margin-left:15px; float:left;}

section aside.contato {width:100%;}

footer {width:100%; height:auto; min-width:0px; max-width:480px; background:url(../img/bg-rodape.jpg) repeat-x top #326076; text-align:center;}

footer #logo {width:100%; height:auto; float:left; margin-top:10px;}
footer #facebook {display:none;}
footer #rodape {height:auto;}
footer #rodape img {float:none; display:none;}
footer #rodape p {margin-top:10px; margin-bottom:10px;}

}