@charset "utf-8";

/************************************
	NEXAL TECNOLOGIA 
	Data:05/02/2013
	Desenvolvido por: Nexal Tecnologia
	www.nexal.com.br
*************************************/
@font-face {
		font-family: 'FuturaMdCnBT';
		src: url('fonts/futuraMdCnBTMedium.eot'); /* Para o IE 9 */
		src:url('fonts/futuraMdCnBTMedium.eot?#iefix') format('embedded-opentype'), /*IE 8 e inferior */
				url('fonts/futuraMdCnBTMedium.woff') format('woff'), /* navegadores modernos */
				url('fonts/futuraMdCnBTMedium.ttf') format('truetype'), /* Safari, Android */
				url('fonts/futuraMdCnBTMedium.svg#FuturaMdCnBT') format('svg'); /* dispositivos m�veis */
		font-weight: normal;
		font-style: normal;
}
a{
  text-decoration:none;
}
.futuraMd{
	font-family: "FuturaMdCnBT";
}
.trebuchetMS{
	font-family: "Trebuchet MS";
}
.clear{
	clear:both;
}
.sprite {
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
}
.color999 {
	color: #999;
}
.size22 {
	font-size: 22px;
}
.size16 {
	font-size: 16px!important;
}
.menuTopo{
	width: 464px;
	height: 66px;
}
.btnPortfolioTopo a{
	width: 62px;
	height: 30px;
	color: #999;
	font-size: 22px;
	font-weight: normal;
}
.btnNoticiaTopo a{
	width: 58px;
	height: 30px;
	color: #999;
	font-size: 22px;
	font-weight: normal;
}
.btnPortfolioTopo{
	margin: 18px 0 0 15px;
}
.btnNoticiaTopo{
	margin: 18px 8px 0 23px;
}
.btnPortfolioTopo a:hover, .btnNoticiaTopo a:hover{
	color: #1372AB;
}
.tituloNoticiasHome{
	color: #1372AB;
	font-size: 26px;
}

.tiruloNoticiaHome a{
	color: #999;
	font-size: 18px;
  text-decoration: none;
}

.tiruloNoticiaHome a:hover{
	color: #666;
}
.sombraRodape{
	width: 100%;
	height: 7px;
	background:url(../img/sombra_rodape_megabanner.png) no-repeat center top;
	margin: 30px 0 0 0;
}
.cnpj {
	color: #999;
	font-size: 18px;
}
.fraseEmpresa{
	color: #a6a6a6;
	font-size: 24px;
	margin: 10px 0 0 0;
	font-style: italic;
}
.autorfraseEmpresa{
	color: #666;
	font-size: 20px;
	margin: 6px 0 0 0;
	font-style: italic;
}
.title-text-page{
	color: #666;
  font-size: 24px;
  font-family: "FuturaMdCnBT";
}
.textoQuemSomos{
	color: #a5a5a5;
	font-size: 18px;
	line-height: 23px;
	text-align:justify;
  margin: 10px 0 0 0;
  font-family: "FuturaMdCnBT";
}
.boxLike{
	width: 260px;
	margin: 30px 0 0 0;
}
.descricaoDepoimentos{
	color: #A5A5A5;
	font-size: 18px;
	line-height: 23px;
	text-align: justify;
	margin: 20px 0 0 0;
}

.conteudoSolucao{
	margin: 20px 0 0 0px;
	font-size: 18px;
	color: #A5A5A5;
	text-align: justify;
}
.tituloClientePortfolioAberto{
	color: #8a8a8a;
	font-size: 30px;
	margin: 14px 0;
}

.textoClientePortfolioAberto{
	color: #8a8a8a;
	font-size: 20px;
	text-align: justify;
}
.tituloNoticia{
	color: #a6a6a6;
	font-size: 30px;
	margin-bottom: 15px;
}
.resumoNoticia{
	color: #a6a6a6;
	font-size: 18px;
	text-align: justify;
	margin: 10px 0 0 0;
}
.vermaisNoticia{
	color: #1372AB;
	font-size: 22px;
	margin: 10px 0 0 0;
}





/*------------------------ CONTE�DO ------------------------*/
.controlaConteudo{
	width: 960px;
	height: auto;
	margin: 0 auto;
}




.tituloTrabalhe{

	width: 767px;

	height: 158px;

	display: block;

	background-position: -920px -556px;

	margin: 0 0 -10px 8px;

}

.tituloContato{

	width: 380px;

	height: 130px;

	display: block;

	background-position: -920px -130px;

	margin: 0 0 15px -5px;

}

.controlaContato{

	width:470px;

}

.controlaTrabelhe{

	width:470px;

}

.controlaFormContato{

	width:650px;

	height: 550px;

}

.controlaFormOrc{

	height: 650px;

	padding: 0 0 0 10px;

}
.mapaGmaps{

	width: 400px;

	height: 300px;

	margin: 5px 0 0 5px;

}

.controlaVerMapa{

	width: 400px;

	height: auto;

	padding: 10px 0 0 0;

}

.verMapaAmpliado a{

	width: 400px;

	height: auto;

	color: #1372AB;

	font-size: 18px;

}







/*------------------------ RODAP� ------------------------*/






.codAreaRodape{

	width: 18px;

	height: 24px;

	color: #1372AB;

	font-size: 18px;

	margin: 8px 0 0 0;

}

.telefoneRodape{

	width: 100px;

	height: 34px;

	color: #1372AB;

	font-size: 28px;

}

/**css menu drop dow***/

#cssmenu ul { margin: 0; padding: 0;}

#cssmenu li { margin: 0; padding: 0;}

#cssmenu a { margin: 0; padding: 0;}

#cssmenu ul {list-style: none;}

#cssmenu a {text-decoration: none;}

#cssmenu {

	width: 65px;

	margin: 0 0 0 14px;

	

}

#cssmenu > ul > li {

		float: left;

    position: relative;

    height: 30px; 

    margin: 18px 0 0 0;

    padding: 0 0 20px 0;		

    z-index: 100;

}



#cssmenu > ul > li > a {

    color: rgb(160,160,160);

-webkit-transition: color .15s;

   -moz-transition: color .15s;

     -o-transition: color .15s;

        transition: color .15s;

}



#cssmenu > ul > li > a:hover {color: #1372AB; }



#cssmenu > ul > li > ul {

		background: url(../img/bulletMenu.png) no-repeat;		

    opacity: 0;

    visibility: hidden;

    padding: 16px 0 20px 0;

    background-color: rgb(239,239,239);

    text-align: left;

    position: absolute;

    top: 55px;

    left: 50%;

    margin-left: -70px;

    width: 150px;

-webkit-transition: all .3s .1s;

   -moz-transition: all .3s .1s;

     -o-transition: all .3s .1s;

        transition: all .3s .1s;

-webkit-border-radius: 5px;

   -moz-border-radius: 5px;

        border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

        box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}



#cssmenu > ul > li:hover > ul {

    opacity: 1;

    top: 48px;

    visibility: visible;

    background-color: rgb(239,239,239);

    position: absolute;

    z-index: 100;

    

}



#cssmenu > ul > li > ul:before{

    content: '';

    display: block;

    position: absolute;

    top: -20px;

    left: 50%;

    margin-left: -10px;

    z-index: 100;

}

#cssmenu > ul ul > li { position: relative;



}



#cssmenu ul ul a{

    color: #999999;

    font-family: "FuturaMdCnBT";

    font-size: 18px;

    background-color: rgb(239,239,239	);

    padding: 5px 8px 7px 16px;

    display: block;

-webkit-transition: background-color .1s;

   -moz-transition: background-color .1s;

     -o-transition: background-color .1s;

        transition: background-color .1s;

        margin: 3px 0 2px 0;

}





#cssmenu ul ul ul {

    visibility: hidden;

    opacity: 0;

    position: absolute;

    top: -16px;

    left: 206px;

    padding: 16px 0 20px 0;

    background-color: rgb(250,250,250);

    text-align: left;

    width: 160px;

-webkit-transition: all .3s;

   -moz-transition: all .3s;

     -o-transition: all .3s;

        transition: all .3s;

-webkit-border-radius: 5px;

   -moz-border-radius: 5px;

        border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

        box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}





#cssmenu ul ul a:hover{

    background: url(../img/bulettHover.png) no-repeat;

    margin: 3px 0 2px 3px;

}

.linha {

	background: #999999;

	width: 130px;

	height: 1px;

	margin:  auto;

}



	

/* MAIN NAVIGATION */	



#voltar a{  

	width: 50px;

	font-size: 18px;

	color: #1372AB;

}

#voltar{  

margin: 10px 0 0 0;

}

.legendaCamposForm {

	width: 90px;

	height: 29px;

	font-family: "FuturaMdCnBT";

	font-size: 22px;

	color: #1372AB;

	text-align: right;

	margin: 9px 10px 0 0;

}

.legendaCampos {

	height: 29px;

	font-family: "FuturaMdCnBT";

	font-size: 22px;

	color: #1372AB;

}

.legendaCamposOrc {

	width: 130px;

	height: 29px;

	font-family: "FuturaMdCnBT";

	font-size: 22px;

	color: #1372AB;

	text-align: right;

	margin: 9px 10px 0 0;

}

#ctrChekBob{

	margin: 15px 0 0 6px;

}

.form {

	background: url(../img/bkgContato.png) no-repeat;

	width: 330px;

	height: 34px;

	border: 0; 

	padding: 2px 15px;

	font-family: "FuturaMdCnBT";

	font-size: 18px;

	color: #666;

}

.formOutros {

	background: url(../img/bkgOutros.jpg) no-repeat;

	width: 240px;

	height: 34px;

	border: 0; 

	padding: 2px 15px;

	font-family: "FuturaMdCnBT";

	font-size: 18px;

	color: #666;

}	

.formArqi {

	background: url(../img/bkgContato.png) no-repeat;

	width: 330px;

	height: 34px;

	border: 0; 

	padding: 2px 15px;

	font-family: "FuturaMdCnBT";

	font-size: 18px;

	color: #666;

}	

.ctrlConAr {

	height: 45px;

}

.formMsg {

	background: url(../img/bkMensagem.png) no-repeat;

	width: 330px;

	height: 137px;

	border: 0; 

	padding: 10px 15px;

	font-family: "FuturaMdCnBT";

	font-size: 18px;

	color: #666;

}	

#btnEnviar{

	margin: 15px 20px 0 0;

}

#btnEnviarorc{

	margin: 15px 230px 0 0;

}



  div#container { width: 322x; margin: 0 auto; padding: 3px 0; margin-bottom: 3px;	 }

    

    

  div.side-by-side { width: 100%; }

 div.side-by-side > div { float: left; width: 50%; }

 div.side-by-side > div > em { margin-bottom: 10px; display: block; }

 .clearfix:after {

  content: "\0020";

  display: block;

  height: 0;

  clear: both;

  overflow: hidden;

 	visibility: hidden;

 }

 .chzn-container-single .chzn-single span {

	font-family: "FuturaMdCnBT";

  font-size: 18px;

  color: #666;

}

.chzn-container .chzn-results {

	font-family: "FuturaMdCnBT";

  font-size: 18px;

  color: #666;

}



#div-input-file{

	background:url(../img/file1.png) no-repeat 100% 1px;

	height:34px;

	width:455px;

	margin:0px;

	cursor: pointer;

}

#div-input-file #file-original{

	opacity: 0.0;

	-moz-opacity: 0.0;

	filter: alpha(opacity=00);

	font-size:18px;

	margin: -30px 0 0 0;

	cursor: pointer;

}

#div-input-falso{

	margin-top:-37px;

	height: 34px;

}

#div-input-falso #file-falso{

	width:276px;

	height:34px;

	font-size:18px;

	font-family: "FuturaMdCnBT";

	background: url(../img/upload.png) no-repeat scroll 0 0;

	border: 0;

	padding: 2px 0 0 18px;

	cursor: pointer;

	color: #666666;

}



.squaredFour {	

	margin: 20px auto;

	position: relative;

}



.squaredFour label {

	cursor: pointer;

	position: absolute;

	width: 20px;

	height: 20px;

	top: 0;

  left: 0;

	border-radius: 4px;



	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

	background: #fcfff4;



	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

}



.squaredFour label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	content: '';

	position: absolute;

	width: 9px;

	height: 5px;

	background: transparent;

	top: 4px;

	left: 4px;

	border: 3px solid #1372AB;

	border-top: none;

	border-right: none;



	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.squaredFour label:hover::after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	filter: alpha(opacity=30);

	opacity: 0.5;

}



.squaredFour input[type=checkbox]:checked + label:after {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

}

.teste2 {

	color: #666666;

	font-size: 16px;

	margin: 4px 0 0 0;

}

#left {

	width: 230px;

	margin: 0 20px 0 140px;

}

#right {

	width: 420px;

}

.campoMensagemForm  {

	margin: -3px 0 0 0;

}

.campoSimplesOutros  {

	margin: -5px 0 0 0;

}

.ctrOutros {

	margin: 0 0 0 -5px;	

}