@font-face {
    font-family: 'KlavikaRegular';
    src: url('klavika-regular-webfont.eot');
    src: url('klavika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavika-regular-webfont.woff') format('woff'),
         url('klavika-regular-webfont.ttf') format('truetype'),
         url('klavika-regular-webfont.svg#KlavikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #F3F3F3;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

.clear-both { clear: both; }

/* cor dos links */
a {
	color: #007CC9;
	text-decoration: none;
}

a:hover {
	color: #999999;
}

hr {
	clear: both;
}

/* FORMS */
input, select, textarea {
	font-family: arial, verdana, sans-serif;
	padding: 0 2px;
	font-size: 12px;
	color: #808080;
}

select { padding: 0 0 0 2px; }


/* WRAPPERS */
#wrapper {
	/*width: 1004px;*/
}

#top #header, #main-top, .homepage #main-content { width: 1004px; margin: 0 auto; }


#main-content {
	width: 980px;
	margin: 0 auto;
}

/* top */
#top { background-color: #ffffff; height: 97px; padding-top: 13px; }

#top #header-right { float: right; padding-top: 5px; }

#header-right .tabs { list-style: none; }

#header-right .tabs li a { color: #ccc; }

#header-right .tabs li { float: left; padding: 3px 6px; }

#header-right .tabs li.selected { background-color: #F3F3F3; }

#header-right .tabs li.selected a { color: #999; }

#login, #logged { clear: left; }

#login form, #newsletter form, #logged { clear: left; width: 250px; padding: 8px 6px 4px 6px; background-color: #F3F3F3; }

#login table,
#newsletter table { width: 100%; border-collapse: collapse; }

#login .inp-cell, #newsletter .inp-cell { background: transparent url(../images/login_bg.gif) no-repeat left center; height:  19px; line-height: 19px; padding: 5px 0 0 3px; }

#login .inp-cell.password { background: transparent url(../images/password_bg.gif) no-repeat left center; }

#newsletter .inp-cell { background-image: url(../images/newsletter_bg.gif); }

#login .inp-cell input, #newsletter .inp-cell input { font-size: 11px; color: #808080; vertical-align: top; width: 117px; }

#login .inp-cell input.password {
	width: 77px;
}

#newsletter .inp-cell input { width: 204px; }

#login .registo, #header #newsletter { font-size: 11px; }

#login .registo a { padding-left: 10px;}

#login .registo a:first-child { padding-left: 0;}

#login .btn-submit, #newsletter .btn-submit, .order_box .btn-submit { line-height: 20px; background: transparent url(../images/btn-ok.png) no-repeat left center; }

#login .btn-submit input, #newsletter .btn-submit input, .order_box .btn-submit input { height: 18px; background-color: transparent; color: #fff; cursor: pointer; font-size: 10px; width: 29px; font-weight: bold; }

#logged {
	color: #999;
	font-size: 11px;
	padding-top: 5px;
	overflow: hidden;
}

#logged p {
	background: transparent url(../images/icon-logged.gif) no-repeat left center;
	padding: 2px 0 2px 12px;
}

#logged div.area-membro,
#logged div.logout {
	clear: right;
	float: right;
	font-size: 11px;
}

/* ordenacao */
#ordenacao, .ordenacao {
	padding: 0 0 15px 0;
	color: #808080;
	font-size: 12px;
}

#ordenacao, .ordenacao { padding-right: 29px; overflow: hidden; } 

.ordenacao.down { clear: both;}

.order_box { float: right; }

.order_box select { border: 1px solid #ccc; }

/* paginacao */
.paginacao { padding-bottom: 20px; clear: both; text-align: right; }

.catalogue .paginacao, .search .paginacao { padding-right: 27px; font-size: 12px; }

.paginacao a { padding: 0 2px; }

.paginacao .selected {
	background-color: #E20A16; color: #fff; font-weight: bold; padding: 0 4px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* search */
#search { float: right; }
#search-input { background: transparent url(../images/search-bg.gif) no-repeat left center; padding-left: 24px; height: 30px; overflow: hidden; }
#search-input .text-input { line-height: 30px; float: left; height: 30px; padding-right: 6px; }
#search-input .text-input { *height: 23px; *padding-top: 7px; }
#search-input .text { width: 198px; }
#search-input .btn-submit { float: left; line-height: 30px; background: transparent url(../images/btn-ok.png) no-repeat left center; }

#search-input .btn-submit input { height: 18px; background-color: transparent; color: #fff; cursor: pointer; font-size: 10px; width: 29px; }

/* breadcrumb */
.breadcrumb { font-size: 11px; font-weight: normal;}
.breadcrumb span.current { color: #999; } 


/* main */
#main {
	clear: both;
	background: #ffffff url(../images/wrapper-bg-pages.png) repeat-x left top;
	/*width: 1004px;*/
	min-height: 310px;
	padding-bottom: 20px;
}

.homepage #main {
	background-image: url(../images/wrapper-bg.png);
}

#menu-main {
	height: 66px;
}

#menu-main ul#menu { list-style: none; }

#menu-main #menu li { background: transparent url(../images/menu-main-separator.gif) no-repeat left center; float: left; font-family: KlavikaRegular; font-size: 14px; line-height: 30px; padding: 0 8px 0 10px; }

#menu-main #menu li:first-child { background-image: none; padding: 0 8px; }

#menu-main #menu li a { color: #ffffff; text-decoration: none; }

#menu-main #menu li, #menu-main #menu li a { text-transform: uppercase; }


#menu-main #menu li.selected + li { background-image: none; }

#menu-main #menu li.selected, #menu-main #menu li:hover { background: transparent url(../images/menu-main-selected.gif) repeat-x left top !important; color: #fff; }

#submenu { clear: left; }

#submenu ul { list-style: none; }

#submenu li a { color: #fff; text-transform: uppercase; }

#submenu li,
#submenu li:hover { font-family: arial,verdana,sans-serif; font-size: 11px; line-height: 34px; font-weight: bold; background: transparent url(../images/submenu-main-separator.gif) no-repeat left center; }

#submenu li:hover,
#submenu li:hover a,
#submenu li a.selected { color: #F1858B; }

#submenu li:first-child { padding: 0 8px; background-image: none;}

#submenu ul li {
	float: left;
	position: relative;
	z-index: 99;
	padding: 0 8px 0 10px;
}

#submenu ul ul { position: absolute; left: 0; top: 30px; background-color: #fff; padding: 5px 0; }

#submenu ul ul li { display: block; float: none; background-image: none; position: static; }

#submenu ul ul li,
#submenu ul ul li a { color: #808080; }


#submenu ul ul, #submenu ul ul li, #submenu ul ul li:hover, #submenu ul li:hover ul li a { font-weight: normal; white-space: nowrap; font-size: 11px; line-height: 18px; }

#submenu ul ul, #submenu ul ul li, #submenu ul li:hover ul li a { color: #808080; }

#submenu ul ul li, #submenu ul ul li:first-child { padding: 0; }

#submenu ul ul li a { background: #ffffff url(../images/submenu-list-arrow.gif) no-repeat 10px center; padding: 0; }

#submenu ul ul li:hover a, #submenu ul ul li.selected a { background: #E20A16 url(../images/submenu-list-arrow-white.gif) no-repeat 10px center; }

#submenu ul ul li span { color: #aaa; }

#submenu ul ul li:hover, #submenu ul ul li:hover span, #submenu ul li:hover ul li:hover a, #submenu ul ul li.selected, #submenu ul li:hover ul li.selected a,
 #submenu ul ul li.selected a span { color: #fff; }

#submenu ul ul li, #submenu ul ul li a { text-transform: capitalize; }

#submenu ul ul li a { padding: 0 18px 0 20px; }

#submenu ul li:hover ul, #submenu ul li:hover ul li, #submenu ul li ul li a { display: block !important; }



/*submenu-list-arrow.gif*/


/* LOGO */
#logo {
	padding-left: 8px;
}

/* main-content */
#main-content {
	clear: both;
}

.catalogue #center-content,
.search #center-content { float: left; width: 706px; }

.editorial #center-content { float: left; width: 677px; padding-right: 29px; }

.catalogue.detail #center-content { float: none; width: auto; }

table { border-collapse: collapse; }

/* search-hilight */
#search-hilight { clear: both; }

#search-hilight .box-body { border: 12px solid #fff; overflow: hidden; background-color: #fff; }

.homepage #search-hilight .box-bottom { background: #ffffff url(../images/hilight-home-shadow.jpg) no-repeat left top; height: 38px; }

#search-hilight #fast-search {
	background: transparent url(../images/fast-search-bg.png) no-repeat left top; 
	width: 259px;
	padding: 14px 20px 0 20px;
	height: 293px;
	float: left;
}

#search-hilight #fast-search .main-title { font-family: KlavikaRegular; font-size: 19px; font-weight: normal; color: #fff; background: transparent url(../images/search_dashed.gif) repeat-x left bottom; line-height: 30px; margin-bottom: 7px; }

.short-desc { color: #999999; }

#search-hilight .short-desc { color: #E6E6E6; }

#search-hilight select { width: 259px; border: 1px solid #e6e6e6; margin-top: 10px; padding-top:1px; padding-bottom: 1px;}

#search-hilight .btn-submit,
#dados_login .btn-submit,
#dados_pessoais .btn-submit,
#area_recuperar_password .btn-submit { float: right; margin-top: 9px; background: transparent url(../images/search-btn-bg.png) no-repeat left center; }

#dados_login .btn-submit,
#area_recuperar_password .btn-submit { float: none; }

#dados_pessoais .btn-submit.continue { background-image: url(../images/btn-continue-bg.png); }

.btn-submit.left { float: none !important; }

#search-hilight .btn-submit input,
#search-input .btn-submit input,
#dados_pessoais .btn-submit input,
#dados_login .btn-submit input,
#dados_login .btn-submit a,
#area_recuperar_password .btn-submit input { color: #fff; font-weight: bold; cursor: pointer; background-color: transparent; }

#search-hilight .btn-submit input,
#dados_pessoais .btn-submit input,
#dados_login .btn-submit input,
#dados_login .btn-submit a,
#area_recuperar_password .btn-submit input { width: 98px; padding: 0.4em 0; line-height: 17px; text-transform: uppercase; font-size: 12px;}

#dados_login .btn-submit a { text-align: center; display: block; font-weight: normal; }

#dados_pessoais .btn-submit.continue input { width: 200px; }

#search-hilight #flash { float: right; height: 307px; }


#dados_login table.form { float: left; width: 500px; }

#dados_login .no_profile { float: right; background-color: #EFEFEF; padding: 20px 30px; margin-top: 10px; width: 400px; }

#dados_login .no_profile h4 { color: #333333; padding-bottom: 10px; }

#dados_login .no_profile h5,
#dados_login .no_profile ul { font-size: 12px; }

#dados_login .no_profile ul { margin: .5em 2em; }

#dados_login .no_profile ul li { padding: 2px 0; }

#dados_login .no_profile .btn-submit { margin: 0 auto; width: 98px; }

/* editorials-hilight */
#editorials-hilight { overflow: hidden; padding-bottom: 20px; }

#editorials-hilight .editorials-content {
	float: left; 
}


#editorials-hilight .editorials-content .main-title {
	font-size: 26px;
	line-height: 30px;
	font-family: KlavikaRegular;
	color: #E20A16;
	font-weight: normal;
	background: #ffffff url(../images/ed-title-bg.gif) repeat-x left center;
	display: block;
	margin-bottom: 10px;
}

#editorials-hilight .editorials-content .main-title span {
	background-color: #ffffff;
	padding-right: 8px;
}

.tpl-list .item {
	float: left;
	width: 317px;
	padding-left: 15px;
	margin-left: 14px;
	border-left: 1px dotted #808080;
}

.tpl-list .item:first-child { padding-left: 0; margin-left: 0; border-left: 0 none; }

#single .tpl-list .item {
	width: 314px;
}

#editorials-hilight #double {
	float: right;
}


.tpl-list .item .image { float: left; padding-right: 14px; }

.tpl-list .item .image img { width: 118px; border: 1px solid #eee; }

.tpl-list .item .title a,
#center-content .catalogue-editorials .titulo,
#center-content .catalogue-editorials .titulo a,
.tpl-list .item .title { color: #333333; font-size: 14px; line-height: 16px; }

.tpl-list .item .title,
#center-content .catalogue-editorials .titulo,
.tpl-list .item .short-desc { padding-bottom: 6px; }

.tpl-list .item .title .new { color: #E20A16; display: block; }

#center-content .catalogue-editorials .editorial { overflow: hidden; border-bottom: 1px dotted #808080; padding-bottom: 10px; margin-bottom: 10px; }


#center-content .catalogue-editorials .data { overflow: hidden; }

#center-content .catalogue-editorials .short-desc { padding-bottom: 6px; }

#center-content .catalogue-editorials .titulo { font-family: arial,verdana,sans-serif; font-weight: bold; }

#center-content .catalogue-editorials .image { float: left; padding-right: 14px; }

.more {
	padding-top: 2px;
}

.more a {
	background: transparent url(../images/seta-ver-mais.gif) no-repeat left top;
	line-height: 16px;
	padding: 0 0 0 22px;
	float: left;
	display: block;
}

.titulo { font-family: 'KlavikaRegular'; font-size: 2.46em; line-height: 1.5em; font-weight: normal; color: #808080; }

#dados_pessoais .titulo, #dados_login .titulo, #area_recuperar_password .titulo { font-family: arial,verdana,sans-serif; font-size: 25px; font-weight: bold; color: #333333; border-bottom: 1px dotted #808080; }

#dados_pessoais h5 { color: #333333; font-size: 14px; }

#area_reservada { float: left; }

#area_reservada.continuar_sessao { float: none; }

.continuar_sessao .message {
	text-align: center;
}

#dados_pessoais { float: right; width: 650px; color: #999999; font-size: 14px; }

#dados_login, #area_recuperar_password { color: #999999; font-size: 14px; }

#edicao_dados {
	background: #ffffff url(../images/area_reservada_bg.png) repeat-x left top;
	border: 4px solid #F3F3F3;
	padding: 15px;
	width: 280px;
}

#edicao_dados p { font-size: 14px; border-top: 1px dotted #999999; display: block; padding: 4px 0; }

#edicao_dados p#edt { border-top: 0 none; }

#dados_pessoais .label, #dados_login .label, #area_recuperar_password .label { text-align: right; padding-right: 34px; }

#dados_pessoais input.text,
#dados_login input.text,
#area_recuperar_password input.text { background-color: #f5f5f5; line-height: 26px; height: 26px; padding: 0 10px; font-size: 14px; }

#dados_pessoais td, #dados_login td, #area_recuperar_password td { padding: 4px 0; }

#dados_pessoais .end { border-bottom: 1px dotted #808080; }

#area_recuperar_password td.message { font-size: .85em; }


.referencia { float: left; width: 206px; margin-right: 29px; color: #333; border-bottom: 1px dotted #5F5C5C; margin-bottom: 50px; font-size: 12px; }

.referencia .index { font-weight: normal; color: #999999; font-size: .8em; }

.referencia h3 { font-size: 14px; border-bottom: 1px dotted #5F5C5C; padding-bottom: 4px; margin-bottom: 6px; }

.referencia .short-desc { padding-bottom: 4px; }

.referencia ul { list-style: none; border-bottom: 1px dotted #5F5C5C; padding-bottom: 6px; margin-bottom: 3px; }

.referencia .preco { color: #E10A15; font-size: 21px; font-weight: bold; line-height: 24px; float: right; }

.referencia .preco span,
.referencia .preco sup { font-size: 13px; line-height: 13px; }

.referencia .preco sup { vertical-align: top; position: relative; right: 5px;  }

.referencia .more { float: left; height: 22px; }

.referencia .image { position: relative; height: 72px; margin-bottom: 5px; } 
.referencia .image img { position: absolute; bottom: 0; max-height: 72px; } 

#editorial { color: #333; }

#editorial p {
    margin: 0 0 1em 0;
}

.catalogue #top-content, .search #top-content { margin-bottom: 23px; }

.catalogue #top-content .titulo,
.search #top-content .titulo {
	background: url("../images/catalogue-title-bg.jpg") repeat-x left bottom #FFFFFF;
	padding-bottom: 15px;
	text-transform: uppercase;
}

/* right-content */
.catalogue #right-content, .search #right-content, .editorial #right-content { width: 274px; float: right; }


.catalogue.detail #right-content { float: none; width: auto; }

#right-content .destaque_lateral {
	border: 4px solid #f3f3f3;
	background: url("../images/area_reservada_bg.png") repeat-x scroll left top #FFFFFF;
	padding: 10px 14px;
	margin-bottom: 20px;
}

.catalogue.detail #right-content .destaque_lateral,
#right-content .destaque_lateral.carousel-prod {
	border: 0 none;
	background: none no-repeat scroll left top #FFFFFF;
	padding: 0;
	margin-bottom: 20px;
	padding-top: 40px;
	border-bottom: 1px solid #E6E6E6;
}

.catalogue.detail #right-content .destaque_lateral h3,
#right-content .destaque_lateral.carousel-prod h3 {
	border: 0 none;
	background: url("../images/catalogue-title-bg.jpg") repeat-x scroll left bottom #FFFFFF;
	text-transform: capitalize;	
	font-family: arial,verdana,sans-serif;
	padding-left: 20px;
	padding-bottom: 6px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.filtro_lateral ul, #resultado_pesquisa ul, #navegacao_alternativa ul li {
	list-style-image: url(../images/filter-list-icon.gif);
	margin-left: 32px;
}

.filtro_lateral ul li, #resultado_pesquisa ul li, #navegacao_alternativa ul li { padding: 3px 0 0 0; }

.filtro_lateral .counter, .filtro_lateral ul li span, #resultado_pesquisa ul li span, #navegacao_alternativa ul li span { color: #999999; font-size: .9em; }

#right-content .destaque_lateral h3 {
	font-family: 'KlavikaRegular';
	text-transform: uppercase;
	font-size: 20.6px;
	line-height: 25px;
	font-weight: normal;
	color: #5F5C5C;
	border-bottom: 1px dotted #5F5C5C;
}

#resultado_pesquisa p.ajuda { padding-right: 20px; }

#right-content .filtro_lateral, #resultado_pesquisa .area {
	padding: 12px 0 10px 0;	
}

#right-content .filtro_lateral.prod-filter { clear: left; }

#right-content .filtro_lateral.prod-filter .image { float: left; width: 60px; }

#right-content .filtro_lateral.prod-filter .image img { max-width: 50px; }

#right-content .filtro_lateral.prod-filter h4 { float: right; width: 178px; font-size: 12px; color: #333; }

#resultado_pesquisa p.veja_mais { padding-top: 4px; }

.catalogue #right-content h4, .search #right-content h4, #resultado_pesquisa, #resultado_pesquisa h3, #navegacao_alternativa { font-size: 14px; color: #808080; }

.catalogue.detail #right-content .destaque_lateral h4,
#right-content .destaque_lateral.carousel-prod h4 { color: #333; font-size: 14px; }

#resultado_pesquisa h3 span { font-weight: normal; }

/* Detalhe do produto */
.catalogue.detail #center-content #categoria .image { float: left; padding-right: 20px; }

.catalogue.detail #center-content .nome-produto { font-size: 25px; line-height: 27px; padding-bottom: 10px;}

.catalogue.detail #center-content .nome-produto, .catalogue.detail #center-content .strong_descricao { color: #333; }

.catalogue.detail #center-content .product-detail .product_detail { border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; padding: 10px 15px; background-color: #f8f8f8; margin-bottom: 20px; }

.catalogue.detail #center-content .product-detail .preco { float: right; font-size: 40px; line-height: 42px; color: #E20A16; font-weight: bold; }

.catalogue.detail #center-content .product_detail .preco span,
.catalogue.detail #center-content .product_detail .preco sup { font-size: 25px; }

.catalogue.detail #center-content .product_detail .preco sup { position: relative; right: 10px; vertical-align: top; line-height: 27px; }

.catalogue.detail #center-content .product-detail .product_detail ul { list-style: none; }

.catalogue.detail #center-content .product-detail .product_detail li { padding: 1px 0; }

.catalogue.detail #center-content .product-detail .data .long-desc,
.catalogue.detail #center-content .product-detail .product_detail li { color: #999; }

.catalogue.detail #center-content .product-detail .data { overflow: hidden; font-size: 16px; line-height: 18px; }

.catalogue.detail #center-content .product-detail .data h4.strong_descricao { color: #E20A16; border-bottom: 1px dotted #808080; padding-bottom: 4px; margin-bottom: 6px; }

/* Detalhe de editorial */
.editorial #center-content ul { padding: 0 1.6em; }

h5.brand {
	padding: 23px 0 6px 0;
}

.brand-manuals {
	list-style: none;
}

.brand-manuals li {
	padding: 4px 0;
}

/* Alert */
#alert,
.message { margin: 10px 0 0 0; background-color: #FFF09D; padding: 8px 10px; }

#alert ul,
.message ul {
	padding: 1em 2em 0 2em;
}

#alert ul li, .message ul li { padding: .2em 0; }

/* BOTTOM */
#bottom {
	padding-bottom: 10px;
}
#footer-links ul,
#legal-info ul {
	list-style: none;
}

#footer-links {
	background-color: #fff;
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
	line-height: 27px;
}

#footer-links ul,
#legal-info ul,
.footer-logos { width: 1004px; margin: 0 auto;}

#footer-links ul li {
	float: left;
	padding-right: 10px;
}

#footer-links ul li,
#footer-links ul li a {
	text-transform: uppercase;
	font-size: 11px;
	color: #007CC9;
}

#footer-links ul li.selected { color: #707070; font-weight: bold; }

#legal-info { clear: both; background: #f3f3f3 url(../images/footer-legal-bg.jpg) repeat-x left top; min-height: 52px; }

#legal-info ul li {
	float: left;
	padding-right: 6px;
	height: 42px;
	line-height: 42px;
	font-size: 11px;
}

#legal-info ul li, #legal-info ul li a { color: #999999; }

.footer-logos { clear: both; }

.account-text {
	margin-top: 5px;
}

#subcategorias2 ul.category-list {
	list-style: none;
}

#subcategorias2 ul.category-list li { padding: 2px 0; }

#subcategorias2 ul.category-list h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}
