@import url(reset.css);

@import url(form.css);

@import url(scroll-multi.css);

@import url(lightbox.css);



body {

	font: 62.5%/1.5 Arial,Helvetica,sans-serif;

}

img {

	behavior: url("script/pngbehavior.htc");

}

div.site {

	width: 746px;

	margin: 0 auto;

	border-left: 1px solid #CFCFCF;

	border-right: 1px solid #CFCFCF;

	position: relative;

}

div.topo {

	border-top: 5px solid #6E7F90;

	width: 693px;

	height: 400px;

	margin: 0 auto;

	position: relative;

	z-index: 5;

}

div.topo #topohome *{

	zmargin-left: -35px;

	background: transparent !important;

}

div.topo[class] {

	xbackground: url(../img/bg_home.png) no-repeat;

}

div.topo img.marca {

	position: absolute;

	top: 17px;

	right: 0;

}

div.menu {

	width: 152px;

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

	padding-top: 7px;

	position: absolute;

	top: 85px;

	right: -27px;

	padding-left: 60px;

	z-index: 1;

	margin-top: 19px;

}

body.interna div.menu { margin-top: 15px; }/* centraliza o menu */

di.menu ul {

	position: absolute;

	right: 0;

}

div.menu ul li {

	width: 152px;

	height: 29px;

}

div.menu ul li a {

	width: 152px;

	height: 29px;

	display: block;

	background-position: left top;

	background-repeat: no-repeat;

	overflow: hidden;

	text-indent: -1000px;

}

div.menu ul li a:hover { background-position: left -29px; }

div.menu ul li a.empresa { background-image: url(../img/menu_empresa.jpg); }

div.menu ul li a.produto { background-image: url(../img/menu_produto.jpg); }

div.menu ul li a.onde { background-image: url(../img/menu_onde.jpg); }

div.menu ul li a.noticias { background-image: url(../img/menu_noticias.jpg); }

div.menu ul li a.contato { background-image: url(../img/menu_contato.jpg); }

div.menu ul li a.trabalhe { background-image: url(../img/menu_trabalhe.jpg); }

div.menu ul li a.faq { background-image: url(../img/menu_faq.jpg); }



body.interna.empresa div.menu ul li a.empresa,

body.interna.produtos div.menu ul li a.produto,

body.interna.onde div.menu ul li a.onde,

body.interna.noticias div.menu ul li a.noticias,

body.interna.contato div.menu ul li a.contato,

body.interna.trabalhe div.menu ul li a.trabalhe,

body.interna.faq div.menu ul li a.faq { background-position: left -29px; }



body.interna.empresa div.topo { background-image: url(../img/topo_empresa.png); }

body.interna.produtos div.topo { background-image: url(../img/topo_produto.png); }

body.interna.onde div.topo { background-image: url(../img/topo_onde.png); }

body.interna.noticias div.topo { background-image: url(../img/topo_noticias.png); }

body.interna.contato div.topo { background-image: url(../img/topo_contato.png); }

body.interna.amigo div.topo { background-image: url(../img/topo_contato.png); }

body.interna.faq div.topo { background-image: url(../img/topo_faq.png); }



div.conteudo {

	margin: -90px 0 0 26px;

}



div.venezianas {

	width: 411px;

	height: 231px;

	background: url(../img/bg_veneziana.jpg) no-repeat left top;

	position: relative;

	float: left;

}

div.venezianas h1 {

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

	width: 340px;

	height: 25px;

	overflow: hidden;

	text-indent: -1000px;

	position: relative;

	top: 12px;

	left: -12px;

}

div.venezianas div.conheca {

	background: transparent;

	width: auto;

	height: 30px;

	position: absolute;

	bottom: 0;

	right: 0;

}

div.venezianas div.conheca div.teaser {

	position: absolute;

	top: -140px;

	left: -220px;

}

div.venezianas div.conheca p.conheca{

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

	width: 96px;

	height: 30px;

	overflow: hidden;

	text-indent: -1000px;

	position: relative;

	float: left;

	display: block;

}

div.venezianas div.conheca a.vejafotos{

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

	width: 70px;

	height: 30px;

	display: block;

	overflow: hidden;

	text-indent: -1000px;

	position: relative;

}

div.noticias {

	width: 282px;

	height: 172px; /* 231px - 59px (padding) */

	margin-left: 411px;

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

	position: relative;

	_left: -3px;

	padding: 59px 0 0 0;

}

div.noticias a{

	color: white;

	text-decoration: none;

	border-bottom: 1px solid #8F9CAC;

}

div.noticias a:visited{	

	color: #e0e5eb;

}

div.noticias a:hover{

	color: #53606c;

}

div.noticias h1 {

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

	width: 186px;

	height: 36px;

	overflow: hidden;

	text-indent: -1000px;

	position: absolute;

	top: 12px;

	right: -10px;

}

div.noticias div.news {

	background: url(../img/barra_news.jpg) no-repeat 11px 0;

	width: 100%;

	padding: 12px 0;

	text-align: right;

	position: relative;

	overflow: hidden;

}

div.noticias div.news p {

	color: white;

	font-size: 1.1em;

	line-height: 1.4em;

	padding-left: 10px;

}

div.noticias div.news img {

	float: right;

	margin: 0 10px;

}

div.rodape {	

	background: white  url(../img/rodape_endereco.jpg) no-repeat center 20px;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 1.2em;

	color: #A8B2BC;

	text-align: center;

	padding: 20px 0;

	clear: both;

	display: none;

}

div.rodape p.shuttersmart {

	background: white  url(../img/shutter_smart.gif) no-repeat;

	width: 671px;

	height: 59px;

	display: none;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 1.2em;

	color: #A8B2BC;

	text-align: center;

	margin-top: 10px;

}

body.interna.empresa div.rodape { /* qdo voltar com o rodape, isso será deletado */

	display: inline;

	overflow: hidden;

	position: relative;

	top: -30px;

	margin: 0 !important;

	padding: 0 !important ;

}

body.interna.empresa div.rodape p.shuttersmart { /* qdo voltar com o rodape, isso será deletado */

	background-position: 0 -2px;

	margin: 0 !important;

}

body.interna div.topo {

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

	border-top: 5px solid #6E7F90;

	width: 693px;

	height: 205px;

	margin: 0 auto;

	position: relative;

}

body.interna div.topo a img.marca {

	position: absolute;

	top: 30px;

	left: 25px;

	width: 147px;

	height: 41px;

}

body.interna div.topo a.invisivel {

	background: transparent;

	display: block;

	width: 150px;

	height: 50px;

	position: absolute;

	top: 25px;

	left: 15px;

}



body.interna div.menu {

	background-image: none;

	top: 2px;

	padding-top: 0;

}



body.interna div.conteudo {

	background: white url(../img/bg_conteudo_sombra.png) no-repeat 0 0;

	margin-top: 0;

	height: 373px;

}

body.interna div.conteudo div.auxiliar {

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

	width: 218px;

	height: 337px;

	float: left;

	position: relative;

}

body.interna div.conteudo div.auxiliar div.envie {

	background: #ADBDCD url(../img/bg_envie.jpg) no-repeat 0 bottom;

	height: 44px;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	_bottom: -1px;

}

body.interna div.conteudo div.auxiliar div.envie a {

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

	width: 144px;

	height: 25px;

	display: block;

	overflow: hidden;

	text-indent: -1000px;

	margin: 10px auto 0 auto;

}

body.interna div.conteudo div.principal div.titulo,

body.interna div.conteudo div.auxiliar div.titulo {

	text-indent: -1000px;

	overflow: hidden;

}

body.interna div.conteudo div.principal {

	background: url(../img/bg_conteudo_principal.jpg) repeat-y 0 bottom;

	width: 475px;

	margin-left: 218px;

	height: 337px; /* 337px - padding-top */ 

	text-align: right;

	position: relative;

	_left: -3px;

	font-size: 1.2em;

	color: white;

}

body.interna div.conteudo div.principal div.info {

	position: relative;

	top: 80px;

	padding: 0 15px 0 10px;

	color: white;

	text-align: right;

	font-size: 1.0em;

}

body.interna div.rodape {	

	background: white url(../img/rodape_endereco_pequeno.jpg) no-repeat center 20px;

	margin-top: -26px;

	position: relative;

}



/* Empresa */

body.interna.empresa div.conteudo div.auxiliar {

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

	width: 218px;

	height: 337px;

}

body.interna.empresa div.conteudo div.auxiliar div.titulo {

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

	width: 113px;

	height: 36px;

	position: relative;

	top: 18px;

	left: -11px;

}

body.interna.empresa div.conteudo div.principal div.titulo {

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

	width: 261px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px !important;

	text-align: left;

}

body.interna.empresa div.conteudo div.principal {

	height: 337px;

}

body.interna div.site a img.botaoVoltar {

	width: 55px;

	height: 26px;

	display: block;

	overflow: hidden;

	position: absolute;

	top:533px;

	left: 231px;

	text-indent: -1000px;

}

body.interna.empresa div.rodape p.shuttersmart{

	display: block;

}

body.interna.empresa div.rodape p.shuttersmart a{

	width: 170px;

	height: 59px;

	display: block;

	overflow: hidden;

	text-indent: -10000px;

	margin: 0 auto;

	margin-top: 10px;

}

/* CONTATO */

body.interna.contato div.conteudo div.auxiliar div.titulo {

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

	width: 123px;

	height: 33px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.contato div.conteudo div.auxiliar img {

	position: relative;

	top: 104px;

	left: 19px;

}

body.interna.contato div.conteudo div.auxiliar p {

	font-size: 1.2em;

	color: white;

	margin: 120px 0 0 30px;

	position: relative;

}



body.interna.contato div.conteudo div.principal div.titulo {

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

	width: 350px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}



/* ENVIE AMIGO */

body.interna.amigo div.conteudo div.auxiliar div.titulo {

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

	width: 140px;

	height: 36px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.amigo div.conteudo div.auxiliar img {

	position: relative;

	top: 104px;

	left: 19px;

}

body.interna.amigo div.conteudo div.principal div.titulo {

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

	width: 320px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}



/* FAQ */

body.interna.faq div.conteudo div.auxiliar div.titulo {

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

	width: 118px;

	height: 33px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.faq div.conteudo div.principal div.titulo {

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

	width: 415px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}

body.interna.faq div.conteudo div.principal div.info dl {}

body.interna.faq div.conteudo div.principal div.info dl dt {

	color: #626076;

	font-style: italic;

	font-weight: bold;

	margin-top: 10px;

}





/* NOTICIAS */

body.interna.noticias div.conteudo div.auxiliar div.titulo {

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

	width: 94px;

	height: 36px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.noticias div.conteudo div.principal div.titulo {

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

	width: 285px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}

body.interna.noticias div.conteudo div.principal div.info div.new {

	margin-bottom: 15px;

}

body.interna.noticias div.conteudo div.principal div.info div.new  h1{

	font-size: 1.2em;

	line-height: 1.3em;

	color: #626076;

}

body.interna.noticias div.conteudo div.principal div.info div.new  span{

	font-size: 0.8em;

	line-height: 1.0em;

	font-weight: bold;

}

body.interna.noticias div.conteudo div.principal div.info div.new img{

	float: left;

	border: 5px solid white;

	margin: 0 10px;

} 



/* TRABALHE CONOSCO */

body.interna.trabalhe div.conteudo div.auxiliar div.titulo {

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

	width: 194px;

	height: 36px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.trabalhe div.conteudo div.principal div.titulo {

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

	width: 453px;

	height: 64px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}

body.interna.trabalhe div.conteudo div.principal div.info {

	text-align: left;

}



/* ONDE ENCONTRAR */

body.interna.onde div.conteudo div.auxiliar div.titulo {

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

	width: 154px;

	height: 36px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.onde div.conteudo div.auxiliar img {

	position: relative;

	top: 83px;

	left: 19px;

}

body.interna.onde div.conteudo div.principal div.titulo {

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

	width: 313px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}





/* PRODUTOS */

body.interna.produtos div.conteudo div.auxiliar div.titulo {

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

	width: 102px;

	height: 36px;

	position: absolute;

	top: 18px;

	left: -11px;

}

body.interna.produtos div.conteudo div.principal div.titulo {

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

	width: 348px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}

body.interna.produtos.articulado div.conteudo div.principal div.titulo {

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

	width: 275px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px !important;

	text-align: left;

}

body.interna.produtos.camarao div.conteudo div.principal div.titulo {

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

	width: 275px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}

body.interna.produtos.correr div.conteudo div.principal div.titulo {

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

	width: 275px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px !important;

	text-align: left;

}

body.interna.produtos.especificacao div.conteudo div.principal div.titulo {

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

	width: 319px;

	height: 48px;

	position: absolute !important;

	top: 18px;

	left: 166px;

}

body.interna.produtos.galeria div.conteudo div.principal div.titulo {

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

	width: 395px;

	height: 48px;

	position: absolute;

	top: 18px;

	right: -10px;

	text-align: left;

}

body.interna.produtos div.conteudo div.principal div.info img {

	float: left;

	margin: 0 10px 5px 0;

}

body.interna.produtos div.conteudo div.principal div.info img.borda {

	border: 5px solid #7d7793;

}

body.interna.produtos div.conteudo div.auxiliar div.menuproduto {

	width: 225px;

	position: absolute;

	top: 60px;

	left: -11px;

}

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li {

	width: 225px;

	height: 30px;

}

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a {

	width: 225px;

	height: 30px;

	display: block;

	background-position: left top;

	background-repeat: no-repeat;

	overflow: hidden;

	text-indent: -1000px;

}

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a:hover { background-position: left -30px; }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.apresentacao { background-image: url(../img/mn_apresentacao.jpg); }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.linhas { background-image: url(../img/mn_linhas.jpg); }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.painelarticulado { background-image: url(../img/mn_painel_articulado.jpg); }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.painelcorrer { background-image: url(../img/mn_painel_correr.jpg); }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.painelcamarao { background-image: url(../img/mn_painel_camarao.jpg); }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.especificacao { background-image: url(../img/mn_especificacao.jpg); }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.galeria { background-image: url(../img/mn_galeria.jpg); }





body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.linhas { cursor: default; }

body.interna.produtos div.conteudo div.auxiliar div.menuproduto ul li a.linhas:hover  { background-position: left top; }



body.interna.produtos.apresentacao div.conteudo div.auxiliar div.menuproduto ul li a.apresentacao,

body.interna.produtos.articulado div.conteudo div.auxiliar div.menuproduto ul li a.painelarticulado,

body.interna.produtos.correr div.conteudo div.auxiliar div.menuproduto ul li a.painelcorrer,

body.interna.produtos.camarao div.conteudo div.auxiliar div.menuproduto ul li a.painelcamarao,

body.interna.produtos.especificacao div.conteudo div.auxiliar div.menuproduto ul li a.especificacao,

body.interna.produtos.galeria div.conteudo div.auxiliar div.menuproduto ul li a.galeria { background-position: left -30px; }



body.interna.produtos.especificacao div.conteudo div.principal div.info dl {}

body.interna.produtos.especificacao div.conteudo div.principal div.info dl dt {

	color: #626076;

	font-style: italic;

	font-weight: bold;

	margin-top: 10px;

}

body.interna.produtos.galeria div.conteudo div.principal div.info ul.galeria {}

body.interna.produtos.galeria div.conteudo div.principal div.info ul.galeria li {

	float: left;

	margin: 0 10px 10px 0;

}

body.interna.produtos.galeria div.conteudo div.principal div.info ul.galeria li img { margin: 0; }







/* Ajeita no IE6 */

body.interna div.conteudo div.principal div.titulo {

	_right: -1px;

}







.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}