@charset "UTF-8";

/*** keyframes ***/
@keyframes drop {
    from { margin-top: -20px; opacity: 0; }
    to { margin: 0px; }
}

@-webkit-keyframes drop {
    from { margin-top: -20px; opacity: 0; }
    to { margin: 0px; }
}
/*** keyframes ***/

/* Reset */
* { margin: 0; padding: 0; font-family: Arial; }
/* Suavização dos movimentos */
* { transition: color .5s, opacity .5s, background .5s, border .5s, top .5s, left .5s, right .5s, width .5s, height .5s, margin .5s, transform .9s; } 

body {  }

left  { width: 50%; padding: 0%; float: left; display: block; }
right { width: 50%; padding: 0%; float: right; display: block; }

a { text-decoration: none; color: #000000; }

p { font-size: 19px; margin: 10px 0px; color: #222222; text-align: left; }
li { font-size: 19px; text-align: left; }

list { font-size: 14px; display: block; }
list li {  }

h1 { font-size: 50px; margin: 25px 0px; font-weight: 900; font-family: Myriad Pro; }
h2 { font-size: 30px; margin: 25px 0px; font-weight: 600; }
h3 { font-size: 25px; margin: 25px 0px; font-weight: 600; }
h4 { font-size: 16px; margin: 25px 0px; font-weight: 600; }

.primary    { color: #FFFFFF; }
.secondary  { color: #333; }
.vermelho   { color: #F9090D; }
.azul       { color: #086EF9; }
.branco       { color: #FFFFFF; }

.vermelho-b    { background: #D90000; }
.laranja-b    { background: #F9B200; }
.amarelo-b    { background: #FFED00; }
.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; float: right; }
.just   { text-align: justify; }

.img_left { width: 25%; margin: 10px 25px 10px 0; border-radius: 5px; float: left; }
.img_left:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.empresa { width: 30%; margin: 10px 25px 10px 0; border-radius: 9px; float: left; }
.empresa:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.empresas { width: 53%; height: auto; float: left; }
.empresas list { width: 100%; height: auto; font-size: 19px; float: left; }
.img_empresas { width: 40%; height: auto; float: left; }

/*** up ***/
#up         { position: fixed; width: 36px; height: 36px; right: 10px; bottom: 10px; background: rgba(0,0,0,.9); border: solid 2px #EDEDED;  } 
#up:hover   { cursor: pointer; background: rgba(180,49,58,.9); }
#up img { width: 100%; }

#up, #up:hover { transition: opacity .5s; }
/*** up ***/

/*** Corpo do Site ***/
.base { width: 90%; margin: 0px auto; display: table; }
section { width: 90%; max-width: 1360px; padding: 20px 5%; display: table; }
/*** Corpo do Site ***/

/*** Banner ***/
.banner { width: 100%; height: auto; }
.banner img { width: 100%; height: 650px; }

.intro { width:70%; height: auto; position: absolute; left: 21%; top: 3%; display: table; }
.intro h1 { width:100%; margin: 1px 0px; font-size:56px; float:left; color:#FFFFFF; text-align:left; }
.intro h3 { width:100%; margin: 1px 0px; font-size:20px; float:left; color:#CCCCCC; text-align:left; }
.intro h2 { width:100%; margin: 1px 0px; font-size: 69px; float: left; color: #FFAE00; text-align: left; font-family: Book Antiqua; }
.intro .l1 { width:100%; float:left; margin: -10px 0px; font-size:53px; color:#FFFFFF; text-align:left; }
.intro .l1 img { width: 60px; height: auto; }
.intro .l2 { width:100%; float:left; margin: -10px 0px; font-size:51px; color:#FFFFFF; text-align:left; }
.intro .l2 img { width: 60px; height: auto; }
.intro .l3 { width:100%; float:left; margin: -10px 0px; font-size:55px; color:#FFFFFF; text-align:left; }
.intro .l3 img { width: 60px; height: auto; }
.intro .L4 { width:100%; float:left; margin: -10px 0px; font-size:53px; color:#FFFFFF; text-align:left; }
.intro .l4 img { width: 60px; height: auto; }

.valor { width: 390px; margin: 19px 23%; font-size: 19px; color: #000000; text-align: center; display: inline-block; }

.botao-t { width: 390px; margin: 19px 21%; background: #02FF27; color: #000; border-radius: 30px; padding: 13px; font-size: 23px; text-align: center; border: solid 3px #FBFBFB; }

.botao-t:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*** Banner ***/


/*** Center ***/
center { width: 100%; margin: 0 auto; }

center .destaque { width: 22%; margin: .2%; padding: 1%; border-radius: 5px; background: #EEE; text-align: center; float: left; display: table; }

center .destaque:hover h3 { color: #000000; }
center .destaque img { width: 100%; border-radius: 9px; }
center .destaque:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
center .destaque h3 { font-size: 26px; }
center .produtos {  }
center .produtos img { width: 17%; margin: .5%; background: #EEE; border-radius: 9px; float: left; }
center .servicos { width: 70%; font-size: 29px; margin: 10px 0px; float: left; }

.testemunhos { width: 21%; height: 200px; background: #fff; border: 0px solid #eee; float: left; margin: 1%; padding: 10px; border-radius: 9px; }
.testemunhos img { width: 12%; height: auto; text-align: center; border-radius: 50%; }
.testemunhos p { width: 100%; height: 200px; font-size: 16px; color: #000; float: left; }

.outro-lugar { font-size: 23px; text-align: center; }

/***Faq***/
body{ background-color: #fff; }
.layout{ width: 100%; margin: auto; }
.movimento{ padding: 3px; margin-top: 3px; margin-bottom: 3px; background: #fff; border-radius: 9px; }
.pergunta p{ margin: 5px; padding: 0; font-family: Verdana; font-size: 19px; }
.resposta p{ margin: 5px; padding: 3px; font-size: large; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; background: #000; border-radius: 3px; }
.movimento:hover{ cursor: pointer; }
.resposta { display: none; } 
.movimento .active .resposta { display: block; }
hr { border: 0; border-top: 1px solid #eee; }
/***Faq***/

center section .form { width: 100%; display: table; }
center section .form input { width: 100%; padding: 1%; }
center section .form textarea { width: 100%; padding: 1%; }
center section .form .button { width: auto; float: right; }
/*** Center ***/

/*** Informe  ***/
.informe { width: auto; background: url("../_como-fazer-batatas-fritas/fundo-batatas-fritas.jpg")  fixed center no-repeat #D4CCCC; background-size: cover; color: #FFFFFF; display: table; margin: 0% 0%; padding: 99px 60; }
.informe p { font-size: 23px; text-align: center; color: #fff; text-shadow:1px 1px 3px #000; font-family: coneria; }
.chance { text-align: center; color: #FFFFFF; font-size: 23px; }
.custo { text-align: center; color: #FFFFFF; }
.botao { width: 390px; height: 40px; bottom: 10%; margin: auto; text-align: center; font-size: 23px; padding: 13px; color: #000; background: #02FF27; border-radius: 30px; display: block; border: solid 3px #FBFBFB; }
.botao:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*** Informe  ***/

/*** Info  ***/
.info { width: 100%; background: url("../_como-fazer-batatas-fritas/fundo-como-fazer-batatas-fritas.jpg")  fixed center no-repeat #D4CCCC; background-size: cover; color: #FFFFFF; display: table; margin: 5% 0%;  }
.info p { font-size: 29px; text-align: center; color: #fff; text-shadow:1px 1px 3px #000; font-family: coneria; padding: 70px 0; }
/*** Info  ***/

/*** Info  ***/
.pagto { width: 100%; background: #eee; color: #FFFFFF; display: table; }
.pagto p { width: auto; font-size: 29px; text-align: center; color: #333; font-family: coneria; padding: 15px 0; }
/*** Info  ***/

/*** Footer ***/
.left-f { width:40%; height: auto; text-align: left; color: #fff; float: left; display: block; }
.left-l { width:30%; height: auto; text-align: left; color: #fff; float: left; display: block; }
.left-l ul li a { color: #eee; text-align: left; }
footer { width: 90%; padding: 3% 5%; background: #F9090D; display: table; }
footer p { text-align: center; color: #eee; padding: 10px 0; }

.base { }
/*** Footer ***/

/*** Responsive ***/
@media only screen and (max-width: 960px){
    /*** header ***/
    /*** header ***/
    
    /*** Center ***/
    center .destaque { width: 47%; }
    /*** Center ***/
}
@media only screen and (max-width: 640px){
section { width: 100%;  padding: 10px 0%; display: table; }
    left  { width: 99%; padding: .5%; float: none; }
    right { width: 99%; padding: .5%; float: none; }
    
	.banner { width: 100%; height: 650px; margin: 0px; }
	/*** compre  ***/
.intro { width:70%; height: auto; left: 2%; top: 3%; }
.intro h1 { width:100%; margin: 1px 10px; font-size:26px; }
.intro h3 { width:100%; margin: 1px 10px; font-size:15px; }
.intro h2 { width:100%; margin: 1px 20px; font-size: 30px; }
.intro .l1 { width:100%; float:left; margin: -10px 0px; font-size:23px; }
.intro .l1 img { width: 60px; height: auto; }
.intro .l2 { width:100%; float:left; margin: -10px 0px; font-size:21px; }
.intro .l2 img { width: 60px; height: auto; }
.intro .l3 { width:100%; float:left; margin: -10px 0px; font-size:25px; }
.intro .l3 img { width: 60px; height: auto; }
.intro .L4 { width:100%; float:left; margin: -10px 0px; font-size:23px; }
.intro .l4 img { width: 60px; height: auto; }

.valor { width: 390px; margin: 19px 3%; font-size: 19px; }

.botao-t { width: 350px; margin: 19px 1%; padding: 13px; font-size: 20px; }
/*** Banner ***/
	
.layout{ width: 96%; margin: auto; }
.custo { text-align: center; color: #FFFFFF; }
.botao { width: 350px; height: 40px; bottom: 10%; font-size: 19px; padding: 13px; }
	
	h1 { font-size: 31px; margin: 145px 0px 0px 0px; }
	h2 { font-size: 30px; margin: 45px 0px 0px 0px; }
	h3 { font-size: 18px; margin: 45px 0px 0px 0px; }	
    .left, .center, .right, .just { text-align: center; float: none; }
    
    .img_left { width: 98%; margin: 1%; }
    .empresa {  width: 98%; margin: 1%; }
	.empresas { width: 98%; height: auto; float: left; }
    .empresas list { width: 100%; height: auto; font-size: 19px; float: left; text-align: left; margin: 0px 0px 0px 20px; }
    .img_empresas { width: 98%; height: auto; float: left; }
	
	.informe { width: 100%; padding: 80px 0; }
       
    /*** Center ***/
    center .destaque { width: 97%; }
	center .servicos { width: 100%; font-size: 29px; margin: 10px 0px; float: left; }
    
    center .galeria img { width: 24%; margin: .5%; display: table; float: left; }
	
	.testemunhos { width: 96%; height: 250px; margin: 10px; padding: 10px; display: block; }
    .testemunhos img { width: 12%; height: auto; text-align: center; }
    .testemunhos p { font-size: 16px; }
    /*** Center ***/
	
	/*** footer ***/
	.left-f { width:100%; margin: 0px 0px 0px 39px; }
    .left-l { width:100%; margin: 0px 0px 0px 39px; }
	/*** footer ***/
}
@media only screen and (max-width: 540px){
    
}
/*** Responsive ***/