/**
	DecoradorNet - Site (DECORADORNET) v: 0.1
	Developer(s):
		+ Fernando Basilio (fernando.basilio@neotix.com.br)
*/

@import url("plugins/reset.css");
@import url("replacements.css");


/* ELEMENTOS ------------------------------------------------------------------------------ */


@font-face {
    font-family: 'ZagLight';
    src: url('../fonts/ZagLight.eot');
    src: url('../fonts/ZagLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ZagLight.woff') format('woff'),
         url('../fonts/ZagLight.ttf') format('truetype'),
         url('../fonts/ZagLight.svg#ZagLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Debi';
    src: url('../fonts/deibi.eot');
    src: url('../fonts/deibi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/deibi.woff') format('woff'),
         url('../fonts/deibi.ttf') format('truetype'),
         url('../fonts/deibi.svg#DeibiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 11px;
	color: #666;
	margin: 0px;
	padding: 0px;
}

html{ overflow-y: scroll; }

h1, h2, h3, h4, h5 { font-size: 11px; font-weight: normal; }

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

ul { margin: 0; padding: 0; }
li { list-style: none; margin: 0; padding: 0; }

input, textarea, select{
	border: 1px solid #aaa;
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 10px;
	padding: 2px 3px;
}

textarea{
	overflow: auto;	
	height: 100px;
}

button{
	border: 0;
	font-size: 11px;
	cursor: pointer;
}

strong{
	font-weight: bold;
}

/* ESTRUTURA ------------------------------------------------------------------------------ */
#container{
	width: 100%;
	margin: 0 auto;
	display: table;
}

/* header */
.content_header{
	width: 100%;
	height: 120px;
}

.header{
	width: 990px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}

.header h1,
.header h1 a{
	float: left;
	width: 242px;
	height: 34px;
	display: inline;
}

.header h1{
	margin-top: 30px;
	margin-left: 10px;
}

.header ul{
	float: left;
	width: 585px;
	height: 33px;
	padding: 5px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index:1;
}

.header ul li,
.header ul li a{
	float: left;
	display: inline;
	height: 38px;
}

.header ul li{
	margin-right: 1px;
}

.header ul li a{
	margin-top: 0px;
	display: block;
	width: 68px;
	overflow: hidden;
	text-indent: -9999px;
}

.header ul li.nav_topo_home a{ width: 47px; }
.header ul li.nav_topo_sobre_nos a{ width: 68px; }
.header ul li.nav_topo_diferenciais a{ width: 75px; }
.header ul li.nav_topo_pedimos a{ width: 61px; }
.header ul li.nav_topo_entregamos a{ width: 78px; }
.header ul li.nav_topo_estilos_referencias a{ width: 109px; }
.header ul li.nav_topo_vitrine a { width:46px; }
/*.header ul li.nav_topo_get_the_look a{ width: 81px; }*/
.header ul li.nav_topo_blog a{ width: 37px; }

.header ul li.nav_topo_ambiente1 a,
.header ul li.nav_topo_ambiente2 a,
.header ul li.nav_topo_ambiente3 a,
.header ul li.nav_topo_ambiente4 a,
.header ul li.nav_topo_ambiente5 a,
.header ul li.nav_topo_mensagens a{ width: 84px; }
.header ul li.nav_topo_editar_cadastro a{ width: 106px; }
.header ul li.nav_topo_pagamento a{ width: 106px; }
.header ul li.nav_topo_fale_conosco a{ width: 106px; }
.header ul li.nav_topo_duvidas a{ width:83px; }
.header ul li.nav_topo_sair a{ width: 49px; }

.header ul li.on a { background-position:0 -38px; margin-top:0px!important; }
.header ul li.on a span { }

.header ul li img {
	margin-top: 25px;
	margin-left: -8px;
}

.header .nav_shadow {
	float: left;
	width:528px;
	height: 7px;
	position: absolute;
	bottom: -1px;
	left:10px;
}

.header_mini .nav_shadow { width:100%; }

.header .seal-sale
{
	background: url('/img/home/seal-sale.png') no-repeat;
	display:block;
	height:31px;
	overflow:hidden;
	position:absolute;
	right:480px;
	text-indent:-9999px;
	top:56px;
	width:46px;
}




/* Atendimento online */
.nav-atend-online
{
	position:absolute;
	top:88px;
	right:185px;
}

.nav-atend-online .lpPoweredBy,
.nav-atend-online .lpEmtStarRating,
.nav-atend-online .lpStaticButtonAddTextTD
{
	display:none;
}







/* box_login */
.box_login,
.box_ir_minisite{
	float: left;
	width: 169px;
	height: 33px;
	position: absolute;
	z-index:20;
	top: 87px;
	right: 0px;
	padding: 0 16px 0 20px;
	overflow: hidden;
}

.box_login h2 { position:relative; }

.box_login h2,
.box_ir_minisite h2,
.box_ir_minisite h2 a
{
	float: left;
	width: 169px;
	height: 33px;
}

.box_login h3,
.box_login h3 a
{
	float: left;
	width: 169px;
	height: 27px;
}

.box_login h2{ cursor: pointer; }

.box_login .conteudo_login{
	float: left;
	width: 169px;
	height: 0px;
	background: #e2154e;
}

.box_login .conteudo_login .input_login,
.box_login .conteudo_login .input_senha{
	float: left;
	width: 157px;
	height: 21px;
	margin: 6px 0 0 6px;
}

.box_login .conteudo_login .input_login input,
.box_login .conteudo_login .input_senha input{
	float: left;
	width:100px;
	height: 18px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(/img/bg-input-box.png) no-repeat 0 0;	
	padding: 2px 0 0 0;
	margin-left: 49px;
	font-size: 11px;
}

.box_login .conteudo_login .input_login input{
	color: #e2154e;
	font-weight: bold;
}

.box_login .conteudo_login .bt_entrar{
	float: left;
	width: 169px;
	height: 34px;
	margin: 3px 0 0 0;
}

.box_login .conteudo_login a.lnk_esqueci_senha{
	float: right;
	color: #fff;
	font-size: 10px;	
	margin: 5px 12px 5px 0;
}

.box_login .conteudo_login .txt_erro_login{
	float: right;
	color: #fff;
	width: 157px;
	font-size: 10px;	
	padding: 0;
	margin: 0 5px 3px 0;
	text-align: center;
}


/* banner_flash_home */
.banner_flash_home,
.banner_flash_home #flash_home{
	width: 100%;
	min-width: 990px;
	height: 320px;
}

.banner_flash_home 
{
	display: none; 
	background: url('/img/home/bg-banner.png') no-repeat top center;
}


/* content */
.content{
	width: 990px;
	margin: 0 auto;
	display: block;
/*	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}


/* nav_vertical */
.nav_vertical{
	width: 40px;
	height: 320px;
	background: #333;
	position: absolute;
	top: 120px;
	right: 0px;
	float: right;
	color: #666;
}

.nav_vertical .item{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	overflow: hidden;
	z-index: 999;
}

.nav_vertical .item_percurso{ top: 0px; }
.nav_vertical .item_status{ top: 40px; }
.nav_vertical .item_login{ top: 80px; }
.nav_vertical .item_mensagem{ top: 120px; }

.nav_vertical .item .item_conteudo{
	padding-left: 13px;
	position:relative;
	z-index:1;
}

.nav_vertical .item .ico{
	float: right;
	width: 40px;
	height: 40px;
	position:relative;
	z-index:2;
}
	
.nav_vertical .item_percurso h4{
	float: left;
	width: 83px;
	height: 15px;
	margin: 5px 0 3px 0;
}

.nav_vertical .item ul.breadcrumb{
    font-size:10px;
    left:15px;
    position:absolute;
    top:23px;
    line-height:12px;
}

.nav_vertical .item ul.breadcrumb li {
	float: left;
	display: inline;	
	margin-right: 3px;
	padding-right: 9px;
}

.nav_vertical .item ul.breadcrumb li.last{ background: none; }

.nav_vertical .item ul.breadcrumb li a{ color: #999; padding-bottom:2px; }
.nav_vertical .item ul.breadcrumb li.last a{ color: #666; }

.nav_vertical .item_status img{
	float: left;
	margin: 3px 8px 0 0;
}

.nav_vertical .item_status h4{
	float: left;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

.nav_vertical .item_status .barra_status{
	float: left;
	width: 50px;
	height: 10px;
	margin: 4px 0 0 0;	
}

.nav_vertical .item_status .barra_status .complete{
	float: left;
	width: 0;
	height: 10px;
	background: #7cc223;
}

.nav_vertical .item_login h4{
	float: left;
	width: 83px;
	height: 15px;
	margin: 5px 0 3px 0;
}

.nav_vertical .item_login h5{
	float: left;
	width: 93px;
	font-size: 10px;
}

.nav_vertical .item .bt_editar,
.nav_vertical .item .bt_sair,
.nav_vertical .item .bt_ler{
	float: left;
	width: 56px;
	height: 29px;
}

.nav_vertical .item .bt_editar{ /*margin: -6px 0 0 14px;*/
    width:70px;
    position:absolute;
    left:100px;
    top:10px;                                
}
.nav_vertical .item .bt_sair{ margin: -12px 0 0 0px; }
.nav_vertical .item .bt_ler{ margin: -12px 0 0 0px; }

.nav_vertical .item_mensagem h4{
	float: left;
	width: 83px;
	height: 15px;
	margin: 5px 0 3px 0;
}

.nav_vertical .item_mensagem p{
	float: left;
	width: 93px;
}

.nav_vertical .item_mensagem p strong{
	color: #e2154e;	
}

.nav_vertical .item_mensagem small{
	position: absolute;
	top: 6px;
	right: 5px;
	width: 15px;
	height: 10px;
	color: #fff;
	text-align: center;
	font-size: 9px;
	text-indent: 0!important;
	z-index: 20;
}


/* footer */
.footer{
	width: 100%;
	min-width: 990px;
	height: 169px;
	border-top: 1px solid #e5e5e5;
}

.content_footer{
	width: 990px;
	height: 169px;
	margin: 0 auto;
}

.content_footer .box_nav_footer{
	float: left;
	width: 700px;
}

.content_footer dl{
	float: left;
	display: inline;
	margin: 20px;
	height: 90px;
}

.content_footer dl a{
	color: #666;
}

.content_footer dl.nav_footer_home{	width: 55px; margin-left:10px; }
.content_footer dl.nav_footer_fazemos{	width: 135px; }
.content_footer dl.nav_footer_precisar{	width: 135px; }
.content_footer dl.nav_footer_recebe{	width: 180px; }
.content_footer dl.nav_footer_comece{	width: 180px; }

.content_footer dl dt{
	font-size: 13px;
	font-weight: bold;
}

.content_footer dl dd{
	font-size: 9px;
	margin: 8px 0 0 0;
}

.content_footer dl dt a{ color: #000; }

.content_footer .nav_logo_blog a,
.content_footer .nav_logo_flickr a,
.content_footer .nav_logo_twitter a,
.content_footer .nav_logo_facebook a{
	width: 22px;
	height: 22px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
}

.content_footer .nav_logo_neotix a{
	width: 23px;
	height: 23px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
}

.content_footer .box_duvidas_frequentes{
	float: right;
	width: 245px;
	padding-left: 15px;
}

.content_footer .box_duvidas_frequentes, 
.content_footer .box_duvidas_frequentes a{
	color: #fff;
}

.content_footer .box_duvidas_frequentes h3{
	width: 224px;
	height: 38px;
	margin: 10px 0 0 0;
}

.content_footer .box_duvidas_frequentes .hover-read-more-hover,
.content_footer .box_duvidas_frequentes .hover-read-more-hover span{
	width: 160px;
	height: 15px;
	display: block;
	cursor:pointer;
	overflow: hidden;
	text-decoration: none;
	float:left;
}

.content_footer .box_duvidas_frequentes .hover-read-more-hover span{
	text-indent: -9999px;
}

.content_footer .box_duvidas_frequentes .hover-read-more-hover{
	margin: 13px 0 0 0; 
}

/***** DÚVIDAS FREQUENTES | FAQ *****/

.content_footer .box_duvidas_frequentes .list-main-faq
{ 
	float: left;
}

.content_footer .box_duvidas_frequentes .list-main-faq li a
{
	width: 245px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 6px;
	cursor:pointer;
	display:block;
	background: url(/img/bullet-seta.png) no-repeat -10px 5px; 
}

.content_footer .box_duvidas_frequentes .list-main-faq li span
{
	display:block;
	padding-left: 15px;
}

.content_footer .box_duvidas_frequentes .list-main-faq li a:hover{
	text-decoration:none;
}

.content_footer .copyright{
	float: left;
	clear: both;
	width: 720px;
	padding-left: 10px;
	margin: 10px 0 0 0;
}

.content_footer .copyright h5{
	float: left;
	width: 160px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding: 6px 0 0 0;
}

.content_footer .copyright h5 span{
	font-size: 11px;
	color: #acacac;
	font-weight: normal;
}

.content_footer .copyright ul{
	float: left;
	width: 420px;
	margin: 5px 0 0 0;
}

.content_footer .copyright .list_media_sociais{
	float:left;
	width: 120px;
	margin: 0;
}

.content_footer .copyright .list_media_sociais li{
	float:left;
	border:none;
	padding: 0;
	padding-right: 3px;
}

.content_footer .copyright .list_media_sociais li.nav_by{
	float:left;
	border:none;
	padding: 5px 0 0 5px;
}

.content_footer .copyright .list_media_sociais li.nav_logo_neotix{
	float:right;
	border:none;
	padding: 0;
	padding-right: 3px;
}

.content_footer .copyright ul li,
.content_footer .copyright ul li a{
	float: left;
	display: inline;
	font-size: 9px;
	color: #666;
}

.content_footer .copyright ul li{
	padding: 3px 10px 0 10px; 
	border-left: 1px solid #d9d9d9;
}


/* box_tutorial */
.box_tutorial{
	float: left;
	width: 960px;
	padding-bottom: 75px;
	padding-left:10px;
}

.box_tutorial h3{
	float: left;
	width: 100%;
	height: 45px;
	margin-bottom: 25px;
}

.box_tutorial .item_tutorial{
	float: left;
	width: 215px;
	height: 120px;
	padding-left: 100px;
	background-position: 0 5px;
}

.box_tutorial .item_tutorial ul{
	float: left;
	width: 200px;
}

.box_tutorial .item_tutorial ul li,
.box_tutorial .item_tutorial ul li a{
	color: #666;
	font-size: 10px;
}

.box_tutorial .item_tutorial ul li{
	width: 180px;
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
}

.box_tutorial .item_tutorial ul li.last{
	border: none;
}

.box_tutorial .item_tutorial h4{
	float: left;
	width: 200px;
	height: 20px;
	margin-bottom: 15px;
}

.box_tutorial .tuto_foto{
	padding-left: 110px;
	width: 210px;
}


/* replacements */
.rpc {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.pop_tutorial {
    width:558px;
    height:0px;/*477px;*/
    background:url(/img/pedimos/bg_pop_tutorial.png) no-repeat;
    position:fixed;
    left:50%;
    margin:-230px -279px;
    z-index:1110;
    bottom:50%;
    display:none;
    overflow:hidden;
}

.pop_tutorial .bt-fechar {
    width:24px;
    height:25px;
    position:absolute;
    right:25px;
    top:21px;
    z-index:2;
    background:url(/img/pedimos/bt-pop-fechar.png) no-repeat;
}

.pop_tutorial .pop_mid {
    width:475px;
    height:385px;
    margin:35px 0 0 39px;
    display:block;
    overflow:hidden;
    float:left;
    position:relative;
    z-index:1;
}

.pop_tutorial .pop_mid h3 {
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    padding-bottom:10px;
    color:#323232;
}

.pop_tutorial .pop_mid ul {
    float:left;
    width:6000px;
    position:relative;
}

.pop_tutorial .pop_mid ul li {
    float:left;
    width:475px;
    height:361px;
    position:relative;
}

.pop_tutorial .pop_mid ul li img {
    display:block;
    margin:0 auto;
    /*width:475px;*/
    /*height:361px;*/
}

.pop_tutorial .pop_mid ul li p {
    position:absolute;
    left:0;
    bottom:0;
    color:#323232;
    font-size:12px;
    line-height:18px;
    padding:5px 15px 5px 10px;
    width:450px;
    background:#ebebeb url(/img/pedimos/seta_desc.png) no-repeat right center;
    cursor:pointer;
}

.pop_tutorial .pop_mid ul li p.off {
    background-image:url(/img/pedimos/seta_desc2.png);
    padding-left:2px;
}

.pop_tutorial .bt-anterior,
.pop_tutorial .bt-proximo {
    width:74px;
    height:26px;
    margin-top:5px;
    float:right;
    background:url(/img/pedimos/bt-pop-anterior.png) no-repeat;
}

.pop_tutorial .bt-proximo {
    width:69px;
    margin:5px 28px 0 4px;
    background-image:url(/img/pedimos/bt-pop-proximo.png);
}

.pop_tutorial .bt-integrado 
{
	width:88px;
    height:26px;
    margin-top:5px;
    float:left;
    background:url(/img/pedimos/bt-pop-integrado.png) no-repeat;
}

.pop_tutorial .bt-multifuncao 
{
	width:108px;
    height:26px;
    margin-top:5px;
    float:left;
    background:url(/img/pedimos/bt-pop-multifuncao.png) no-repeat;
}

.cortina {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    display:none;
    z-index:1000;
    background:#fff;
}
    /*galeria*/
.pop_tutorial_g {
    background:url(/img/galeria/bg_pop_tutorial_galeria.png) no-repeat 0 0;
    margin:-312px -444px;
    width:889px;
}

.pop_tutorial_g .pop_mid {
    height:520px;
    width:775px;
    margin:35px 0 0 55px;
}

.pop_tutorial_g .pop_mid ul li {
    width:775px;
    height:489px;
}

/* no ie */
.no-ie6-alert {
    background:url(/img/ico_browsers/bg.png) repeat-x 0 bottom;
    width:100%;
    min-width:845px;
    display:block;
    position:relative;
    margin:0px;
    padding:0px;
}

.no-ie6-alert .ul {
    position:relative;
    width:845px;
    display:block;
    margin:0 auto;
    height:60px;
    padding:5px 0;
    text-align:center;
}

.no-ie6-alert .ul li {
    display:inline;
    padding-right:15px;
    position:relative;
    float:left;
}

.no-ie6-alert .ul .msg {
    font-size:12px;
    font-weight:bold;
    color:#dc2929;
}

.no-ie6-alert .ul .msg ul {
    width:500px;
    margin-top:5px;
    position:relative;
}

.no-ie6-alert .ul .msg li {
    width:100%;
    line-height:18px;
}


/* box_item_produto */
.box_item_produto{
	display: block;
	position: absolute;
	z-index: 9;
	width: 29px;
	height: 29px;
	font-size: 12px;
}

.box_item_produto .bullet_expand_planta{
	width: 29px;
	height: 29px;
	background: url(/img/bullet-point+.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 999;
}

.box_item_produto .content_box{
	background: url(/img/bg-box-item-produto.png) no-repeat 0 0;
	width: 210px;
	height: 250px;
/*	padding: 10px;	*/
	height: 0;
	overflow: hidden;
}

.box_item_produto .box_r { margin-left:-170px; }

.box_item_produto .content_box img{
	padding: 10px 10px 0 10px;
	width: 180px;
	height: 115px;
}

.content_box .bt_mais_detalhes{
	float: left;
	width: 91px;
	height: 29px;
	background: url(/img/bt-mais-detalhes.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-left: 60px; 
}

.box_item_produto .content_box ul{
	float: left;
	width: 180px;
	margin: 5px 0 0 5px;
	padding: 0px 5px 10px;
}

.box_item_produto .content_box ul li{
	float: left;
	/*width: 170px;*/
	width:180px;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e5e5e5;
}

.box_item_produto .content_box ul li.last{ border-bottom: none; }

/* pop indique */
.form_indique_amigo {
    width:100%;
    float:left;
}

.form_indique_amigo li label,
.form_indique_amigo li {
    width:100%;
    float:left;
    padding-top:5px;
    padding-bottom:9px;
    position:relative;
}

.form_indique_amigo li label {
    padding:0 0 2px;
}

.form_indique_amigo li textarea,
.form_indique_amigo li input {
    width:465px;
    float:left;
}

.form_indique_amigo li.input_erro textarea,
.form_indique_amigo li.input_erro input {
    border-color:red;
    color:Red;    
}

.form_indique_amigo .txt_sucesso,
.form_indique_amigo .txt_erro  {
    background:url(/img/cadastro/img-alert-erro.png) no-repeat 0 2px;
    color:#F51754;
    display:none;
    float:left;
    font-size:11px;
    height:18px;
    margin:0 0 0 0px;
    padding:7px 0 0 25px;
    width:315px;
}

.form_indique_amigo .txt_sucesso
{
    background:url(/img/cadastro/img-alert-sucesso.png) no-repeat 0 2px;
    color:#308d1b!important;
 }

.form_indique_amigo .bt_form_enviar  {
    background:url(/img/fale_conosco/bt_enviar.png) no-repeat 0 0;
    float:right;
    height:24px;
    margin-right:10px;
    width:77px;
    position:relative;
}

.form_indique_amigo .img_load {
    float:right;
    margin:-2px 20px 0 0;
    display:none;
}