@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,800,400);

*{ box-sizing: border-box; margin: 0; outline: none !important; }

/*Estilos Aleatórios*/
a.link_catHome:link, a.link_catHome:visited,a.link_catHome:active { color: #000; transition: 1s; display:block; }
a.link_catHome:hover { color: #999; }
.cursorpointer{ cursor:pointer;}
.centraliza990, .centraliza_1280 { position: relative; width: 100%; margin: 0 auto 0; padding: 0 20px 0 20px; clear: both; }
.ptop { padding: 40px 0 0 0; }
.margin_small { margin: 0 0 20px 0 !important; }
#avisosNews { position: absolute; margin-top: 120px; width: 95%; height: 40px; display: none; border-radius: 5px; font-size: 16px; padding-top: 5px; text-shadow: 1px 1px 1px #000; }
#avisosNews img { width: 30px; height: 30px; margin-right: 15px; }
.cursor_none { cursor: default !important; }
.nenhuma_publicacao { font-size: 19px; color: #FF7B00; }

/*Fundos*/
.black, .style_background  { position: relative; clear: both; width: 100%; height: auto; overflow: hidden; background: url("../imagens/poligonofundo.jpg"); background-attachment: fixed; }
.style_background { background: #EEE; padding: 0 0 40px 0; }

/*Cores*/
.laranja{ color: #FF7B00 !important; } .verde{ color:#367100;} .azul{ color: #00CBCC;} .vermelho{ color:#CD070A;} .amarelo{ color:#E4D509;} .lilas{ color:#8D0BC9;} .branco { color: #FFF !important; }
.bold{ font-weight:bold;}
body{ margin: 0; font-family: 'Open Sans', sans-serif; font-weight:400; }
.clearboth { position: relative; clear: both; }
h1 { color: #F4680A; font-weight:300; }
.h1branco { color: #FFF; font-size: 38px; font-weight: bold; }
.h1laranja { color: #E65600; border-bottom: 1px solid #E65600; font-size: 28px; }
.h1laranja1 { color: #E65600; text-align: center; font-size: 30px; }
main{ width: 100%; min-width: 320px; height: auto; }
header{ background: #fff; width: 100%; height: auto; min-height: 50px; float: left;}
.efeitoColor{ height: 3px; width: 100%; background-image: linear-gradient(to right, red , orange, green, blue);
}

#logoViabrasilweb{ display: block; margin: 15px auto; width: 200px; }

/*Menu Mobile*/
.MenuMobile { position: absolute; display:block; width: auto; height: 40px; font-size: 22px; padding: 0 10px 0 10px; background: #e28200; text-align:  center; line-height:40px; color: #fff !important; cursor:pointer; right: 15px; top: 10px; }
.menuMobileImg { position: relative; display: block; height: 70px; margin: 20px auto 20px; }
.MenuMobile:active{ background-color: #F90;}

.MenuCompletoMobile{ width: 100%; height: 100%; position:absolute; background-color:#fff; z-index:10000000000; top:0; left: -20000px;}
.headerMenuMobileCompleto{ width: 100%; background-color: #FFF; height: auto; position:fixed; text-align:center; line-height:10px; z-index: 999999999999999; color: #F4680A; -webkit-box-shadow: -2px 10px 28px -25px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 10px 28px -25px rgba(0,0,0,0.75);
box-shadow: -2px 10px 28px -25px rgba(0,0,0,0.75); }
.FechaMenuMobile{ width: 30px; height:30px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; background-color: #FFF; color:#950003; border: 1px solid #950003; padding: 6px 0 0 1px !important; text-align:center; font-size:16px; right: 12px; top: 15px; position:absolute;}
.FechaMenuMobile:active{ background-color:#CCC;}
.navegue_abaixo { background: #F4680A; font-family: "Century Gothic" !important; font-size: 19px; }
.tituloMobile { color: #FFF; font-size: 23px; padding-top: 10px; }
a.entreMobile:link, a.entreMobile:visited { text-decoration: none; font-size:12px; font-family:"Humanst521 BT"; width: 100px; color:#FFFFFF; border: 1px solid #FFF; border-radius:5px; line-height:15px; padding: 2px 20px 2px 20px;  margin-right: 10px; }
a.entreMobile:active{ background-color:#039BAD;}



a.cadastreMobile:link, a.cadastreMobile:visited { text-decoration: none; font-size:12px; font-family:"Humanst521 BT"; width: 100px; color:#FFFFFF; border: 1px solid #FFF; border-radius:5px; line-height:15px; padding: 2px 20px 2px 20px; }
a.cadastreMobile:active{ background-color: #02681B;}

.ConteudoMenuMobile, .SubmenuMobileCompleto{ margin-top: 111px;  padding: 0 1em 0 1em; }

.SubmenuMobileCompleto{ display:none;}
.ConteudoMenuMobile p{ font-family:"Humanst521 BT"; font-size: 16px; color:#FFF; border-bottom: 2px solid #FFF; background-color: #E65600; padding-left: 10px; line-height:50px;}
a.linkMenuMobile:link, a.linkMenuMobile:visited{ font-family: "Caviar Dream"; font-size:16px; background-color:#fff; color:#666; float:left; width: 100%; padding-left: 15px; line-height:45px; border-bottom: 1px dotted #EEE; text-decoration:none;}
a.linkMenuMobile:active{ background-color:#EEEEEE;}

a.linkMenuMobileBtn:link, a.linkMenuMobileBtn:visited { font-size: 16px; background-color: #FFF; color: #656565; float: left; width: 100%; padding-left: 15px; line-height: 45px; border-bottom: 1px solid #EEE; text-decoration: none;
}


a.linkMenuMobileBtnSel:link, a.linkMenuMobileBtnSel:visited { font-size: 16px; color: #E65600; float: left; width: 100%; padding-left: 15px; line-height: 45px; border-bottom: 1px solid #EEE; text-decoration: none; }
a.linkMenuMobileBtn:active { background-color: #EEE; }

/*MENU PRINCIPAL*/
nav { display: none; }
nav ul { padding: 0px;  text-align: center; background: #F4680A;  list-style: none; margin: 0; max-height: 0; transition: 1s; -webkit-transition: 1s; -moz-transition:1s;}
nav ul li { display: block; float: none; background: #F4680A;   }

nav ul li a:link, nav a:visited, nav a:active {  font-size: 16px; color: #fff; display: block; text-decoration: none; font-weight: 300; }
nav ul li a:hover{ color: #fff;}
.handle { width: 100%; background: #E36009; text-align: center; display: block; box-sizing: border-box; padding: 15px 10px; cursor: pointer; color: #FFF; }
.showing { max-height:20em; }
.mobileMenu{ display: block;}
.desktopMenu{ display: none;}


/* submenus */
nav ul li:hover > .submenuPrincipal{ height:300px; border: 1px solid #FFBD00; border-bottom: 5px solid #FFBD00; }
nav ul li:hover > .submenuServicos{ height:300px; border: 1px solid #FFBD00; border-bottom: 5px solid #FFBD00; }
.submenuPrincipal{ position: absolute; width: 850px; min-height: 0; height:0;  z-index: 1000; right: 0; transition: 0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; overflow: hidden;  -webkit-border-radius: 20px;-webkit-border-top-right-radius: 0; -moz-border-radius: 20px;border-radius: 20px;border-top-right-radius: 0; background-color: #fff; }
.submenuServicos{ position: absolute; width: 850px; min-height: 0; height:0;  z-index: 1000; left: -200px; transition: 0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; overflow: hidden;  -webkit-border-radius: 20px; top: 45px;
-moz-border-radius: 20px; border-radius: 20px; background-color: #fff; }

.imgSubmenu{ height: 300px; float: left;  display: block;}



/*SLIDER PRINCIPAL =========================================== background: #e65406 */
.sliderHome{ position: relative; width: 100%; height: 280px; overflow: hidden; clear: both;      background: #FF9A00 url(../imagens/fundo_faixa.jpg) no-repeat center top; background-size:100% 70%; }
.SliderPrincipal{ width: 100%; height: 450px; }
.SliderPrincipal li{  width:100%; height: 450px; list-style: none; margin: 0 0 0 -40px; float: left;}
.SliderPrincipal a:link, .SliderPrincipal a:visited, .SliderPrincipal a:active, SliderPrincipal a:hover { text-decoration:none;}
.LinkSlider{ width: 250px; height:50px; border: 1px solid #fff; position:relative; display:block; overflow:auto; text-align:center; line-height:50px; color:#fff; text-decoration:none; display:none; animation-duration: 1s;
  animation-name: SliderBtn;
  animation-iteration-count: infinite;
  animation-direction: alternate; overflow:hidden;
  }

.sl2{ background: url(../imagens/slider1.jpg) no-repeat center; background-size: cover; with: 100%;}
.sl1{ background: url(../imagens/slider2.jpg) no-repeat center; background-size: cover; with: 100%;}

/* NEX E PREV slider*/
a.prevPrincipal:link,a.prevPrincipal:visited,a.prevPrincipal:active { position: absolute; top: 50%; left: 15px; color: #fff; margin-top: -10px; padding: 0px 5px 0px 5px; font-size: 30px; }
a.nextPrincipal:link,a.nextPrincipal:visited,a.nextPrincipal:active{ position: absolute; top: 50%; right: 15px; color: #fff; margin-top: -10px; padding: 0px 5px 0px 5px; font-size: 30px; }
a.nextPrincipal:hover, a.prevPrincipal:hover{ color: #000; }

/* pager slider */
.pagerPrincipal{position:absolute; bottom: 0px; width: 100%;  text-align: center; display: none !important;}
.pagerPrincipal a { margin: 0 0 0 5px; padding: 5px 6px; text-decoration: none; color: transparent; background:url(../imagens/Slider/imgs/sliderprincipal_marcador.png) no-repeat center; }
.pagerPrincipal a:hover { margin: 0 5px; padding: 5px 6px; text-decoration: none; color: transparent; background:url(../imagens/Slider/imgs/sliderprincipal_marcador_hover.png) no-repeat center; }
.pagerPrincipal a.selected { background:url(../imagens/Slider/imgs/sliderprincipal_ativo.png) no-repeat center; }

/* elementos slider */
.SliderPrincipal img{ display: block; position: relative; width:250px; height: auto; left: -25px; top: 10px; margin: auto;}
.SliderPrincipal h2{ position: relative; font-size: 29px; color: #fff;  font-weight: 300; margin: auto; text-align: center; top: 10px; left: -20px; }
.destaqueSlider { color: #FFF; font-size: 29px; font-weight: 800; }
.SliderPrincipal h3{ position: relative; font-size: 2em; color: #fff;  font-weight: 300; float: left; clear: left; display: none; line-height: 40px; }

.input_style {  color: #000; margin: 0 0 0 1em; width: 300px; height: 36px; border: 1px solid #CCC; padding: 0 1em 0 1em; }
.input_form { position: relative; top: 165px; left: 234px; }
.input_ac { position: relative; top: 215px; left: -85px; color: #000; }
.btn_ac { position: relative; float: right; top: 130px; right: 30px; background: #000; height: 85px; border: 0; color: #FFF; }

/* footer da pagina */
footer{ width: 100%; min-width: 320px; height: auto; min-height: 230px; background-color: #222; clear: both; text-shadow: 1px 1px 1px #000; }
.conteudoFooter{ width:100%; max-width:1280px; background: #222; min-height: 300px; height: auto; float: left; clear: both; }
.FooterContato { position: relative; width: 100%; height: auto; padding: 0 10px 15px 10px; float:left; }
.FooterContato p { color: #999; font-size: 15px; width: 50%; float:left; display:block;  font-weight:300; }
a.link_footer:link, a.link_footer:visited { color: #999; text-align: none; outline: none; display: block; font-size: 15px; line-height: 25px; cursor: pointer; text-decoration: none; transition: 0.2s; font-weight:300; }
a.link_footer:hover { color: #FF7F00; }
.link_footer > i { font-size: 25px; }
.tituloFooter { font-size: 25px; color: #fff; font-weight: 400; line-height: 30px; clear: both;}
.social_footer, .compartilhe_footer { position: relative; width: 100%; clear: both; background: #000; padding: 10px 0 10px 0; text-align: center; color: #FFF; }
.acompanhe { position: relative; width: 100%; }
.titulo_footer_p { clear: both; font-size: 15px; font-weight: bold; }

.FooterEndereco p, .FooterNews p{ width: 100%;}

#Social_face{ position: relative; float:left; margin: 0 15px 20px 0px;  width: 39px; height: 40px; background: url(../imagens/face_icon.png) center top no-repeat; background-position: 0px 0px; background-size: 100% 200%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 	-ms-transition: all 0.5s ease; 	-o-transition: all 0.5s ease;	transition: all 0.5s ease;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; cursor: pointer;}
#Social_face:hover{position: relative; float:left; margin-right: 15px;  width: 39px; height: 40px; background: url(../imagens/face_icon.png) center top no-repeat; background-position: 0px -40px; background-size: 100% 200%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

#Social_twitter{position: relative; float:left; margin-right: 15px;  width: 39px; height: 40px;  background: url(../imagens/twitter_icon.png) center top no-repeat; background-position: 0px 0px; background-size: 100% 200%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 	-ms-transition: all 0.5s ease; 	-o-transition: all 0.5s ease;	transition: all 0.5s ease;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; cursor: pointer;}
#Social_twitter:hover{position: relative; float:left; margin-right: 15px; width: 39px; height: 40px; background: url(../imagens/twitter_icon.png) center top no-repeat; background-position: 0px -40px; background-size: 100% 200%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

#Social_google{position: relative; float:left; margin-right: 15px;  width: 39px; height: 40px; background: url(../imagens/google_icon.png) center top no-repeat; background-size: 100% 200%; background-position: 0px 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 	-ms-transition: all 0.5s ease; 	-o-transition: all 0.5s ease;	transition: all 0.5s ease;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; clear:right; cursor: pointer;}
#Social_google:hover{position: relative; float:left; margin-right: 15px;  width: 39px; height: 40px; background: url(../imagens/google_icon.png) center top no-repeat; background-position: 0px -40px; background-size: 100% 200%;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

.FooterNewsImput{ width: 100%; height: 40px; background-color: #2F3031; border: none;  border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  padding: 0 10px 0 10px; margin: 8px 0 10px 0;}
.FooterNewsImput:focus{ -webkit-transition:1s; transition:1s; box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff;  -moz-box-shadow: 0px 0px 10px #fff;	 border-color: #911E55; }

.FooterNewsBtn { font-family: Arial, Helvetica, sans-serif; font-size: 15px; height: 40px; border: none; border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #E36009 ; color: #fff; cursor:pointer; padding: 0 20px 0 20px; }
.FooterNewsBtn:hover, .FooterNewsBtn:active  {  background-color: #FFBF00; color: #fff; -webkit-transition:1s; transition:1s;}

.pDireitosFooter { position: relative; clear: both; width: 100%; text-align: center; color: #FFF; font-size: 16px; }

.direitosReservados{ width: 100%; height: auto; background: #000; text-align: center; color: #ccc; bottom: 0;  font-weight: 300; font-size: 0.8em; text-transform: uppercase; float: left; clear: both; padding: 10px 0 10px 0; }
.direitos_texto { position: relative; width: 100%; clear: both; margin: 0 !important; padding: 0 !important; } 
.separa_direitos { display: none;  }
.vbwp_direitos { position: relative; width: 100%; clear: both; margin: 0 !important; padding: 0 !important; }

/*Links diversos*/
a.footerLink:link, a.footerLink:visited{   font-weight: 300; background: url(../imagens/setas_links_home.png) 15px 0px no-repeat; line-height: 40px; float: left;  text-decoration: none; color: #999999; font-size: 1em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 	-ms-transition: all 0.5s ease; 	-o-transition: all 0.5s ease;	transition: all 0.5s ease;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 90%; margin-left: 5%; text-align: left; padding-left: 30px; background-color: #2F3031; }
a.footerLink:hover{   background: url(../imagens/setas_links_home.png) 15px -40px no-repeat #000;  text-decoration: none; color: #fff; }

/* HOME */
.conteudo_home { width: 100%; height: auto; padding: 1em; clear: both; overflow: hidden;  }


.catg_home { position: relative; min-height: 150px; float: left; width: 100%; border: 1px solid #CCC; padding: 1em; margin: 10px 0 10px 0; border-radius: 15px; text-align: center; -webkit-box-shadow: 0px 42px 42px -48px rgba(0,0,0,0.75); moz-box-shadow: 0px 42px 42px -48px rgba(0,0,0,0.75); box-shadow: 0px 42px 42px -48px rgba(0,0,0,0.75); }
.catg_home img { position: relative; float: left; height: 60px; margin: 10px 20px 0 0; }
.titulo_catg { position: relative;  font-size: 2em; font-weight: bold; text-align: left; float: left; width: 50%; }
.texto_catg  { position: relative;  font-size: 1em; text-align: left; float: left; width: 100%; }



.alguns_clientes { width: 100%; height: auto; overflow: hidden; padding: 0 1em 25px 1em; margin: 1em 0 0 0; text-align: center; }
.alguns_clientes img { position: relative; float: left; width: 50%; margin-bottom: 10px; }
.img480 { display: none; }
.centraliza_fts { min-width: 290px; }
a.link_mais_cliente { width: 100%; display: block; border: 1px solid #000; color: #000; font-size: 1em; text-decoration: none; padding: 0.2em 0 0.2em 0; margin: 1em 0 1em 0; }
a.link_mais_cliente_ps:link, a.link_mais_cliente_ps:visited { position: relative; display: block; z-index: 1000; width: 100%; clear: both; text-align: center; padding: 1em 0 1em 0; margin: 15px 0 10px 0; border: 1px solid #F4680A; color: #F4680A; transition: 1s; }

.sobre_nos_home { position: relative; width: 100%; background: #e65406; padding: 10px 1em 10px 1em; background:url(../imagens/quemsomos_mobile.jpg) no-repeat center; background-size: cover; height: 320px; }
.plsnh { padding: 0; } .branca { color: #FFF; }

a.link_mais_cliente2:link, a.link_mais_cliente2:visited { position: relative; top: 20px; width: 100%; line-height: 40px; text-align: center; border: 1px solid #FFF; color: #FFF; display: block; transition: 1s; text-decoration: none; clear: both; } a.link_mais_cliente2:hover { background: #F4680A; color: #FFF; border: 1px solid #e65406; }
.texto_sobre_nos { width: 100%; text-align: center; }

/*DOMINIOS HOME*/
    .dominios_home{ position: relative; width: 100%; height: auto; background: url(../imagens/fundo_dominio.jpg) no-repeat #CFCFCF; background-size: 100% 60%; clear: both; padding: 1em; }
    .TituloDominio{ text-align: center; padding-bottom: 10px;  font-size: 22px; border-bottom: 1px solid #999; color: #EB9105; }
    .SubtituloDominio{ text-align: justify;  font-size: 16px; color: #666; padding: 0 10px 0 10px; }
    .inputDominio{ width: 80%; height: 60px; line-height: 60px; border: 1px solid orange; padding: 0 90px 0 10px; }
    .afterDominio{ width: 20%; height: 60px; line-height: 60px; background-color: orange; color: #fff; float: left; text-align: center; font-size: 18px;}
    .selectDominio{ width: 83px; height: 50px; line-height: 50px;background-color: #fff; color: #333; border: none !important; position: absolute; margin-left: -87px; margin-top: 5px;}
    .btndominio{ position: relative; clear: both; width: 100%; height: 30px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0; border: none; margin-top: 10px; }
    .pesquisadominio{ width: 100%; clear: both; margin: 30px auto;}
	
	
/* ELEMENTOS PAGINAS */
.FaixaPags{ position:relative; width:100%; height: 380px; background: #F39800 url(../imagens/fundo_faixa.jpg) no-repeat center; background-size:cover; clear:both;  color:#fff; font-size:30px;  text-shadow: 2px -2px 5px #666;  padding-top: 15px; text-align:center;}
.FaixaPags img{ width: 250px; margin: 0 auto;}

.FaixaPagsCli{ position:relative; width:100%; height: 380px; background: #F39800 url(../imagens/fundo_faixa.jpg) no-repeat center; background-size:cover; clear:both;  color:#fff; font-size:30px;  text-shadow: 2px -2px 5px #666;  padding-top: 15px; text-align:center;}
.FaixaPagsCli img{ width: 250px; margin: 0 auto; }


.subtituloPrincipal{ font-size:16px; line-height:25px; font-weight:300; }
.tituloPags{  font-size:18px; margin:0 0 5px 0; color:#FF7F00;}
.subtituloPags{  font-size:14px; margin:0 0 20px 0;}
.BlocServ{ position:relative; width:100%; height:auto; clear:both; display:block; margin-bottom:20px;}
.BlocServ img{  position: relative; float:left; margin: 0px 5px 0px 10px; border-right:1px solid #868686; }
.blocdir{ position:relative; float:left; width: 75%;}
.tituloBloc{  font-size:14px; color:#FF7F00;} 
.subtituloBloc{  font-size:12px; color:#868686;}
.womanPag{ width:100%; max-width:427px; margin-bottom: -20px; }
.dividePag{ width: 100%; height: 3px; background-color:#DADADA;  clear:both; margin: -13px 0 50px 0; text-align:center; }
.dividePag::after{ position: absolute; width: 70px; height:30px; background: url(../imagens/dividepag.png) center no-repeat; background-size:100% 100%; content:""; margin-top: -1.5px; left: 50%; margin-left: -35px;}
.dividePag_bl{ background:url(../imagens/dividePag_bl.png) no-repeat center; background-size:100% 100%; width: 100%; height: 80px;}
.dividePag_ll{ background:url(../imagens/dividePag_ll.png) no-repeat center; background-size:100% 100%; width: 100%; height: 80px; margin-top: -1px;}
.dividePag_ft{ background:url(../imagens/dividePag_ft.png) no-repeat center; background-size:100% 100%; width: 100%; height: 80px;}
.dividePag_ft2{ background:url(../imagens/footerpagblog.png) no-repeat center; background-size:100% 100%; width: 100%; height: 80px;}
.dividePag_cz{ background:url(../imagens/dividePag_cz.png) no-repeat center; background-size:100% 100%; width: 100%; height: 80px;}
.tituloDestaque{ font-size:28px;  font-weight:400; text-align:center; }
.subtituloDestaque{  font-size:14px; color:#888; text-align:center;}

.tituloDestaque2{ font-size:18px;  font-weight:400; text-align:center;}
.incluso{ position:relative; float:left; width: 45%; margin: 6px; height:230px; background-color:#edeff0; text-align:center; font-size:12px; padding: 10px; overflow:hidden; transition: 1s; cursor: pointer; }
.incluso:hover { -webkit-box-shadow: -2px 10px 25px -13px rgba(0,0,0,0.75); -moz-box-shadow: -2px 10px 25px -13px rgba(0,0,0,0.75); box-shadow: -2px 10px 25px -13px rgba(0,0,0,0.75); }
.incluso p:nth-of-type(1){ font-size:36px; background-color:#fff; width: 60px; height:60px; line-height:60px; margin: 0 auto 10px; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; }
.incluso p:nth-of-type(2){ font-weight:bold;}
.imgPainelmkt{ position:relative; width:100%; max-width:500px;}

/*Slider Planos*/
.SliderPlanos{ height:390px; padding:0; display:block;}
.SliderPlanos li{ width: 100%; min-width:320px; max-width:480px; height: 390px; list-style: none;  position:relative; float:left;}

.Plano{ position:absolute; width:220px; height:380px; border: 1px solid #ccc; text-align:center; float:left; margin: 0 auto;  font-size:12px; border-bottom:5px solid #ccc; left: 50%; margin-left: -110px;}
.tituloPlano{ background-color:#DEDEDE; line-height:50px;  font-size:14px;  font-weight:800;  }
.destacaPlano{ background-color:#edeff0;  font-size:14px; line-height:30px; margin: 0; color:#6c9e25; }
.PrecoPlano{ font-size: 50px; color:#6c9e25; font-weight:bold; vertical-align:bottom;}
.PrecoPlano sup { font-size: 16px; top: -18px; margin-right: -10px;}
.PrecoPlano sub { font-size: 12px; color:#333; margin-left: -30px; font-weight:normal;}
a.contrataPlano:link, a.contrataPlano:visited { background-color:#4b6e1a; font-size:16px; color:#fff; text-decoration:none; display:block; width:180px; margin: 0 auto; line-height:40px;}
a.contrataPlano:active, a.contrataPlano:hover{ background-color:#6c9e25;}
.clearFix{ clear:both;}

.EcommerceResp{ width:100%; height:450px; background:#FF9A00;}
.EcommerceResp img, .ImoResp img { width: 80%; margin: 0 auto 20px; display:block; max-width:300px;}

.ImoResp{ width:100%; height:400px; background:#85B200; margin-bottom: 174px; position:relative;}
.ImoResp::after{ content:""; width: 100%; height:174px; background:url(../imagens/buildings.jpg) repeat-x; position:absolute; bottom: -174px; }
 

.tituloBranco{ font-size:26px;  font-weight:400; color: #fff; text-align:center; }
.textoBranco{  font-size:16px;  font-weight:300; color: #fff; text-align:center; padding: 0 30px 0 30px;}
.imgPainelDemo{ width: 100%; max-width:900px; margin: 0 auto;}
.imgadWords{ width: 100%; display:block;}

/*CONTATO*/
.contato_div { width: 100%; padding: 1em; }
.titulo_contato {  color: #FF7B00; font-weight: bold; font-size: 18px; }
.txt_contato {  color: #656565; }
.titulo_form { line-height: 25px; color: #FF6600; } .paddingtop { padding-top: 10px; }
.formulario { width: 100%; height: 50px; border: 1px solid #CCC; padding: 0 0 0 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px;  }
.mensagem_form { width: 100%; min-width: 100%; max-width: 100%; height: 90px; max-height: 200px; border: 1px solid #CCC; padding: 5px 0 0 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.estimativaDv, .AnexoDv { height: 100px; padding-top: 15px; }
.form_e_i { border: 1px solid #ccc; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; width: 100%; }
.botao_form { position: relative; outline: none; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #FF7B00; color: #FFF; outline: none; text-decoration: none; line-height: 30px; margin: 0 0 1em 0; clear: both; padding: 0 15px 0 15px; }

/* DESIGN*/
.ft1, .ft2, .ft3{ position:relative; clear:both; display:block; margin: 0 auto;}
.ft3{ width: 90%; max-width:411px;}
.seta, .setabaixo { position:relative; clear:both; display:block; margin: 20px auto 20px; -ms-transform: rotate(30deg);  -webkit-transform: rotate(30deg);  transform: rotate(30deg); }


/*EMPRESA*/
.mapsGoogle { position: relative; text-align: center; overflow:hidden; height: 300px; width: 100%; margin: 0 auto 20px; display:block; }
.img_empresa { position: relative; float: left; width: 50%; -o-transition: all 0.8s linear; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); cursor: pointer; }
.img_empresa:hover { filter: none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; }

.quemsomose{ width:100%; max-width:990px; margin: 0 auto; display:block;}

.texto{   color:#666; font-size:14px; text-align: justify; line-height:30px;}
.vbwp{ width: 80%; max-width:450px; margin: 20px auto 20px; display:block;}
.tabulacao { padding-top: 10px; clear: both; }
.faixaFace{ width: 100%; background: #4665AC; height:auto;}
.faixaFace img{ width: 100%; max-width:990px; margin: 0 auto; display:block;}
#avisosDominio{ width: 90%; line-height:30px; color:#FFF; text-align:center; font-size: 14px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; display:block; margin: 0 auto;}

#infografico{ width: 100%;}
a.link_orce:link, a.link_orce:visited { color: #FF7B00; text-decoration: none; outline: none; font-weight: bold; font-size: 17px; } 
.site_png { position: relative; width: 100%; max-width: 460px; display: block; margin: 0 auto 0; }

/*Slider Planos*/
a.prevPrincipal2:link,a.prevPrincipal2:visited,a.prevPrincipal2:active { position: relative; left: 0; color: #000; margin-top: -10px; padding: 2px 5px 2px 5px;}
a.nextPrincipal2:link,a.nextPrincipal2:visited,a.nextPrincipal2:active{position: relative; right: 0; color: #000; margin-top: -10px; padding: 2px 5px 2px 5px; }
a.nextPrincipal2:hover, a.prevPrincipal2:hover{ background-color:#FFBD00; color: #fff; border-radius: 100px;}


a.prevPrincipal4:link,a.prevPrincipal4:visited,a.prevPrincipal4:active { position: absolute; top: 50%; left: 0; color: #000; margin-top: -10px; padding: 2px 5px 2px 5px;}
a.nextPrincipal4:link,a.nextPrincipal4:visited,a.nextPrincipal4:active{position: absolute; top: 50% ; right: 0; color: #000; margin-top: -10px; padding: 2px 5px 2px 5px; }
a.nextPrincipal4:hover, a.prevPrincipal4:hover{ background-color:#FFBD00; color: #fff; border-radius: 100px;}

.Clientes{ height: 100px; padding: 0; display: block; margin: 20px 0 30px 0; }
.Clientes li{ width: 100%; min-width:50px; max-width:480px; height: 100px; list-style: none;  position:relative; float: left; }

.img_prod {   display: block; position:relative; width: 180px; height: auto; margin: 0 auto; }

/*SERVICOS FEITOS*/

.NossosServicos{ position:relative; width:100%; height: 370px; background: url(../imagens/fundo_servicos.jpg) no-repeat; background-size:cover; overflow:hidden; }
.SliderNServicos { position:relative; width:100%; height: 370px; overflow: hidden; padding: 0; }
.SliderNServicos li{ list-style: none; width: 100%; height: 370px; position:relative; float: left; }
.SldServico{ width: 100%; height: 370px; position:relative; overflow: hidden; padding-top: 20px; }
.SldServico img { width: 100%; max-width:320px; }

.ServicoTitulo{ width: 300px; height:40px;  background-color:  rgba(0,0,0,0.7); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:40px; padding-left: 10px; margin: 20px auto; color:#fff;  font-size:14px; font-weight:bold;}
.ServicoTexto{width: 300px; height:190px;  background-color: rgba(0,0,0,0.7); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:25px; padding: 10px; margin: 0 auto 10px; color:#fff;  font-size:14px; display:none;}
.ServicobtnAcesso{ position:relative;  width: 140px; height:40px; background-color:#097203; color:#fff; line-height:40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:center; margin: 0 auto;}
.ServicobtnAcesso a:link, .ServicobtnAcesso a:visited, .ServicobtnAcesso a:active{ text-decoration:none; color:#fff; display:block;  text-align:center;  font-size:14px;}
.ServicobtnAcesso a:hover{ background-color:#07A60A;}
.sair{ color:#CB0C0F !important; border-bottom:none !important;}

a.linktab:link,a.linktab:visited,a.linktab:active { color:#333 !important;}
.active{ color:#E3960C;}

a.linktabnovo:link,a.linktabnovo:visited,a.linktabnovo:active { color:#fff !important; background-color:#B60407 ;}
a.linktabnovo:hover{ color:#fff!important; background-color:#800204!important ;}

.novochamado{ position:absolute !important; right: 0px;}
.nenhumChamado{  font-size:14px; text-align:center; color:#666; margin: 50px auto;}

/*SITE INSTITUCIONAL*/
.img_institucional { position: relative; width: 100%; padding-bottom: 10px; }
.exp_bloco { position: relative; width: 50%; height: auto; overflow: hidden; float: left; text-align: center; padding: 15px 12px 0 12px; margin: 10px 0 10px 0;  }
.exp_bloco p { font-family: "Century Gothic"; font-weight: bold; height: 50px; }
.exp_bloco img { position: relative; width: 100%; max-width: 320px; display: block; margin: 0 auto 0; }
a.btn_contato:link, a.btn_contato:visited { position: relative; display: block; margin: 0 auto 0; width: 70%; height: 50px; border-radius: 30px; text-align: center; line-height: 50px; color: #FFF; text-align: none; background: #000; text-decoration: none; }
a.btn_contato:hover { background: #FF8A00; }

/*E-COMMERCE*/
.principal_bloco { position: relative; width: 100%; height: 150px; margin: 10px 0 10px 0; clear: both; text-align: center; padding-top: 20px; color: #FFF; text-shadow: 1px 1px 1px #000; font-size: 20px; background: url("../imagens/fundo_faixa.jpg"); } 
.iconsBig { font-size: 55px !important; }

.ecommerceEfect, .ecommerceEfect2 { position: relative; width: 100%; height: 130px; margin: 0 0 10px 0; cursor: pointer; background: #EEE; padding-top: 10px; font-size: 14px; color: #FF7B00; }
.ecommerceEfect2 { background: #FF7B00; color: #FFF; }
.fundo_efeito_ecommerce::before { position: absolute; content: ""; width: 0; height: 130px; top: 0; right: 0; border-bottom: 130px solid #EEE; border-right: 40px solid #FFF; }
.fundo_efeito_ecommerce2::after { position: absolute; content: ""; width: 0; height: 130px; top: 0; left: 0; border-top: 130px solid #FF7B00; border-left: 40px solid #FFF; }
.fundo_efeito_ecommerce2_1::after { position: absolute; content: ""; width: 0; height: 130px; top: 0; left: 0; border-top: 130px solid #EEE; border-left: 40px solid #FFF; }
.fundo_efeito_ecommerce3::before { position: absolute; content: ""; width: 0; height: 130px; top: 0; right: 0; border-bottom: 130px solid #FF7B00; border-right: 40px solid #FFF; }





/*PORTFÓLIO*/
.btn_portfolio, .btn_portfolio2 { position: relative; width: 100%; height: 80px; margin: 0 0 10px 0; cursor: pointer; background: #EEE; padding-top: 10px; font-size: 14px; color: #FF7B00; }
.btn_portfolio:hover, .btn_portfolio2:hover { background: #FF7B00; color: #FFF; }
.fundo_efeito_portfolio::before { position: absolute; content: ""; width: 0; height: 80px; top: 0; right: 0; border-bottom: 80px solid #EEE; border-right: 40px solid #FFF; }
.fundo_efeito_portfolio2::after { position: absolute; content: ""; width: 0; height: 80px; top: 0; left: 0; border-top: 80px solid #EEE; border-left: 40px solid #FFF; }
.fundo_efeito_portfolio3::before { position: absolute; content: ""; width: 0; height: 80px; top: 0; right: 0; border-bottom: 80px solid #EEE; border-right: 40px solid #FFF; }
.txt_portfolio { position: relative; width: 100%; text-align: center; margin: 0 auto 0; z-index: 99999; }
.btn_portfolio:hover::before { position: absolute; content: ""; width: 0; height: 80px; top: 0; right: 0; border-bottom: 80px solid #FF7B00; border-right: 40px solid #FFF; z-index: 99999; }
.btn_portfolio2:hover::after { position: absolute; content: ""; float: left; width: 0; height: 80px; top: 0; left: 0; border-top: 80px solid #FF7B00; border-left: 40px solid #FFF; }

.txt_portfolio { position: relative; width: 100%; text-align: center; margin: 0 auto 0; z-index: 99999; }

.portfolio_dv { position: relative; width: 90%; height: auto; max-height: 250px; background: #f9f9f9; display: block; margin: 0 auto 20px; border: 1px solid #EEE; text-align: center; max-width: 320px; -webkit-box-shadow: -1px 10px 31px -16px rgba(0,0,0,0.75); -moz-box-shadow: -1px 10px 31px -16px rgba(0,0,0,0.75); box-shadow: -1px 10px 31px -16px rgba(0,0,0,0.75); overflow: hidden; transition: 1s; }
.exibe_portfolio { position: relative; background: #000; width: 100%; height: auto; cursor: pointer; overflow: hidden; }
.mascPort{ width: 100%; height:187px; overflow:hidden;}
.exibe_portfolio img { position: relative; width: 100%; opacity: 1; transition: 0.5s; }
.exibe_portfolio:hover img { opacity: 0.3; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1); }
.exibe_portfolio:hover > .portfolio_dvmais{ display:block;}
.portfolio_dvmais{ position: absolute; width: 100%; opacity: 1; transition: 0.5s; color:#fff; z-index:1; font-size:18px; height:187px; padding-top:60px; display:none;}
.portfolio_dvmais i{ font-size:30px;}

.titulo_portfolio { font-size: 18px; margin-top: 10px; font-weight:300; height:50px; padding:0 15px 0 15px; }
a.portfolio_link:link, a.portfolio_link:visited { text-decoration: none; color: #FF7B00; transition: 0.5s; }
a.portfolio_link:hover { color: #000; }

.fundo_fundo { position: relative; width: 100%; height: 220px; background: #000; overflow: hidden; background: url("../imagens/poligonofundo.jpg");  }
.fundo_port_exibe { position: relative; width: 100%; height: 500px; background-size: 100% !important;  overflow: hidden; padding: 0; opacity: 0.5; }

/*ESQUECI A SENHA*/
.formesquecisenha { position: relative; width: 100%; }

.whatscall{ position: fixed; z-index: 5; bottom: 10px; right: 20px; width: 40px;}

@media only screen and (min-width: 400px) {
	.SliderPlanos li{ width: 100%; min-width:400px; max-width:450px;}
	.SldServico{ height:450px;}
	
	.NossosServicos, .SliderNServicos, .SldServico, .SliderNServicos li { height:425px; }
	.SldServico img { min-width: 400px; margin: 0 auto 0; display: block; }
}

/* LAYOUT 480px *****************************************************/   
@media only screen and (min-width: 480px) {
	
	/* footer da pagina */
	.FooterContato { position: relative; width: 50%; height: auto; float: left; padding: 20px 0 0 20px; }
	.FooterContato p { width: 100%;}
	.FooterNews{ width: 100%; padding-right: 15px;}
	.FaleConoscoFooter { float: none !important; width: 100% !important; clear: both; }
	.titulo_footer_p, .titulo_footer_p { clear: none; position: relative; float: left; padding: 10px 0 0 20px; }
	.dvAcompanhe, .dvCompartilhe { position: relative; float: right; width: 50%; }

	/*ESTILOS VARIADOS*/
	#avisosNews { width: 96%; }
	
    /*HOME*/
    .conteudo_home { background: #FFF; } 
    .catg_home img { height: 100px; }
    .alguns_clientes img { width: 32%; max-width: 200px; margin: 0 5px 10px 0; } .img480 { display: block; }
    .centraliza_fts { position: relative; width: auto; min-width: 440px; max-width: 590px; height: 10px; text-align: center; display: block; margin: 0 auto 0; }
    .texto_catg {width: 70%; }
    .sobre_nos_home { height: 280px; }
	
	.NossosServicos, .SliderNServicos, .SldServico, .SliderNServicos li { height:480px; }
	.SldServico img { max-width: 480px; }
	
	/*EMPRESA*/
	.img_empresa { width: 25%; }
	
	/*SITE INSTITUCIONAL*/
	.exp_bloco { width: 25%; }
	
	/*E-COMMERCE*/
	.principal_bloco { clear: none; float: left; width: 47%; margin: 1.5%; } 
	
	/*PORTFÓLIO*/
	.portfolio_dv { width: 46%; margin: 0 2% 2.5% 2%; float: left; }
	
	
}



/* LAYOUT 667px *****************************************************/   
@media only screen and (min-width: 667px) {
	
	/*FOOTER*/
	footer{ position: relative; height: auto; min-height: 200px; }
	.conteudoFooter{  min-height: 210px; }
	
	.FooterContato { position: relative; width: 30%; height: auto; float: left; padding: 20px 0 0 10px; }
	.FaleConoscoFooter { float: left !important; width: 40% !important; clear: none; }
	
	.FooterContato > p { font-size: 15px; }
	.FooterAcompanhe, .FooterNews{ width: 50%; padding-right: 15px;} 
	
	
	a.link_footer:link, a.link_footer:visited { font-size: 15px; } .link_footer > i { font-size: 23px; }
	
	.social_footer, .compartilhe_footer { position: relative; width: 100%; clear: both; background: #000; padding: 10px 0 10px 0; text-align: center; color: #FFF; }
	
	
	/*ESTILOS VARIADOS*/
	#avisosNews { width: 97%; }
	
	.NossosServicos, .SliderNServicos, .SldServico, .SliderNServicos li { height:530px; }
	.SldServico img { max-width: 560px; }
	
	/*E-COMMERCE*/
	.principal_bloco { width: 30%; padding: 5px 0 0 0; } 
	.ecommerceEfect, .ecommerceEfect2 { width: 33.3%; float: left; margin: 30px 0 25px 0; padding-top: 25px; }
	
	/*EMPRESA*/
	.site_png { float: right; width: 50%; max-width: 460px; margin: 70px 0 100px 30px; }
	.tabulacao { position: relative; float: left; width: 50%; height: auto; overflow: hidden; padding: 0 20px 0 20px; clear: none; } 
	
	/*CONTATO*/
	.plc { position: relative; width: 50%; float: right; padding-left: 40px !important; }
	.mensagem_form { position: relative;  }
	.forms_contato { position: relative; float: left; width: 50%; }
	.MotivoContato { position: relative; float: left; width: 50%; height: auto; overflow: hidden; padding-left: 20px; }
	.estimativaDv { position: relative; float: left; widht: 50%; height: 124px; padding: 30px 0 0 20px; }
	.ComoChegou { position: relative; float: left; width: 50%; padding-left: 20px; }
	.AnexoDv { position: relative; float: left; width: 40%;  height: 100px; padding: 20px 0 0 0; }
	
	/*PORTFÓLIO*/
	.btn_portfolio, .btn_portfolio2 { width: 33.3%; float: left; margin: 30px 0 25px 0; }
	.portfolio_dv { width: 30%; margin: 0 1.7% 2.5% 1.6%; float: left; }
	
	/*ESQUECI A SENHA*/
	.formesquecisenha { float: left; height: auto; width: 50%; }
	
}

/* LAYOUT PARA TABLET *****************************************************/   
@media only screen and (min-width: 768px) {
    
	/*ESTILOS VARIADOS*/
	#avisosNews { width: 96%; padding-left: 5px; }
	
	nav ul li a:link, nav a:visited, nav a:active { color: #fff;}
    
    /*SLIDER PRINCIPAL */
    .sliderHome{ height: 400px;}
    .pagerPrincipal{ display: block !important}
    .SliderPrincipal img{width:350px; height: auto; top: 20px; float: right; right: 10%;}
    .SliderPrincipal h2{ font-size: 50px; text-align: left; top: 40px; padding-left: 7%; left: 0; }
    .destaqueSlider{ font-size: 50px; }
    .SliderPrincipal h3{ display: block; font-size: 1.7em;top: 20px; width: 55%; line-height: 40px; padding-left: 7%;}
    .mobileMenu{ display: block;}
    .desktopMenu{ display: none;}
	.LinkSlider{ display:block; position:relative; right:-35px; background-color:#85B200; font-size:16px;}

    
    /*FOOTER*/
	.FooterContato { width: 33%; height: auto; float: left; padding: 20px 0 0 35px; }
	.FaleConoscoFooter { float: left !important; width: 40% !important; clear: none; }
	.FooterAcompanhe, .FooterNews{ width: 50%; padding-right: 15px;} 
	.FooterContato > p { font-size: 15px; }
	a.link_footer:link, a.link_footer:visited { font-size: 15px; } .link_footer > i { font-size: 23px; }
	
	
    #Social_face { margin-left: 10px; }
    .FooterAcompanhe > p { width: 50%; float: left; margin-left: -10px;}
    
    /*HOME*/
    .conteudo_home { background: #FFF; }
    .catg_home img { display: block; float: none; margin: 0 auto 0; }
    .catg_home { position: relative; min-height: 312px; width: 30%; background: #FFF; margin: 0 1% 0 2%; border-radius: 20px; }
    .titulo_catg { width: 100%; text-align: center; } 
    .texto_catg { width: 100%; text-align: center; clear: both; }
    .sobre_nos_home { position: relative; width: 100%; background: #e65406; padding: 1.5em 0 3em 0; background:url(../imagens/quemsomos.jpg) no-repeat center; background-size: cover; height: 320px; }
    .texto_sobre_nos { padding: 1em; width: 50%; text-align: justify; }
    .centraliza_fts { min-width: 730px; max-width: 990px; }
    .alguns_clientes img { width: 23%; max-width: 300px; margin: 0 4px 10px 5px; }
    .img480 { display: none; }
    
	/*EMPRESA*/
	.site_png { width: 50%; max-width: 460px; margin: 70px 0 80px 30px; }
	
	
    /*DOMINIOS HOME*/
    .dominios_home{ width: 100%;  background-size: 100% 100%; }
    .TituloDominio{ text-align: center; padding-bottom: 10px;  font-size: 22px; border-bottom: 1px solid #999; color: #EB9105; }
    .SubtituloDominio{ text-align: justify;  font-size: 16px; color: #666; }
    .inputDominio{ width: 80%; height: 60px; line-height: 60px; border: 1px solid orange; padding: 0 90px 0 10px; }
    .afterDominio{ width: 20%; height: 60px; line-height: 60px; background-color: orange; color: #fff; float: left; text-align: center; font-size: 18px;}
    .selectDominio{ width: 83px; height: 50px; line-height: 50px;background-color: #fff; color: #333; border: none !important; position: absolute; margin-left: -87px; margin-top: 5px;}
    .btndominio{ position: relative; clear: both; width: 100%; height: 30px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0; border: none; margin-top: 10px; }
    .pesquisadominio{ width: 100%; clear: both; margin: 30px auto;}
	
	.FaixaPags{ height: 250px;  color:#fff; font-size:36px; padding-left:30px;  text-shadow: 2px -2px 5px #666; text-align:left;}
	.FaixaPags img{ width: 300px; margin: 0 20px 0 0; float:right;}
	
	.FaixaPagsCli{ height: 250px;  color:#fff; font-size:36px; padding-left:30px;  text-shadow: 2px -2px 5px #666; text-align:left;}
	.FaixaPagsCli img{ width: 300px; margin: 0 20px 0 0; float:right;}
	
	
	.tituloPrincipal{ padding-top: 50px; font-size:36px;}
	.subtituloPrincipal{ padding-right: 10px; font-size:24px; line-height:30px;}
	.BlocServ{ width:45%; float:left; clear:none; margin-right: 10px;}
	.womanPag{ width:100%; max-width:330px; margin-top:-200px; float:left;}
	.tituloDestaque2{ font-size:24px; }
	.incluso{  width: 31%; margin: 6px; height:230px; font-size:14px; }
	.incluso p:nth-of-type(1){ font-size:36px; background-color:#fff; width: 60px; height:60px; line-height:60px; margin: 0 auto 10px; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; }
	.incluso p:nth-of-type(2){ font-weight:bold;}
	.imgPainelmkt{ position:relative; width:350px; max-width:500px; float:right;}
	
	.SliderPlanos li{ width: 100%; min-width:240px; max-width:280px;}
	
	.EcommerceResp{ height:360px; }
	.EcommerceResp img, .ImoResp img { margin: 0 30px 20px 30px;  max-width:350px; float:right;}
	.tituloBranco{ font-size:36px;  font-weight:400; color: #fff; text-align:left; padding: 70px 0 20px 30px; }
	.textoBranco{ font-size:20px;  text-align:left; padding: 0 30px 0 30px;}
	
	.img_contato { position: relative; width: 45%; height: 350px; float: right; background: url(../imagens/contatoimg.jpg) no-repeat; background-size:100% auto;}
	.imgchamado { position: relative; width: 45%; height: 350px; float: right; background: url(../imagens/helpdesk.jpg) no-repeat; background-size:100% auto;}
	
	
	.ft1, .ft2, .ft3{ position:relative; clear:none; display:block; margin: auto; float:left;}
	.ft3{ width: 40%; max-width:411px; float:right; margin-top: 10px;}
	.ft2{ width: 20%; margin-top: 60px;}
	.seta, .setabaixo { position:relative; clear:none; display:block; margin:70px 0 0 30px; -ms-transform: rotate(10deg);  -webkit-transform: rotate(10deg);  transform: rotate(10deg); float:left; }
	
	.vbwp{ width: 300px; max-width:450px; margin: 20px; display:block; float:right;}
	
	
.NossosServicos{height:390px; }
.ServicoTexto{ display: block;}
.SldServico{ height:390px;}	

.SldServico img { width: 100%; max-width: 490px; float:left; }
.ServicoTitulo{ width: 35%; height:40px; float:left; background-color:  rgba(0,0,0,0.7); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:40px; padding-left: 10px; margin: 50px 0 20px 0; color:#fff;  font-size:14px; font-weight:bold;}
.ServicoTexto{width: 35%; height:190px; float:left; background-color: rgba(0,0,0,0.7); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:25px; padding: 10px; margin-bottom:10px; color:#fff;  font-size:14px;}
.ServicobtnAcesso{ position:relative; float:left; width: 190px; height:40px; background-color:#097203; color:#fff; line-height:40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:center; overflow:hidden;}
	
.Clientes{ height: 100px; padding: 0; display: block; margin: 20px 0 30px 0; }
.Clientes li{ width: 33%;  height: 100px; list-style: none;  position:relative; float: left;}
.img_prod {  position:absolute; width: 160px; height:auto; left: 50%; margin-left: -80px; }

	/*SITE INSTITUCIONAL*/
	a.btn_contato:link, a.btn_contato:visited { width: 29%; }
	
	/*E-COMMERCE*/
	.principal_bloco { padding: 15px 0 0 0; } 
	
	/*PORTFÓLIO*/
	.titulo_portfolio { font-size: 18px; }
	.fundo_fundo { height: 300px; }
	.fundo_port_exibe { background-attachment: fixed !important; height: 300px; }


}
    
/* LAYOUT PARA DESKTOP ******************************************************/   
@media only screen and (min-width: 990px) {
	
	/*ESTILOS VARIADOS*/
	#avisosNews { width: 96%; padding-left: 5px; }
	.sliderHome { background: #FF9A00  url(../imagens/fundo_faixa.jpg) no-repeat center top; background-size:auto;}
    .centraliza990 { position: relative; width: 990px; margin: 0 auto 0; }
    #logoViabrasilweb{ position: relative; float: left; width: 180px; margin: 20px 0 20px 20px;}
    main{ min-width: 990px;}
    .MenuMobile{ display: none; }
    /* alterações no menu */
    .handle{ display: none;}
    nav{ position: relative; display: block; float: right; margin: 55px 10px 0 0;}
    nav ul { max-height: 80px; background: transparent; }
    nav ul li{ display: inline-block; float: left; height: 45px; line-height: 45px; background: transparent; padding: 0 10px 0 10px; }
     nav ul li a:link, nav a:visited, nav a:active { color: #333; padding: 0 10px 0 10px; line-height: 45px; font-size: 14px; }
    nav ul li a:hover{ background-color: #FFBD00; color: #fff;}
    nav ul li:hover{ background-color: #FFBD00; color: #fff !important;}
    
    .DivideSubmenu{ width: 300px; height: 300px;  float: left; position: relative; padding: 80px 20px 20px 20px;}
    .DivideSubmenu:after{ width:1px; height: 250px;  right: 0; top: 25px; position: absolute; content: ""; border-right: 1px solid #ccc;}
    .DivideSubmenu2{ width: 540px; height: 300px; float: left; position: relative; padding: 20px 0 0 30px;}
    .DivideSubmenu p:nth-of-type(1){ font-size: 22px; color: orange;  font-weight: bold; line-height: 30px; text-align: center; }
    .DivideSubmenu > p{ font-size: 16px; color: #333;  font-weight: 300; line-height: 25px; text-align: left;  }
    .DivideSubmenu2 > p { width: 250px; height: 30px; line-height: 30px;  margin-bottom: 10px;}
    .DivideSubmenu2 img{ width: 290px; float: right; position:relative;  top: 0px;}
    a.linkPrincipal:link, a.linkPrincipal:visited, a.linkPrincipal:active { position: relative; text-decoration: none; display: block; text-align: left; line-height: 30px;  color: #666; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 5px 0 5px 0; border-bottom:1px dotted #DDD; }
    a.linkPrincipal:hover{ padding-left: 40px; color: #fff;}
    .clienteareaimg{ position:absolute !important;width: 250px !important;top: 10px !important; }
    .labelAreaCli{ line-height: 20px; color: #333;  font-size: 12px; text-align: left; margin: 0 !important;}
    .CliInput{ text-align: left; position: relative; float: left; clear: both; height: 35px; line-height: 35px; width: 220px; padding: 0 10px 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: orange; border: 1px solid #ccc;}
    .btnCliLogar{ width: 120px; float: left; margin-top: 10px;}
    a.esqueciSenha:link, a.esqueciSenha:active, a.esqueciSenha:visited{ float: left;  font-size: 10px; color: darkorange; line-height: 20px; margin: 17px 0 0 10px; }
     a.esqueciSenha:hover{ color: #fff;}
    .avisosLog{  clear: both;  position: absolute; bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
    
    /*SLIDER PRINCIPAL */
    .sliderHome{ height: 450px;}
    .pagerPrincipal{ display: block !important;}
	 .centralizaSlider { position:relative; width:990px !important; margin: 0 auto;}
    .SliderPrincipal img{ width:500px; height: auto; top: 0px; float: right; }
    .SliderPrincipal h2{  font-size: 3.8em; text-align: left; top: 40px; padding-left: 0; }
    .SliderPrincipal h3{ display: block; font-size: 1.7em;top: 20px; width: 40%; line-height: 40px; padding-left: 0;}
	.LinkSlider{ display:block; position:relative; right:auto; top: 40px; left: 100px;}
	
    
    /*FOOTER*/
	footer { height: 390px; overflow:hidden; }
	.FooterContato { width: 19%; height: auto; float: left; padding: 20px 0 0 35px; }
	.FaleConoscoFooter { float: left !important; width: 32% !important; clear: none; }
	.FooterEndereco{ width: 30%;}
	.FooterContato > p { font-size: 15px; }
	a.link_footer:link, a.link_footer:visited { font-size: 15px; } .link_footer > i { font-size: 18px; }
	.FooterAcompanhe{ float: right; margin-top: 0px; padding-top: 0px; width: 32%;}
	.conteudoFooter { width:100%; max-width: 1280px; margin: 0 auto 0; background: #222; min-height: 300px; height: auto; float: none; clear: both;  }
    #Social_face { margin-left: 10px; }
    .FooterAcompanhe > p { width: 50%; float: left; margin-left: -10px; }
	.FooterNews{ width: 30%;}
	.pDireitosFooter { padding-top: 20px; }
	.centraliza_footer { position: relative; width: 390px; height: auto; clear: both; display: block; margin: 0 auto 0; }
	.direitos_texto, .vbwp_direitos { width: auto; clear: none; float: left; } 
    .separa_direitos {  width: auto;position: relative; float: left; display: block; margin: 0 10px 0 10px; }
    
/* HOME */
.conteudo_home { width: 990px; height: auto; padding: 1em; margin: 0 auto; }
.categorias_home { position: relative; clear: both; margin: 0 0 0 0; width: 990px; height: auto; overflow: hidden; padding: 10px 0 3.5em 5px; }
.catg_home { min-height: 279px; width: 300px; background: #FFF; margin: 0; border-radius: 20px; }
.catg_home img { margin-bottom: 15px; } 
.margin_cat_home { margin: 0 20px 0 20px; }  
.txt-center { text-align: center; }

.alguns_clientes { width: 100%; background: #FFF; height: auto; overflow: hidden; clear: both; margin: 1em auto 0; text-align: left; padding: 1em 0 3em 1em; }
.centraliza_fts { min-width: 940px; max-width: 590px; }
.alguns_clientes img { width: 210px; max-width: 300px; margin: 1em 0 1em 1em; }

.sobre_nos_home { height: 320px; }
.plsnh { padding: 0 2em 0 2em; } .branca { color: #FFF; }
.texto_sobre_nos { padding: 0; width: 450px; }
    
a.link_mais_cliente { width: 200px; text-align: center; padding: 1em 0 1em 0; margin: 2em 0 0 0; border: 1px solid #F4680A; color: #F4680A; display: block; transition: 1s; } .h1branco, .h1laranja, .h1laranja1 { font-size: 40px; }
a.link_mais_cliente:hover { background: #F4680A; color: #FFF; }

    
a.link_mais_cliente_ps:link, a.link_mais_cliente_ps:visited { position: absolute; float: right; clear: none; right: 30px; top: -53px; width: 200px; margin: 2em 0 0 0; }

a.link_mais_cliente2:link, a.link_mais_cliente2:visited { position: relative; top: 20px; width: 200px; line-height: 40px; text-align: center; border: 1px solid #FFF; color: #FFF; display: block; transition: 1s; text-decoration: none; clear: both; } a.link_mais_cliente2:hover { background: #F4680A; color: #FFF; border: 1px solid #e65406; }

#imgColorida{ -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; filter: gray; -webkit-filter: grayscale(100%); }
#imgColorida:hover{ filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; }
    
    /*DOMINIOS HOME*/
    .dominios_home{ width: 100%; height: 300px; background: url(../imagens/fundo_dominio.jpg) no-repeat; background-size: cover; clear: both;}
    .TituloDominio{ text-align: center; padding-top: 30px;  border-bottom: 1px solid #999; line-height: 50px; color: #EB9105; font-size: 35px; }
    .SubtituloDominio{ text-align: center;  font-size: 16px; color: #666; line-height: 40px;}
    .inputDominio{ width: 500px; height: 60px; line-height: 60px; border: 1px solid orange; padding: 0 170px 0 10px; }
    .afterDominio{ width: 100px; height: 60px; line-height: 60px; background-color: orange; color: #fff; float: left; text-align: center; font-size: 18px;}
    .selectDominio{ width: 150px; height: 50px; line-height: 50px;background-color: #fff; color: #333; border: none; position: absolute; margin-left: -160px; margin-top: 5px;}
    .btndominio{ height: 59px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0; border: none; margin-top: -3px; width: 140px;}
    .pesquisadominio{ width: 740px; margin: 30px auto;}
	
	.FaixaPags{ height: 350px;  color:#fff; font-size:36px; padding-left:30px;  text-shadow: 2px -2px 5px #666; text-align:left;}
	.FaixaPags img{ width: 500px; margin: 0 20px 0 0; float:right;}
	
	.FaixaPagsCli{ height: 200px;  color:#fff; font-size:36px; padding-left:30px;  text-shadow: 2px -2px 5px #666; text-align:left;}
	.FaixaPagsCli img{ width: 250px; margin: 0 20px 0 0; float:right;}
	
	
	.tituloPrincipal{ padding-top: 90px; font-size:36px;}
	.subtituloPrincipal{ padding-right: 10px; font-size:24px; line-height:40px;}
	.tituloDestaque{font-size:36px; }
	.subtituloDestaque{  font-size:18px;} 
	.incluso{  width: 300px; margin: 10px; height:230px; font-size:14px; }
	.incluso p:nth-of-type(1){ font-size:48px; background-color:#fff; width: 90px; height:90px; line-height:90px; margin: 0 auto 10px; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; }
	.imgPainelmkt{ position:relative; width:450px; max-width:500px; float:right;}
	.SliderPlanos li{ width: 100%; min-width:240px; max-width:240px;}
	.EcommerceResp img, .ImoResp img { margin: 0 30px 20px 30px;  max-width:450px; float:right;}
	
	.ft1, .ft2, .ft3{ position:relative; clear:none; display:block; margin: auto; float:left;}
	.ft3{ width: 40%; max-width:411px; float:right; margin-top: 10px;}
	.ft2{ width: 30%; margin-top: 60px;}
	.seta, .setabaixo { position:relative; clear:none; display:block; margin:70px 0 0 30px; -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  transform: rotate(0deg); float:left; }
	.setabaixo{ margin-top: 120px;}
	
	.vbwp{ width: 200px; max-width:450px; margin: 20px 20px 20px 40px; display:block; float:right;}
	
	#avisosDominio{ margin-top: -20px;}
	.EcommerceResp{ height:300px; }
	
	
	
	.NossosServicos{height:390px; }
.SldServico{ height:400px; width: 990px; margin: 0 auto;}	
.SldServico img { max-width: 530px; float:left;}
.ServicoTitulo{ width: 35%; height:40px; float:left; background-color:  rgba(0,0,0,0.7); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:40px; padding-left: 10px; margin: 50px 0 20px 0; color:#fff;  font-size:14px; font-weight:bold;}
.ServicoTexto{width: 35%; height:170px; float:left; background-color: rgba(0,0,0,0.7); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height:25px; padding: 10px; margin-bottom:10px; color:#fff;  font-size:14px;}
.ServicobtnAcesso{ position:relative; float:left; width: 140px; height:40px; background-color:#097203; color:#fff; line-height:40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:center; overflow:hidden; }

.Clientes{ height: 100px; padding: 0; display: block; margin: 20px 0 30px 0; }
.Clientes li{ width: 33%;  height: 100px; list-style: none;  position:relative; float: left;}

	/*SITE INSTITUCIONAL*/
	.exp_bloco { width: 16.4%; margin: 0; }
	
	/*EMPRESA*/
	.site_png { width: 50%; max-width: 460px; margin: 20px 0 40px 30px; }
	
}

/*ANIMACOES*/
@keyframes SliderBtn {
  from { background-color: #85B200; }
  to { background-color:#A3D900 ;  }
}


@media only screen and (min-width: 1280px) {
	.centraliza_1280 { position: relative; width: 1280px; margin: 0 auto 0; }
	
	/*PORTFÓLIO*/
	.portfolio_dv { width: 23%; margin: 0 1% 2.5% 1%; float: left; }
	
	/*SITE INSTITUCIONAL*/
	.exp_bloco { width: 11%; margin: 0; }
}