@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,900italic,900,700italic,700,500italic,500);/*GERAIS*/
.animacao{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.container { width:300px; height:500px; margin: 0 auto; }
/*GERAIS*/

/*H1 E H2*/
.h1_h2 { width: 100%; height: auto; padding: 40px 0px; position: relative; }
.h1_h2 h1 { width: 100%; height: auto; position: relative; font-family: 'Roboto'; font-size: <br />
<b>Notice</b>:  Undefined property: stdClass::$tamanho in <b>/home/brunkocom/public_html/css/home.php</b> on line <b>16</b><br />
; font-weight: normal; text-align: center; }
.h1_h2 h2 { width: 100%; height: auto; position: relative; font-family: 'Roboto'; font-size: 18px; font-weight: normal; text-align: center; padding-top: 5px; }

/*HOME*/
.banners {width: 100%; height: 650px; position: relative; overflow:hidden;}
.banners .slides li { height: 650px; position: relative; overflow:hidden;}
.banners .flex-control-nav {display: none;}

/*BANNER ELEMENTOS*/
.banner{width:100%; height:680px; position: relative; margin-top: 90px; overflow:hidden;  }
.banner .slider2{ width:2000px; height:680px; left: 50%; margin-left: -1000px; position:absolute; z-index:10; float: left;}
.banner .sliderContent2{ width:2000px; height:680px; clear:both; position: absolute;}
.banner .sliderContent2 .item { width:2000px; height:680px; position: absolute; text-align:center; }
.banner .sliderContent2 .item .esquerda { position: relative; margin: 0px 0px 0px 0px; width: 595px; height: auto; float: left; }
.banner .sliderContent2 .item .esquerda .cta-tag { width: 100%; font-size: 16px; font-weight: 800; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 0px; line-height: 16px; height: 35px; margin: 0px 0px 50px 0px; }
.banner .sliderContent2 .item .esquerda .cta-tag span { font-weight: 300 !important; border-bottom: 4px solid; padding-bottom: 10px; }
.banner .sliderContent2 .item .esquerda .cta-titulo { width: 100%; font-size: 32px; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 0px 0px 8px 0px; line-height: 36px; font-weight: 700; }
.banner .sliderContent2 .item .esquerda .cta-introducao { font-size: 22px; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 12px 0px 30px 0px; line-height: 24px; }
.banner .sliderContent2 .item .esquerda .cta-botao { width: auto; float: left; font-size: 18px; font-weight: 400; font-family: 'Roboto'; color: #FFFFFF; text-align: left; padding: 0px 40px; line-height: 50px; height: 50px; background-color: #253D9F; overflow: hidden;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.banner .sliderContent2 .item .direita { position: relative; margin: 0px 0px 0px 0px; width: 400px; height: 400px; float: right; }
.banner .sliderContent2 .item .direita img { width: 400px; height: 400px; padding: 144px 0px; }

.sliderBullets { margin: 15px auto; width: auto; padding: 5px; position: absolute; left: 50%; top: 625px; text-align: center; z-index: 1002; }
.sliderBullets a { float: left; text-indent:-9999px; width:12px; height:12px; background-color:rgba(255,255,255,0.4); margin: 0px 7px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0px 4px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sliderBullets .active { background-color:#FFFFFF;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 12px; height: 12px; }

.mascara1 {width: 100%; height: 650px; background-color: #6AB3EB; opacity: 0.01; position: absolute; top: 0px;  overflow:hidden; } 
#itensprincipal {width: 100%; height: 650px; opacity: 1; position: absolute; z-index:1000; top: 0px; overflow:hidden; }
#itensprincipal ul{width: 100%; height: 225px; padding-top: 150px;}
#itensprincipal ul li{list-style: none; float: left; opacity: 1; margin: 0px 54px; width: 223px; height: 223px; border: 1px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
#itensprincipal ul li img{width: 80px; height: 90px; opacity: 1; left: 50%; margin-left: -40px; position: relative; margin-top: 45px; text-align: left;}
#itensprincipal ul li img:hover{width: 85px; height: 95px;}
#itensprincipal ul li p{font-family: 'Roboto'; font-size: 24px; color: #FFFFFF; font-weight: bold; text-align: center; letter-spacing: -1px;}
#itensprincipal .txt1{width: 100%; height: auto; padding-top: 50px; margin-top: 100px; border-top: 1px solid #FFFFFF; font-family: 'Roboto'; font-size: 24px; color: #FFFFFF; text-align: center;}
#itensprincipal .sem_borda { border-top: none !important; }

.iniciacao { width: 520px; left: 50%; margin-left: -500px; height: auto !important; padding: 0; position: absolute; z-index: 102; }
.iniciacao .slogan { width: 100%; height: auto; padding: 0px; color: #FFFFFF; font-size: 32px; line-height: 32px; text-align: left; font-family: 'Roboto'; }
.iniciacao .capta1 { width: 100%; height: auto; clear: both; position: relative; padding: 15px 0px 0px 0px; }
.iniciacao .capta1 .intro { width: 100%; height: auto; color: #FFFFFF; font-size: 18px; text-align: left; position: relative; padding: 10px 0px 0px 0px; font-family: 'Roboto'; }
.iniciacao .capta1 #capta1 { width: 100%; height: auto; clear: both; padding: 20px 0px 0px 0px; }
.iniciacao .capta1 #capta1 #emailcapta1 { width: 180px; height: 40px; line-height: 40px; padding: 0px 10px; margin-bottom: 5px; color:#000000; font-size: 14px; text-align: left;display:inline; font-family: 'Roboto'; }
.iniciacao .capta1 #capta1 #nomecapta1 { width: 200px; height: 40px; line-height: 40px; padding: 0px 10px; margin-right: 7px; color:#000000; font-size: 14px; text-align: left;display:inline; font-family: 'Roboto'; }
.iniciacao .capta1 #capta1 #enviacapta1 { width: 80px; height: 40px; line-height: 40px; padding: 0px 10px; margin-bottom: 5px; color:#FFFFFF; font-size: 14px; text-align: center; float: right; background-color: #6AB3EB; font-family: 'Roboto'; cursor: pointer; }
.iniciacao .capta1 #capta1 #enviacapta1:hover { font-weight: 700; }
/*HOME*/

/* DESTAQUES */
.destaques1 { width: 100%; height: auto; min-height: 380px; background-color: #253D9F; clear: both; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
.destaques1 .informa { width: 50%; height: 380px; text-align: center; float: left; }
.destaques1 .informa img { width: 440px; margin: 45px 0px 25px 0px; height: 290px; position: relative; }
.destaques1 .descri { width: 45%; color: #FFFFFF; font-size: 16px; text-align: left; padding: 0px; font-family: 'Roboto'; font-weight: 300; float: right; text-align: right; }
.destaques1 .descri p { width: 100%; height: auto; float: left; padding: 0px; color: #339AE8; font-size: 28px; line-height: 40px; text-align: right; font-weight: 700; }
.destaques2 { width: 100%; height: auto; min-height: 380px; clear: both; background-color: #253D9F; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
.destaques2 .informa { width: 50%; height: 380px; text-align: center; float: right; }
.destaques2 .informa img { width: 440px; margin: 45px 0px 25px 0px; height: 290px; position: relative; }
.destaques2 .descri { width: 45%; color: #FFFFFF; font-size: 16px; padding: 0px; font-family: 'Roboto'; font-weight: 300; float: left; text-align: left; }
.destaques2 .descri p { width: 100%; height: auto; padding: 0px; color: #339AE8; font-size: 28px; line-height: 40px; text-align: left; font-weight: 700; }
/* DESTAQUES */

/* ORÇAMENTOS */
.area-formulario2 { width: 100%; height: auto; padding: 20px 0px; margin: 0 auto; font-family:'Roboto'; }
.area-formulario2 p { margin: 4px 0px; padding: 0px; text-align: left; float: none; line-height: 26px; color:#FFFFFF; }
.area-formulario2 p input[type=text], textarea, select { width: -moz-calc(100% - 6px); width: -webkit-calc(100% - 6px); width: -o-calc(100% - 6px); width: calc(100% - 6px); height: 22px; padding: 3px; text-align: left; font-size: 13px; color: #FFFFFF; border:#FFFFFF 1px solid; }
.area-formulario2 input[type=button]{width:145px; height:40px; padding:5px 10px; border: 1px solid #FFFFFF; background-color:#005E27; font-family: 'Roboto'; font-size: 13px; color:#FFFFFF; cursor: pointer; }
.area-formulario2 input[type=button]:hover{ padding:5px 13px; border: 1px solid #005E27; background-color:#FFFFFF; color:#005E27; }
/* ORÇAMENTOS */

/*EMPRESA*/
#um{width: 400px; float: left; margin: 0px 50px 40px;}
.banner1{width: 100%;}
#foo2 { width: 100%; margin: 50px 0px 35px 0px; height: auto; list-style-type: none; }
#foo2 li { float: left; width: 195px; height: 160px; margin: 3px; }
.setas3{width: 1000px; height: auto; margin-top:-130px; position: absolute;}
#next2{ background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: -20px;}
#prev2{ background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: -20px;}
/*EMPRESA*/

/*INSTAGRAM*/
ul.insta{width: 100%; height: auto; position: relative; left: 0px; overflow:hidden; }
ul.insta li{width: 20%; height: 275px; float: left; list-style: none; text-align:center; }
ul.insta li img{width: auto !important; height: 275px; display:inline-block; }
/*INSTAGRAM*/

/* YOUTUBE */
.placeholder { min-height: 400px; margin: 20px 0px 60px 0px; padding: 11px 0; position: relative }
.placeholder:after { bottom: -30px; content: ""; height: 30px; left: 50%; margin-left: -510px; position: absolute; width: 1020px }
.placeholder iframe { display:block; height: 380px; margin: 0 auto 8px; width: 820px }
.placeholder h2 { color: #A62495; font: 18px 'Roboto'; text-align: center }

.slider { position: relative; left: -244px; width: 9999px; }
.slider li { list-style-type:none; float: left; height: 300px; margin-right: 1px; width: 243px }
.slider li a { display: block; height: 156px }
.slider li img { display: block; height: 136px; width: 243px }
.slider li h2 { font: 15px 'Roboto'; color: #A62495; margin-bottom: 8px; min-height: 40px; text-align: center; }
.slider li p { color: #9A3CBD; font-family:'Roboto'; font-size: 13px; line-height: 17px; margin: 0 auto; text-align: center; width: 190px }

.carousel-container { margin: 0 auto; position: relative; width: 732px }
.carousel-container .controll { cursor: pointer; height: 54px; position: absolute; top: 54px; width: 29px; z-index: 5 }
.carousel-container .prev { background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: -20px;}
.carousel-container .next { background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: -20px;}
.carousel-inner { float: left; width: 732px; overflow: hidden; }
/* YOUTUBE */


/* PLANOS */
.planos { width: 100%; height: auto; clear: both; background-color: #ffffff; margin: 0px; position: relative; z-index: 106 }
.planos .pros { width: 100%; height: auto; position: relative; clear: both; }
.planos .pros ul { width: 100%; height: auto; list-style-type: none; text-align: center; padding: 20px 0px 60px 0px; }
.planos .pros ul li { width: 300px; height: auto; min-height: 400px; display: inline-block; vertical-align: top; text-align: center; margin: 20px 10px; }
.planos .pros ul li #destaca { border: #009aff 1px solid !important; }
.planos .pros ul li .caixa { width: 298px; height: auto; border: #dddddd 1px solid; }
.planos .pros ul li .caixa .nomeproduto { width: 100%; height: 25px; text-align: center; position: relative; margin-top: -13px; }
.planos .pros ul li .caixa #recomenda { background-color: #009aff !important; border:#009aff 1px solid; margin-top: -25px; height: 45px; margin-left: -1px; }
.planos .pros ul li .caixa #recomenda span { background-color: transparent !important; color: #ffffff !important; line-height: 45px !important; }
.planos .pros ul li .caixa .nomeproduto span { color: #000000; font-size: 20px; letter-spacing:-1px; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: center; background-color: #FFFFFF; padding: 5px; }
.planos .pros ul li .caixa .intro { width: 90%; padding: 15px 5% 25px 5%; text-align: center; color: #000000; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 400; }
.planos .pros ul li .caixa .topicos { width: 86%; padding: 15px 0px 25px 0px; margin: 0px 7%; height: auto; }
.planos .pros ul li .caixa .topicos p { width: 100%; padding: 10px 0px; text-align: left; color: #000000;font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 14px; border-bottom: #dddddd 1px solid; background-size: 14px 14px; background-repeat: no-repeat; background-position: 10px center; }
.planos .pros ul li .caixa .topicos p i { float: left; padding: 0px 7px 0px 3px; font-size: 13px; line-height: 14px; color: #000000; }
.planos .pros ul li .caixa .topicos img { float: right; width: 18px; opacity: 0.4; }
.planos .pros ul li .caixa .topicos p:hover img { opacity: 1; }
.planos .pros ul li .caixa .valor { width: 100%; padding: 15px 0px; text-align: center; color: #000000; background-color: #f4f1f0; font-size: 42px; font-family: 'Roboto', sans-serif; font-weight: 200; line-height: 42px; }
.planos .pros ul li .caixa .valor p { font-size: 14px; font-weight: 400; line-height: 14px; width: 90%; padding-left: 20px; float: left; padding-top: 5px; text-align: left; }
.planos .pros ul li .caixa .valor span { font-size: 24px; font-weight: 200; line-height: 42px; }
.planos .pros ul li .caixa .periodicidade { width: 100%; padding: 12px 0px; text-align: center; color: #000000; background-color: #dddddd; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 14px; }
.planos .pros ul li .caixa .contrata { width: 100%; padding: 25px 0px; text-align: center; height: auto; }
.planos .pros ul li .caixa .contrata .btao { width: 170px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; background-color: #000000; color: #ffffff; font-size: 15px; letter-spacing: 1px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.planos .pros ul li .caixa .contrata .btao:hover { background-color: #009aff; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/* PLANOS */

/* BLOG HOME */
.blog { width: 100%; height: auto; clear:both; position:relative; background: #ffffff; }
.historico { width: 100%; height: auto; clear:both; position:relative; }
.historico ul { width: 100%; height: auto; list-style-type: none; padding: 0px 0px 20px 0px; text-align:center; }
.historico ul li { width: 300px; padding: 10px; margin: 0px 5px 20px 5px; height: auto; display: inline-block; vertical-align:top; text-align: center; color: #FFFFFF; font-size: 15px; }
.historico ul li img { width: 300px; height: 220px; }
.historico ul li .nomecat { position: absolute; margin: -40px 0px 0px 10px; width: auto; height: auto; clear: both; color: #FFFFFF; background-color: #00929F; font-size: 12px; line-height: 12px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: uppercase; padding: 5px; }
.historico ul li .titulo_blog { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #FFEE00; font-size: 16px; font-family: 'Roboto'; font-weight: 700; text-align: left; text-transform: inherit; }
.historico ul li .data_blog { width: 100%; height: auto; clear: both; color: #FFFFFF; font-size: 16px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: inherit; }
.historico ul li .manchete_blog { width: 100%; height: auto; clear: both; color: #FFFFFF; font-size: 16px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: inherit; }
/* BLOG HOME */

/* DEPOIMENTOS */
.depoimento { width: 100%; height: auto; clear:both; position:relative; background: #ffffff; }
.depoimentos { width: 100%; height: auto; clear:both; position:relative; }
.depoimentos ul { width: 100%; height: auto; list-style-type: none; padding: 0px 0px 20px 0px; text-align:center; }
.depoimentos ul li { width: 470px; padding: 10px; margin: 0px 5px 20px 5px; height: auto; display: inline-block; vertical-align:top; text-align: center; color: #008F9C; font-size: 15px; }
.depoimentos ul li .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow:hidden; position: relative; width: 150px; height: 150px; display: inline-block; vertical-align:top; position:relative; }
.depoimentos ul li .avatar img { width: 150px; height: 150px; }
.depoimentos ul li .contes { width: 300px; height: auto; margin-left: 15px; display: inline-block; vertical-align:top; position:relative; }
.depoimentos ul li .contes .titulo_blog { width: 100%; height: auto; padding: 5px 0px; clear: both; color: #000000; font-size: 16px; font-family: 'Roboto'; font-weight: 700; text-align: left; text-transform: inherit; }
.depoimentos ul li .contes .data_blog { width: 100%; height: auto; clear: both; color: #008F9C; font-size: 14px; font-family: 'Roboto'; font-weight: 400; text-align: left; text-transform: inherit; }
.depoimentos ul li .contes .manchete_blog { width: 100%; height: auto; clear: both; color: #008F9C; font-size: 16px; font-family: 'Roboto'; font-weight: lighter; text-align: left; font-style: italic; text-transform: inherit; }
.depoimentos #pager { width: 100%; height: auto; position: relative; text-align: center; }
.depoimentos .bullet-padrao a { position: relative; text-indent:-9999px; display: inline-block; width:7px; height:7px; background-color:rgba(0,0,0,0.4); margin: 0px 7px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.depoimentos .bullet-padrao a.selected { text-indent:-9999px; display: inline-block; position: relative; background-color:#000000;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 7px; height: 7px; }
/* DEPOIMENTOS */
 
/*CLIENTES*/
ul.clientes{width: 100%; height: auto; margin-top: 80px; text-align: center;}
ul.clientes li{list-style: none; text-align:center; display: inline-block; vertical-align:top; width:150px; height:auto; min-height: 50px; margin: 20px 15px;}
ul.clientes li p { display:inline-block; padding: 8px 12px; vertical-align:top; width:150px; height:auto; min-height: 50px; font-family: 'Roboto'; font-size: 12px; color: #4D569D; border: 1px solid #4D569D; line-height: 50px; text-align: center; font-weight: bold; }
/*CLIENTES*/

/*DOWNLOADS*/
ul.downloads{width: 100%; height: auto; margin-top: 20px; text-align: center;}
ul.downloads li{list-style: none; display: inline; width:198px; height:55px; margin: 0px 19px 50px;}
ul.downloads li p { display:inline; padding:0px 5px; width:198px; height:55px; font-family: 'Roboto'; font-size: 12px; color: #000000; border: 1px solid #000000; line-height: 54px; text-align: center; font-weight: bold; }
/*DOWNLOADS*/

/*CASES*/
ul.cases{width: 100%; height: auto; margin-top: 30px; position: relative; list-style: none; text-align:center; }
ul.cases li{ display: inline-block; margin-right: 1px; opacity:0.4; width: auto; padding:0px; height: auto; cursor: pointer; overflow:hidden; }
ul.cases li img{ position: relative; display:block; }
ul.cases li p{font-family: 'Roboto'; border: 1px solid #FFFFFF; font-size: 12px; color: #000000; line-height: 15px; text-align: center; font-weight: bold;}
ul.cases li p:hover, ul.cases li.ativo p{border: 1px solid #000000; opacity:1; }
ul.cases li.ativo {opacity:1; }

#screenshot{position: absolute; width:auto; max-width:200px; height: auto; z-index: 10; border:1px solid rgba(0,0,0,0.5); background: rgba(255,255,255,0.8); padding: 10px; font-weight:bold; display: none; color: #2B3BB5; font-family: 'Roboto'; text-align: center; font-size:16px;}

ul.cases2{width: 100%; height: auto;}
ul.cases2 li{list-style: none; float: left; width: 310px; height: auto; position:relative; overflow:hidden; max-height: 250px; margin: 20px 11px; cursor: pointer;}
ul.cases2 li.listar { width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -o-calc(100% - 22px); width: calc(100% - 22px); text-align: center; }
ul.cases2 li.listar h1 { font-family: 'Roboto'; font-size: 20px; color: #000000; font-weight: bold; text-align: center; line-height: 30px; border-bottom: #000000 1px solid; padding-bottom:10px; }
ul.cases2 li.listar h2 { font-family: 'Roboto'; font-size: 15px; color: #000000; font-weight: normal; text-align: left; line-height: 20px; padding-top:10px; }
ul.cases2 li.listar .interesse { width: 200px; height:50px; line-height: 50px; text-align:center; font-weight: normal; font-family: 'Roboto'; background-color: #253D9F; color:#FFFFFF; font-size: 18px; margin: 20px 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; position: relative; float: right; margin: 0px 0px 10px 20px; }

ul.cases2 li .mascara2{width: 310px; height: auto; max-height: 250px; position: absolute; background-color: rgba(255,255,255, 0.4); bottom:0px; padding: 15px 0px; }
ul.cases2 li .mascara2 h3 {font-family: 'Roboto'; font-size: 18px; color: #000000; font-weight: normal; text-align: center; line-height: 22px; width: 280px; height: auto; position: relative; padding:0px 0px 10px 0px; letter-spacing:0px; border-bottom:#000000 1px solid; margin: 0px 10px; display:block; }
ul.cases2 li .mascara2 p {font-family: 'Roboto'; font-size: 10px; color: #000000; font-weight: bold; text-align: center; line-height: 14px; width: 280px; height: auto; position: relative; padding: 10px 0px 0px 0px; letter-spacing:3px; margin: 0px 10px; display:block; }
ul.cases2 li img{width: 310px; height: 250px;}

#cases_ativo{width: 100%; height: auto; padding-bottom: 60px; display: none;}
#cases_ativo .txt1 { font-family: 'Roboto'; font-size: 16px; color: #000000; text-align: justify;}
#cases_ativo .txt1 p { clear:both; font-weight: normal; font-family: 'Roboto'; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; border: 1px solid #000000; padding: 5px 10px; cursor: pointer; margin-top: 30px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }


.interesse { width: 200px; height:50px; line-height: 50px; text-align:center; font-weight: normal; font-family: 'Roboto'; background-color: #253D9F; color:#FFFFFF; font-size: 18px; margin: 20px 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; position: relative; float: left; }

#cases_ativo .txt1 .topicos { clear:both; position:relative; width:100%; height:auto; }
#cases_ativo .txt1 .topicos ul { width:100%; height:auto; list-style-type:none; }
#cases_ativo .txt1 .topicos ul li { float:left; background-image: linear-gradient(0deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.2) 100%); width: -moz-calc(33% - 24px); width: -webkit-calc(33% - 24px); width: -o-calc(33% - 24px); width: calc(33% - 24px); height:auto; padding: 10px;  margin:1px; }
#cases_ativo .txt1 .topicos ul li .contes { padding-left:10px; text-align:left; color:#000000; font-weight: normal; font-family: 'Roboto'; font-size: 14px; }
#cases_ativo .txt1 .topicos ul li .contes .tag_titulo { padding: 10px 0px 8px 0px; width: 100%; height: auto; font-size: 16px; font-weight: bold; text-align: left; color:#000000; font-family: 'Roboto'; }
#cases_ativo .txt1 .topicos ul li img { max-width:150px; width:auto !important; margin: 0px !important; height:auto !important; float:left; padding-right:10px; }

#cases_ativo img{width: 300px; height: 250px; float: left; margin: 0px 20px 20px 0px;}
#cases_ativo .fechar{font-family: 'Roboto'; font-size: 14px; color: #000000; font-weight: bold; letter-spacing: -1px; border: 1px solid #000000; padding: 5px 10px; cursor: pointer; float: right; margin-top: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
#cases_ativo .fechar:hover{color: #FFFFFF; background-color: #253D9F;}

ul#empfoto { width:100%; height: auto; padding-bottom: 60px; text-align:center; list-style-type:none; }
ul#empfoto li { width: 475px; height:350px; display:inline-block; margin:10px; overflow:hidden; }
ul#empfoto li img { width: 475px; height:350px; display:inline-block; margin:10px; }
/*CASES ATIVO*/

/*GALERIA*/
ul.galeria{width: 100%; height: auto; text-align:center; }
ul.galeria li{list-style: none; display:inline-block; width: 310px; height: auto; position:relative; overflow:hidden; max-height: 250px; margin: 20px 11px; cursor: pointer;}
ul.galeria li .mascara2{width: 310px; height: auto; max-height: 250px; position: absolute; background-color: rgba(0,94,39, 0.4); bottom:0px; padding: 15px 0px; }
ul.galeria li .mascara2 h3 {font-family: 'Roboto'; font-size: 18px; color: #FFFFFF; font-weight: normal; text-align: center; line-height: 22px; width: 280px; height: auto; position: relative; padding:0px 0px 10px 0px; letter-spacing:0px; border-bottom:#FFFFFF 1px solid; margin: 0px 10px; display:block; }
ul.galeria li .mascara2 p {font-family: 'Roboto'; text-transform:uppercase; font-size: 10px; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 14px; width: 280px; height: auto; position: relative; padding: 10px 0px 0px 0px; letter-spacing:3px; margin: 0px 10px; display:block; }
ul.galeria li img{width: 310px; height: 250px;}

#galeria_ativo{width: 100%; height: auto; padding-bottom: 60px; display: none; border-top:#8FBC22 3px solid; }
#galeria_ativo .txt1 { font-family: 'Roboto'; font-size: 16px; color: #000000; text-align: justify;}
#galeria_ativo .txt1 p { clear:both; font-weight: normal; font-family: 'Roboto'; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; border: 1px solid #000000; padding: 5px 10px; cursor: pointer; margin-top: 30px; text-align:center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

#galeria_ativo .txt1 .topicos { clear:both; position:relative; width:100%; height:auto; }
#galeria_ativo .txt1 .topicos ul { width:100%; height:auto; list-style-type:none; }
#galeria_ativo .txt1 .topicos ul li { float:left; background-color: rgba(0,0,0, 0.2); width: -moz-calc(33% - 24px); width: -webkit-calc(33% - 24px); width: -o-calc(33% - 24px); width: calc(33% - 24px); height:auto; padding: 5px 10px; text-align:left; color:#000000; font-weight: normal; font-family: 'Roboto'; font-size: 14px; margin:1px; }
#galeria_ativo .txt1 .topicos ul li span { float:right; padding-left:10px; }
#galeria_ativo .txt1 .topicos ul li img { max-width:150px; width:auto !important; margin: 0px !important; height:auto !important; float:left; padding-right:10px; }

#galeria_ativo img{width: 300px; height: 250px; float: left; margin: 0px 20px 20px 0px;}
#galeria_ativo .fechar{font-family: 'Roboto'; font-size: 16px; color: #000000; font-weight: bold; letter-spacing: -1px; border: 1px solid #000000; padding: 5px 10px; cursor: pointer; float: right; margin-top: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
#galeria_ativo .fechar:hover{color: #FFFFFF; background-color: #253D9F;}

ul#galfoto { width:100%; height: auto; padding-bottom: 60px; text-align:center; list-style-type:none; }
ul#galfoto li { width: 300px; height:200px; display:inline-block; margin:10px; overflow:hidden; }
ul#galfoto li img { width: 300px; height:auto; display:inline-block; margin:10px; }
/*CASES ATIVO*/

/*LOCALIZACAO*/
.mascara3{width: 1000px; height: auto; clear:both; background-color: #FFFFFF; position: absolute; z-index: 100; opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75);}
.mascara3 .txt3{width: 100%; height: auto; padding: 20px 0px;}
.mascara3 .txt3 h1{font-family: 'Roboto'; font-size: 18px; color: <br />
<b>Notice</b>:  Undefined index: cortexto6 in <b>/home/brunkocom/public_html/css/home.php</b> on line <b>266</b><br />
#; font-weight: bold; text-align: center;}
.mascara3 .txt3 p{font-family: 'Roboto'; font-size: 16px; color: <br />
<b>Notice</b>:  Undefined index: cortexto6 in <b>/home/brunkocom/public_html/css/home.php</b> on line <b>267</b><br />
#; text-align: center;}
#mapa{width: 100%; height: 430px; position: relative; padding-top: 10px; overflow:hidden; }

.localiza { width: 100%; height:470px; }
.localiza .enderecos { width:96%; height: auto; margin:0px 2%; float:left; }
.localiza .enderecos .tagendereco { width:100%; height:auto; padding: 10px 0px;font-family: 'Roboto'; font-size: 16px; color: #ffffff; text-align: center; }
/*LOCALIZACAO*/

/*REPRESENTANTES*/
.pg-representa { max-width: 100%; padding: 20px 10px; height: auto; margin: 0 auto; }
.pg-representa .chamada-dir { position: absolute; left: 50%; margin-left: 200px; margin-top: 0px; width: 310px; height: 45px; }
.pg-representa .chamada-dir .cidade { position: absolute; left: 50%; margin-left: -70px; width: 170px; height: 22px; top: 6px; }
.pg-representa .chamada-dir .info { position: absolute; left: 50%; margin-top: -100px; margin-left: -145px; text-align: right; color: #54B6F7; font-size: 18px; font-family: 'Roboto'; width: 240px; height: 22px; top: 25px; }

.pg-representa .chamada-dir .cidade #cidade-ativo { width: 170px; height: 22px; }

.pg-representa #listar { width: 400px; margin: 30px 0 0 0px; height: auto; float: right; text-align: center; color: #000000; font-size: 16px; font-family: 'Roboto'; list-style-type: none; }
.pg-representa #listar li { width: 389px; height: 54px; overflow: hidden; border-bottom: #e2e2e2 1px solid; margin: 8px 0px; }

.pg-representa #listar li .item { width: 37px; float: left; height: 35px; line-height: 34px; letter-spacing: -4px; padding-top: 7px; text-align: center; color: #54B6F7; font-size: 40px; font-family: 'Roboto'; }
.pg-representa #listar li .dados { width: 343px; height: 46px; float: left; }
.pg-representa #listar li .dados .linhas { width: 195px; text-align: left; height: 12px; padding: 3px 0px 0px 13px; color: #0c237d; float: left; font-size: 10px; font-family: 'Roboto'; text-transform: uppercase; }
.pg-representa #listar li .dados .iempresa { width: 195px; text-align: left; padding: 0px 0px 0px 12px; line-height: 17px; height: 40px; color: #000000; float: left; letter-spacing: -1px; font-size: 17px; font-family: 'Roboto'; }
.pg-representa #listar li .dados .iempresa p { font-size: 12px; font-family: 'Roboto'; letter-spacing: 0px; color: #000000; }
.pg-representa #listar li .dados .ifone { width: 125px; text-align: right; padding: 5px 5px 0px 0px; height: 33px; color: #000000; line-height: 18px; float: right; letter-spacing: -1px; font-size: 20px; font-family: 'Roboto'; }

.loading-mapa { position: absolute; display: none; left: 50%; margin-left: 235px; margin-top: 150px; width: 60px; height: 60px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background:#ffffff url(../imagens/loading.gif) no-repeat center center; }

.pops { background-color: #ffffff; width: 17px; height: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: none; font-size: 14px; letter-spacing: -1px; font-family: 'Roboto'; color: #0c237d; padding: 5px; position: absolute; -webkit-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, 0.1); opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); }

.active { display:inherit; }

#map {display: block; float: left; margin: 10px 0 120px 30px; padding: 0; width: 444px; height: 447px;padding: 10px;}

.estadocel { display: none; width: 98%; height: auto; list-style-type: none; margin: 0 auto }
.estadocel li { width: 100%; height: auto; line-height: 15px; cursor: pointer; padding: 10px 0px; text-align: center; border:1px solid #54B6F7; background-color: #C9E0FB; color: #54B6F7; font-family: 'Roboto'; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 1px; }
.estadocel div { display: none; color: #54B6F7; font-size: 13px; }
.estadocel .maisinfo { width: 100%; background-color: #ffffff; line-height: 20px; text-align: center; height: auto; padding: 10px 0px; }
.estadocel .maisinfo span { color: #54B6F7; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: center; font-family: 'Roboto'; }
.estadocel .maisinfo p { max-width: 100%; padding: 5px 0px 5px 10px; border-bottom: #C9E0FB 1px solid; text-align: center; font-family: 'Roboto'; }
.estadocel .maisinfo a { color: #54B6F7; }

/*CONTATO*/
.bloco4{width:200px; height:auto; float:left; margin-right: 150px; margin-top: 20px;}
.bloco4 .telefones{width:300px; height:auto;}
.bloco4 .telefones .tag_contato {font-family: 'Roboto'; font-size: 24px; color:#636363}
.bloco4 .telefones p{font-family: 'Roboto'; font-size: 16px; color:#636363; margin-top:5px; }
.bloco4 .telefones p a, .bloco4 .telefones a p { color:#636363; }
.bloco4 .horario{width:300px; height:auto; margin:12px 0px;}
.bloco4 .horario .tag_contato {font-family: 'Roboto'; font-size: 24px; color:#636363; margin-bottom:5px;}
.bloco4 .horario p{font-family: 'Roboto'; font-size: 16px; color:#636363; margin-top:5px;}
.bloco4 .local{width:300px; height:auto; margin:12px 0px;}
.bloco4 .local .tag_contato {font-family: 'Roboto'; font-size: 24px; color:#636363}
.bloco4 .local p{font-family: 'Roboto'; font-size: 16px; color:#636363; margin-top:5px;}
.endereco { width: 300px; height: auto; }
#mapa2{width: 300px; height: 250px; position: relative; padding-top: 10px; overflow:hidden; }
.bloco5{width:560px; height:500px; float:right;}
.bloco5 form .form2{width:560px; height:500px; margin:0 auto; padding-left: 50px; border-left: 1px solid rgba(99,99,99,0.3); padding-top: 16px; padding-bottom: 16px;}
.bloco5 form .labelTexto {width:200px; height:auto; margin:5px 0px; display:block; clear:both; font-family: 'Roboto'; font-size: 16px; color:#636363;}
.bloco5 form .form2 .mensagem{background: url(../imagens/enviar.png) no-repeat; width: 28px; height: 20px; position: absolute; margin-left: 8px; margin-top: 11px;}
.bloco5 form input[type=text]{width:500px; height:30px; padding:3px; float:left; margin-bottom:10px; font-family: 'Roboto'; font-size: 14px; color:#000000; border: 1px solid rgba(99,99,99,0.3); text-align: left;}
.bloco5 form select{width:510px; height:40px; padding:3px; float:left; margin-bottom:10px; font-family: 'Roboto'; font-size: 14px; color:#000000; border: 1px solid rgba(99,99,99,0.3); text-align: left; cursor: pointer;}
.bloco5 form textarea{width:500px; height:80px; padding:3px; float:left; margin-bottom:10px; border: 1px solid rgba(99,99,99,0.3); font-family: 'Roboto'; font-size: 14px; color: #000000; text-align: left;}
.bloco5 form select:focus, .bloco5 form textarea:focus, .bloco5 form input[type=text]:focus { border: 1px solid #636363;}
.bloco5 form input[type=submit]{width:145px; height:40px; padding:5px 10px; border: 1px solid #636363; background-color:#D7E8FF; font-family: 'Roboto'; font-size: 13px; color:#636363; cursor: pointer; }
.bloco5 form input[type=submit]:hover{ padding:5px 13px; border: 1px solid #D7E8FF; background-color:#636363; color:#D7E8FF; }
/*CONTATO*/

@media screen and (max-width: 1020px) {
	#map, .resultado { display: none; }
	.estadocel { display: inherit; width: 98%; height: auto; list-style-type: none; margin: 0 auto }
	.pg-representa { max-width: 100%; padding: 0px 10px 20px 10px; height: auto; margin: 0 auto; }
	/*HOME*/
	.mascara1 ul li{margin: 0px 7px; width: 215px; height: 215px;}
	/*HOME*/
	.mascara3{width: 100% !important; position:relative; }
	.util2 { width: 100%; }
	.destaques1 { width: 100%; height: auto; min-height: 465px; clear: both; background-color: #253D9F; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
	.destaques1 .informa { width: 440px; height: 465px; text-align: center; float: left; margin-left: 10px; }
	.destaques1 .descri {  width: -moz-calc(100% - 470px); width: -webkit-calc(100% - 470px); width: -o-calc(100% - 470px); width: calc(100% - 470px); font-size: 18px; text-align: left; padding: 0px; font-family: 'Lato'; font-weight: 300; float: left; text-align: right; }
	.destaques1 .descri p { font-size: 32px; line-height: 36px; }
	.destaques2 { width: 100%; height: auto; min-height: 465px; clear: both; background-color: #253D9F; margin: 0px; position: relative; z-index: 103; overflow: hidden; }
	.destaques2 .informa { width: 440px; height: 465px; text-align: center; float: right; margin-right: 10px; }
	.destaques2 .descri {  width: -moz-calc(100% - 470px); width: -webkit-calc(100% - 470px); width: -o-calc(100% - 470px); width: calc(100% - 470px); font-size: 18px; padding: 0px; font-family: 'Lato'; font-weight: 300; float: right; text-align: left; }
	.destaques2 .descri p { font-size: 32px; line-height: 36px; }
	/*EMPRESA*/
	.txt2 { width: 100%; }
	.txt2 img { max-width:100%; height:auto; }
	.txt2 iframe,
	.txt2 object { width:100%; height:auto; }
	#um{width: 100%; float: none; margin: 0px; }
    .setas3{width: 360px; height: auto; margin-top:-130px; margin-left: -180px; left: 50%; position: absolute;}
	#next2{ background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: 10px;}
	#prev2{ background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: 10px;}
	/*EMPRESA*/
	/*CONTATO*/
	.bloco4{width:100%; height:auto; float: none; margin-right: 0px; margin-top: 0px; clear: both;}
	.bloco4 .telefones{width:100%; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco4 .horario{width:100%; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco4 .local{width:100%; height:auto; margin-top:16px; float: left; margin-right: 45px;}
	.bloco5{width:560px; height:580px; left: 50%; margin-left: -280px; position: relative; float: none; }
	/*CONTATO*/
	#cases_ativo .txt1 .topicos { clear:both; position:relative; width:100% !important; clear:both !important: height:auto; }
	#cases_ativo .txt1 .topicos ul { width:100%; height:auto; list-style-type:none; }
	#cases_ativo .txt1 .topicos ul li { float:left; background-color: rgba(0,0,0, 0.2); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); height:auto; padding: 5px 10px; text-align:left; color:#000000; font-weight: normal; font-family: 'Roboto'; font-size: 14px; margin:1px; }
	#cases_ativo .txt1 .topicos ul li span { float:right; padding-left:10px; }
	#cases_ativo .txt1 .topicos ul li img { max-width:150px; width:auto !important; margin: 0px !important; height:auto !important; float:left; padding-right:10px; }


	.placeholder { min-height: auto; margin: 20px 0px 60px 0px; padding: 11px 0; position: relative }
	.placeholder iframe { display:block; height: auto; margin: 0 auto 8px; width: 100% }

	.placeholder:after { bottom: -30px; content: ""; height: 30px; left: inherit margin-left: inherit; position: absolute; width: auto; }

	.slider { position: relative; left: -244px; width: 9999px; }
	.slider li { list-style-type:none; float: left; height: 300px; margin-right: 10px; margin-left: 10px; width: 243px }
	.slider li a { display: block; height: 156px }
	.slider li img { display: block; height: 136px; width: 243px }
	.slider li h2 { font: 15px 'Roboto'; color: #A62495; margin-bottom: 8px; min-height: 40px; text-align: center; }
	.slider li p { color: #9A3CBD; font-family:'Roboto'; font-size: 13px; line-height: 17px; margin: 0 auto; text-align: center; width: 190px }

	.carousel-container { margin: 0 auto; position: relative; width: 100% }
	.carousel-container .controll { cursor: pointer; height: 54px; position: absolute; top: 60px; width: 29px; z-index: 5 }
	.carousel-container .prev { background-position:0 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; left: -10px;}
	.carousel-container .next { background-position:-20px 0; cursor: pointer; z-index:100; background-image:url(../imagens/setas.png); width:20px; height:30px; position:absolute; right: -10px;}
	.carousel-inner { float: left; width: 100%; overflow: hidden; }

	.historico { width: 80%; height: auto; padding:0px 10%; clear:both; position:relative; }
	.historico ul li.primeiro { width: 100%; padding: 10px 0px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }
	.historico ul li { width: 100%; padding: 10px 0px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }

	.banner{width:100%; height:689px; position: relative; margin-top: 0px;}
	.banner .slider2{ width:1000px; height:689px; left: 50%; margin-left: -500px; position:absolute; z-index:10; float: left;}
	.banner .sliderContent2{ width:1000px; height:689px; clear:both; position: absolute;}
	.banner .sliderContent2 .item { width:1000px; height:689px; position: absolute; background-repeat: no-repeat; background-size: auto 100%; text-align: center; background-position: left center }
	.banner .sliderContent2 .item .esquerda { width: auto; max-width: 360px; display: inline-block; height: auto; float: none; text-align: center; }
	.banner .sliderContent2 .item .esquerda .cta-tag { text-align: center; height: 35px; margin: 25px 0px 15px 0px; text-align: center; display: inline-block; }
	.banner .sliderContent2 .item .esquerda .cta-tag span { font-weight: 300 !important; border-bottom: 4px solid; text-align: center;  margin-bottom: 10px; display: inline; }
	.banner .sliderContent2 .item .esquerda .cta-titulo { text-align: center; padding: 0px 0px 8px 0px; line-height: 36px; font-weight: 700; }
	.banner .sliderContent2 .item .esquerda .cta-introducao { text-align: center; padding: 12px 0px 30px 0px; line-height: 24px; }	
	.banner .sliderContent2 .item .esquerda .cta-botao { width: auto; display: inline-block; float: none; margin: 15px auto; padding: 0px 30px; background-color: #0E8CDA;  -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; overflow: hidden;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
	.banner .sliderContent2 .item .direita {  width: 100%; height: 200px; float: none; text-align: center; }
	.banner .sliderContent2 .item .direita img { width: auto; height: 200px; padding: 30px 0px; }
}
@media screen and (max-width: 980px) {
    #foo2 { width: 85%; margin: 20px 0px 35px 0px; height: auto; list-style-type: none; }
    #foo2 li { margin: 3px 20px; }
    .banners,
    .mascara1,
    #itensprincipal { width:0px; height:0px; overflow:hidden; display:none; }
    .recuo { display:inherit; }

	.iniciacao { width: 94%; left: inherit; margin-left: inherit; height: auto !important; padding: 30px 3%; background-color: #6AB3EB; position: relative; z-index: 102; }
	.iniciacao .slogan { text-align: center; }
	.iniciacao .capta1 .intro { text-align: center; }
	.iniciacao .capta1 #capta1 { text-align: center; }
	.iniciacao .capta1 #capta1 #emailcapta1, .iniciacao .capta1 #capta1 #nomecapta1 { width: 94%; padding: 0px 3%; margin-bottom: 10px; text-align: center; }
	.iniciacao .capta1 #capta1 #enviacapta1 { width: 100px; float: none; display: inline-block; }
}
@media screen and (max-width: 860px) {
	.destaques1 .informa { width: 100%; height: auto; text-align: center; float: none; clear: both; margin-left: 0; }
	.destaques1 .descri {  width: 94%; font-size: 18px; padding: 0px 0px 20px 0px; font-family: 'Lato'; font-weight: 300; float: none; text-align: center; margin: 0px 3%; }
	.destaques1 .descri p { text-align: center; }
	.destaques2 .informa { width: 100%; height: auto; text-align: center; float: none; clear: both; margin-left: 0; }
	.destaques2 .descri {  width: 94%; font-size: 18px; padding: 0px 0px 20px 0px; font-family: 'Lato'; font-weight: 300; float: none; text-align: center; margin: 0px 3%; }
	.destaques2 .descri p { text-align: center; }
	.destaques1 .informa img,
	.destaques2 .informa img { width:100% !important; height: auto !important; margin: 0px; }
}
@media screen and (max-width: 800px) {
	.bloco5 form .form2{ border-left: none; padding:left:0px; }
	ul.insta li{width: 33%; }
}
@media screen and (max-width: 640px) {
	#foo2 li { margin: 3px 10px; }
	/*CONTATO*/
	.bloco4 .telefones{ height:auto; margin-top:16px; float: left; margin-right: 10px;}
	.bloco4 .horario{ height:auto; margin-top:16px; float: left; margin-right: 10px;}
	.bloco4 .local{ height:auto; margin-top:16px; float: left; margin-right: 10px;}	
	/*CONTATO*/
	.historico { width: 94%; height: auto; padding:0px 3%; clear:both; position:relative; }
	.historico ul li.primeiro { width: 100%; padding: 10px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }
	.historico ul li { width: 100%; padding: 10px; margin: 0px 0px 20px 0px; height: auto; display: inline-block; float:none; text-align: center; color: #675f58; font-size: 15px; }
	ul.galeria li{margin: 20px 0px; }
}
@media screen and (max-width: 510px) {
	/*INSTAGRAM*/
	ul.insta li{width: 100%; height: 275px; float: left; list-style: none;}
	/*INSTAGRAM*/
}
@media screen and (max-width: 480px) {
	/*HOME*/
	.banners {height: 550px;}
	.banners .slides li {height: 550px;}
	.mascara1{height: 550px;}
	#itensprincipal ul{padding-top: 120px;}
	#itensprincipal .txt1{padding-top: 30px; margin-top: 0px;}	
	/*HOME*/
	/*CLIENTES*/
	ul.clientes{width: 162px; height: auto; margin-top: 20px; left: 50%; margin-left: -81px; position: relative;}
	ul.clientes li{list-style: none; float: left; margin: 0px 0px 20px;}
	/*CLIENTES*/
	/*CASES*/
	ul.cases li { width: 96px; }
	ul.cases li img{width: 96px; height:auto; }
	ul.cases2 { text-align:center; }
	ul.cases2 li{list-style: none; float: none; display: inline-block; width: 310px; height: 250px; cursor: pointer; left: 0px; margin-left: inherit; position: relative;}
	/*CASES*/
	/*CONTATO*/
	.bloco5{width:300px; height: auto; left: 50%; margin-left: -150px; position: relative; float: none; margin-top: 20px;}
	.bloco5 form .form2{width:300px; height: auto; padding-left: 0px; border-left: none; margin-top: 40px; }
	.bloco5 form input[type=text]{width:300px; height:20px; padding-left:0px; padding-right:0px; text-align:center; }
	.bloco5 form select{width:308px; height: 30px; padding-left:0px; padding-right:0px; text-align:center; }
	.bloco5 form select option{width:100%; height: 30px; padding-left:0px; padding-right:0px; text-align:center; }
	.bloco5 form textarea{width:300px; height:70px; padding-left:0px; padding-right:0px; text-align:center; }
	/*CONTATO*/

    #foo2 li { margin: 3px 30px; }
    ul#empfoto { text-align: center; }
    ul#empfoto li { width: 300px; height:auto; display:inlilne-block; float: none; margin:10px 0px; }
    ul#empfoto li img { width: 300px; height:auto; margin:10px 0px; }
}
@media screen and (max-width: 360px) {
	.banner .sliderContent .item .esquerda { max-width: 320px; }
}