@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

/**--GERAL--**/

body { background: url(../imagens/bgfundo.jpg) top center repeat-x #f7f7f7; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0px; text-align: justify }

	
/**--CLASSES FORMAT--**/

.format {display: block; overflow: hidden; text-indent: -9999px; margin: 0}
.button{margin:auto auto;text-align:center;width:120px;height:100px;color:#FFFFFF;cursor:pointer;}

/**--PRODUTOS--**/

.listar-produtos { width: 23%; height: auto; margin: 0 5px 5px 5px; border: 1px #666 solid; height: auto; float: left;  z-index: 1}
.listar-servicos { width: 280px; height: 200px; margin: 10px; height: auto; float: left;}
.listar-portfolio { width: 210px; height: auto; margin: 5px; height: auto; float: left;}
.listar-portfolio img{ border-radius:10px}
.listar-portfolio img:hover{ -webkit-filter: grayscale(1);
    filter: grayscale(1);}


.listar-produtos: a.listar-produtos img { overflow: hidden; }
.listar-produtos: hover {border: 1px #CCC solid  }
.listar-produtos: hover img { margin: 0px;}


.textos_p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000}



/**--FORMATAÇÃO DA PÁGINA--**/
	
#topo {
	width: 1000px;
	margin: 0 auto;
	height: auto;
	vertical-align:top;
	}
    #topo .container {
	width: 1000px;
	height: 180px;
	margin: 0 auto;
	position: relative
}
	
	#topo .logo {
	width: 1000px;
	height: auto;
	position:absolute;
	left:auto;
	margin: 0 auto;
	padding: 0px;

    }
	#topo .container .menu {
	width: 706px;
	height: 70px;
	position:absolute;
	left: 286px;
	top: 60px;
    }
	
	
	
	#topo .container .menu .imagens { width: 175px; float: left; display: block; margin: 0; padding: 0; border: 0}
	#topo .container .menu .imagens a:hover{	opacity: 0.5;}


#conteudo {
	width: auto;
	margin: auto;
	height: auto;
	padding: 0px;
	vertical-align: top;
	}
	
    #conteudo .container { width: 1000px; height: auto; margin: 0 auto; padding: 0px; position: relative; display: table}


	#conteudo .container-titulo-quemsomos {background:url(../imagens/bg_quemsomos.png) center top no-repeat; width:1000px; height:97px; position:relative;margin:0}
	#conteudo .container-titulo-servicos {background:url(../imagens/bg_servicos.png) center top no-repeat; width:1000px; height:97px; position:relative;margin:0}
	#conteudo .container-titulo-portfolio {background:url(../imagens/bg_portfolio.png) center top no-repeat; width:1000px; height:97px; position:relative;margin:0}
	#conteudo .container-titulo-contato {background:url(../imagens/bg_contato.png) center top no-repeat; width:1000px; height:97px; position:relative;margin:0}




	#conteudo .container-interno {background:url(../imagens/bg_internas.png) center top ; width:1000px; height:auto; display:table; margin:0}
	#conteudo .container-interno-baixo {background:url(../imagens/bg_internas_baixo.png) center top ; width:1000px; height:60px; margin:0}


	#conteudo .container-interno .esquerda-internas { width: 580px; height: auto; margin:10px 0px 10px 50px; padding: 0px; position: relative; float: left}
	#conteudo .container-interno .direita-internas { width:350px; height: auto; margin:10px; position: relative; float: left}
	

	
	#conteudo .container .esquerda { width: 195px; height: auto; margin: 0 auto; padding: 0px; position: relative; float: left}
	#conteudo .container .centro { width: 614px; height: auto; margin: 0 auto; padding: 0px; position: relative; float: left}
	#conteudo .container .folga { padding: 0 12px}
	#conteudo .container .exibiprodutos { width: 805px; height: auto; margin: 0 auto; padding: 0px; position: relative; float: left}
	#conteudo .container .direita { width: 185px; height: auto; margin: 0 auto; padding: 0px; position: relative; float: left}
	
	#conteudo .container h1 { font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 38px; font-weight: normal; text-align: left; color: #FFF; margin: 0; padding: 0; letter-spacing: -1px}
	#conteudo .container h2 { font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-align: left; color: #333; margin: 0; padding: 0; letter-spacing: -1px}
	#conteudo .container h3 { font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; color: #ED2F59; width: auto; height: 55px; margin: 0 auto; padding: 0}
	#conteudo .container h4 {font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; text-align: left; color: #333; margin: 0; padding: 0; letter-spacing: -1px;}
	
	#conteudo .container h3 a:link { text-decoration: none; color: #FFF; }
	#conteudo .container h3 a:visited { text-decoration: none; color: #FFF; }
	#conteudo .container h3 a:hover { text-decoration: none; color: #990; }
	#conteudo .container h3 a:active { text-decoration: none; color: #CC6; }
	
	#conteudo .container .txto-medio { font-family: Square, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-align: left; color: #000; margin: 0; padding: 0; letter-spacing: -1px}
	#conteudo .container .txto-medio a{ color: #666; text-decoration: none;}

	#conteudo .container .txto-cinza {font-size: 14px; font-weight: normal; text-align: left; color: #666; margin: 0; padding: 0; letter-spacing: 0px}
	#conteudo .container .txto-cinza a{color: #666; text-decoration: none;}
	#conteudo .container .txto-verde {font-size: 12px; font-weight: normal; text-align: left; color: #090; margin: 12px 0; padding: 0; letter-spacing: 0px}
     
	
   
#rodape{
	background: #EFF0F2;
	margin: 0px;
	width: 100%;
	height: 176px;
	clear: both;
	background-image:url(../imagens/bg_rodape.jpg);
    }
    #rodape .container {position: relative; width: 1000px; height: 198px; margin: 0 auto; padding: 0px ;}
		 	  
		  
		  /**-----FORMULA�RIOS--------------------------------**/

	.campo_contato 		{
	    display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0px;
		width: 100%;
		height: 30px; 
		background: #fff;
		border: 1px solid #666;
		color: #000;
		padding: 5px;
		border-radius:10px;
		
		}


	.campo_contato_MULTILINHA 		{
	    display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0px;
		width: 100%;
		height: 140px; 
		background: #fff;
		border: 1px solid #666;
		color: #000;
		padding: 5px;
		border-radius:10px;
		
		}

		
		
.campo_form_captcha		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		width: 100px;
		height: 30px;
		border: 1px solid #999;
		color: #000000;
		padding: 3px;
				border-radius:10px;

		}
		
		
.Botao 		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		letter-spacing: -0.8px;
		background: #039;
		width: 130px;
		height: 33px;
		border: 0px solid #CCC;
		color: #FFF;
						border-radius:10px;

	}