@charset "utf-8";
/* cabeçalho */
#all{width:1000px;height:auto;margin:0 auto 0 auto;}
#conteudo{ width:950px; float:left; height:auto; margin:0 auto 0 auto; }
#topo{ width:950px; height:200px; background:#ff6600 }
#logo{ width:113px; height:63px; float:left; margin-top:63px; margin-left:40px}
#titulo{ width:654px; height:auto; float:right; text-align:right; margin-right: 40px; margin-top:30px; color:#FFFFFF}
h1{ font-size:35px; font-weight:lighter;}
h2{ font-size:22px; font-weight:200 }
/* conteudo */
#banner{ width:950px; height:auto; float:left}
#c-titulo{ width:950px; float:left; margin-top:31px; margin-bottom:31px}
h3{font-size:20px; font-weight:bold;  float:left; color:#575757}
#texto-conteudo{ width:950px; text-align:justify; font-size:15px; line-height:25px; float:left }
#area-icones{ width:950px;  margin-top:50px; float:left;  }
.icone{ width:316px; float:left; text-align:center;}
.img-icone{ width: 120px; height:120px; float:left; margin-left:98px; }
.texto-icone{ width:316px; margin-top:20px; float:left; margin-bottom:60px }
.botao{ width:950px; height:auto; background:#FFFFFF; float:left; margin-bottom:60px}
.img-botao{ width:355px; height:195px; float:left;  }
.texto-botao{ width:595px; height:auto; margin-top:47px; font-size:20px; float:left; text-align:center; color:#575757; font-weight:bold}
.acao-botao{ width:80px; height:auto; background:#ff6600; float:left; margin-left:207px; margin-top:30px; font-size:22px; font-weight:bold; color:#FFFFFF; padding-top:15px; padding-bottom:15px; padding-left:50px; padding-right:50px;}
.acao-botao:hover{ background:#575757} 
#video{ width:950px; float:left;}
#empresa{ width:950px; float:left; margin-top:60px; float:left; }
#titulo-empresa{font-size:20px; font-weight:bold; color:#575757; width:950px; float:left  }
#texto-conteudo2{ width:950px; margin-top:50px; text-align:justify; font-size:15px; line-height:25px; float:left }

/*Rodape*/
#rodape{ width:950px; height:200px; float:left; background:#ff6600; margin-top:60px}
#facebook{width:175px; height:65px; float:left;  margin-top:60px; margin-left:50px}
#linkdin{width:175px; height:65px; float:left; margin-top:60px; margin-left:50px}
#youtube{width:175px; height:65px; float:left;  margin-top:60px; margin-left:50px}
#blog{width:175px; height:65px; float:left;  margin-top:60px; margin-left:50px}
#copyright{ width:950px; text-align:center;  margin-top:150px}

@media all and (max-width:1024px){
/*cabeçalho*/
#all{width:100%;height:auto;margin:0 auto 0 auto;}
#conteudo{ width:100%; float:left; height:auto; margin:0 auto 0 auto; }
#topo{ width:95%; height:200px; background:#ff6600; margin-left: 2.5% }
#logo{ width:113px; height:63px; float:left; margin-top:63px; margin-left:40px}
#titulo{ width:65%; height:auto; float:right; text-align:right; margin-right: 40px; margin-top:30px; color:#FFFFFF}
h1{ font-size:35px; font-weight:lighter;}
h2{ font-size:22px; font-weight:200 }
/*conteudo*/
#banner{ width:95%; height:auto; float:left; margin-left:2.5%}
#c-titulo{ width:95%; float:left; margin-top:31px; margin-bottom:31px;  margin-left:2.5%}
h3{font-size:20px; font-weight:bold;  float:left; color:#575757}
#texto-conteudo{ width:95%; text-align:justify; font-size:15px; line-height:25px; float:left; margin-left:2.5% }
#area-icones{ width:95%;  margin-top:50px; float:left; margin-left:2.5%;  }
.icone{ width:33.3%; float:left; text-align:center; }
.img-icone{ width: 40%; height:auto; float:left; margin-left:30%;}
.texto-icone{ width:100%; margin-top:20px; float:left; margin-bottom:60px;}
.botao{ width:95%; background:#FFFFFF; float:left; margin-bottom:60px; margin-left:2.5%}
.img-botao{ width:36%; height:auto; float:left;  }
.texto-botao{ width:64%; height:auto; margin-top:30px; font-size:18px; float:left; text-align:center; color:#575757; font-weight:bold}
.acao-botao{ width:9%; height:auto; background:#ff6600; float:left; margin-left:25%; margin-top:25px; font-size:15px; font-weight:bold; color:#FFFFFF; padding-top:1.5%; padding-bottom:1.5%; padding-left:5%; padding-right:5%;}
.acao-botao:hover{ background:#575757} 
#video{ width:95%; float:left; margin-left:2.5%}
#empresa{ width:95%; float:left; margin-top:60px; float:left; margin-left:2.5%}
#titulo-empresa{font-size:20px; font-weight:bold; color:#575757; width:95%; float:left  }
#texto-conteudo2{ width:100%; margin-top:50px; text-align:justify; font-size:15px; line-height:25px; float:left; }
/*Rodape*/
#rodape{ width:95%; height:auto; float:left; background:#ff6600; margin-top:60px; margin-left:2.5%}
#facebook{width:17%; height:auto; float:left;  margin-top:60px; margin-left:50px}
#linkdin{width:17%; height:auto; float:left; margin-top:60px; margin-left:50px}
#youtube{width:17%; height:auto; float:left;  margin-top:60px; margin-left:50px}
#blog{width:17%; height:auto; float:left;  margin-top:60px; margin-left:50px}
#copyright{ width:50%; text-align:center;  margin-top:150px; margin-left:25%}
}

@media all and (max-width:768px){
/*cabeçalho*/
#all{width:100%;height:auto;margin:0 auto 0 auto;}
#conteudo{ width:100%; float:left; height:auto; margin:0 auto 0 auto;}
#topo{ width:95%; height:auto; float:left; background:#ff6600; margin-left: 2.5%}
#logo{ width:20%; height:auto; float:left; margin-top:50px; margin-left:40%}
#titulo{ width:95%; height:auto; float:right; text-align:center; margin-right:2.5%; margin-top:20px; margin-bottom: 25px; color:#FFFFFF}
h1{ font-size:35px; font-weight:lighter;}
h2{ font-size:22px; font-weight:200}

/*conteudo*/
#banner{ width:95%; height:auto; float:left; margin-left:2.5%}
#c-titulo{ width:95%; float:left; margin-top:31px; margin-bottom:31px;  margin-left:2.5%}
h3{font-size:20px; font-weight:bold;  float:left; color:#575757}
#texto-conteudo{ width:95%; text-align:justify; font-size:15px; line-height:25px; float:left; margin-left:2.5% }
#area-icones{ width:95%;  margin-top:50px; float:left; margin-left:2.5%;  }
.icone{ width:40%; float:left; text-align:center; margin-left:5%}
.img-icone{ width: 40%; height:auto; float:left; margin-left:30%;}
.texto-icone{ width:100%; margin-top:20px; float:left; margin-bottom:60px;}
.botao{ width:95%; background:#FFFFFF; float:left; margin-bottom:60px; margin-left:2.5%}
.img-botao{ width:60%; height:auto; float:left; margin-left:20%; margin-top:25px }
.texto-botao{ width:90%; height:auto; margin-top:30px; margin-left:5px; font-size:18px; float:left; text-align:center; color:#575757; font-weight:bold}
.acao-botao{ width:50%; height:auto; background:#ff6600; float:left; margin-left:25%; text-align:center; margin-top:25px; font-size:15px; font-weight:bold; color:#FFFFFF; padding-top:5%; padding-bottom:5%; padding-left:0%; padding-right:0%; margin-bottom:25px}
.acao-botao:hover{ background:#575757} 
#video{ width:95%; float:left; margin-left:2.5%}
#empresa{ width:95%; float:left; margin-top:60px; float:left; margin-left:2.5%}
#titulo-empresa{font-size:20px; font-weight:bold; color:#575757; width:95%; float:left  }
#texto-conteudo2{ width:100%; margin-top:50px; text-align:justify; font-size:15px; line-height:25px; float:left; }


/*Rodape*/
#rodape{width:95%; height:auto; float:left; background:#ff6600; margin-top:60px; margin-left:2.5%}
#facebook{width:50%; height:auto; float:left;  margin-top:20px; margin-left:32%}
#linkdin{width:50%; height:auto; float:left; margin-top:20px; margin-left:32%}
#youtube{width:50%; height:auto; float:left;  margin-top:20px; margin-left:32%}
#blog{width:50%; height:auto; float:left;  margin-top:20px; margin-left:32%}
#copyright{width:50%; text-align:center; float:left;  margin-top:30px; margin-bottom:30px; margin-left:25%}
}
 
@media all and (max-width:480px){
/*cabeçalho*/

/*conteudo*/
/*conteudo*/



}