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

@media only screen and (min-width: 1399px) and (max-width: 1550px) {
.linhas .contentLeft {margin-left:0px;}
.linhas .content90 figure {right:0px;}	
	
}

@media only screen and (min-width: 1099px) and (max-width: 1400px) {
	.content90 {width:90%; float:left; margin-left:5%;}
	.content100{width:100%; margin-left:0px;}
	.linhas .contentLeft {margin-left:0px;}
.linhas .content90 figure {right:0px;}	
.linhas .contentLeft h2 span:nth-child(1) {	font-size: 370%;}
.linhas .contentLeft h2 span:nth-child(2) {	font-size: 400%;}
.linhas .content90 figure {	width: 480px;}
.linhas h2 {width:50%;}	
.especialidade {width:450px;}
.logoRodape {margin-left:0px;}
}
/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
	.content100{width:100%; margin-left:0px;}
.content90 {width:90%; float:left; margin-left:5%;}
.txtTop {width:100%; text-align:center;}
.txtTop h1 {width:100%;}
.linhas .contentLeft {margin-left:0px; width:100%;}
.linhas .content90 figure {right:0px; width: 400px;}	
.linhas .contentLeft h2 span:nth-child(1) {	font-size: 370%;}
.linhas .contentLeft h2 span:nth-child(2) {	font-size: 400%;}
.linhas h2 {width:50%;}	
.linhas .contentLeft p {width: 100%; margin-bottom:420px; font-size:120%;}
.bgPto h2 {width:80%; }
.especialidade {width:90%; float:left; margin-left:5%; margin-right:auto;}
.especialidade p {width:88%; }
.jogoTV figure {width: 80%;}
.txtFinal {margin-top:140px;}
.logoRodape {margin-left:0px; width:200px;}
.mais-info {margin-bottom:25px; width:60%}
.top {height:auto; padding-bottom:120px; background-image: url(../imgs/bgTop-1100.jpg); }
}

/*Smartphone*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content100{width:100%; margin-left:0px;}
.content90 {width:90%; float:left; margin-left:5%; height:auto;}
.top {height:auto; padding-bottom:120px; background-image: url(../imgs/bgTop-768.jpg); }
.logotipoTop {width:300px; float:none; margin-left:auto; margin-right:auto;}
.txtTop {width:100%; text-align:center;}
.txtTop h1 {width:100%; font-size:250%;}
.txtTop p {width:100%; font-size:110%;}
.txtTop a {width:70%; float:none; display:inline-block; font-size:110%;}
.linhas .contentLeft {margin-left:0px; width:100%;}
.linhas .content90 figure {right:0px; width: 300px;}	
.linhas .contentLeft h2 span:nth-child(1) {	font-size: 320%;}
.linhas .contentLeft h2 span:nth-child(2) {	font-size: 380%;}
.linhas h2 {width:70%;}	
.linhas .contentLeft p {width: 100%; margin-bottom:420px; font-size:120%;}
.bgCampo div {width:400px;}
.especialidade {width:90%; float:left; margin-left:5%; margin-right:auto;}
.especialidade p {width:100%; }
.especialidade img {float:none; margin-left:auto; margin-right:auto; width:49px; display:block; margin-bottom:30px;}
.bgPto h2 {width:90%; }
.jogoTV figure {width: 80%;}
.txtFinal {margin-top:50px;}
.txtFinal h2 {width:90%; margin-left:5%;}
.logoRodape {margin-left:auto; margin-right:auto; float:none; width:200px;}
.mais-info {margin-bottom:25px; width:100%; text-align:center; margin-left:0px;margin-top:50px; margin-bottom:50px;}
.qr-code {margin-left:auto; margin-right:auto; float:none; display:inline-block;}
.rodape {text-align:center; padding-top:50px;}
}

/*Celular*/
@media only screen and (min-width: 180px) and (max-width: 479px) {
.content100{width:100%; margin-left:0px;}
.content90 {width:90%; float:left; margin-left:5%;}
.top {height:auto; padding-bottom:120px; background-image: url(../imgs/bgTop-479.jpg); }
.logotipoTop {width:250px; float:none; margin-left:auto; margin-right:auto;}
.txtTop {width:100%; text-align:center; }
.txtTop h1 {width:100%; font-size:190%; line-height:45px;}
.txtTop p {width:100%; font-size:95%; line-height:27px;}
.txtTop a {width:70%; float:none; display:inline-block; font-size:110%;}
.boxDiferencial {width:90%; margin-left:5%; float:left; margin-right:0px; min-height:inherit;}
.diferenciais a {width:90%; margin-left:5%; padding-left:0px; padding-right:0px; float:left;}
.linhas .contentLeft {margin-left:0px; width:100%;}
.linhas .content90 figure {right:0px; width: 300px;}	
.linhas .contentLeft h2 span:nth-child(1) {	font-size: 280%;}
.linhas .contentLeft h2 span:nth-child(2) {	font-size: 340%;}
.linhas h2 {width:100%;}	
.linhas .contentLeft p {width: 100%; margin-bottom:380px; font-size:120%;}
.bgCampo div {width:80%;}
.especialidade {width:90%; float:left; margin-left:5%; margin-right:auto;}
.especialidade p {width:100%; }
.especialidade img {float:none; margin-left:auto; margin-right:auto; width:49px; display:block; margin-bottom:30px;}
.bgPto h2 {width:90%; }
.jogoTV figure {width: 80%;}
.txtFinal {margin-top:50px;}
.txtFinal h2 {width:90%; margin-left:5%;}
.logoRodape {margin-left:auto; margin-right:auto; float:none; width:200px;}
.mais-info {margin-bottom:25px; width:100%; text-align:center; margin-left:0px;margin-top:50px; margin-bottom:50px;}
.qr-code {margin-left:auto; margin-right:auto; float:none; display:inline-block;}
.rodape {text-align:center; padding-top:50px;}
}