@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

html, body {width:100%;
			background-color:#FFF;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:100%;
			height:100%;
			min-height:100%;
			color:#333;
			font-weight:300;}
	
h1 {font-size:162.5%; margin:0 0 10px 0; font-weight:500;}
h2 {font-size:100%; margin:0 0 40px 0; font-weight:300;}
			
a {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

header {width:100%; height:auto; float:left; padding:10px 0;}

header .logo {width:100%; height:auto; float:left;}
header .logo img {width:auto; max-width:100%;}
header nav {width:100%; height:auto; float:left; font-size:112.5%; text-align:right; margin:25px 0 0 0;}
header nav ul li {display:inline; margin-left:20px;}
header nav ul li a {color:#4E4E4E; text-decoration:none;}
header nav ul li a:active {color:#4E4E4E; text-decoration:none;}
header nav ul li a:visited {color:#4E4E4E; text-decoration:none;}
header nav ul li a:hover {color:#A00000; text-decoration:none;}

main {width:100%; height:auto; float:left;}

figure.transicao {width:100%; height:auto; float:left;}
figure.transicao img {width:100%; height:auto; max-width:100%; float:left;}

section {width:100%; height:auto; float:left; padding:50px 0;}
section img {max-width:100%;}

section .certo {width:100%; height:auto; float:left; margin-bottom:20px; text-align:center; border:1px solid #0C0; background:#FFF; color:#090; padding:15px 15px}
section .certo h6 {margin:0 0;}
section .erro {width:100%; height:auto; float:left; margin-bottom:20px; text-align:center; border:1px solid  #F00; background:#FFF; color: #F00; padding:15px 15px}
section .erro h6 {margin:0 0;}

section.um {text-align:center; background:url(../img/bg-01.png) center repeat-y;}
section.um h1 {background:#2F2F2F; text-align:center; width:100%; height:auto; float:left; padding:50px 0; font-size:200%; color:#FFF;}
section.um p {margin:0 0; font-size:132.5%; margin-top:145px; float:left}
section.um img {width:100%; max-width:100%;}

section.pos-um {text-align:center; background:url(../img/bg-pos-um.png) center repeat-y; padding:0 0;}
section.pos-um h1 {background:#2F2F2F; text-align:center; width:100%; height:auto; float:left; padding:50px 0; font-size:200%; color:#FFF;}
section.pos-um p {margin:0 0; font-size:132.5%; margin-top:120px; float:left}
section.pos-um img {max-width:100%; width:100%}

section.condicao-exclusiva {text-align:center; background:url(../img/bg-01.png) center repeat-y; padding:0 0;}
section.condicao-exclusiva h1 {background:#2F2F2F; text-align:center; width:100%; height:auto; float:left; padding:50px 0; font-size:200%; color:#FFF;}
section.condicao-exclusiva p {margin:0 0 20px 0; font-size:132.5%; margin-top:80px; float:left; padding:10px 0 0 0; width:100%}
section.condicao-exclusiva p.valor {font-size:260%; font-weight:700; margin-top:0; line-height:30px }
section.condicao-exclusiva p.valor span {font-size:80%; font-weight:400}
section.condicao-exclusiva p.valor-normal {font-size:135%; margin-top:0px; float:left}
section.condicao-exclusiva p.valor-normal span {text-decoration:line-through}
section.condicao-exclusiva img {width:100%; max-width:100%}

section.dois {background:#A20000; text-align:center; color:#FFF;}
section.dois h1 {color:#FFF; margin-bottom:40px}
section.dois h2 {color:#FFFF26;}
section.dois .chamada {width:100%; height:auto; float:left;}
section.dois .chamada img {margin-bottom:35px;}
section.dois .chamada p {margin:0 0; font-size:150%;}

section.tres {background:#333; text-align:center; padding:50px 0 25px 0}
section.tres h1 {color:#FFF;}
section.tres h2 {color:#EEE;}
section.tres .chamada {width:100%; height:auto; float:left; padding:10px 5px; font-size:112.5%; background:#FFF; margin-bottom:25px;-moz-border-radius:7px;-webkit-border-radius:7px; border-radius:7px;}
section.tres .chamada img {float:left; margin:-24px 0 0 -19px;}
section.tres .chamada p {margin:0 0; width:100%; float:left}

section.quatro {background:url(../img/bg-azul.jpg) left bottom fixed; text-align:center;}
section.quatro h1 {margin-bottom:82px;}
section.quatro .branco {width:100%; height:auto; float:left; background:#FFF; padding:0 15px 15px 15px; text-align:center}
section.quatro .branco img {margin-top:-42px; margin-bottom:25px;}
section.quatro .branco h1 {font-size:137.5%; font-weight:300; padding-bottom:10px; border-bottom:5px solid #000; margin-bottom:30px;}
section.quatro .branco p {font-size:112.5%}
section.quatro .branco p span {font-size:137.5%; font-weight:700;}
section.quatro .branco ul li {margin-left:20px; float:left; text-align:left; font-size:112.5%; margin-bottom:10px;}

section.cinco {background:#CCC; text-align:center;}
section.cinco h1 {color:#BF0000;}
section.cinco h2 {margin-bottom:70px}
section.cinco .chamada {width:100%; height:160px; float:left; border:1px solid #DDD; padding:0px 5px 40px 5px; background:#FFF}
section.cinco .chamada p {margin:0 0}
section.cinco .chamada img {margin-top:-30px; margin-bottom:30px;}

section.seis {background:#FFBA00; text-align:center; color:#442406}
section.seis .depoimento {width:100%; height:auto; float:left; text-align:center}
section.seis .depoimento img {margin:0 0 20px 0}
section.seis .depoimento p {font-size:125%;}
section.seis .depoimento p span {font-weight:700;}

section.sete {background:url(../img/bg-praia.jpg) center bottom; text-align:center;}
section.sete h1 {margin-bottom:82px; color:#FFF}
section.sete .chamada {width:100%; height:auto; float:left; background:#FFF; padding:0 15px 15px 15px; border-bottom:4px solid #007A00;}
section.sete .chamada img {margin-top:-42px; margin-bottom:20px;}
section.sete .chamada h2 {color:#007A00; font-size:137.5%; text-transform:uppercase; margin-bottom:10px;} 
section.sete .chamada2 {width:100%; height:auto; float:left; background:#FFF; padding:0 15px 15px 15px; border-bottom:4px solid #D90000;}
section.sete .chamada2 img {margin-top:-42px; margin-bottom:20px;}
section.sete .chamada2 h2 {color:#D90000; font-size:137.5%; text-transform:uppercase; margin-bottom:10px;} 

section.oito {background:#FFBA00; text-align:center;}
section.oito h1 {font-size:220%; color:#FFF;}
section.oito img {max-width:100%; margin:30px 0 20px 0}

section.pgs {background:#E6E6E6;}

section.pgs .dados-contato {width:100%; height:auto; float:left;}

section.pgs footer {background:none; padding:0 0; margin:20px 0 0 0; text-align:center}
section.pgs footer a {color:#FFF; text-decoration:none; background:#000; padding:8px 20px;}
section.pgs footer a:active {color:#FFF; text-decoration:none;}
section.pgs footer a:visited {color:#FFF; text-decoration:none;}
section.pgs footer a:hover {color:#FFF; text-decoration:none; background:#666;}


footer {background:#333; width:100%; height:auto; padding:5px 0; float:left;}
footer h1 {float:left; margin:0 0;}
footer h6 {float:right; margin:17px 0 0 0;}


/* Estilo para tablet */
@media only screen and (min-width:769px) and (max-width:1199px) {
section.um .chamada {height:230px;}
section.tres .chamada {height:120px;}
section.cinco .chamada {height:none;}

section.cinco .chamada {margin-bottom:35px}
}

/* Estilo para tablet */
@media only screen and (min-width:481px) and (max-width:768px) {
header .logo {text-align:center;}
header nav {font-size:100%; text-align:center; margin:0 0 0 0;}
header nav ul li {display:block; margin-left:0px;}
header nav ul li a {color:#FFF; text-decoration:none; float:left; width:100%; background:#333; padding:8px 0; border-bottom:1px solid #FFF}
header nav ul li a:active {color:#FFF; text-decoration:none;}
header nav ul li a:visited {color:#FFF; text-decoration:none;}
header nav ul li a:hover {color:#FFF; text-decoration:none; background:#A00000}

section.um .chamada {height:auto;}

section.um p {margin-top:50px;}
section.pos-um p {margin-top:50px;}


section.dois .chamada img {margin-bottom:15px;}
section.dois .chamada {margin-bottom:35px;}

section.quatro .branco {margin-bottom:70px;}

section.cinco .chamada {height:none;}

section.seis .depoimento {margin-bottom:20px;}

section.pgs .dados-contato {margin-top:25px;}
}
/* Estilo para smartphone */
@media only screen and (min-width:0px) and (max-width:480px) {
header .logo {text-align:center;}
header nav {font-size:100%; text-align:center; margin:0 0 0 0;}
header nav ul li {display:block; margin-left:0px;}
header nav ul li a {color:#FFF; text-decoration:none; float:left; width:100%; background:#333; padding:8px 0; border-bottom:1px solid #FFF}
header nav ul li a:active {color:#FFF; text-decoration:none;}
header nav ul li a:visited {color:#FFF; text-decoration:none;}
header nav ul li a:hover {color:#FFF; text-decoration:none; background:#A00000}

section.um .chamada {height:auto;}

section.um p {margin-top:50px;}
section.pos-um p {margin-top:50px;}


section.dois .chamada img {margin-bottom:15px;}
section.dois .chamada {margin-bottom:35px;}

section.quatro .branco {margin-bottom:70px;}

section.cinco .chamada {height:none;}

section.seis .depoimento {margin-bottom:20px;}

section.pgs .dados-contato {margin-top:25px;}

}