@font-face {
    font-family: 'Conv_FRAMDCN';
    src: url('../fontes/FRAMDCN.eot');
    src: url('../fontes/FRAMDCN.eot?#iefix') format('embedded-opentype'),
         url('../fontes/FRAMDCN.woff') format('woff'),
         url('../fontes/FRAMDCN.ttf') format('truetype'),
         url('../fontes/FRAMDCN.svg#1nimuendajuregular') format('svg');		 
    font-weight: normal;
    font-style: normal;

}

*{
    font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0;
    padding:0;
}

body{
background:url(../images/fundo.jpg);
}

h1{
    color:#A4A59B;
}

h2{
    color:#A4A59B;
}

img{
    border:0;
}

a:link, a:active, a:visited {
	text-decoration: none;
	background : transparent;
}

.tab_titulo{
	height:35px;
	width:900px;
	padding-top:15px;
	text-align:left;
	font-size: 16px;
	color:#76776F;
	font-weight:bold;
	float:left;
}

.titulos{
	padding-top:15px;
	text-align:left;
	height: 25px;
	width:100%;
}

.iconetitulos{
	text-align:center;
	height: 25px;
	width:40px;
	float:left;
}


/* PÁGINA CONFIRMAÇÃO DE EMAIL - NÃO MECHER */

.confirma-total{
	width:700px;
	height:270px;
	margin:0 auto;
}

.texto-confirm-1{
	width:100%;
	font-family:Calibri;
	font-size:34px;
	text-align:center;
}

.texto-confirm-1-1{
	width:100%;
	font-family:Calibri;
	font-size:25px;
	text-align:center;
}

.icone-confirm-1{
	width:100%;
	height:150px;
	text-align:center;
	padding-top:25px;
}

.icone-confirm-2{
	float:left;
	width:137px;
	height:150px;
	padding-top:50px;
}

.texto-confirm-2{
	float:left;
	width:563px;
	height:40px;
	padding-top:130px;
	font-family:Calibri;
	font-size:34px;	
}

/* #####################FINAL###################### */


/* PÁGINA DE ERRO 404 - NÃO MECHER */

#erro-total{
	width:700px;
	height:270px;
	margin:15px 0;
}

#imagem-centralizada{
	width:100%;
	text-align:center;
	margin:10px 0;
}

#texto-404{
	width:100%;
	font-family:Calibri;
	font-size:22px;
	text-align:center;
}

#aguarde{
	width:100%;
	font-family:Calibri;
	font-size:19px;
	text-align:center;
	margin:5px 0;
}

/* #####################FINAL###################### */


/* all pages */

.clear{clear:both}

.global-all-pages-height{width:978px; margin:0 auto; height:400px;}

.global-all-pages{width:978px; margin:0 auto; padding-bottom:40px;}

.titulo-total{width:978px; height:16px; margin-top:15px; margin-bottom:25px;}

.icone-titulo{width:20px; height:16px; float:left}

.titulo{width:958px; height:16px; line-height:20px; float:left;}

.titulo h1{font-family: 'Conv_FRAMDCN'; color:#333; font-size:20px;}

.texto-paginas{widht:100%; font-family: Calibri; color:#000; font-size:15px; text-align:left; line-height:150%}

.texto-paginas strong{widht:100%; font-family: Calibri; color:#000; font-size:15px; text-align:left; font-weight:bold;}

.texto-paginas a{widht:100%; font-family: Calibri; color:#000; font-size:15px; text-align:left; font-weight:bold;}

.texto-paginas h2{widht:100%; font-family: Calibri; color:#000; font-size:16px; text-align:left;}

.border{border:1px solid #000;}

.float-right{float:right; margin:3px 0 3px 8px;}


/* Template */

.firula-canto-menu{
width:37px;
height:34px;
background:url(../images/firula-menu.jpg) left no-repeat;
position:absolute;
left:100px;
}

#topo-total{
width:998px;
height:160px;
margin:0 auto;
}

#topo{
width:998px;
height:126px;
position: relative;
}

#logo-topo{
width:262px;
height:48px;
margin:0 auto;
padding-top:7px;
}

#linha-topo{
width:30px;
height:109px;
margin-top:8px;
text-align:right;
margin-right:10px;
float:left;
}

#logo-redes-sociais{
width:60px;
height:25px;
float:right;
position:absolute;
left:934px;
top:8px;
}

#atendimento-online{
width:399px;
height:126px;
float:right;
}

#menu{
width:998px;
height:34px;
position:relative;
}

#menu ul{
display:block;
list-style:none;
}

#menu ul li{
padding:0 37px;
float:left;
height:34px;
line-height:34px;
text-align:center;
}

#menu ul li a{
font-family: 'Conv_FRAMDCN';
text-transform:uppercase;
font-size:16px;
color:#fff;
}

#menu ul li a:hover{
color:#D81506;
}

.cor-menu{
background:url(../images/bg-menu.jpg);
}

.ativo{
color:#D81506 !important;
}

#conteudo{
width:100%;
}

#rodape-total{
background:url(../images/bg-rodape.jpg);
width:100%;
height:70px;
}

#rodape{
width:998px;
height:70px;
margin:0 auto;
}

#logo-rodape{
width:240px;
height:70px;
float:left;
}

#txt-rodape{
width:251px;
height:45px;
float:left;
font-family: 'Conv_FRAMDCN';
color:#333333;
margin-top:12px;
font-size:15px;
margin-left:8px;
}

#txt-rodape2{
width:231px;
height:45px;
float:left;
font-family: 'Conv_FRAMDCN';
color:#333333;
margin-top:12px;
font-size:15px;
}

#txt-rodape2 a{
font-family: 'Conv_FRAMDCN';
color:#333333;
font-size:15px;
}

#linha-rodape{
width:20px;
height:55px;
text-align:center;
float:left;
margin-left:20px;
margin-top:7px;
}

#logo-rodape-projetoweb{
width:158px;
height:70px;
float:right;
}

#linha-index{
background:url(../images/fundo-cinza-escuro.jpg);
width:100%;
height:317px;
padding-top:16px;
}

#jquery{
background:url(../images/bg-jquery.jpg);
width:978px;
height:280px;
margin:0 auto;
padding:10px;
}

#linha-banners-index{
width:100%;
height:252px;
padding-top:9px;
}

#meio-banner-index{
width:998px;
height:257px;
margin:0 auto;
}

.banner1-index{
background:url(../images/bg-banner001.jpg);
width:300px;
height:203px;
float:left;
margin-left:6px;
margin-right:23px;
padding:20px 0 0 15px;
}

.banner2-index{
background:url(../images/bg-banner002.jpg);
width:300px;
height:203px;
float:left;
margin-right:23px;
padding:20px 0 0 15px;
}

.banner3-index{
background:url(../images/bg-banner003.jpg);
width:300px;
height:203px;
float:left;
padding:20px 0 0 15px;
}

.tit-banners-index{
width:100%;
height:16px;
}

.icone-banners-index{
width:12px;
height:16px;
margin-right:10px;
float:left;
}

.titulo-banners{
font-family: 'Conv_FRAMDCN';
width:250px;
height:16px;
line-height:16px;
font-size:20px;
color:#fff;
float:left;
}

.txt-banners-index{
width:243px;
margin-top:15px;
font-family:Calibri;
color:#fff;
line-height:300%;
font-size:14px;
}

.txt-banners-index2{
width:243px;
margin-top:15px;
font-family:Calibri;
color:#fff;
line-height:228%;
font-size:14px;
}

#linha-conteudo-baixo{
background:url(../images/fundo-cinza-escuro.jpg);
width:100%;
height:300px;
}

#meio-conteudo-baixo{
width:973px;
height:283px;
padding-top:17px;
margin:0 auto;
}

#esquerda-conteudo-baixo{
width:624px;
height:283px;
float:left;
}

#direita-conteudo-baixo{
background:url(../images/bg-box-index.jpg);
width:329px;
height:252px;
float:right;
padding:5px;
}

.box-retangular-conteudo-baixo{
background:url(../images/bg-box-index.jpg);
width:615px;
height:112px;
padding-top:10px;
padding-left:8px;
}

.box-retangular-conteudo-baixo-topo{
background:url(../images/bg-box-index.jpg);
width:615px;
height:112px;
padding-top:10px;
margin-top:18px;
padding-left:8px;
}

.tit-box-retangular{
width:615px;
height:16px;
}

.icone-box-retangular{
width:20px;
height:12px;
float:left;
text-align:center;
}

.titulo-box-retangular{
font-family: 'Conv_FRAMDCN';
color:#FFF;
font-size:20px;
width:585px;
height:12px;
padding-left:10px;
float:left;
line-height:12px;
}

.txt-box-retangular{
padding-left:15px;
padding-right:10px;
font-size:14px;
font-weight:bold;
color:#333333;
padding-top:5px;
font-family: 'Conv_FRAMDCN';
}

.class-button-entrar{
float:right;
margin-right:5px;
}

.class-button-entrarBanners{
float:right;
margin-right:25px;
}

.titulo-box-direita{
width:329px;
height:16px;
padding-top:5px;
}

.icone-box-direita{
width:20px;
height:12px;
float:left;
text-align:center;
}

.tit-box-direita{
font-family: 'Conv_FRAMDCN';
color:#fff;
font-size:20px;
width:300px;
height:12px;
padding-left:9px;
float:left;
line-height:12px;
}

.img-box-direita{
width:100%;
height:188px;
text-align:center;
padding-top:8px;
}

.txt-box-retangularMenor{
padding-left:5px;
padding-right:5px;
font-size:14px;
font-weight:bold;
color:#333333;
padding-top:5px;
font-family: 'Conv_FRAMDCN';
}


/* Localização */

#metade-localizacao{
	width:489px;
	float:left;
}

#metade-localizacao2{
	width:489px;
	float:left;
	text-align:center;
	padding-top:60px;
}

#google-maps{
	width:489px;
	text-align:center;
	margin-top:20px;
}


/* Contato */

#metade-contato{
	width:489px;
	float:left;
}

#metade-contato2{
	width:489px;
	float:left;
	text-align:center;
	padding-top:40px;
}

#form-contato{
	width:489px;
	padding-top:20px;
}

.linha-form{
	width:489px;
	height:24px;
	padding:6px 0;
}

.linha-form2{
	width:489px;
	height:100px;
	padding:6px 0;
}

.texto-form{
	width:155px;
	height:24px;
	padding-right:5px;
	text-align:right;
	float:left;
	font-family: 'Conv_FRAMDCN';
	font-size:14px;
	line-height:24px;
	color:#000;
}

.campo-form{
	width:324px;
	height:24px;
	padding-left:5px;
	float:left;
}

.campo-form2{
	width:324px;
	height:100px;
	padding-left:5px;
	float:left;
}

.input-form{
	width:260px;
	height:24px;
	text-align:left;
	padding-left:5px;
	font-family:Calibri;
	font-size:14px;
	border:1px solid #D4CFCB;
	background-color:#CCC;
	line-height:24px;
	color:#000;
}

.textarea-form{
	width:260px;
	height:100px;
	text-align:left;
	padding-left:5px;
	font-family:Calibri;
	font-size:14px;
	border:1px solid #D4CFCB;
	background-color:#CCC;
	color:#000;
	resize:none;
}

.input-form:focus {background-color:#F33323; color:#FFF;} 

.textarea-form:focus {background-color:#F33323; color:#FFF;} 

.button-form{
	width:60px;
	height:24px;
	text-align:center;
	font-family: 'Conv_FRAMDCN';
	font-size:15px;
	font-weight:normal;
	border:0;
	color:#FFF;
	background-color:#F33323;
	cursor:pointer;
}


/* Empresa */

#box-empresa{
	width:978px;
	height:160px;
	margin-top:30px;
}

.img-empresa{
	width:326px;
	height:160px;
	float:left;
	text-align:center;
}


/* Links */

#metade-links{
	width:473px;
	float:left;
	border-right:1px dotted #000;
	padding-right:15px;
}

#metade-links2{
	width:474px;
	float:left;
	padding-left:15px;
}


/* Portfolio de Obras */

.box-obras{
	width:978px;
	height:152px;
	padding:10px;
	border-bottom:1px dotted #000;
	margin-bottom:15px;
}

.img-obras{
	width:160px;
	height:152px;
	float:left;
	text-align:left;
}

.texto-obras{
	width:818px;
	height:152px;
	float:left; 
	font-family: Calibri; 
	color:#000; 
	font-size:16px; 
	text-align:left;
	font-weight:bold;
	line-height:150%;
}

.texto-obras2{
	width:658px;
	height:152px;
	float:left; 
	font-family: Calibri; 
	color:#000; 
	font-size:16px; 
	text-align:left;
	font-weight:bold;
	line-height:150%;
}

.texto-obras3{
	width:498px;
	height:152px;
	float:left; 
	font-family: Calibri; 
	color:#000; 
	font-size:16px; 
	text-align:left;
	font-weight:bold;
	line-height:150%;
}

.tit-obras{
	width:978px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-family: 'Conv_FRAMDCN'; 
	color:#000; 
	font-size:20px; 
	font-weight:bold;
}


/* Servicos */

#box-servicos{
	width:320px;
	height:314px;
	float:right;
}

.img-servicos{
	width:320px;
	height:142px;
	text-align:center;
	margin-bottom:15px;
}


/* Detalhes de Projetos */

#metade-detalhes{
	width:489px;
	float:left;
}

#metade-detalhes2{
	width:489px;
	float:left;
	text-align:left;
	padding-top:60px;
}

.linha-detalhes{
	width:489px;
	height:26px;
	padding:5px 0;
}

.icone-detalhes{
	width:35px;
	height:26px;
	float:left;
	text-align:left;
}

.texto-detalhes{
	width:454px;
	height:26px;
	float:left;
	line-height:26px;
	text-align:left;
}

.texto-detalhes a{
	font-family: 'Conv_FRAMDCN'; 
	color:#333; 
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}