@media only screen and (min-device-width : 10px) and (max-device-width : 768px) {
.menu{
	width:100% !important;
}
.form1{
	width:100% !important;
}
.coluna1,.coluna2,.coluna3{
	float:left !important;
	width:100% !important;
}
.contato{
	background-repeat:repeat;
}
}
@media only screen and (min-device-width : 100px) and (max-device-width : 480px) {
.coluna1,.coluna2,.coluna3{
	float:left !important;
	width:100% !important;
}
body {
    background-color: #fff;
    margin: 0;
}
#container {
    margin: 0 auto;
    width: 100%;
	position:relative;
}
.topo {
    background-color: #f5f6f6;
    background-image: none;
    background-size: 100% auto;
    height: 81px;
    width: 100%;
}
.logo {
    background-image: url("imgs/logo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 230px;
    margin: 0 auto;
    width: 100%;
}
.menu {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
li {
    float: left;
    font-family: Roboto Condensed;
    list-style-type: none;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
li a {
    color: #002f3d;
    text-decoration: none;
}
li a:hover {
    color: #f36e22;
    text-decoration: none;
}
.ativo {
    color: #f36e22;
    text-decoration: none;
}
.meio-empresa {
    color: #002f3d;
    font-family: "Roboto Condensed";
    font-size: 39px;
    font-weight: 300;
    margin-bottom: 0;
    margin-left: auto;
    margin-top: -120px;
    padding: 0px;
    text-align: justify;
    width: 100%;
	margin-right:30px;
}
.logo-empresa {
    background-image: url("imgs/totvs.png");
    float: right;
    height: 119px;
    margin-left: 740px;
    margin-top: -50px;
    position: absolute;
    width: 194px;
}
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6 {
    background-color: hsl(0, 0%, 100%);
    background-size: 100% auto;
    border: 2px solid hsl(24, 100%, 50%);
    float: left;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 9px;
    padding: 20px;
    width: 40px;
}
.meio-empresa h1,.meio-servicos h1,.meio-clientes h1,.meio-contato h1,.titulo-rodape{
font-size:50px !important;
}
.textos-rodape{
font-size:39px;
}
.rodape {
    background: none repeat scroll 0 0 hsl(194, 100%, 12%) !important;
    height: 100% !important;
}
.servicos {
    background-image: url("imgs/tools-sys_03.png");
    float: left;
    font-weight: 300;
    height: 800px;
    margin-top: -90px;
    position: relative;
    width: 100%;
	background-color:#E8E8E8;
}
.box4{
  font-size: 25px;
width:92.5% !important;
background:#fff;
color:#bbb;
}
.box1,.box2,.box3 {
    font-size: 25px;
    height: 30px;
}
.fontecinza{
   font-size: 39px !important;
}
.coluna2 iframe{
height:500px;
}
.titulo-laranja {
    color: #f36e22;
}
.meio-servicos {
    color: #002f3d;
    font-family: "Roboto Condensed";
    font-size: 39px;
    font-weight: 300;
    height: 100%;
    margin-top: 70px;
    padding: 0 20px 20px;
    text-align: justify;
    width: auto;
}
.clientes {
    background-image: url("imgs/tools-sys_04.png");
    background-position: 0 -131px;
    float: left;
    /*height: 360px;*/
	height:auto;
    margin-top: 0;
    padding-top: 40px;
    position: relative;
    width: 100%;
}
.meio-clientes {
    color: #f36e22;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: 300;
    margin: 0 auto;
    padding: 20px;
    width: auto;
	text-align:center;
}
.logos {
    margin: 0 auto;
    width: 100%;
}
.clientes{
background:#002f3d !important;
}
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6{
height:220px;
width:220px;
float:left;
}
/*
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6 {
    background-color: #fff;
    background-size: 100% auto;
    border: 2px solid #f60;
    float: left;
    height: 400px;
    margin-bottom: 10px;
    margin-right: 9px;
    padding: 20px;
    width: 400px;
}
*/
.logo1 {
    background-image: url("clientes-imgs/clientes_03.png");
}
.logo2 {
    background-image: url("clientes-imgs/clientes_05.png");
}
.enviar {
}
.logo3 {
    background-image: url("clientes-imgs/clientes_07.png");
}
.logo4 {
    background-image: url("clientes-imgs/clientes_12.png");
}
.logo5 {
    background-image: url("clientes-imgs/clientes_13.png");
}
.logo6 {
    background-image: url("clientes-imgs/clientes_14.png");
}
.contato {
    background-color: #e6e7e8;
    background-image: url("imgs/tools-sys_05.png");
    background-repeat: no-repeat;
    float: left;
    height: auto;
    padding-top: 120px;
    position: relative;
    width: 100%;
}
.meio-contato {
    color: #0e2f3d;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: 300;
    margin: -100px auto 0;
    padding: 20px;
    width: auto;
}
.rodape {
    background-color: #002f3d;
    background-image: url("imgs/tools-sys_06.png");
    background-position: center top;
    background-repeat: no-repeat;
    border: medium none;
    float: left;
    height: 580px;
    padding-bottom: 13px;
    padding-top: 40px;
    position: relative;
    width: 100%;
}
.meio-rodape {
    color: #f36e22;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: 300;
    margin: 0 auto;
    padding: 20px;
    width: auto;
}
.form {
    float: left;
    width: 100%;
}
.form1 {
    float: left;
    width: 100% !important;
}
.box1 {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 12px;
    width: 90%;
}
.box2 {
    border: medium none;
    border-radius: 0;
    height: 132px;
    margin-bottom: 20px;
    padding: 12px;
    width: 90%;
	resize:none;
}
.box3 {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 12px;
    width: 90%;
}
.box4 {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 12px;
    width: 99%;
}
.enviar {
    background-color: #1c71b9;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 14px;
    height: 30px;
    margin-right: 3px;
    width: 100px;
}
.titulo-rodape {
    color: #ed6d33;
    font-size: 20px;
    font-style: italic;
    text-transform: uppercase;
}
.coluna1 {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.coluna2 {
    float: left;
    margin-bottom: 40px;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.fontecinza {
    color: #666;
    font-size: 20px;
}
.coluna3 {
    float: left;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.textos-rodape {
    color: #fff;
    font-weight: lighter;
}
.centro-rodape {
}
h1 {
    font-size: 30px;
    font-weight: 400;
	text-align:center;
}
.slider-home {
    margin-top: 79px;
    position: absolute;
    /*width: 320px;*/
	width:100%;
    z-index: -99999;
}
.empresa {
    background-color: #f36e22;
    float: left;
    height: 555px;
    margin-top: 0;
    position: relative;
    width: 100%;
}
.base-slider {
    background-image: url("imgs/tools-sys_01.png");
    background-position: 0 -588px;
    float: left;
    height: 178px;
    margin-top: 500px;
    position: relative;
    width: 100%;
}
.meio-contato {
    margin-top: 50px;
}
.meio-empresa{
	margin-top:-50px !important;
	font-size:39px !important;
	height:600 !important;
}

.topo{
	position:absolute;
}
.empresa {
    background-color: #f36e22;
    float: left;
    height: 600px !important;
    margin-top: -10px;
    position: relative;
    width: 100%;
	padding-top:15px;
}
.servicos{
	 background-size: 100% auto;
	 background-repeat: no-repeat;
	 margin-top:-5px;
}
.meio-servicos{
	margin-top:180px !important;
font-size:39px;
}
.clientes{
margin-top:50px;
}
#wowslider-container1 .ws_bullets a.ws_overbull > span, #wowslider-container1 .ws_bullets a.ws_selbull > span {
    margin-top: -100px !important;
	max-width:320px !important;
}
#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	top:30% !important;
}
.topo{
	background:none;
}
.navegacao{
	display:none !important;
}
.rmm.graphite{
	display:block !important;
	float:right;
}
}
@media only screen and (min-device-width : 430px) and (max-device-width : 640px) {
.base-slider{
	margin-top:230px !important;
}
}
@media only screen and (min-device-width : 640px) and (max-device-width : 768px) {
.base-slider{
	margin-top:345px !important;
}
}
@media only screen and (min-device-width : 481px) and (max-device-width : 768px) {
.navegacao{
	display:none !important;
}
.rmm.graphite{
	display:block !important;
	float:right;
}	body {
    background-color: #fff;
    margin: 0;
}
#container {
    margin: 0 auto;
    width: 100%;
	position:relative;
}
.topo {
    background-color: #f5f6f6;
    background-image: none;
    background-size: 100% auto;
    height: 81px;
    width: 100%;
}
.box4{
	width:94% !important;
}
.enviar{
	margin-right:6.7% !important;
}
#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	top:25% !important;
}
/*.base-slider{
	margin-top:345px !important;
}*/
/*.logo {
    background-image: url("imgs/logo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 400px;
    margin: 0 auto;
    width: 100%;
}*/
.menu {
/*    display: none;*/
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.rmm li,li {
    float: left;
    font-family: Roboto Condensed;
    list-style-type: none;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
li a {
    color: #002f3d;
    text-decoration: none;

}
li a:hover {
    color: #f36e22;
    text-decoration: none;
}
.ativo {
    color: #f36e22;
    text-decoration: none;
}

.logo-empresa {
    background-image: url("imgs/totvs.png");
    float: right;
    height: 119px;
    margin-left: 45px;
    margin-top: 15px;
    position: absolute;
    width: 194px;
}
.servicos {
    background-image: url("imgs/tools-sys_03.png");
    float: left;
    font-weight: 300;
    height: 650px;
    margin-top: -90px;
    position: relative;
    width: 100%;
}
.titulo-laranja {
    color: #f36e22;
}
.meio-servicos {
    color: #002f3d;
    font-family: "Roboto Condensed";
    font-size: 39px;
    font-weight: 300;
    height: 100%;
    margin-top: 70px;
    padding: 0 20px 20px;
    text-align: justify;
    width: auto;
}
.clientes {
    background-image: url("imgs/tools-sys_04.png");
    background-position: 0 -131px;
    float: left;
    /*height: 360px;*/
	height:auto;
    margin-top: 0;
    padding-top: 40px;
    position: relative;
    width: 100%;
}
.meio-clientes {
    color: #f36e22;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: 300;
    margin: 0 auto;
    padding: 20px;
    width: auto;
}
.logos {
    margin: 0 20px;
    width: 100%;
}
/*
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6 {
    background-color: #fff;
    background-size: 100% auto;
    border: 2px solid #f60;
    float: left;
    height: 400px;
    margin-bottom: 10px;
    margin-right: 9px;
    padding: 20px;
    width: 400px;
}*/
.logo1 {
    background-image: url("clientes-imgs/clientes_03.png");
}
.logo2 {
    background-image: url("clientes-imgs/clientes_05.png");
}
.enviar {
}
.logo3 {
    background-image: url("clientes-imgs/clientes_07.png");
}
.logo4 {
    background-image: url("clientes-imgs/clientes_12.png");
}
.logo5 {
    background-image: url("clientes-imgs/clientes_13.png");
}
.logo6 {
    background-image: url("clientes-imgs/clientes_14.png");
}
.contato {
    background-color: #e6e7e8;
    background-image: url("imgs/tools-sys_05.png");
    background-repeat: no-repeat;
    float: left;
    height: auto;
    padding-top: 120px;
    position: relative;
    width: 100%;
}
.meio-contato {
    color: #0e2f3d;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: 300;
    margin: -100px auto 0;
    padding: 20px;
    width: auto;
}
.rodape {
    background-color: #002f3d;
    background-image: url("imgs/tools-sys_06.png");
    background-position: center top;
    background-repeat: no-repeat;
    border: medium none;
    float: left;
    height: 580px;
    padding-bottom: 13px;
    padding-top: 40px;
    position: relative;
    width: 100%;
}
.meio-rodape {
    color: #f36e22;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: 300;
    margin: 0 auto;
    padding: 20px;
    width: auto;
}
.form {
    float: left;
    width: 100%;
}

.box1 {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 12px;
    width: 90%;
}
.box2 {
    border: medium none;
    border-radius: 0;
    height: 132px;
    margin-bottom: 20px;
    padding: 12px;
    width: 90%;
	resize:none;
}
.box3 {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 12px;
    width: 90%;
}
.box4 {
    border: medium none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 12px;
    width: 99%;
}
.enviar {
    background-color: #1c71b9;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 14px;
    height: 30px;
    margin-right: 3px;
    width: 100px;
}
.titulo-rodape {
    color: #ed6d33;
    font-size: 20px;
    font-style: italic;
    text-transform: uppercase;
}
.coluna1 {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.coluna2 {
    float: left;
    margin-bottom: 40px;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.fontecinza {
    color: #666;
    font-size: 20px;
}
.coluna3 {
    float: left;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.textos-rodape {
    color: #fff;
    font-weight: lighter;
}
.centro-rodape {
}
h1 {
    font-size: 30px;
    font-weight: 400;
	text-align:center;
}
.slider-home {
    margin-top: 79px;
    position: absolute;
    /*width: 320px;*/
	width:100%;
    z-index: -99999;
}
/*.empresa {
    background-color: #f36e22;
    float: left;
    height: 408px;
    margin-top: 0;
    position: relative;
    width: 100%;
}*/
.base-slider {
    background-image: url("imgs/tools-sys_01.png");
    background-position: 0 -588px;
    float: left;
    height: 178px;
    margin-top: 130px;
    position: relative;
    width: 100%;
}
#wowslider-container1 .ws_bullets a.ws_overbull > span, #wowslider-container1 .ws_bullets a.ws_selbull > span {
    margin-top: -100px !important;
	max-width:320px !important;
}
#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	top:30% !important;
}
}

/* CSS Document */

/* CSS Document */