/*
    Desenvolvido por Artweb Design Digital
    http://www.artwebdigital.com.br/
    projetos@artwebdigital.com.br
*/

body,h1,h2,h3,p,a,ul,li,select,option,input,table,th,td,blockquote,hr,button,div{
	margin:0;
	padding:0;
} 

body{
	font-family:tahoma;
	background:#fff;
	overflow-x:hidden;
	font-weight:lighter;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

a{
	text-decoration: none;
}

a:hover{
	text-decoration:none;
}

img{
	border:none;
}

button{
	border:none;
	cursor:pointer;
}

.limpa{
	clear:both;
	height:40px;
	width:100%;
	float:left;
}

input, select, textarea{
	font-family:tahoma;
	font-size:16px;
	color:#333;
}

textarea{
	resize:none;	
}

#topo{
	width:945px;
	height:100px;
	margin:0px auto;
	position:relative;
	z-index:9999;
	background:#fff;
}
#logo{
	width:auto;
	height:auto;
	float:left;
	text-align:center;
}
#conteudoHome{
	width:100%;
	height:auto;
	margin:0px auto;
	padding-bottom:100px; /* algura do rodapé */
}
#conteudo{
	width:100%;
	height:auto;
	min-height:455px;
	margin:0px auto;
	background:url(../img/site/bgPaginas.png) center top no-repeat;
	padding-bottom:100px; /* algura do rodapé */
}

#rodapeFixo{
	padding-bottom:157px;
}

#rodapeTodo{
	width:100%;
	height:157px;
	margin-top:-157px;
	position:relative;
	clear:both;
}

#rodapeBase{
	width:100%;
	height:112px;
	padding-top:45px;
	margin:0px auto;
	position:relative;
	clear:both;
	background:url(../img/site/rodape.jpg) center top no-repeat;
}

#rodape{
	width:945px;
	height:auto;
	margin:0px auto;
}
/* header */
#artweb{
	width:100%;
	height:15px;
	float:left;
	text-align:right;
	margin-top:18px;
	margin-left:50px;
}
#assinaturaArtweb{
	background:none;
	height:13px;
	padding:6px 0;
	width:100%;
	position:relative;
}

#assinaturaArtweb .artweb{
	background:url(../img/criacao-sites-artweb.png) no-repeat center top;
    display: block;
    height:13px;
    overflow: hidden;
    text-indent: -99999px;
    width:50px;
	right:50%;
	margin-right:-490px;
	position:absolute;
	margin-top:15px;
}
img.logo{
	float:left;
	margin-top:20px;
}
#menu{
	width:auto;
	float:right;
	height:auto;
	margin-top:38px;
}
a.menu{
	float:left;
	font-family:'oswaldlight';
	font-size:16px;
	color:#002c4e;
	margin-left:30px;
}
a.menu:hover{
	color:#666;
}
#rodapeDir{
	width:auto;
	height:auto;
	float:right;
	text-align:left;
}
#sliderHome{
	width:100%;
	height:600px;
	margin:-125px auto 0;
	overflow:hidden;
}

#sliderHomeBase{
	width:1000%;
	height:100%;
	float:left;
	margin-left:-80px;
	margin-top:-135px;
	background:#fff;
}
.sliderIndividual{
	width:415px;
	height:500px;
	float:left;
	margin:0px 3px;
	background:#333;
	-moz-transform: rotate(6.5deg);
	-webkit-transform: rotate(6.5deg);
	-o-transform: rotate(6.5deg);
	-ms-transform: rotate(6.5deg);
	overflow:hidden;
}
img.imagemHome{
	-moz-transform: rotate(-6.5deg);
	-webkit-transform: rotate(-6.5deg);
	-o-transform: rotate(-6.5deg);
	-ms-transform: rotate(-6.5deg);
	min-height:530px;
	margin-left:-25px;
	margin-top:-40px;
}
#sliderHomeBaseTopo{
	width:100%;
	height:188px;
	float:left;
	position:relative;
	z-index:1000;
	background:url(../img/site/mascaraHomeTopo.png) left top;
	margin-top:60px;
}
#sliderHomeBaseBottom{
	width:100%;
	height:188px;
	float:left;
	position:relative;
	z-index:1000;
	background:url(../img/site/maskHomeBottom.png) left bottom;
	margin-top:-240px;
}
#home1{
	width:306px;
	height:110px;
	float:left;	
	background:url(../img/site/capa1.png) left top no-repeat;
	position:relative;
	z-index:1000;
}
#home2{
	width:295px;
	height:110px;
	float:left;	
	margin:0px 24px;
	background:url(../img/site/capa2.png) center top no-repeat;
	position:relative;
	z-index:1000;
}
#home3{
	width:295px;
	height:110px;
	float:left;	
	background:url(../img/site/capa3.png) right top no-repeat;
	position:relative;
	z-index:1000;
}
#capasHome{
	width:100%;
	height:110px;
	float:left;
	margin-top:-30px;
}
#titulo{
	width:100%;
	height:87px;
	float:left;
	background:url(../img/site/bgTopo.png) center top no-repeat;
}
#tituloBase{
	width:945px;
	height:54px;
	line-height:54px;
	text-align:center;
	margin:0px auto;
}
#conteudoPag{
	width:945px;
	height:auto;
	margin:0px auto;
}

.titulo, h1{
	color:#fff;
	font-family:'oswaldlight';
	font-size:24px;
	font-weight:lighter;
}
.texto, h2{
	font-family:'titillium600';
	color:#252525;
	font-size:15px;
	font-weight:lighter;
	line-height:18px;
}
h2 a, .texto a{
	color:#0250A3;
}
h2 a:hover, .texto a:hover{
	color:#020280;
}
h2 #baseListagem{
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif
}
h2 #baseListagem a, .texto a{
	color:#0250A3;
}
h2 a:hover, .texto a:hover{
	color:#020280;
}
h3{
	font-family:'titillium999';
	color:#252525;
	font-size:14px;
	font-weight:lighter;
	line-height:18px;
}
h2 em{
	font-family:'titillium999';
	color:#000080;
	font-style:normal;
	font-size:16px;
}
/* contato contato */
.divBox {
	width:100%;
	height:60px;
	position:relative;
	float:left;
}

.divBoxMsg {
	width:100%;
	min-height:120px;
	position:relative;
	float:left;
}

.divBoxNome {
	width:70px;
	height:40px;
	float:left;
	font-size:15px;
	color:#666;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}

.divBoxInput {
	width:302px;
	height:35px;
	float:left;
}

.divBoxErro {
	font-size:12px;
	color:#FF0;
	right:0;
	display:none;
	width:auto;
	height:10px;
	float:right;
	text-align:right;
	font-family:'titillium600';
	margin-top:-30px;
	position:relative;
	padding-right:5px;
}

#formContato input{
	width:380px;
	height:40px;
	line-height:40px;
	border:1px solid #000;
	color:#fff;
	background:url(../img/site/bgInput.png) center top repeat-x;
	font-family:'titillium600';
	font-size:13px;
	padding: 0px 10px;
}

#formContato select{
	width:380px;
	height:42px;
	padding:10px;
	border:1px solid #000;
	color:#fff;
	background:url(../img/site/bgInput.png) center top repeat-x;
	font-family:'titillium600';
	font-size:13px;
}
#formContato textarea{
	width:592px;
	height:80px;
	padding:10px;
	border:1px solid #000;
	font-family:'titillium600';
	font-size:13px;
	color:#fff;
	background:url(../img/site/bgMsg.png) center top repeat-x;
}

#formContato button{
	width:90px;
	height:43px;
	line-height:23px;
	padding:0px 10px;
	float:right;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family:'titillium600';
	font-size:18px;
	background:url(../img/site/bgEnviar.png) center top no-repeat;
	margin-right:1px;
	
}
#formContato button:hover{
	color:#CCC;
}
#formContato{
	width:615px;
	height:auto;
	float:left;
}
#textoContato{
	width:290px;
	height:auto;
	float:left;
	margin-left:40px;
	text-align:left;
}
#msgContato{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	color:#FF0000;
	margin-bottom:20px;
}
#nomeC, #emailC{
	width:280px !important;
}
#emailC{
	margin-left:10px;
}
#inputTelefone{
	width:222px !important;
}
#telefoneC{
	width:200px !important
}
#boxEstado{
	width:70px !important;
	margin-left:10px;
}
#estado{
	width:70px !important;
}
.inputC option, #cidade option{
	color:#333;
}
#boxCidade{
	margin-left:10px;

}
#cidade{
	width:302px !important;
}
#erroEmail{
	margin-right:-10px;
}
.baseAlbumIndividual{
	width:300px;
	height:200px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
}
.albunsIndividualImg{
	width:300px;
	height:200px;
	float:left;
	overflow:hidden;
}
.albunsIndividualImg img{
	width:300px;
}
.maskAlbumIndividual{
	width:300px;
	height:200px;
	float:left;
	overflow:hidden;
	margin-top:-200px;
	opacity:0;
	background:url(../img/site/bgAlbuns.png) center top;
}
.ttloAlbumIndividual{
	width:200px;
	height:auto;
	float:left;
	text-align:center;
	font-family:'titillium999';
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	margin-left:-400px;
}
.lupaAlbumIndividual{
	width:100%;
	height:75px;
	float:left;
	background:url(../img/site/lupa.png) center top no-repeat;
	margin-top:40px;
	margin-left:400px;
}
#tituloProdutos{
	width:100%;
	height:50px;
	line-height:50px;	
	margin:0px auto 20px;
	text-align:center;
	background:url(../img/site/bgTopo.png) center top no-repeat;
	text-transform:uppercase;
}

a.download{
	height:40px;
	line-height:40px;
	float:left;	
	font-family:'titillium600';
	color:#fff;
	background:#020280;
	border-radius:5px;
	width:48%;
	text-align:center;
	margin:1%;
}

a.download:hover{
	color:#999;
}

.caixaDownloads{
	width:535px;
	float:right;
	margin-top:20px;
}

.limpaDownloads{
	clear:both;
	height:10px;
}

/* login login */
#formularioLogin{
	width:430px;
	padding:120px 0 20px 20px;
	height:138px;
	z-index:100;
	margin:0px auto 20px;
}

#caixaLogin{
	background:url(../img/bg-login.jpg) no-repeat center;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

#formularioLogin p{
	text-align:center;
}
form#formLogi input, form#formLogin input, form#login input{
	width:380px;
	height:40px;
	line-height:40px;
	border:1px solid #000;
	color:#fff;
	background:url(../img/site/bgInput.png) center top repeat-x;
	font-family:'titillium600';
	font-size:13px;
	padding: 0px 10px;
	margin-bottom:10px;
}
.btnEnviar{
	width:90px;
	height:43px;
	line-height:23px;
	padding:0px 10px;
	float:right;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family:'titillium600';
	font-size:18px;
	background:url(../img/site/bgEnviar.png) center top no-repeat;
	margin-right:27px;
}
#linhaIcones{
	width:100%;
	height:140px;
	float:left;
	margin-bottom:20px;
	margin-top:-20px;
	background:url(../img/site/espacoIcones.png) center bottom no-repeat;
}
.iconeIndividual{
	width:235px;
	height:35px;
	line-height:35px;
	display: inline-block;
	font-family:'oswaldlight';
	font-size:24px;
	color:#020280;
	text-align:left;
}
.iconeIndividual img{
	margin-top:5px;
	float:left;
}
#centralizaIcones{
	width:945px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.iconeClientes{
	width:210px;
	height:auto;
}
.iconeVendedores{
	width:235px;
}
.iconeArquitetos{
	width:210px;
}
.iconeOs{
	width:170px;	
}
#clienteLogado{
	width:auto;
	height:0px;
	float:right;
}
a.sair{
	color:#F00;
}
strong{
	font-weight:bold;
}
.nomeIcone{
	width:auto;
	float:left;
	margin-left:10px;
	padding-top:1px;
}
.subItemIcone{
	width:100%;
	float:left;
	height:auto;
	line-height:20px;
	text-transform:uppercase;
}
.subItemIcone a{
	font-family:'titillium400';
	font-size:14px;
	color:#666;
}
.subItemIcone a:hover{
	color:#0250A3;	
}
.tituloIcone{
	width:auto;
	float:left;
}
.nomeArquiteto{
	width:160px;	
}
.nomeVendedores{
	width:175px;	
}
.nomeClientes{
	width:160px;	
}
.nomeOs{
	width:115px;
}
#centralizaForm{
	width:auto;
	height:auto;
	margin:0px auto;
	margin-left:165px;
}

#formOS option, #formClientes option{
	padding:2px 10px;
	color:#252525;
}

#formClientes input, .formCadastro input{
	width:380px;
	height:40px;
	line-height:40px;
	border:1px solid #000;
	color:#fff;
	background:url(../img/site/bgInput.png) center top repeat-x;
	font-family:'titillium600';
	font-size:13px;
	padding: 0px 10px;
}

#formClientes select,  .formCadastro select{
	width:380px;
	height:42px;
	padding:10px;
	border:1px solid #000;
	color:#fff;
	background:url(../img/site/bgInput.png) center top repeat-x;
	font-family:'titillium600';
	font-size:13px;
}
#formClientes textarea, .formCadastro textarea{
	width:592px;
	height:80px;
	padding:10px;
	border:1px solid #000;
	font-family:'titillium600';
	font-size:13px;
	color:#fff;
	background:url(../img/site/bgMsg.png) center top repeat-x;
}

#formClientes button, .formCadastro button{
	width:AUTO;
	height:43px;
	line-height:23px;
	padding:0px 10px;
	float:right;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family:'titillium600';
	font-size:18px;
	background:url(../img/site/enviarCadastro.png) center top no-repeat;
	margin-right:1px;
}

a.botaoVoltar{
	width:AUTO;
	height:43px;
	line-height:43px;
	padding:0px 10px;
	float:right;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family:'titillium600';
	font-size:18px;
	background:url(../img/site/enviarCadastro.png) center top no-repeat;
	margin-right:1px;
}

#formClientes button:hover, .formCadastro button:hover{
	color:#CCC;
}
#formClientes, .formCadastro{
	width:615px;
	height:auto;
	float:left;
}
input#bairroC{
	width:190px;
	margin-left:10px;
}
input#telefoneCli, input#bairroCli, input#celularCli{
	width:173px;
}
#inputTelefoneCli{
	width:195px !important;	
}
#inputTelefoneCli2{
	width:195px !important;	
	margin:0px 14px;
}
#enderecoBox{
	width:613px;
}
#enderecoC{
	width:591px !important;
}
.ttloSecond{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	color:#020280 !important;
	margin-bottom:10px;
}
.radioBase{
	width:80px;
	height:auto;
	float:left;
	margin-top:10px;
	padding-left:24px;
}
.selectCPF{
	width:10px !important;
	height:10px !important;
	line-height:10px !important;
}
.alturaAuto{
	height:auto!important;
}
.alturaAutoMargemBaixo{
	height:auto!important;
	margin-bottom:5px;
	width:100%;
}
#nomeClientes{
	width:275px !important;
}
.inputCpfCnpj{
	width:383px !important;
}
#erroNome{
	margin-right:5px;
}
.nomeInput{
	width:auto;
	float:left;
	margin-bottom:2px;
}
.nomeInputEmail{
	margin-left:10px;
}
.formCadastro .divBox{
	margin-bottom:8px;
}
.dadosBancarios{
	margin-top:20px;	
}
#inputOs{
	width:150px;
}
.inputOsBox{
	width:180px;
}
#baseListagem{
	width:945px;
	height:auto;
	min-height:200px;
	margin:0px auto;
	float:left;
}
.linhaListagemTitulo{
	width:945px;
	height:40px;
	float:left;
	background:#020280;
	border-radius:10px 10px 0px 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
}
.colunaTituloIndividual{
	width:195px;
	height:100%;
	line-height:40px;
	text-align:center;
	float:left;
}
.colunaTituloIndividualNome{
	width:245px !important;
}
.colunaTituloIndividualTelefone{
	width:155px !important;
}
.linhaListagem{
	width:943px;
	height:35px;
	line-height:35px;
	float:left;
	border:1px solid #ccc;
	border-top:none;
}
.colunaTituloIndividualAcoes{
	width:145px !important;
}
.colunaItemIndividual{
	width:195px;
	height:100%;
	text-align:center;
	float:left;
	overflow:hidden;
}
.colunaItemIndividualNome{
	width:245px !important;
}
.colunaItemIndividualTelefone{
	width:155px !important;
}
.colunaItemIndividualAcoes{
	width:142px !important;
	border-left:1px solid #ccc;
}
.acaoInd{
	width:71px;
	height:28px;
	float:left;
	text-align:center;
	background:url(../img/site/acao.png) center top no-repeat;
	padding-top:7px;
}
.acaoInd:hover{
	background:url(../img/site/acaoHover.png) center top no-repeat;
}
.acaoInd img{
	margin-top:5px;
}
img.edit{
	margin-top:-4px;
}
img.close{
	margin-top:-4px;
}

#inputBuscaClientes{
	width:146px;
	height:31px;
	float:right;
	margin-bottom:10px;
	margin-top:-35px;
	position:relative;
}

#inputBuscaOS{
	width:146px;
	height:31px;
	float:right;
	position:relative;
	margin-left:10px;
}

#buscarOS{
	width:150px;
	height:35px;
	float:right;
	margin-bottom:10px;
	background:url(../img/site/buscaClientes.png) center top no-repeat;
}

#inputBuscaClientes input{
	background:url(../img/site/buscaClientes.png) no-repeat center;
	width:110px;
	height:25px;
	float:left;
	position:relative;
	padding:5px 30px 5px 10px;
	border:none;
	font-size:10px;
	color:#0050a4;
	text-transform:uppercase;
	font-family:'oswaldbold', tahoma;
}

#inputBuscaClientes button{
	background:url(../img/site/btBuscaClientes.png) no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	right:10px;
	top:8px;
}

#inputBuscaOS input{
	background:url(../img/site/buscaClientes.png) no-repeat center;
	width:110px;
	height:21px;
	float:left;
	position:relative;
	padding:5px 30px 5px 10px;
	border:none;
	font-size:10px;
	color:#0050a4;
	text-transform:uppercase;
	font-family:'oswaldbold', tahoma;
}

button.botaoBuscar{
	background:url(../img/site/btBuscaClientes.png) no-repeat #f3f3ee center;
	width:32px;
	height:32px;
	float:right;
    border: 1px solid #0050A4;
    float: right;
    height: 32px;
    width: 32px;
	margin-left:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#buscaOS select{
	width:146px;
	height:31px;
	float:left;
	padding:6px;
	position:relative;
	margin-left:15px;
	border:none;
	font-size:10px;
	color:#0050a4;
	text-transform:uppercase;
	background:#F3F3EE;
	border:#0050a4 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#buscaOS option{
	padding:2px 6px;
}

#buscaOS{
	margin-top:-35px;
	float:right;
	margin-bottom:15px;
}

#buscaOS input{
	width:134px;
	height:19px;
	float:left;
	padding:6px;
	position:relative;
	margin-left:15px;
	border:none;
	font-size:10px;
	color:#0050a4;
	text-transform:uppercase;
	background:#F3F3EE;
	border:#0050a4 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.colunaTituloIndividualNomeVendedor, .colunaTituloIndividualLoja{
	width:400px !important;
}
.colunaItemIndividualNomeVendedor, .colunaItemIndividualLoja{
	width:400px !important;
}
.colunaTituloIndividualOs, .colunaItemIndividualOs{
	width:70px;
}
.colunaTituloIndividualTelefone, .colunaItemIndividualDatamov, .colunaItemIndividualTelefone, colunaItemIndividualDatamov{
	width:100px !important;
}
.acoesOs{
	width:105px !important
}
.acoesOs .acaoInd{
	width:33px !important;
}
.bordaSim{
	border-left:1px solid #ccc;
}
.bordaSimAzul{
	border-left:1px solid #020280;
}
.larguraCorreta{
	width:155px !important;
}
.largura155{
	width:155px !important;
}
.largura100{
	width:100px !important;
}
.largura180{
	width:180px !important;
}
.largura200{
	width:200px !important;
}
.primeiraAcaoOs{
	margin-left:3px;
}

.statusMontagem{background:#cce0ff;}
.statusPendencia{background:#ffffcc;}
.statusFinalizado{background:#7fb97f;}
.statusAtrasado{background:#ff6d6d;}
.statusManutencao{background:#dddddd;}