@media only screen and ( min-width: 900px ){

.body{
margin:0px auto;
background:#ffffff;
}

.zes_barra{
margin:0px auto;
width:100%;
position:relative
}

.zes_barra div{position:relative;
left:21%;
height:100px;
max-width:900px !important;

}
.zes_barra div h2{
font-size:.7em;
font-family:"arial";
font-weight:normal;
color:#ffffff;

}

.barra{
position:relative;
width:100%;
height:20px;
background:#000000;

}

.barra h1{
position:relative;
top:5px;
font-size:.7em;
font-family:"arial";
font-weight:normal;
color:#ffffff;
text-align:center;
}

.topo{
display:block;
position:relative;
top:0px;
width:100%;
min-height:120px;
background:#ffffff;
margin:0px auto;
text-align:center;
z-index:999;
}

.topo div{
display:inline-block;
max-width:900px;

background:#ffffff;
text-align:center;
float:left;
}

.logo{
width:27%;
position:relative;
left:0%;
height:auto;
}

.hamburger{
width:9% ;
position:relative;
left:10%;
top:35px;
float:left;
cursor:pointer;
}

.slider{
position:relative;
width:100%;
height:46%;
/*background:#ff0000;*/
background:url('../img/background_fundo.png') no-repeat !important;
background-size:auto 100%;
overflow:hidden;
float:left;
}

.slider div{
width:5%;
height:100%;
background:#333333;
float:left;
position:relative;
border:none;
text-align:center;
}

.slider div a{
text-align:center;
text-decoration:none;

}
.slider div h1{
width:100%;
position:absolute;
bottom:10px;
padding:2%;
font-family:"arial";
font-size:2em;
font-weight:bold;
color:#ffffff;
text-align:center;
}

.slider div h1:hover{
color:#000000;
}


.slider div h2{
position:absolute;
bottom:100px;
right:100px;
display:none;
font-family:"arial";
font-size:2em;
font-weight:bold;
color:#ffffff;
padding:4%;
text-align:right;
}

.slider div h3{
position:absolute;
bottom:90px;
right:100px;
display:none;
font-family:"arial";
font-size:.7em;
font-weight:lighter;
color:#ffffff;
padding:4%;
}

.slider div h4{
width:200%;
position:absolute;
left:-47px;
bottom:140px;
padding:2%;
font-family:"arial";
font-size:1em;
font-weight:bold;
color:#ffffff;
text-align:left;
transform:rotate(-90deg);
}

.slider div h4:hover{
color:#000000;
}

.slider div p{
position:absolute;
bottom:160px;
right:100px;
display:none;
font-family:"arial";
font-size:.7em;
font-weight:normal;
color:#ffffff;
padding:4%;
}

.slider div img{
position:relative;
top:20%;
width:20%;
background-size:auto 100%;

}

.slider > :nth-child(1){

width:5%;
height:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:auto 100%;
float:left;


}



.slider > :nth-child(2){

height:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:auto 100%;
float:left;
}

.slider > :nth-child(3){

height:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:auto 100%;
float:left;
}

.slider > :nth-child(4){

height:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:auto 100%;
float:left;
}

.slider > :nth-child(5){

height:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:auto 100%;
float:left;
}


.slider :target {
width:84%;
animation: slide 0.5s forwards;
animation-delay: 0s;

}

@keyframes slide{
0%{ right:100%;width:5% ;}
 100% { right:0px;width:80% ;}


}



.slider :target h2{
display:block;;

}

.slider :target h3{
display:block;;

}

.slider :target h4{
display:none;;

}

.slider :target p{
display:block;;

}


#sub_slide{
display:none;
width:96%;
height:auto;
background:#ffffff;
padding:2%;

}

#sub_slide div {
margin-top:1%;
margin-bottom:1%;
margin-right:1%;
margin-left:1%;
width:29.3%;
min-height:20%;
background:#ffffff;
/*display:inline-block;*/
display:flex;
flex-direction:column;
padding:1%;
border-radius:0px;
border-bottom:4px double #ff0000;
/*border-top:4px solid #000000;*/

}

#sub_slide div div{
margin-top:auto;
width:98%;
border:none;
background:transparent;
padding:0px;
}

#sub_slide div:hover{
background:#000000;

}

#sub_slide div:hover p{
color:#ffffff;

}

#sub_slide div:hover h2{
color:#00ff00;

}


#sub_slide div h1{
font-family:"arial";
font-size:1.8vmin;
font-weight:bold;
color:#ff0000;
text-align:center;
}

#sub_slide div h2{
font-family:"arial";
font-size:3.2em;
font-weight:bold;
color:#ff0000;
text-align:center;
}

#sub_slide div h3{
font-size:1.2vmin;
font-weight:normal;
font-style:italic;
color:#ff0000;
font-family:"arial";
text-align:center;
}

#sub_slide div:hover h3{
color:#ffffff;
}

#sub_slide div p{
font-family:"arial";
font-size:.9vmin;
font-weight:normal;
color:#000000;
text-align:center;
}

.pedido {
width:100%;
height:30px;
position:relative;
bottom:0px;;
left:0% !important;
font-family:"arial";
font-size:1.4vmin;
font-weight:bold;
color:#000000;
background:#00ff00;
float:left;
border:1px solid #000000;;
border-radius:4px;
cursor:pointer;
display:block;
padding-top:15px;
text-decoration:none;
text-align:center;
/*margin-bottom:6%;*/
margin-top: auto;
z-index:1;
}

.pedido:hover {
background:#0000ff;
color:#ffffff;
}



.razoes{
display:none;
width:96%;
height:auto;
background:#ffffff;
padding:2%;
border-top:4px double #ff0000;
margin-top:2%;
text-align:center;
}

.razoes div {
margin-top:1%;
margin-bottom:1%;
margin-right:1%;
margin-left:1%;
width:96%;
min-height:20%;
background:#ffffff;
display:inline-block;
padding:1%;
border-radius:4px;
text-align:center;

}

.razoes div h1{
font-family:"arial";
font-size:2.2em;
font-weight:bold;
color:#000000;

}

.razoes div h2{
font-family:"arial";
font-size:1.6em;
font-weight:bold;
color:#ff0000;

}

.razoes div h3{
font-family:"arial";
font-size:.7em;
font-weight:normal;
color:#000000;

}
.razoes div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#000000;
line-height:30px;;
text-align:center;
}


.razoes_btn {
width:100%;
height:30px;
position:relative;
bottom:0px;;
left:0% !important;
font-family:"arial";
font-size:1.4vmin;
font-weight:bold;
color:#ffffff;
background:#000000;
float:left;
border:1px solid #ffffff;
border-radius:4px;
cursor:pointer;
display:block;
padding-top:15px;
text-decoration:none;
text-align:center;
/*margin-bottom:6%;*/

z-index:1;
}



.razoes_btn:hover {
background:#ffffff;
color:#000000;
}
.razoes:target{
display:inline-block !important;
}



#menu {
display:none;
width:98%;
height:20px;
background:#ff0000;
padding:1%;
z-index:999;
border-bottom:1px solid #ffffff;
}

#menu a{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
text-decoration:none;
float:left;
margin-right:4%;
}

.promo{
width:100%;
margin:0px auto;
text-align:center;
display:flex;
background:#000000;
background-size:100% 500px;
}

.promo div{
text-align:center;
width:46%;;
height:auto;
padding:2%;
flex-basis:33%;
float:left;
background:#486b82;
margin-left:2%;
margin-right:2%;
margin-top:2%;
margin-bottom:2%;
display:flex;
flex-direction:column;
}

.promo div img{
width:70%;
}

.promo div h1{
font-family:"arial";
font-size:1.4vmin;
font-weight:bold;
color:#ffff66;
}

.promo div h2{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.promo div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#ffffff;
text-align:justify;
}

.promo_btn {
width:100%;
height:40px;
position:relative;;
bottom:0px !important;;
left:0% !important;
font-family:"arial";
font-size:1.4vmin;
font-weight:bold;
color:#ffffff;
background:#000000;
float:left;
/*border:1px solid #ffffff;*/
border-radius:4px;
cursor:pointer;
display:block;
padding-top:5px;
text-decoration:none;
text-align:center;
/*margin-bottom:6%;*/
margin-top: auto;
z-index:1;
}




#orcamento{
display:none;
width:96%;
background:#ff0000;
margin:0px auto;
text-align:center;
padding:2%;
}

#orcamento div h1{
font-family:"arial";
font-size:1.4em;
font-weight:bold;
color:#ffffff;
}


#orcamento div h2{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}


#orcamento div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#ffffff;
}

#orcamento div iframe{
width:900px;
height:100%;
}

#orcamento:target{
display:block !important;
}



.marketing{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
background:#ff0000;
}

.marketing div{
max-width:100%;
margin-top:0%;
}

.marketing div h1{
font-family:"arial";
font-size:1.6em;
font-weight:bold;
color:#ffffff;
}

.marketing div h2{
font-family:"arial";
font-size:1.4em;
font-weight:lighter;
color:#ffffff;

}

.marketing div h2 b {
font-family:"arial";
font-size:2em;
}

.marketing div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#ffffff;
}


.brain_broker{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
background:#ffffff;
/*border-bottom:4px double #ff0000;*/
}

.brain_broker div{
max-width:100%;
margin-top:0%;
}

.brain_broker div h1{
font-family:"arial";
font-size:1.6em;
font-weight:bold;
color:#ff0000;
}

.brain_broker div h3{
font-family:"arial";
font-size:1.6em;
font-weight:normal;
color:#000000;
}


.brain_broker div h2{
font-family:"arial";
font-size:1.2em;
font-weight:normal;
color:#000000;
}

.brain_broker div p{
font-family:"arial";
font-size:.7em;
font-weight:normal;
color:#000000;
}




.curriculo{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
}

.curriculo div{
max-width:100%;
margin-top:0%;
}

.curriculo div h1{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.curriculo div p{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.rodape{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
}

.rodape div{
max-width:100%;
margin-top:4%;
}

.rodape div h1{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.zes{
width:96%;
margin:0px auto;
text-align:center;
padding:2%;
float:left;
}

.zes div{
width:100%;
text-align:center;

}

.zes div h1{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.zes div a{
display:inline-block;
font-family:"arial";
font-size:1.2em;
font-weight:bold;
color:#ffffff;
width:900px;
height:40px;
text-decoration:none;
border-radius:4px;
padding-top:20px;
}

.zes iframe{
text-align:center;
display:none;
width:900px;
height:100%;
}

.zes iframe :target{
display:block !important;

}

}


@media only screen and ( max-width: 900px ){

.body{
margin:0px auto;
background:#ffffff;
}


.zes_barra{
margin:0px auto;
width:100%;
position:relative
}

.zes_barra div{
position:relative;
left:0%;
height:100px;
max-width:900px !important;

}
.zes_barra div h2{
font-size:.7em;
font-family:"arial";
font-weight:normal;
color:#ffffff;

}

.zes_barra div a{
position:relative !important;
top:-30px !important;
font-size:2.2vmin !important;
}

.barra{
position:relative;
width:100%;
height:20px;
background:#000000;

}

.barra h1{
position:relative;
top:5px;
font-size:.7em;
font-family:"arial";
font-weight:normal;
color:#ffffff;
text-align:center;
}


.topo{
display:block;
position:relative;
top:0px;
width:100%;
min-height:80px;
background:#ffffff;
margin:0px auto;
text-align:center;
z-index:999;
}

.topo div{
display:inline-block;
max-width:900px;

background:#ffffff;
text-align:center;
float:left;
}

.logo{
width:70%;
position:relative;
left:0%;
height:auto;
}

.hamburger{
width:20% ;
position:relative;
left:10%;
top:25px;
float:left;
cursor:pointer;
}

.gostos{
zoom:.4;
}

#menu {
display:none;
width:98%;
height:100%;
background:#ff0000 !important;
padding:1%;
z-index:999;
position:relative;
top:0px !important;
float:left;
}

#menu a{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
text-decoration:none;
float:left;
margin-right:0%;
width:92% !important;
height:40px;
background:#ff0000 !important;
padding-left:6% !important;
padding-top:6% !important;
padding:2%;

}

.slider{
position:relative;
top:0px;
width:100%;
height:70%;
/*background:#ff0000;*/
background:url('../img/background_fundo.png') no-repeat !important;
background-size:100% auto;
overflow:hidden;
float:left;

}

.slider div{
width:100%;
height:8.7%;
background:#ff0000;
float:left;
position:relative;

border:none;

}

.slider div a{

text-decoration:none;

}
.slider div h1{
width:100%;
position:absolute;
top:-25px;
padding:2%;
font-family:"arial";
font-size:2em;
font-weight:bold;
color:#ffffff;
text-align:center;
}

.slider div h1:hover{
color:#000000;
}

.slider div h2{
position:absolute;
bottom:100px;
right:10px;
display:none;
font-family:"arial";
font-size:2em;
font-weight:bold;
color:#ffffff;
padding:4%;
text-align:right;
}

.slider div h3{
position:absolute;
bottom:80px;
right:10px;
display:none;
font-family:"arial";
font-size:.7em;
font-weight:lighter;
color:#ffffff;
padding:4%;
}

.slider div h4{
width:200%;
position:absolute;
left:20px;
bottom:-15px;
padding:2%;
font-family:"arial";
font-size:1em;
font-weight:bold;
color:#ffffff;
text-align:left;
transform:rotate(0deg);
}

.slider div h4:hover{
color:#000000;
}


.slider div p{
position:absolute;
bottom:200px;
right:10px;
display:none;
font-family:"arial";
font-size:.7em;
font-weight:lighter;
color:#ffffff;
padding:4%;
text-align:right;
}




.slider > :nth-child(1){
width:100%;
height:10%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:100% auto;
float:left;


}



.slider > :nth-child(2){

width:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:100% auto;
float:left;
}

.slider > :nth-child(3){

width:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:100% auto;
float:left;
}

.slider > :nth-child(4){

width:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:100% auto;
float:left;
}

.slider > :nth-child(5){

width:100%;
background:url('../img/background_fundo.png') no-repeat !important;
background-size:100% auto;
float:left;
}

.slider :target {
/*width:70%;*/
height:73%;
animation: slide 0.5s forwards;
animation-delay: 0s;

}

@keyframes slide{
0%{ top:0%;height:10% ;}
 100% { top:0px;height:65% ;}


}



.slider :target h2{
display:block;;

}

.slider :target h3{
display:block;;

}

.slider :target h4{
display:none;;

}


.slider :target p{
display:block;;

}

#sub_slide{
display:none;
width:96%;
height:auto;
background:#ffffff;
padding:2%;
flex-wrap:wrap;
}

#sub_slide div {
margin-top:1%;
margin-bottom:1%;
margin-right:1%;
margin-left:1%;
width:100% !important;
min-height:20%;
background:#ffffff;
display:inline-block;
padding:1%;
border-radius:0px;
border-bottom:4px double #ff0000;
/*border-top:4px solid #000000;*/
flex-basis:100%;

}

#sub_slide div div{
margin-top:auto;
width:98% !important;
border:none;
background:transparent;
padding:0px;
}


#sub_slide div:hover{
background:#000000;

}

#sub_slide div:hover p{
color:#ffffff;

}

#sub_slide div:hover h2{
color:#00ff00;

}

#sub_slide div h1{
font-family:"arial";
font-size:3.8vmin;
font-weight:bold;
color:#ff0000;
text-align:center;
}

#sub_slide div h2{
font-family:"arial";
font-size:3.2em;
font-weight:bold;
color:#ff0000;
text-align:center;
}

#sub_slide div h3{
font-size:2.2vmin;
font-weight:normal;
font-style:italic;
color:#ff0000;
font-family:"arial";
text-align:center;
}

#sub_slide div:hover h3{
color:#ffffff;
}


#sub_slide div p{
font-family:"arial";
font-size:2.9vmin;
font-weight:normal;
color:#000000;
text-align:center;
}

.pedido {
width:100%;
height:30px;
position:relative;
bottom:0px;;
left:0% !important;
font-family:"arial";
font-size:2.4vmin;
font-weight:bold;
color:#000000;
background:#00ff00;
float:left;
border:1px solid #000000;;
border-radius:4px;
cursor:pointer;
display:block;
padding-top:15px;
text-decoration:none;
text-align:center;
margin-bottom:6%;
z-index:1;
}

.pedido:hover {
background:#0000ff;
color:#ffffff;
}



.razoes{
display:none;
width:96%;
height:auto;
background:#ffffff;
padding:2%;
border-top:4px double #ff0000;
margin-top:2%;
text-align:center;
}

.razoes div {
margin-top:1%;
margin-bottom:1%;
margin-right:1%;
margin-left:1%;
width:96%;
min-height:20%;
background:#ffffff;
display:inline-block;
padding:1%;
border-radius:4px;
text-align:center;

}

.razoes div h1{
font-family:"arial";
font-size:2.2em;
font-weight:bold;
color:#000000;

}

.razoes div h2{
font-family:"arial";
font-size:1.6em;
font-weight:bold;
color:#ff0000;

}

.razoes div h3{
font-family:"arial";
font-size:.7em;
font-weight:normal;
color:#000000;

}
.razoes div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#000000;
line-height:30px;;
text-align:center;
}


.razoes_btn {
width:100%;
height:30px;
position:relative;
bottom:0px;;
left:0% !important;
font-family:"arial";
font-size:2.4vmin;
font-weight:bold;
color:#ffffff;
background:#000000;
float:left;
border:1px solid #ffffff;
border-radius:4px;
cursor:pointer;
display:block;
padding-top:15px;
text-decoration:none;
text-align:center;
margin-bottom:6%;
z-index:1;
}

.razoes_btn:hover {
background:#ffffff;
color:#000000;
}
.razoes:target{
display:inline-block !important;
}



.promo{
width:100%;
margin:0px auto;
text-align:center;
display:flex;
background:#000000;
background-size:100% 500px;
flex-wrap:wrap;
}

.promo div{
text-align:center;
width:100%;;
height:auto;
padding:2%;
flex-basis:100%;
float:left;
background:#486b82;
margin-left:2%;
margin-right:2%;
margin-top:2%;
margin-bottom:2%;
}

.promo div img{
width:50%;
}

.promo div h1{
font-family:"arial";
font-size:1.4em;
font-weight:bold;
color:#ffff66;
}

.promo div h2{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.promo div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#ffffff;
text-align:justify;
padding:2%;
}

.promo_btn {
width:100%;
height:40px;
position:relative;
bottom:0px !important;;
left:0% !important;
font-family:"arial";
font-size:2.4vmin;
font-weight:bold;
color:#ffffff;
background:#000000;
float:left;
/*border:1px solid #ffffff;*/
border-radius:4px;
cursor:pointer;
display:block;
padding-top:0px;
text-decoration:none;
text-align:center;
margin-bottom:6%;
margin-top:6%;
z-index:1;
}

.promo_btn :hover {
background:#ffff66 !important;
color:#000000 !important;
}

#orcamento{
display:none;
width:96%;
background:#ff0000;
margin:0px auto;
text-align:center;
padding:2%;
}

#orcamento div h1{
font-family:"arial";
font-size:1.4em;
font-weight:bold;
color:#ffffff;
}


#orcamento div h2{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}


#orcamento div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#ffffff;
}

#orcamento div iframe{
width:100%;
height:100%;
}

#orcamento:target{
display:block !important;
}




.marketing{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
background:#ff0000;
}

.marketing div{
max-width:100%;
margin-top:0%;
}

.marketing div h1{
font-family:"arial";
font-size:1.6em;
font-weight:bold;
color:#ffffff;
}

.marketing div h2{
font-family:"arial";
font-size:1.4em;
font-weight:lighter;
color:#ffffff;

}

.marketing div h2 b {
font-family:"arial";
font-size:2em;
}

.marketing div p{
font-family:"arial";
font-size:.9em;
font-weight:normal;
color:#ffffff;
}


.brain_broker{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
background:#ffffff;
/*border-bottom:4px double #ff0000;*/
}

.brain_broker div{
max-width:100%;
margin-top:0%;
}

.brain_broker div h1{
font-family:"arial";
font-size:1.6em;
font-weight:bold;
color:#ff0000;
}

.brain_broker div h3{
font-family:"arial";
font-size:1.6em;
font-weight:normal;
color:#000000;
}


.brain_broker div h2{
font-family:"arial";
font-size:1.2em;
font-weight:normal;
color:#000000;
}

.brain_broker div p{
font-family:"arial";
font-size:.7em;
font-weight:normal;
color:#000000;
}




.curriculo{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
}

.curriculo div{
max-width:100%;
margin-top:0%;
}

.curriculo div h1{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.curriculo div p{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}


.rodape{
width:96%;
margin:0px auto !important;
text-align:center;
padding:2%;
float:left;
}

.rodape div{
max-width:100%;
margin-top:4%;
}

.rodape div h1{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.zes{
width:96%;
margin:0px auto;
text-align:center;
padding:2%;
float:left;
}

.zes div{
width:100%;
text-align:center;

}

.zes div h1{
font-family:"arial";
font-size:.9em;
font-weight:bold;
color:#ffffff;
}

.zes div a{
display:inline-block;
font-family:"arial";
font-size:1.2em;
font-weight:bold;
color:#ffffff;
width:100%;
height:40px;
text-decoration:none;
border-radius:4px;
padding-top:20px;
}

.zes iframe{
text-align:center;
display:none;
width:100%;
height:100%;
}

.zes iframe :target{
display:block !important;

}



}