@media screen and (max-width:1200px){

/* #selo1{display:inline;float:left;margin-top:22px;margin-left:30px;height: 63px;width:64px;} */
#selo1{
  display:none;
}

    #logobco3{

    	display:none;
    }

    #menusup{
      display:none !important;
    }
    #ctn-busca{
      display:none !important;
    }
    #ctn-barrasuperior{
      text-align: center !important;
      width:100%;
    }
    #logo{
      margin-left:30px;
    }
    #menum{
      float:right;
      margin-right:20px;
      margin-top:40px;
      cursor: pointer;
      display:block;
    }
    #ctn-menuindex{
width: 100%;
    }
    #ctn-menuindexf{
    }

    #ctn-menuindexa, #ctn-menuindexc,#ctn-menuindexd,#ctn-menuindexb{
    	width:30%;
      margin-left:70%;
      height:80px;
      	margin-top:10px;
    }
    #ctn-menuindexa:hover,#ctn-menuindexb:hover,#ctn-menuindexc:hover,#ctn-menuindexd:hover{
      width: 40%;
    }




    #ctn-menuindexa{
    	background: url("../images/menu-mobile.png") 0 -9px  no-repeat, url("../images/bg.png");
    }

    #ctn-menuindexb{
    	background: url("../images/menu-mobile.png") 0 -107px no-repeat, url("../images/bg.png");
    }

    #ctn-menuindexc{
    	background: url("../images/menu-mobile.png") 0 -202px no-repeat, url("../images/bg.png");
    }

    #ctn-menuindexd{
    	background: url("../images/menu-mobile.png") 0 -301px no-repeat, url("../images/bg.png");
    }
    #logo{
      margin-top:20px !important;
      width:150px;
    }

    #menuindex{
    	height:490px;
    }

    #ctn-barrasuperior{
    	height:90px;
    }
    .box{
      background-image: url('../images/capa10.jpg') !important;
    }

    #ctn-tel{
      width:205px;
      height:30px;
      margin-left:auto;
      margin-right:auto;
      margin-top:40px;
      margin-bottom:40px;
      display: block;
    }
    #ctn-barrainf{
      display:none;
    }
    #lk8{ background: url("../images/icos-peq.png") no-repeat; background-position: -81px 0;width:27px; height:26px; float:left; }
    #lk9{ width: 175px; float:left; }
    .spnazul1{margin-top:5px;margin-right:5px;margin-left:15px;}

    #ctn-int-solucoes,#ctn-int-solucoes2,#ctn-int-tipos,#ctn-int-fases,#ctn-int-produtos,#ctn-int-institucional,#ctn-int-lojas{
    	width:100%;
    }




    #barra-tipos{  background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 -110px no-repeat, url("../images/bg.png"); background-size: 300px auto; }
    #barra-fases{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 -170px no-repeat, url("../images/bg.png"); background-size: 300px auto; }
    #barra-produtos{ background: url("../images/bt-page.png") 0 -300px no-repeat, url("../images/bg.png"); }
    #barra-institucional{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 3px no-repeat, url("../images/bg.png"); background-size: 300px auto; }
    #barra-lojas{ background: url("../images/bt-page.png") 0 -500px no-repeat, url("../images/bg.png"); }
    #barra-contato{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 -342px no-repeat, url("../images/bg.png"); background-size: 300px auto; }
    #barra-institucional2{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 -227px no-repeat, url("../images/bg.png"); background-size: 300px auto;  }
    #barra-sol2{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 -55px no-repeat, url("../images/bg.png"); background-size: 300px auto; }
    #barra-sol3{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bt-page.png") 0 -400px no-repeat, url("../images/bg.png"); background-size: 300px auto; }
    #barra-sol4{ background-size: 300px auto;  width:90%;  height:60px;  margin-top:155px; background: url("../images/bg.png"); background-size: 300px auto; }

    #barra-sol4 p{
    	color:#FFF;
    	font-size: 26px;
    	margin-top:15px;
    	margin-left:20px;
    }

    #ctn-desc-solucoes, #ctn-desc-solucoes2,#ctn-desc-solucoes3, #ctn-desc-tipos,#ctn-desc-tipos2, #ctn-desc-fases, #ctn-desc-fases2, #ctn-desc-produtos, #ctn-desc-institucional, #ctn-desc-institucional2,#ctn-desc-institucional3,#ctn-desc-institucional4, #ctn-desc-lojas{
    	width:100%;
    	margin-left:auto;
    	margin-right:auto;
    	margin-top:30px;
    	margin-bottom:30px;
    }

    #desc-solucoes,#desc-solucoes2,#desc-tipos,#desc-fases,#desc-fases2,#desc-produtos,#desc-institucional,#desc-institucional2,#desc-institucional3,#desc-institucional4,#desc-lojas{
    	width:90%;
    	min-height:100px;
    	float:right;
    	margin-right:5%;
    	margin-top:30px;
    	margin-bottom:30px;
    }


    .tipojunta{
    		width: 100%;
    		min-height: 192px;
    		float: right;
    		margin-bottom:5px;
    }

    .ctntipojunta{
    		width: 100%;
    		min-height: 192px;
    		float: right;
    		margin-bottom:50px;
    }
.ctntipojunta p{
  width:90%;
  margin-left:5%;
}
    .barratipojunta{
        float:right;
    		width:95%;
    		margin-top:157px;
    		height: 35px;
    		float:right;
    		background: url("../images/bg.png");
        margin-bottom:15px;
    }

    .barratipojunta h2{
    		font-size: 16px;
    		color:#FFF;
    		margin-top:8px;
    		margin-left:30px;
    }

    #nome, #email, #telefone, #loja, #endereco, #municipio{
    	background-color:#FFF;
    	width:100%;
    	height:30px;
    	border:0px solid;
    	margin-bottom:10px;
    }

    #ctn-int-contato{
    	width:1300px;
    	height:100%;
    	margin-left:auto;
    	margin-right:auto;
    }

    #formcontato{
    	float:right;
    	width:90%;
      margin-right:5%;
    	margin-top:40px;
    }

    #formcontato2{
    	float:right;
    	width:90%;
    	margin-top:20px;
    }
    #formcontato3{
    	float:right;
    	width:55%;
    }
    #formcontato label{
    	width:100%;
    	font-size:16px;
    	color:#FFF;
    	display: inline-block;
    }

    #formcontato p{
    	color:#FFF !important;
    	float:left;
    	width:40%;
    }


    #formfone{
    	float:right;
    	width:90%;
      margin-left:5%;
    /*	height:150px; */
    	margin-top:40px;
    	margin-bottom:40px;
    }


    #formfone2{
    	float:right;
    	width:30%;
    	margin-right:5%;
    }

    #formfone p{
    	color:#FFF;
    	font-size:20px;
    }

    #descreva{
    	background-color:#FFF;
    	/*width:87.7%;*/
    	width:100%;
    	height:100px;
    	border:0px solid;
    	margin-bottom:8px;
    }

    #btnenviar{
    	background-color:#004179;
    	width:100%;
    	height:60px;
    	border:0px solid;
    	margin-bottom:50px;
    	color:#FFF;
    }

    #ctn-int-contato{
    	width:100%;
    	height:100%;
    	margin-left:auto;
    	margin-right:auto;
    }


    #formorcamento label{
    	width:100%;
    	display: block;
    }

    #formorcamento input{
    	width:100%;
    	display: block;

    	background-color: #DFDFDF;
    	height:30px;
    	color:#333;
    }

    #formorcamento textarea{
    	width:100%;
    	display: block;
    	background-color: #DFDFDF;
    	height:150px;
    	color:#333;
    }

    #formorcamento select{
    	width:100%;
    	height:30px;
    	display: block;
    	background-color: #DFDFDF;
    	color:#333;
    }
    #btnenviar2{
      width:100% !important;
    }

}

@media screen and (max-width:527px){
  #tj1{	background-image: url("../images/tipo-o12.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj2{	background-image: url("../images/tipo-o22.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj3{	background-image: url("../images/tipo-o32.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj4{	background-image: url("../images/tipo-o35.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj5{	background-image: url("../images/tipo-m22.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj6{	background-image: url("../images/tipo-m35.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj7{	background-image: url("../images/tipo-i12.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj8{	background-image: url("../images/tipo-i22.jpg");	background-repeat: no-repeat; background-size: 100% auto;}
  #tj9{	background-image: url("../images/tipo-ar25.jpg");	background-repeat: no-repeat; background-size: 100% auto;}

}

@media screen and (max-width:350px){
  #selo1{display:none;}#selo2{display:none;}
}


@media screen and (max-width:836px){
  #outras-juntas-mobile{
    display: block;
    width: 100%;
  }
  #outras-juntas{
    display: none;
  }
}