body{ font-size:100%; background-color:#e2e2e2}
a{text-decoration:none; color:#666;}
a:hover{ text-decoration:underline;}
::selection {background: #000000;color: #FFFFFF;}
::-moz-selection {background: #000000;color: #FFFFFF;}
p.preto::selection {background: #000000; color: #FFFFFF;}
p.preto::-moz-selection {background: #000000;color: #FFFFFF;}
.alinhamentomenu{ float:left; width:70%; margin-left:15%; padding-bottom:5%; height:auto;}
small{ font-size:14px;}
/*Menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
font-family: 'Dosis', sans-serif; font-weight:normal; float:left; background-color:#333; border-radius:8px
  
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px 10px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;

  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
color:#ddd;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;

  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen ul {
  width: 100%;
  display: none;
}
#cssmenu.small-screen.align-center > ul {
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
  float: none;
}
#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
color:#fff;
  background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
  color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #dddddd;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase; font-weight:normal

}
#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #262626; 
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}


/*Fim menu*/


h1{font-size:135%;}
.back-to-top {position: fixed;	bottom: 1em;right: 0px;text-decoration: none;	color: #FFF;font-size: 12px;padding: 0.5em;	display: none;			font-family:'Dosis', sans-serif;	}
.back-to-top:hover {	  cursor:pointer;opacity:0.85;	-moz-opacity: 0.85;	filter: alpha(opacity=85);}	

.active{ background-color:#222; float:left; color:#fff}


#menu_desktop{ float:left; margin-top:-3px;	width:100%; height:48px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}


#menuinterno{ margin:auto; width:980px; height:auto;}

#alinhamentomenu{ float:left; width:780px; height:auto;}

.redesociald{ float:left; width:150px; height:auto; margin-top:6px}
.redesocialdesktop{ float:left; margin-right:10px; width:30px; height:auto; margin-top:4px}


#estrutura{	max-width:990px; margin:0 auto; 
}
#content{
	width:100%; float:left; margin-bottom:0.8em;
}


.redesociald{ float:left; width:150px; height:45px; margin-left:50px;}

.tamanho_caixas{ float:left; width:105%; height:auto;}
aside{
	width:35%; float:right; margin-bottom:0.8em;
}
.alinhamento_slide{ float:left; width:100%; height:auto;}
header{ float:left; width:100%; height:108px; background-color:#fff; padding-top:1%; padding-bottom:1.5%; border-top:4px #222 solid}
#header_interna{ margin:auto; width:980px; height:auto; background-color:#fff;}
#logo{ float:left; display:block; position:center; margin-top:0.5%; }
.redes_sociais{ float:left; width:13%; margin-left:60%; height:auto; padding-bottom:10px; padding-top:10px;  color:#fff; text-align:center}
.rede_social{ float:left; width:35px; height:auto; margin-right:7px;}
.rede_social3{ float:left; width:35px; height:auto; }
.link_menu{ font-family: 'Dosis', sans-serif; color:#333; font-size:16px;}
#banner{  float:left; width:100%; height:auto; margin-top:-20px;}
#banner img{ width:100%;}
footer{ float:left; width:100%; height:40px; background-color:#111 }
#footer_interno{ margin:auto; width:980px; height:auto;}
.esquerda_footer{ float:left; width:550px; height:auto; text-align:left; font-family:arial; font-size:13px; color:#fff; margin-top:15px;}
.direita_footer{ float:left; width:420px; height:auto; text-align:right; font-family:arial; font-size:13px; color:#fff; margin-top:15px;}

img.mobile{   max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
img.total{width: 99.999999993%;
    *width: 99.9468085036383%;height: auto;}
.caixa_home{ float:left; width:270px; height:435px; margin-bottom:30px; background-color:#fff; margin-right:38px;  padding:15px; }	
.caixa_home3{ float:left; width:270px; padding:15px; height:435px; background-color:#fff;}	
.foto_caixa{ float:left; width:270px; height:250px;}  
.titulo_caixa{ float:left; width:270px; height:auto; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px; margin-top:15px; color:#c19729; font-weight:normal}   
.txt_caixa{ float:left; width:270px; height:auto; font-family:arial; font-size:13px; text-align:justify; margin-top:15px; line-height:20px; color:#333}
.txt_caixa3{ float:left; width:270px; height:auto; font-family:arial; font-size:13px; text-align:justify; margin-top:15px; line-height:15px; margin-bottom:4px; color:#333}
.leiamais_caixa{ background-color:#c19729; float:left; width:70px; padding-left:15px; padding-top:12px; padding-bottom:12px; padding-right:15px;  font-family: 'Dosis', sans-serif; text-transform:uppercase; color:#fff; font-size:15px; margin-top:15px; text-align:center;}
.leiamais_caixa:hover{ cursor:pointer; background-color:#222;}


/*Empresa*/
#content_pags{	width:100%; float:left; margin-bottom:0.8em; height:auto;   height:auto; background-color:#fff; }
.titulos{ float:left; width:100%; height:auto; text-align:center; font-family: 'Oswald', sans-serif; color:#333; text-transform:uppercase; font-weight:normal; margin-bottom:36px; font-size:38px; margin-top:30px;  }
.caixa_content{ float:left; width:100%; height:auto;}
.foto_institucionald{ float:left; width:500px; height:auto; padding-right:2%; margin-bottom:2% }
.txt_institucional{ font-family: 'PT Sans', sans-serif; font-size:20px; text-align:justify; line-height:31px; color:#333; font-weight:normal; float:left; width:470px;}


/*Contato*/
.formulario_tamanho{ float:left; width:auto; margin-left:30%}
.campo_formulario{ float:left; width:48%; text-align:left; margin-top:20px; height:auto;  }
.alinhamento_formulario{ float:left; width:100%; }
.format_form{ width:95%; height:33px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0; border-radius:5px;}
.format_form3{ width:300px; height:33px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0; border-radius:5px;}
.mensagem{ float:left; width:100%; text-align:left; margin-top:20px; height:auto; }
.format_form2{ width:93%; height:130px; border-radius:5px;border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.enviar{ float:left; width:500px; height:auto; text-align:left; margin-top:22px; margin-left:35%}
.btenviar{ width:130px; height:45px; border:none; background-color:#d8ac36;font-family: 'Oswald', sans-serif;font-size:20px; text-transform:uppercase; color:#fff; border-radius:5px; cursor:pointer}
.font_form{ width:300px; height:auto; text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin-bottom:3px; float:left}
p{ font-family:Arial, Helvetica, sans-serif; color:#444; text-align:left; font-size:13px}
.format_contato{ width:98%; text-align:center; font-family:arial; font-size:14px; color:#333; margin-bottom:3%; margin-left:2%}
.alinhamento{ float:left; width:650px;}
.prorcamento{ float:left; width:100%; background-color:#d1d0d0;margin-bottom:50px; margin-top:100px; padding-bottom:30px;}
.prorcamento2{ float:left; width:100%; background-color:#d1d0d0;margin-bottom:50px; padding-bottom:30px;}


.prservicos_interno{ margin:auto; width:980px; height:auto; }
.alinhamento_form{ float:left; width:auto; margin-left:2%;}
.prpagservicos{ float:left; width:100%;margin-bottom:50px; margin-top:45px; padding-bottom:30px;}

.pr_caixa_contato{float:left; width:910px; height:auto; margin-left:20px; margin-bottom:10px}
.caixa_contato{float:left; width:280px; height:100px;}
.caixa_contato2{float:left; width:280px; height:100px; margin-left:30px}
.tit_caixa_contato{float:left; width:100%; height:auto; margin-bottom:10px; font-family:'Oswald',arial, sans-serif; font-size:16px; text-transform:uppercase; text-align:left; color:#333}
.icone_caixa_contato{float:left; width:75px; height:75px; margin-right:10px}
.item_caixa_contato{float:left; width:195px; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:justify; color:#333;  margin-bottom:5px; margin-top:10px; line-height:15px}

.pr_servico{float:left; width:1050px; height:auto;}
.caixa_servico{float:left; width:220px; height:320px; margin-right:35px; margin-bottom:20px;}
.foto_servico{float:left; width:220px; height:auto;margin-bottom:10px}
.tit_servico{float:left; width:220px; height:auto; margin-bottom:10px; font-family:'Oswald', sans-serif; text-align:left; text-transform:uppercase; font-size:18px}
.txt_servico{float:left; width:220px; height:40px;  font-family: 'Dosis', sans-serif;  font-size:15px; text-align:left; line-height:22px}

.esquerda_vendas{float:left; width:600px; height:auto; margin-right:80px}
.direita_vendas{float:left; width:300px; height:auto;}
.txt_vendas{float:left; font-family: 'Dosis', sans-serif; font-size:18px; color:#333; text-align:justify; margin-bottom:15px; line-height:22px;}
.txt_orcamento{float:left;  font-family: 'Dosis', sans-serif; font-size:16px; color:#333; text-align:justify; margin-bottom:5px;line-height:22px;}

.tit_vendas{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:20px;  text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333; margin-top:10px}
.tit_orcamento{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:20px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333;}

.item_vendas{float:left; width:100%; height:auto; margin-bottom:10px; padding-bottom:10px;  font-family: 'Dosis', sans-serif; font-size:18px; text-align:left; color:#333}
.hardware{float:left; width:280px; height:auto; margin-right:20px}
.software{float:left; width:280px; height:auto}

.campo_formulario_orcamento{ float:left; width:100%; text-align:left; margin-top:10px; height:auto;}
.format_form_orcamento{ width:99%; height:25px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.format_form_orcamento2{ width:100%; height:28px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.mensagem2{ float:left; width:100%; text-align:left; margin-top:20px; height:auto; }
.format_form_orcamento3{ width:100%; height:70px; border-radius:5px;border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.enviar_orcamento{ float:left; width:100%; height:auto; text-align:left; margin-top:22px;}
.btenviar_orcamento{ float:left; width:80px; height:30px; border:none; background-color:#d8ac36;font-family: 'Oswald', sans-serif;font-size:20px; text-transform:uppercase; color:#fff; cursor:pointer;}




.logo_parceiros{ float:left; width:180px; height:130px; margin-right:20px; margin-bottom:20px;}



.visible-desktop { display:block;}
.visible-tablet {display:none; }





/*Mobile*/
@media only screen and (max-width: 480px) {
	
.visible-desktop {display:none; }
.visible-tablet {display:block }

img {
    max-width: 100%;
}
img.mobile{   max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
img.total{width: 99.999999993%;
    *width: 99.9468085036383%;height: auto;}

.alinhamentomenu{ float:left; width:70%; margin-left:15%; padding-bottom:5%; height:auto;}
/*Menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
font-family: 'Dosis', sans-serif; font-weight:normal; float:left; background-color:#333; border-radius:8px
  
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px 10px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;

  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
color:#ddd;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;

  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen ul {
  width: 100%;
  display: none;
}
#cssmenu.small-screen.align-center > ul {
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
  float: none;
}
#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
color:#fff;
  background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
  color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #dddddd;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase; font-weight:normal

}
#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #262626; 
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}


/*Fim menu*/


header{ float:left; width:100%; height:auto; background-color:#fff; padding-top:2%; padding-bottom:0%}
#logo{ float:left; width:80%; margin-left:13%; }
#header_interna{ margin:auto; width:100%; height:auto; background-color:#fff;}
.redes_sociais{ float:left; width:50%; margin-left:-0px;  margin-top:0%; height:auto; padding-bottom:10px; padding-top:10px;  color:#fff; text-align:left}
.rede_social{ float:left; width:30px; height:auto; margin-right:7px;}
.rede_social3{ float:left; width:30px; height:auto; }

.telefone_mobile{ float:left; width:80%; margin-left:10%; text-align:center; margin-top:8%; margin-bottom:6%; font-family: 'Dosis', sans-serif;}

#banner{ padding-top:0px; margin-bottom:2em; margin-top:5%; width:100%; height:100% }


.caixa_home{ float:left; width:84%; margin-left:3%; height:auto; padding-bottom:15px; background-color:#fff; margin-bottom:10px; margin-top:15px;  }	
.caixa_home3{ float:left; width:84%; margin-left:3%; height:auto; padding-bottom:15px; background-color:#fff; margin-bottom:10px; margin-top:15px;  }	
.foto_caixa{ float:left; width:100%; height:auto;}  
.titulo_caixa{ float:left; width:100%; height:auto; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px; margin-top:15px; color:#222; font-weight:normal}
.txt_caixa{ float:left; width:100%; height:auto; font-family:arial; font-size:13px; text-align:justify; margin-top:15px; line-height:20px;}
.leiamais_caixa{ background-color:#c19729; float:left; width:30%; padding-left:15px; padding-top:12px; padding-bottom:12px; padding-right:15px;  font-family: 'Dosis', sans-serif; text-transform:uppercase; color:#fff; font-size:15px; margin-top:15px;}
.txt_caixa3{ float:left; width:100%; height:auto; font-family:arial; font-size:13px; text-align:justify; margin-top:8%; line-height:15px; margin-bottom:4px; color:#333}

.bloco_contato{float:left; width:84%; margin-left:8%; height:auto;  margin-bottom:0px; margin-top:15px;  }
.itens_contato{ float:left; width:100%; height:auto; text-align:left; font-family:arial; font-size:13px; margin-bottom:10px; color:#333}
.titulo_caixa_contato{ float:left; width:100%; height:auto; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px;  color:#111; font-weight:normal; border-bottom:1px #333 solid; padding-bottom:3%; margin-bottom:15px;}
.blocofooter{ float:left;  float:left; width:98%; margin-left:1%; height:auto; padding-bottom:15px; margin-bottom:10px; margin-top:13%; border-top:2px #333 solid;  }
.itens_footer{ float:left; width:100%; height:auto; text-align:left; font-family:arial; font-size:11px;  color:#333; margin-top:5%}


footer{ float:left; width:100%; height:20%; background-color:#222; margin-top:15px; padding-bottom:5%}
#footer_interno{ margin:auto; width:100%; height:auto;}
.esquerda_footer{ float:left; width:81%; line-height:20px; margin-left:10%; text-align:center; height:auto;  font-family:arial; font-size:13px; color:#fff; margin-top:15px;}
.direita_footer{ float:left; width:100%; height:auto; text-align:center; font-family:arial; font-size:11px; color:#fff; margin-top:15px; line-height:20px;}

/*Empresa*/
#content_pagsm{	width:87%; margin-left:4%; float:left; margin-bottom:0.8em; height:auto; margin-top:4%; height:auto; }
.titulos{ float:left; width:100%; height:auto; text-align:center;  font-family: 'Oswald', sans-serif;  color:#333; text-transform:uppercase; font-weight:normal; font-size:26px; margin-top:6%; margin-bottom:6%}
.caixa_content{ float:left; width:100%; height:auto;}
.foto_institucional{ float:left; width:100%; height:auto; margin-bottom:2%; }
.txt_institucional{ font-family:arial; font-size:13px; text-align:justify; line-height:22px; color:#333; float:left; width:100%}

/*Contato*/
.campo_formulario{ float:left; width:100%; text-align:left; margin-top:20px; height:auto;  }
.alinhamento_formulario{ float:left; width:90%; text-align:left; margin-left:5% }
.format_form{ width:95%; height:33px; background-color:#fff; border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.mensagem{ float:left; width:100%; text-align:left; margin-top:20px; height:auto; }
.format_form2{ width:93%; height:130px; background-color:#fff; border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.enviar{ float:left; width:auto; height:auto; text-align:left; margin-top:15px; margin-left:1%}
.btenviar{ width:130px; height:45px; border:none; background-color:#d8ac36;font-family: 'Oswald', sans-serif;font-size:20px; text-transform:uppercase; color:#fff; border-radius:5px; cursor:pointer}
.font_form{ width:100%; height:auto; text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin-bottom:3px; float:left}
p{ font-family:Arial, Helvetica, sans-serif; color:#444; text-align:left; font-size:13px}
.mapa{float:left; width:100%; height:auto; border:2px solid #ccc; margin-top:5%}
.pr_forms_enviar{float:left; width:60%; margin-left:-0%; height:auto; text-align:left; margin-bottom:5px; margin-top:20px;}
.digite{ float:left; width:100%; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:12px; margin-bottom:10px; height:auto; margin-top:8px;}
.format_contato{ width:98%; text-align:left; line-height:20px; font-family:arial; font-size:13px; color:#333; margin-bottom:3%; margin-left:2%}
.alinhamento_slide{ float:left; width:100%; margin-bottom:1%}
.prservicos_interno{ margin:auto; width:auto;}
.alinhamento_form{ float:left; width:auto; margin-left:2%;}
.prorcamento{ float:left; width:100%; background-color:#d1d0d0; margin-top:20px; }

/*Serviços*/
.pr_servico{float:left; width:100%; height:auto;}
.caixa_servico{float:left; width:94%; margin-left:3%; height:auto; margin-bottom:10%;}
.foto_servico{float:left; width:100%; height:auto;margin-bottom:10px}
.tit_servico{float:left; width:100%; height:auto; margin-bottom:10px; font-family:'Oswald', sans-serif; text-align:left; text-transform:uppercase; font-size:18px}
.txt_servico{float:left; width:95%; height:auto;  font-family: 'Dosis', sans-serif;  font-size:12px; text-align:justify; line-height:15px}

/*Vendas*/
.esquerda_vendas{float:left; width:95%; height:auto; margin-left:3%}
.direita_vendas{float:left; width:95%; margin-left:3%; margin-top:6%; height:auto;}
.txt_vendas{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; margin-bottom:15px; width:100%}
.txt_orcamento{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; margin-bottom:5px}

.tit_vendas{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333; margin-top:10px}
.tit_orcamento{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333;}

.item_vendas{float:left; width:100%; height:auto; margin-bottom:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#333}
.hardware{float:left; width:300px; height:auto; margin-right:20px}
.software{float:left; width:280px; height:auto}

.campo_formulario_orcamento{ float:left; width:97%; text-align:left; margin-top:10px; height:auto;}
.format_form_orcamento{ width:99%; height:30px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.format_form_orcamento2{ width:101%; height:30px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.mensagem2{ float:left; width:96%; text-align:left; margin-top:20px; height:auto; }
.format_form_orcamento3{ width:100%; height:70px; border-radius:5px;border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.enviar_orcamento{ float:left; width:100%; height:auto; text-align:left; margin-top:22px;}
.btenviar_orcamento{ float:left; width:80px; height:30px; border:none; background-color:#d8ac36;font-family: 'Oswald', sans-serif;font-size:20px; text-transform:uppercase; color:#fff; cursor:pointer;}

.voltar{ float:left; width:100%; height:auto; text-align:center; font-family:Arial; font-size:12px; color:#666; margin-bottom:15px; text-decoration:underline}

.logo_parceiros{ float:left; width:98%; height:auto; margin-right:20px; margin-bottom:20px;}

}
	
/*Tablet*/
@media (min-width: 561px) and (max-width: 768px) {
	
.visible-desktop {display:none; }
.visible-tablet {display:block; }


header{ float:left; width:100%; height:auto; background-color:#fff; padding-top:2%; padding-bottom:2%}
#logo{ float:left; width:100%; text-align:center }
#header_interna{ margin:auto; width:100%; height:auto; background-color:#fff;}
.redes_sociais{ float:left; width:68%;  margin-top:0%; height:auto; padding-bottom:10px; padding-top:10px;  color:#fff; text-align:left; margin-left:-0px;}
.rede_social{ float:left; width:30px; height:auto; margin-right:7px;}
.rede_social3{ float:left; width:30px; height:auto; }

#banner{ padding-top:0px; margin-bottom:3em; margin-top:0%; }

.telefone_mobile{ float:left; width:80%; margin-left:10%; text-align:center; margin-top:8%; margin-bottom:3%; font-family: 'Dosis', sans-serif; font-size:18px;}



.bloco_contato{float:left; width:84%; margin-left:8%; height:auto;  background-color:#fff; margin-bottom:0px; margin-top:15px;  }
.itens_contato{ float:left; width:100%; height:auto; text-align:left; font-family:arial; font-size:13px; margin-bottom:10px; color:#333}
.titulo_caixa_contato{ float:left; width:100%; height:auto; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px;  color:#111; font-weight:normal; border-bottom:1px #333 solid; padding-bottom:3%; margin-bottom:15px;}
.blocofooter{ float:left;  float:left; width:98%; margin-left:1%; height:auto; padding-bottom:15px; background-color:#fff; margin-bottom:10px; margin-top:13%; border-top:2px #333 solid;  }
.itens_footer{ float:left; width:100%; height:auto; text-align:left; font-family:arial; font-size:11px;  color:#333; margin-top:5%}


footer{ float:left; width:100%; height:20%; background-color:#222; margin-top:15px;}
#footer_interno{ margin:auto; width:100%; height:auto;}
.esquerda_footer{ float:left; width:81%; line-height:20px; margin-left:10%; text-align:center; height:auto;  font-family:arial; font-size:13px; color:#fff; margin-top:15px;}
.direita_footer{ float:left; width:100%; height:auto; text-align:center; font-family:arial; font-size:11px; color:#fff; margin-top:15px;}
.titulos{ float:left; width:100%; height:auto; text-align:center;  font-family: 'Oswald', sans-serif;  color:#333; text-transform:uppercase; font-weight:normal; font-size:26px; margin-top:6%; margin-bottom:6%}

.prorcamento{ float:left; width:100%; background-color:#d1d0d0;margin-bottom:50px; margin-top:100px; padding-bottom:30px;}
.prorcamento2{ float:left; width:100%; background-color:#d1d0d0;margin-bottom:50px; padding-bottom:30px;}

/*Empresa*/
#content_pags{	width:87%; margin-left:5%; float:left; margin-bottom:0.8em; height:auto; margin-top:2%;height:auto; }
.titulos{ float:left; width:100%; height:auto; text-align:center;  font-family: 'Oswald', sans-serif;  color:#333; text-transform:uppercase; font-weight:normal; font-size:26px;}
.caixa_content{ float:left; width:94%; margin-left:3%; height:auto;}
.foto_institucional{ float:left; width:100%; height:auto; margin-bottom:2%; }
.txt_institucional{ font-family:arial; font-size:13px; text-align:justify; line-height:22px; color:#333; float:left; width:100%}


.prservicos_interno{ margin:auto; width:auto;}

/*Serviços*/
.pr_servico{float:left; width:100%; height:auto;}
.caixa_servico{float:left; width:98%; margin-left:0%; height:auto; margin-bottom:6%;}
.foto_servico{float:left; width:100%; height:auto;margin-bottom:10px}
.tit_servico{float:left; width:100%; height:auto; margin-bottom:10px; font-family:'Oswald', sans-serif; text-align:left; text-transform:uppercase; font-size:18px}
.txt_servico{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif;  font-size:12px; text-align:justify; line-height:15px}

/*Vendas*/
.esquerda_vendas{float:left; width:95%; height:auto; margin-left:0%}
.direita_vendas{float:left; width:95%;  margin-top:6%; height:auto;}
.txt_vendas{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; margin-bottom:15px; width:100%}
.txt_orcamento{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; margin-bottom:5px}

.tit_vendas{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333; margin-top:10px}
.tit_orcamento{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333;}

.item_vendas{float:left; width:100%; height:auto; margin-bottom:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#333}
.hardware{float:left; width:300px; height:auto; margin-right:20px}
.software{float:left; width:280px; height:auto}

.campo_formulario_orcamento{ float:left; width:98%; text-align:left; margin-top:10px; height:auto;}
.format_form_orcamento{ width:100%; height:30px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.format_form_orcamento2{ width:100%; height:30px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.mensagem2{ float:left; width:98%; text-align:left; margin-top:20px; height:auto; }
.format_form_orcamento3{ width:98%; height:70px; border-radius:5px;border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.enviar_orcamento{ float:left; width:100%; height:auto; text-align:left; margin-top:22px;}
.btenviar_orcamento{ float:left; width:80px; height:30px; border:none; background-color:#d8ac36;font-family: 'Oswald', sans-serif;font-size:20px; text-transform:uppercase; color:#fff; cursor:pointer;}

.logo_parceiros{ float:left; width:98%; height:auto; margin-right:20px; margin-bottom:20px;}
}

/*Tablet Horizontal*/
@media (min-width: 768px) and (max-width: 801px) {
.visible-desktop {display:none; }
.visible-tablet {display:block; }


header{ float:left; width:100%; height:auto; background-color:#fff; padding-top:2%; padding-bottom:2%}
#logo{ float:left; width:100%; text-align:center }
#header_interna{ margin:auto; width:100%; height:auto; background-color:#fff;}
.redes_sociais{ float:left; width:68%;  margin-top:0%; height:auto; padding-bottom:10px; padding-top:10px;  color:#fff; text-align:left; margin-left:-0px;}
.rede_social{ float:left; width:30px; height:auto; margin-right:7px;}
.rede_social3{ float:left; width:30px; height:auto; }

#banner{ padding-top:0px; margin-bottom:3em; margin-top:0%; }

.telefone_mobile{ float:left; width:80%; margin-left:10%; text-align:center; margin-top:8%; margin-bottom:3%; font-family: 'Dosis', sans-serif; font-size:18px;}


.caixa_home{ float:left; width:84%; margin-left:6%; height:auto; padding-bottom:15px; background-color:#fff; margin-bottom:10px; margin-top:15px;  }	
.caixa_home3{ float:left; width:84%; margin-left:6%; height:auto; padding-bottom:15px; background-color:#fff; margin-bottom:10px; margin-top:15px;  }	
.foto_caixa{ float:left; width:100%; height:auto;}  
.titulo_caixa{ float:left; width:100%; height:auto; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px; margin-top:15px; color:#c19729; font-weight:normal}
.txt_caixa{ float:left; width:100%; height:auto; font-family:arial; font-size:13px; text-align:justify; margin-top:15px; line-height:20px;}
.leiamais_caixa{ background-color:#c19729; float:left; width:30%; padding-left:15px; padding-top:12px; padding-bottom:12px; padding-right:15px;  font-family: 'Dosis', sans-serif; text-transform:uppercase; color:#fff; font-size:15px; margin-top:15px;}
.txt_caixa3{ float:left; width:100%; height:auto; font-family:arial; font-size:13px; text-align:justify; margin-top:15px; line-height:15px; margin-bottom:4px; color:#333}


.bloco_contato{float:left; width:84%; margin-left:8%; height:auto;  background-color:#fff; margin-bottom:0px; margin-top:15px;  }
.itens_contato{ float:left; width:100%; height:auto; text-align:left; font-family:arial; font-size:13px; margin-bottom:10px; color:#333}
.titulo_caixa_contato{ float:left; width:100%; height:auto; text-align:left;  font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:18px;  color:#111; font-weight:normal; border-bottom:1px #333 solid; padding-bottom:3%; margin-bottom:15px;}
.blocofooter{ float:left;  float:left; width:98%; margin-left:1%; height:auto; padding-bottom:15px; background-color:#fff; margin-bottom:10px; margin-top:13%; border-top:2px #333 solid;  }
.itens_footer{ float:left; width:100%; height:auto; text-align:left; font-family:arial; font-size:11px;  color:#333; margin-top:5%}


footer{ float:left; width:100%; height:20%; background-color:#222; margin-top:15px;}

#footer_interno{ margin:auto; width:100%; height:auto;}
.esquerda_footer{ float:left; width:81%; line-height:20px; margin-left:10%; text-align:center; height:auto;  font-family:arial; font-size:13px; color:#fff; margin-top:15px;}
.direita_footer{ float:left; width:100%; height:auto; text-align:center; font-family:arial; font-size:11px; color:#fff; margin-top:15px;}

/*Empresa*/
#content_pags{	width:87%; margin-left:5%; float:left; margin-bottom:0.8em; height:auto; margin-top:2%;height:auto; }
.titulos{ float:left; width:100%; height:auto; text-align:center;  font-family: 'Oswald', sans-serif;  color:#333; text-transform:uppercase; font-weight:normal; font-size:26px;}
.caixa_content{ float:left; width:100%; height:auto;}
.foto_institucional{ float:left; width:100%; height:auto; margin-bottom:2%; }
.txt_institucional{ font-family:arial; font-size:13px; text-align:justify; line-height:22px; color:#333; float:left;}

/*Vendas*/
.esquerda_vendas{float:left; width:95%; height:auto; margin-left:0%}
.direita_vendas{float:left; width:95%;  margin-top:6%; height:auto;}
.txt_vendas{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; margin-bottom:15px; width:100%}
.txt_orcamento{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify; margin-bottom:5px}

.tit_vendas{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333; margin-top:10px}
.tit_orcamento{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif; font-size:16px; text-align:left; text-transform:uppercase; margin-bottom:20px; font-weight:bold; color:#333;}

.item_vendas{float:left; width:100%; height:auto; margin-bottom:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; color:#333}
.hardware{float:left; width:300px; height:auto; margin-right:20px}
.software{float:left; width:280px; height:auto}

.campo_formulario_orcamento{ float:left; width:75%; text-align:left; margin-top:10px; height:auto;}
.format_form_orcamento{ width:95%; height:30px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.format_form_orcamento2{ width:95%; height:30px;  border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0;}
.mensagem2{ float:left; width:78%; text-align:left; margin-top:20px; height:auto; }
.format_form_orcamento3{ width:90%; height:70px; border-radius:5px;border:1px #ccc solid; border-radius:3px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px; background-color:#F0F0F0}
.enviar_orcamento{ float:left; width:100%; height:auto; text-align:left; margin-top:22px;}
.btenviar_orcamento{ float:left; width:80px; height:30px; border:none; background-color:#d8ac36;font-family: 'Oswald', sans-serif;font-size:20px; text-transform:uppercase; color:#fff; cursor:pointer;}
.prservicos_interno{ margin:auto; width:auto;}

/*Serviços*/
.pr_servico{float:left; width:100%; height:auto;}
.caixa_servico{float:left; width:98%; margin-left:0%; height:auto; margin-bottom:6%;}
.foto_servico{float:left; width:100%; height:auto;margin-bottom:10px}
.tit_servico{float:left; width:100%; height:auto; margin-bottom:10px; font-family:'Oswald', sans-serif; text-align:left; text-transform:uppercase; font-size:18px}
.txt_servico{float:left; width:100%; height:auto;  font-family: 'Dosis', sans-serif;  font-size:12px; text-align:justify; line-height:15px}
.logo_parceiros{ float:left; width:98%; height:auto; margin-right:20px; margin-bottom:20px;}

}




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

img.mobile{   max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
img.total{width: 99.999999993%;
    *width: 99.9468085036383%;height: auto;}

}

@media only screen and (min-width: 1280px) {
img.mobile{   max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
img.total{width: 99.999999993%;
    *width: 99.9468085036383%;height: auto;}

}

@media only screen and (max-width: 640px) {
img.mobile{   max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
img.total{width: 99.999999993%;
    *width: 99.9468085036383%;height: auto;}

}