body {margin:0; padding:0; line-height:24px; font-family:Arial, Helvetica, sans-serif; color:#96989A}

body a {color:inherit !important; text-decoration:none}

.clear {clear:both}

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

#header {width:1200px; margin:0 auto; text-align:center}
#header img {width:100%; height:auto; display:inline-block}

#conteudo {width:100%; min-width:1100px; margin:50px auto;}

#chamada {width:1100px; margin:0 auto;}
#chamada .titulo {border:2px solid #96989A; padding:20px; color:#900; font-size:26px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:40px}
#chamada .selo {background:url(../Imagens/selo_pega_placa.jpg) no-repeat; width:200px; height:180px; float:left; margin-right:50px; background-size:contain}
#chamada .txt {text-align:justify}

#galeria {width:1100px; margin:50px auto 0}
#galeria .maior {width:438px !important}
#galeria .area_img {float:left; margin:0 2px 2px 0; width:218px; height:200px; position:relative; overflow:hidden}
#galeria .ultima {margin:0 0 2px 0;}
#galeria .area_img .opacidade {position:absolute; z-index:9; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); background-image:url(../Imagens/icone_lupa.png); background-position:center center; background-repeat:no-repeat; background-size:30px; visibility:hidden; opacity:0; transition:all 0.3s}
#galeria .area_img .img {position:absolute; top:0; bottom:0; left:0; right:0; transition: all 0.3s}
#galeria .area_img:hover .opacidade {visibility:visible; opacity:1}
#galeria .area_img:hover .img {top:-15px; bottom:-15px; left:-15px; right:-15px}

#video {width:100%; min-width:1100px; background:#000; padding:50px 0; margin-top:50px}
#video .area {width:1100px; margin:0 auto;}
#video .area .titulo {border:2px solid #fff; padding:20px; color:#fff; font-size:26px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:40px}
#video .area .video {width:1100px; height:450px;}

#camera {width:1100px; margin:50px auto 0;}
#camera .titulo {border:2px solid #96989A; padding:20px; display:inline-block; float:right; color:#900; font-size:26px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:40px}
#camera .img {background:url(../Imagens/camera.jpg) left top no-repeat; width:400px; height:300px; float:left; margin-right:100px; background-size:contain}
#camera .txt {text-align:justify}
#camera .txt .bt_comprar {display:table; padding:18px 78px; border:2px solid #012431; background:#012431; color:#fff; margin-top:40px; font-size:26px; font-weight:bold; transition:all 0.3s; cursor:pointer}
#camera .txt .bt_comprar:hover {background:#fff; color:#012431}
#camera .txt img {width:400px; height:auto; margin-top:20px}

#rodape {width:100%; min-width:1100px; background:#012431}
#rodape .area {width:1100px; margin:0 auto; padding:50px 0; text-align:center}
#rodape .area .logomarca {width:200px; height:80px; background:url(../Imagens/logomarca_rodape.png) no-repeat; background-size:contain; display:inline-block; vertical-align:top}
#rodape .area span {display:inline-block; color:#fff; text-align:left; margin:0 100px; font-size:20px; vertical-align:bottom}
#rodape .area .icone {display:inline-block; width:20px; margin-right:10px; height:20px; vertical-align:bottom; transition: transform 0.3s}
#rodape .area .icone:hover {transform: rotateY(180deg)}
#rodape .assinatura {width:100%; background:#666; color:#fff}
#rodape .assinatura .area_assinatura {width:800px; line-height:50px; margin:0 auto}
#rodape .assinatura .area_assinatura .col_direitos {float:left}
#rodape .assinatura .area_assinatura .col_assinatura {float:right}

}


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

#header {width:100%;}
#header img {width:100%; height:auto;}

#conteudo {width:100%;}

#chamada {margin:20px; text-align:center}
#chamada .titulo {display:none}
#chamada .selo {background:url(../Imagens/selo_pega_placa.jpg) center center no-repeat; display:inline-block; margin:10px 0 20px; background-size:contain; width:100%; padding-bottom:60%}
#chamada .txt {text-align:justify}

#galeria {margin:20px}
#galeria .area_img {margin:0 2px 2px 0; width:calc(50% - 2px); float:left; padding-bottom:50%; position:relative; overflow:hidden}
#galeria .ultima {margin:0 0 2px 0;}
#galeria .area_img .opacidade {position:absolute; z-index:9; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); background-image:url(../Imagens/icone_lupa.png); background-position:center center; background-repeat:no-repeat; background-size:30px; visibility:hidden; opacity:0; transition:all 0.3s}
#galeria .area_img .img {position:absolute; top:0; bottom:0; left:0; right:0; transition: all 0.3s}
#galeria .area_img:hover .opacidade {visibility:visible; opacity:1}
#galeria .area_img:hover .img {top:-15px; bottom:-15px; left:-15px; right:-15px}

#video {padding:20px; background:#000;}
#video .area .titulo {border:2px solid #fff; margin:0 0 30px; padding:20px; color:#fff; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center;}
#video .area .video {width:100%; height:300px;}

#camera {margin:20px;}
#camera .titulo {border:2px solid #96989A; color:#900; padding:20px; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:30px}
#camera .img {background:url(../Imagens/camera.jpg) center center no-repeat; width:100%; padding-bottom:60%;  background-size:contain}
#camera .txt {text-align:justify}
#camera .txt .bt_comprar {padding:18px 0; text-align:center; border:2px solid #012431; background:#012431; color:#fff; margin-top:30px; font-size:20px; font-weight:bold; transition:all 0.3s; cursor:pointer}
#camera .txt .bt_comprar:hover {background:#fff; color:#012431}
#camera .txt img {width:100%; height:auto; margin-top:20px}

#rodape {width:100%; background:#012431}
#rodape .area {padding:20px 20px 30px; text-align:center}
#rodape .area .logomarca {width:80%; padding-bottom:40%; background:url(../Imagens/logomarca_rodape.png) center center no-repeat; background-size:contain; display:inline-block;}
#rodape .area span {display:block; color:#fff; font-size:20px; margin:10px 0 20px; vertical-align:bottom}
#rodape .area .icone {display:inline-block; width:20px; margin-right:10px; height:20px; vertical-align:bottom; transition: transform 0.3s}
#rodape .area .icone:hover {transform: rotateY(180deg)}
#rodape .assinatura {padding:20px; background:#666; color:#fff}
#rodape .assinatura .area_assinatura {text-align:center}
#rodape .assinatura .area_assinatura .col_direitos {float:none; margin-bottom:10px}
#rodape .assinatura .area_assinatura .col_assinatura {float:none}

}