@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
 
.centro{ max-width:960px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('fonts/tt0142m_-webfont.eot');
    src: url('fonts/tt0142m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0142m_-webfont.woff2') format('woff2'),
         url('fonts/tt0142m_-webfont.woff') format('woff'),
         url('fonts/tt0142m_-webfont.ttf') format('truetype'),
         url('fonts/tt0142m_-webfont.svg#futura_md_btmedium') format('svg');
font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'futura_md_btbold_italic';
    src: url('fonts/tt0145m_-webfont.eot');
    src: url('fonts/tt0145m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0145m_-webfont.woff2') format('woff2'),
         url('fonts/tt0145m_-webfont.woff') format('woff'),
         url('fonts/tt0145m_-webfont.ttf') format('truetype'),
         url('fonts/tt0145m_-webfont.svg#futura_md_btbold_italic') format('svg');
font-weight: normal;font-style: normal;}

#header{height:93px; background:#000 url(../img/bg/header.jpg) center top; position:relative; z-index:555}
 .logo{ margin-top:13px; float:left; position:relative; z-index:99;}
 
/********************** Inicio Menu *******************************/
	
#menu{ height:42px; width:777px; float: left; left:136px; background: url(../img/bg/menu.png) right top no-repeat; top:93px; position:absolute;}
#menu ul{margin-left:50px;}
#menu ul li{ float:left; height: 42px;}
#menu ul li a{ font-size:18px; display: block; height: 42px; padding: 0px 20px; font-family:'futura_md_btmedium', Arial, sans-serif; 
background: url(../img/bg/hover.jpg) 0 42px repeat-x; line-height: 45px; color:#fff; text-transform: uppercase; } 
#menu ul li a:hover{ color:#fff; background:#000 url(../img/bg/hover.jpg) 0 0px repeat-x; transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; } 
.sep{background:url(../img/icones/separador.jpg) center no-repeat; width:1px;}
/********************** Inicio titulos *******************************/ 
.tthome{background:url(../img/icones/tthome.png) repeat-x 0 6px; height:30px; margin:15px 0;  color:#000;
font-family: 'futura_md_btmedium', Arial, sans-serif;}
.tthome .cor{background: url(../img/bg/conteiner.jpg) repeat-x 0 -84px;}
.tthome span, .tit span{background:#fff; padding-right:5px;}
.subtt{color:#de1a24; font-size:14px; margin-bottom:15px; padding-left:20px; background:url(../img/icones/subtt.jpg) no-repeat 0 2px;
font-family: 'futura_md_btbold_italic', Arial, sans-serif; }
.tit{background:url(../img/icones/tit.jpg) repeat-x 0 10px; height:35px; margin:15px 0; color:#000; font-size:18px; text-transform:uppercase;
font-family: 'futura_md_btmedium', Arial, sans-serif; clear:both;} 
/********************** Inicio Conteiner *******************************/
#painel{float:left; width:100%; overflow:hidden; background:#cecece url(../img/bg/painel.jpg) top repeat-x; margin-top:-66px; height:545px; 
position:relative;margin-bottom:-70px;}
	.tv{display:block; margin:75px auto 0 auto; width:100%; max-width:643px; height:384px; background:url(../img/bg/tv.jpg) center top ;}
	.camera{position:absolute; bottom:64px; left:-100px; opacity:0;}
	.guia{position:absolute; top:0px; right:-195px; opacity:0;}
	.controle{position:absolute; top:-115px; right:-195px; opacity:0;}
	.bgluz{width:100%; float:left; background:url(../img/bg/bg-painel-luz.jpg) no-repeat center top; padding-bottom:86px; }

#index .conteiner {padding-top:70px; background:url(../img/bg/conteiner.jpg) repeat-x 0 4px ;}
.conteiner p {line-height: 18px;} 
 
.boxe-home{ float:left; height:auto; width: 31.3%;
    margin: 0 1% 2% 1%;}
.boxe-home h2{ color:#fff; font-size:16px; background:#1b2a76; text-align:center; margin-top:-10px; text-transform:uppercase; 
padding:5px; position:relative; z-index:1; font-family: 'futura_md_btmedium';}
.mr0{margin-right:0px !important;} 
 
/*---------------------- Formulários --------------------*/
#form {width: 63%; float: left; padding: 0px 0 0 0;}
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; font-family: Arial, sans-serif; }
#form input,#form textarea{background: #ededed; border: 1px solid #ededed; height: 25px; font-size:14px; width:99%; padding:4px;}
#form input:focus,#form textarea:focus{background: #fff; border: 1px solid #989898; }
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 16px; color:#000; font-family: 'futura_md_btmedium', Arial, sans-serif;  }
 .cmp-maior{width:100%;}
 .cmp-medio{width:48%;}
#form textarea{ height:145px; }
#form input[type=submit]{ cursor:pointer; background:#000000; color:#fff; border:none; font-family: 'futura_md_btmedium', Arial, sans-serif; 
width: 95px; font-size:14px; height:55px; float:left; text-transform:uppercase}
#form input[type=submit]:hover{background:#333;}

/*Footer Rodapé*/
#footer{ background:#000 url(../img/bg/footer.jpg) top center repeat-x; height:auto; color:#FFF; padding:20px 0 15px 0;}
#footer address{ float:left; margin-top:10px; font-family: Arial, sans-serif; font-size:14px; line-height:18px; 
background:url(../img/icones/local.png) no-repeat 0 0; padding:0 0 5px 45px; border-bottom:1px dotted #4d4d4d; padding-bottom:10px;}
#footer address a{color:#fff; font-size:14px;}
#footer p{color:#fff; font-size:14px; margin-top:10px; float:left; max-width:500px; width:100%;}
#footer p img{float:left; vertical-align:middle; margin:-3px 8px 0 0;}

.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px; clear:both; margin:10px;}

#social{ float:right; width:210px; margin-right: 5px; margin-left:25px;height:39px; padding-top:0px; margin-top:-50px;}
#social li{ float:right; margin-right:3px; }
#social li a{width:39px; height:39px; float:left; }
.facebook { background:url(../img/icones/facebook.png) no-repeat left top; }
.twitter { background: url(../img/icones/twitter.png) no-repeat left top;}
.youtube { background: url(../img/icones/youtube.png) no-repeat left top;}
.vimeo { background: url(../img/icones/vimeo.png) no-repeat left top;}
.instagram{background: url(../img/icones/instagram.png) no-repeat left top;}
/********************** Inicio Interna *******************************/
#internas .conteiner {padding-top:80px; }
#internas #footer{margin-top:25px; }
.conteudo{float:left; width:66%;}
	.main{min-height:350px;}
	.main p{margin-bottom:25px; font-size:14px; font-family:Tahoma, Geneva, sans-serif;}
.sidebar , .contato{float:right; width:33%}

figure{float:left; margin:0 15px 15px 0;}

.list-midia li{list-style:none; float:left; width:32%; margin: 0 2% 2% 0;}
.list-midia li a{text-decoration:none}
	.list-midia li .categoria{margin-top:-49px; position:relative; z-index:2}
	.categoria{padding:5px; background:#0c4da2; color:#fff; font-size:12px; float:left; text-transform:uppercase;}
	.list-midia li h2{background:#de1a24; padding:5px; font-size:16px; color:#fff; margin-top:-25px; font-family: 'futura_md_btmedium';
		 text-transform:uppercase; position:relative; z-index:2}	

.portfolio h2{padding:5px 8px; background:#0c4da2; color:#fff; font-size:12px; float:left; margin-bottom:1px; text-transform:uppercase;}	
.portfolio h3{background:#de1a24; padding:5px 8px; font-size:16px; color:#fff; clear:both; float:left; margin-bottom:25px;
font-family: 'futura_md_btmedium'; text-transform:uppercase;}		 
		 

#videos{width:100%; height:480px; display:block; margin:0 auto 25px auto; max-width:850px;}
.voltar{background:#9c2e7a; padding:6px 9px; clear:both; float:left; color:#fff; font-family: 'futura_md_btmedium'; margin-bottom:25px;}
/********************** Classes úteis *******************************/
.bt-efeito:hover, .list-midia li:hover{opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 15px 0 25px 0; clear:both; padding: 5px; width:100%; height:20px; text-align:center; vertical-align:middle; float:left;}
#paginacao a{color:#fff; text-decoration: none; background:#9c2e7a; line-height:20px; padding:6px 9px; margin-left:3px; font-size:14px;}
#paginacao a:hover{background:#7A1B5E;}
#paginacao p {padding: 0;}
#paginacao strong{background:#9c2e7a; font-weight:normal; line-height:0; padding:6px 9px; margin-left:3px; color:#fff;}
/* FIM PAGINAÇÕES */

img {max-width: 100%;}
.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; }
@media only screen and (max-width: 959px) {
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb {background: url(../img/icones/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;}  
	.off-canvas {left: 0 !important;}
	#menu {background: #1D0306; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{margin-left:0px;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #2F1E1E;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.2em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
.barratopo{position:fixed; display: block; position: fixed; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:99999; background: #1D0306; border-bottom:1px solid #333;}	
.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}


#footer{padding:20px 15px 15px 15px;}
#header{margin-top:36px; background:url(../img/bg/header-mob.jpg) center top; height:163px; padding-top:15px;}
.logo{width:172px; margin:0  auto; float:none; display:block;}
.conteiner {padding:15px;}	
#painel {margin:0px; padding:15px 0; height:auto; overflow:visible; margin-bottom:-5px;}
.camera, .guia, .controle{display:none;}
.tv{width:95%; margin:10px auto 0 auto;height: auto;}		
.bgluz{padding:0px; background:none}
#internas .conteiner{padding-top:30px;}
#index .conteiner{padding-top:50px;}
.divisor{clear:both;}
.tthome .cor{ background: url(../img/bg/conteiner.jpg) repeat-x 0 -65px;}
	} 

@media only screen and (max-width: 900px) {
#social{margin:10px auto; display:block; float:none; clear:both; padding-top:15px;}
.pratica{margin:20px auto 0px auto; float:none; display:block;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 767px) {
.conteudo, .contato{width:100%;}
.sidebar{display:none;}
#form{width:97%}
#form textarea, #form label,#form input[type=email], #form input[type=tel], #form input[type=text]{width:100% !important; } 
#form input[type=submit]{width:100px !important; }	
.divisor{display:none;}
.boxe-home, .list-midia li{width:45%; margin:2% !important;}
.divisormob{clear:both;}
.contato  {text-align:center;}
		}


/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 470px) {}