@import url('http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic&subset=cyrillic,greek,latin');

@import url('reset.css');
#espacobranco {height:auto; width:100%; color:#FFF; float:left;}
#traco {width:1000px; height:130px; background-color: #FFF; margin:0 auto;}
#logo {width:200px; height:95px; float:left; padding-right:20px; padding-top:20px;}
#menu {width:710px; height:100px; float:left;}
#contato {width:70px; height:60px; float:right; padding-top:10px;}
#carrinho {width:70px; height:60px; float:right; padding-top:0px; z-index: 998;}
#itens {width:70px; height:60px; position: relative; top: -25px; left: 25px; z-index: 999}
#barra {width: 100%; height: 5px; background-image: url(../imagens/barra.jpg);	background-repeat: repeat-x; float:left; z-index: 999; position:absolute;}

#categoriastopo{width:910px; height:205px; margin:0 auto;}

#imagemquemsomos{width:400px; height:1050px; float:left; margin-left:20px; margin-bottom:150px; margin-top:35px;}
#diferenciaiscase{width:700px; height:880px; margin-top:35px; margin-bottom:150px; margin-left:30px;}

/* Rodapé */
#rodape {width: 100%; background-color:#E57A1E; float:left; margin:0 auto; font:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC;}
#empresas {width:400px; height:350px; float:left;}
#empresas a .bb {width:153px; height:54px; margin-top:50px;}
#empresas a .sub1 {width:105px; height:35px; margin-left:25px;}
#empresas a .sub2 {width:105px; height:50px; margin-left:25px;}
#siteslinks1 {float:left;}
#siteslinks1 a {float:left; margin-left:20px; margin-top:10px;}
#caixarodape{width:100%; margin:0 auto;}
#youtube {background-color:#FFF;width: 252px;height: 360px;float:left; margin-left:5px; margin-right:5px; margin-top:10px;}
.logoyoutube {position: relative; width: 250px; height: 80px;}
.videoyoutube {position: absolute; top: 84px; left: 8px; width: 235px; height: 200px;}
.baseyoutube {position: absolute; top: 160px; width: 235px; height: 0; border: 0px solid #73AD21;}
#instagram {background-color:#FFF;width: 250px;height: 360px;float:left; margin-left:5px; margin-right:5px; margin-top:10px;}
#facebook {background-color:#E57A1E;width: 250px;height: 360px;float:left;padding: 10px;}
.fb-like-box{background-color:#E57A1E; width:250px; height:360px; float:left; margin-left:5px; margin-right:5px; margin-top:10px;}
#twitter {background-color:#E57A1E;width: 250px;height: 360px;float:left; margin-left:5px; margin-right:10px; margin-top:10px;}
#socialface{margin-left:70px; margin-top:50px;}
#socialtwitter{margin-left:120px; margin-top:50px;  margin-bottom:400px;}
#empresas a.favoritos{width:100px; height:50px; margin-left:140px;}


#redessociais {
	position: relative;
	background-color: #000;
	width:1100px;
	margin-left: -550px; /* metade da largura */
   left: 50%;
}



* {	padding: 0px;	margin: 0px;	font-family: Arial, 'Ubuntu', Tahoma;	line-height: 100%;	outline: none;}

html {border: 0px;}

body {color: #FFF; font-size: 9pt; cursor: default;}

.clear {clear: both; padding: 0px; margin: 0px; height: 0px;}

a {text-decoration: none; cursor: pointer; color: #d0d9de;}

a:hover {color: #FFF;}

#cont {width: 100%;	height: 1200px;	overflow: visible;	position: absolute;	top: 0;	left: 0;	z-index: 70;}

.copy {text-shadow: #111 1px 1px 0px;	text-align: center;	padding: 10px 0px;	line-height: 150%;}

.efeito_quemsomos {width: 120px; height: 100px;	overflow: hidden; background: url(../imagens/rollover_quemsomos.gif) top left no-repeat; display: block;	text-indent: 10000px; float:left; margin-left:20px;}
.efeito_quemsomos:hover {background-position: bottom left;}

.efeito_diferenciais {width: 120px; height: 100px;	overflow: hidden; background: url(../imagens/rollover_diferencial.gif) top left no-repeat; display: block;	text-indent: 10000px; float:left; margin-left:10px;}
.efeito_diferenciais:hover {background-position: bottom left;}

.efeito_bancodeimagens {width: 120px; height: 100px; overflow: hidden; background: url(../imagens/rollover_bancodeimagens.gif) top left no-repeat; display: block;	text-indent: 10000px; float:left; margin-left:10px; margin-right:10px;}
.efeito_bancodeimagens:hover {background-position: bottom left;}

.efeito_orcamento {width: 120px; height: 100px;	overflow: hidden; background: url(../imagens/rollover_orcamento.gif) top left no-repeat; display: block; text-indent: 10000px; float:left; margin-right:10px;}
.efeito_orcamento:hover {background-position: bottom left;}

.efeito_produtos {width: 120px; height: 100px;	overflow: hidden; background: url(../imagens/rollover_produtos.gif) top left no-repeat; display: block; text-indent: 10000px; float:left; margin-right:30px;}
.efeito_produtos:hover {background-position: bottom left;}


#conteudo{width:1066px; margin:0 auto;}

/* Categorias de Produtos da Index */
.galeriaSqueezes{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_squeezes.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaSqueezes:hover{background-position: bottom left;}
.galeriaCanecas{width: 266px; height: 321px;	overflow: hidden; background: url(../imagens/rollover_galeria_canecas.gif) top left no-repeat; display: block; 	text-indent: 10000px; float:left;}
.galeriaCanecas:hover{background-position: bottom left;}
.galeriaExclusivos{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_exclusivos.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaExclusivos:hover{background-position: bottom left;}
.galeriaEmbalagens{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_embalagens.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaEmbalagens:hover{background-position: bottom left;}
.galeriaCopos{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_copos.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaCopos:hover{background-position: bottom left;}
.galeriaCoco{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_greencoco.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaCoco:hover{background-position: bottom left;}
.galeriaMadeira{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_greenmadeira.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaMadeira:hover{background-position: bottom left;}
.galerialancamentos{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_lancamentos.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galerialancamentos:hover{background-position: bottom left;}
.galeriaPromocoes{width: 266px; height: 321px; overflow: hidden; background: url(../imagens/rollover_galeria_promocao.gif) top left no-repeat; display: block; text-indent: 10000px; float:left;}
.galeriaPromocoes:hover{background-position: bottom left;}


/* Notícias e Formulário de Contato na index */
#conteudo #news{width: 450px; height: auto; background-color: #FFF; margin: 0 auto; float: left; margin-left:30px; margin-right: 10px; margin-top:5px;}
#conteudo #formulario {width: 450px; background-color: #FFFFFF; float: left; border-radius: 30px; padding-bottom:40px; padding-top:5px; margin-left:50px;}
#conteudotexto { width: 800px; height:100%; background-color: #FFFFFF; margin:0 auto;}
#noticias_titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #878787;;
}

#voltar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #202954;
}

#formcontato_titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #878787;;
}

#stilodata{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color:#CCC;
	width: 110px;
	height: 12px;
	padding: 5px;
	border-radius: 5px;
}

#stilonoticias1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
}

#stilonoticias2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #666;
}

#resumonoticia {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999; text-decoration:none;}

#leiamais {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#202954;
	float:left;
}

#noticia {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
#formulario {
	font-family: Arial, Helvetica, sans-serif;
	color: #878787;
	font-size: 18px;
	border-radius: 15px;
}

#orcamento{width:818px; height:800px; margin:0 auto;}
#orcamento #formulario h3{font-size:20px; margin-top:60px; margin-bottom:20px; color:#252A53;}
#orcamento #formulario p{font-size:12px; color:#1F4436; margin-top:30px; margin-bottom:5px;}
#orcamento #formulario input.campo_produto{width:655px; height:40px; margin-top:30px; font-size:12px; color:#1F4436; border:none; background:#EEE; box-shadow: 0px 3px 8px 0px #CCCCCC; padding: 5px;}
#orcamento #formulario input.campo_qtd{text-align:center; width:60px; height:15px; margin-top:0px; font-size:12px; color:#1F4436; border:1px solid #252A53; background:#fff; padding: 2px;}
#orcamento #formulario input.campo_qtdop{text-align:center; width:150px; height:40px; font-size:13px; color:#1F4436; border:none; background:#FFF; box-shadow: 0px 3px 8px 0px #CCCCCC; padding: 5px;}
#orcamento #formulario textarea.campo_detalhes{width:655px; height:150px; margin-top:30px; font-size:16px; color:#1F4436; border:none; background:#EEE; box-shadow: 0px 3px 8px 0px #CCCCCC; padding: 5px;}
#orcamento #formulario input.botaoadicionar{width:180px; height:40px; margin-top:30px; font-size:16px; color:#1F4436; border:none; background:#252A53; box-shadow: 0px 3px 8px 0px #CCCCCC; padding: 5px;}


#orcamento #formulario table{ border-spacing:0px; border-collapse:collapse;}
#orcamento #formulario table td{ border:1px solid #CCC; padding:3px;}
.titulotabela{ text-align:center; background-color:#1F4436; height:50px; vertical-align:middle; font-weight:bold; color:#ffffff; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.itenstabela{ text-align:center; height:50px; vertical-align:middle; color:#1F4436; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.acaoexcluir{ text-align:center; height:50px; vertical-align:middle; background-color:#8c0000; color:#ffffff; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


#orcamento p a button.adicionaorcamento{width:120px; height:25px; float:right; margin-top:30px; font-size:12px; color:#ffffff; font-family: Arial, Helvetica, sans-serif; border:none; background:#252A53; margin:10px;}
#orcamento p a button.adicionaorcamento2{width:120px; height:23px; float:right; margin-top:10px; font-size:12px; color:#ffffff; font-family: Arial, Helvetica, sans-serif; border:none; background:#252A53; margin:10px;}
#orcamento p a button.solicitarorcamento{width:130px; height:25px; float:right; margin-top:30px; font-size:12px; color:#ffffff; font-family: Arial, Helvetica, sans-serif; border:none; background:#252A53; padding: 5px; margin:10px;}

#orcamento #formulario input.empresa{width:610px; height:20px; margin-top:5px; font-size:12px; color:#1F4436; border:1px solid #E57A1E; background:#fff; padding: 5px;}
#orcamento #formulario input.nome{width:400px; height:20px; margin-top:5px; font-size:12px; color:#1F4436; border:1px solid #E57A1E; background:#fff; padding: 5px;}
#orcamento #formulario input.telefone{width:192px; height:20px; margin-top:5px; font-size:12px; color:#1F4436; border:1px solid #E57A1E; background:#fff; padding: 5px;}
#orcamento #formulario input.email{width:300px; height:20px; margin-top:5px; font-size:12px; color:#1F4436; border:1px solid #E57A1E; background:#fff; padding: 5px;}
#orcamento #formulario input.cidade{width:220px; height:20px; margin-top:5px; font-size:12px; color:#1F4436; border:1px solid #E57A1E; background:#fff; padding: 5px;}
#orcamento #formulario input.estado{width:56px; height:20px; margin-top:5px; font-size:12px; color:#1F4436; border:1px solid #E57A1E; background:#fff; padding: 5px;}
#orcamento #formulario input.botaoenviar{width:160px; height:25px; margin-top:10px; margin-left:647px; font-size:12px; color:#ffffff; border:1px solid #D0F9A2; background:#252A53; padding: 5px;}

#agradecimento{width:400px; margin:0 auto;}
#enviadoorcamento p{font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#202954; text-align:center; margin-top:200px;}
#socialface{margin-left:70px; margin-top:50px;}
#socialtwitter{margin-left:120px; margin-top:50px;  margin-bottom:400px;}
#empresas a.favoritos{width:100px; height:50px; margin-left:140px;}

#embalagens_conteudo{width:900px; height:auto; margin:0 auto; color:#202954; font-size:16px; text-align:justify; margin-bottom:80px;}

#conteudotexto #titulo_textos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#202954;
	float:left;
}
#conteudotexto #subtitulo_textos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
}
#conteudotexto #texto_textos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#202954;
	text-indent:30px;
	word-spacing:3px;
	width:350px;
	float:left;
	text-align:justify;
	margin-bottom: 80px;
}
#baixar{margin:0 auto; padding-top:60px;}
#baixar a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; background-color:#202954; border-radius:5px; width:100px; height:40px; padding:5px; text-decoration:none;}
#baixar a:hover{color:#E57A1E;}

.toporcamento {
    position: relative;
    background-image: url("imagens\toporcamento.png");
    width: 809px;
    height: 33px;
    left: 1px;
    border: 0px solid black;
    z-index: 9998;

}

.toporcamento2 {
    position: relative;
    background-image: url("imagens\toporcamento2.png");
    width: 809px;
    height: 128px;
    left: 1px;
    border: 0px solid black;
    z-index: 9998;

}

.fundorcamento {
    position: relative;
    background-image: url("imagens/fundorcamento.png");
    width: 809px;
    height: 93px;
    border: 0px solid black;
    z-index: 9998;

}

.imgorcamento {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 9999;
}

.descorcamento {
    position: absolute;
    top: 15px;
    left: 95px;
    width: 125px;
    height: 74px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.codcorcamento {
    position: absolute;
    top: 35px;
    left: 250px;
    width: 50px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.quant1orcamento {
    position: absolute;
    top: 35px;
    left: 310px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 9999;
}

.quant2orcamento {
    position: absolute;
    top: 35px;
    left: 450px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.quant3orcamento {
    position: absolute;
    top: 35px;
    left: 550px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.quant1adorcamento {
    position: absolute;
    top: 30px;
    left: 325px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 9999;
}

.quant2adorcamento {
    position: absolute;
    top: 30px;
    left: 445px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.quant3adorcamento {
    position: absolute;
    top: 30px;
    left: 565px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.cororcamento {
    position: absolute;
    top: 35px;
    left: 650px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}

.coradorcamento {
    position: absolute;
    top: 30px;
    left: 690px;
    width: 80px;
    height: 20px;
    font-size:12px;
    color:#1b4436;
    font-family: Arial, Helvetica, sans-serif;    
    z-index: 9999;
}


.lixeiraorcamento {
    position: absolute;
    top: 35px;
    left: 760px;
    width: 13px;
    height: 17px;
    z-index: 9999;
}

.inforcamento {
    position: absolute;
    top: 70px;
    left: 10px;
    width: 600px;
    height: 17px;
    z-index: 9999;
}

.botaoenviarorcamento{
    position: absolute;
    top: 25px;
    left: -10px;
    width: 600px;
    height: 17px;
    z-index: 9999;
}

.btnadicionarfinal{
    position: relative;
    top: -34px;
    left: 34px;
    width: 600px;
    height: 15px;
    z-index: 9999;
}