/* ROSARIOS4 CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend, input
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	letter-spacing: normal;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* content */
#siteBase { width: 840px; margin-left: auto; margin-right: auto; }



#langs { float: right; font-size: 9px; color: #A3A5B3; line-height: 30px; }
#langs a { font-size: 9px; color: #A3A5B3; text-decoration: none; }
#langs a:hover { color: #333; }
#langs a.selected { color: #DBDBE1 }


#header { float: left; width: 714px; background-position: left top; background-repeat: no-repeat; }
#header form { float: left; margin-left: 20px; }
#header form span { float: left; font-size: 10px; line-height: 18px; color: #FFF; padding-right: 5px; display: block; }
#header form select { font-size: 9px; color: #999; }
#banner { float: left; width: 120px; margin-left: 6px; }


#root { clear: both; width: 714px; text-align: right; font-size: 9px; color: #B6B7C2; line-height: 20px; margin-bottom: 10px; }
#root a { font-size: 9px; color: #B6B7C2; text-decoration: none; }


#left { clear: both; float: left; width: 160px; margin-right: 12px; }
#left a { }

#leftSeparator { float: left; width: 2px; height: 400px; background-image: url(imgs/menu_separadorvertical.gif); margin-right: 35px; }
#mainContent { float: left; }




/* miolo */
.faqsPergunta { font-size: 10px; font-weight: bold; color: #A3A5B3; text-decoration: none; } 

#list { width: 505px; }
#list h1 { font-size: 16px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#list p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; padding-bottom: 20px; }
#list .img_list img { padding-bottom: 20px; }
#list .separator {  border-bottom: 1px dotted #999; height: 1px; width: 505px; margin-bottom: 5px; }
#list .separator2 { clear: both; border-bottom: 1px dotted #999; height: 1px; width: 505px; margin-bottom: 15px; margin-top: 15px; }
#list .subfolders { float: left; width: 168px; }
#list .subfolders li { color: #EC9D59; }
#list .subfolders a { line-height: 140%; text-decoration: none; font-size: 9px; color: #A3A5B3; }
#list .subfolders a:hover { color: #EC9D59; }
#list .wrapper { clear: both; padding-top: 15px; padding-bottom: 15px; }
#list .contentZone { float: left; }
#list .contentZone h1 a { font-size: 11px; font-weight: bold; color: #A3A5B3; text-decoration: none; }
#list .contentZone p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; padding-bottom: 20px; }
#list .contentZone .readmore a { font-size: 9px; color: #EC9D59; line-height: 140%; text-decoration: none; }
#list .image { float: right; }

#listEnxoval { width: 505px; }
#listEnxoval h1 { font-size: 16px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#listEnxoval p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; padding-bottom: 20px; }
#listEnxoval .listContainer { float: left; width: 111px; text-align: center; margin-bottom: 10px; }
#listEnxoval .listContainer img { border: 1px dotted #999; }
#listEnxoval .listContainer .name { padding: 5px; height: 40px; width: 100px; font-size: 9px; color: #A3A5B3; line-height: 120%; text-decoration: none; }
#listEnxoval .listContainer .name a { font-size: 9px; color: #A3A5B3; line-height: 120%; text-decoration: none; }

#artigo { width: 505px; }
#artigo .leftContent { clear: both; float: left; }
#artigo .rightImgs { float: right; }
#artigo .rightImgs img { clear: both; margin-top: 25px; }
#artigo .bottomImgs { clear: both; text-align: center; font-size: 10px; color: #A3A5B3; }
#artigo .bottomImgs .imagemfundo { float: left; width: 111px; text-align: center; margin-right: 15px; margin-bottom: 10px; }
#artigo .bottomImgs img { border: 1px dotted #CCC; }
#artigo h1 { font-size: 18px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#artigo p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; }
#artigo .attach a { clear: both; color: #EC9D59; font-size: 10px; text-transform: uppercase; text-decoration: none; line-height: 22px; }

#artigo .destaque1 { float: left; margin-right: 5px; }
#artigo .destaque2 { margin-bottom: 3px; }
#artigo .destaque3 { float: left; margin-right: 5px; }


#artigoEnxoval { width: 505px; }
#artigoEnxoval .mainImage { float: left; margin-right: 20px; }
#artigoEnxoval .rightContent { float: left; }
#artigoEnxoval .mainImage img { border: 1px dotted #999; }
#artigoEnxoval .padroes { clear: both; font-size: 10px; color: #A3A5B3; text-transform: uppercase; padding-top: 35px; padding-bottom: 5px; }
#artigoEnxoval .bottomImgs { clear: both; text-align: center; font-size: 10px; color: #A3A5B3; width: 270px; }
#artigoEnxoval .bottomImgs .aaa { float: left; width: 60px; text-align: center; margin-bottom: 10px; }
#artigoEnxoval .bottomImgs img { border: 1px dotted #999; }
#artigoEnxoval h1 { font-size: 18px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#artigoEnxoval p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; }
#artigoEnxoval .attach a { clear: both; color: #EC9D59; font-size: 10px; text-transform: uppercase; text-decoration: none; line-height: 22px; }

#artigoprodutos { width: 505px; }
#artigoprodutos .leftContent { clear: both; float: left; }
#artigoprodutos .rightImgs { float: right; }
#artigoprodutos .rightImgs img { float: right; margin-top: 25px; margin-left: 25px; }
#artigoprodutos h1 { font-size: 18px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#artigoprodutos p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; }
#artigoprodutos #symbols { clear: both; width: 505px; padding-top: 35px; }
#artigoprodutos .leftSymbols { float: left; }
#artigoprodutos .leftSymbols .topSymbols { padding-bottom: 10px; }
#artigoprodutos .rightSymbols { float: right; }
#artigoprodutos .bottomImgs { clear: both; margin-top: 35px; }
#artigoprodutos .bottomImgs .imagemfundo2 { float: left; margin: 4px; text-align: center; }
#artigoprodutos .legenda { font-size: 9px; color: #999999; line-height: 14px; }
#artigoprodutos #related { clear: both; padding-top: 15px; }
#artigoprodutos #related .separador { background-image: url(imgs/separador_vertambem.gif); background-repeat: repeat-x; height: 7px; width: 505px; }
#artigoprodutos #related .title { font-size: 10px; color: #A3A5B3; line-height: 16px; }
#artigoprodutos #related .container { float: left; width: 505px; margin: 5px; }
#artigoprodutos #related .container .wrapper { float: left; width: 75px; text-align: center; height: 125px; margin-right: 22px; }
#artigoprodutos #related .container img { clear: both; margin-bottom: 3px; }
#artigoprodutos #related .container a { clear: both; text-decoration: none; font-size: 9px; color: #999999; line-height: 14px; }
#related2 { float: left; padding-left: 25px; width: 100px; }
#related2 .title2 { color: #FFFFFF; background-image:url(imgs/relacionados2_badana.gif); line-height: 30px; font-size: 10px; text-align: center; margin-bottom: 3px; }

#artigopontos { width: 505px; }
#artigopontos .leftContent { clear: both; float: left; }
#artigopontos .rightImgs { float: right; }
#artigopontos .rightImgs img { float: right; margin-top: 25px; margin-left: 25px; }
#artigopontos h1 { font-size: 18px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#artigopontos p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; }
#artigopontos .bottomImgs { clear: both; margin-top: 35px; text-align: center; }
#artigopontos .imagemfundo { float: left; margin: 4px; }
#artigopontos .imagemfundo img { border: 1px dotted #CCC;}
#artigopontos .legenda { font-size: 9px; color: #999999; line-height: 14px; text-align: center; width: 108px; }
#artigopontos #related { clear: both; padding-top: 25px; }
#artigopontos #related .separador { background-image: url(imgs/separador_vertambem.gif); background-repeat: repeat-x; height: 7px; width: 505px; }
#artigopontos #related .title { font-size: 10px; color: #A3A5B3; line-height: 16px; }
#artigopontos #related .container { float: left; width: 95px; margin: 5px; }
#artigopontos #related .container img { clear: both; margin-bottom: 3px; }
#artigopontos #related .container a { clear: both; text-decoration: none; font-size: 9px; color: #999999; line-height: 14px; }


#loginNew h1 { font-size: 16px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; margin-top:15px; }
#loginNew p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; padding-bottom: 20px; }
#loginNew .left { width: 200px; float: left; margin-right: 20px; border: 1px dotted #CCC; padding: 10px; }
#loginNew .left h2 { font-size: 9px; color: #EC9D59; font-weight: normal; margin-bottom: 10px; }
#loginNew .left span { display: block; clear: both; font-size: 9px; color: #A3A5B3; line-height: 20px; }
#loginNew .left dd.areas { width: 160px; font-size: 9px; color: #A3A5B3; line-height: 18px; padding: 0; margin: 0; }
#loginNew .left dt.areas { margin: 3px 0px 0px 0px; padding: 0; }
#loginNew .left dt.areas select { border: 1px solid #CCC; height: 18px; width: 35px; font-size: 9px; color: #A3A5B3; }

#loginNew .right { float: left; width: 280px; } 
#loginNew .right .break { margin-bottom: 22px; }
#loginNew dd { margin: 0; float: left; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#loginNew dt { margin: 0px 0px 5px 0px; float: left; padding: 0px; }
#loginNew dt input { border: 1px solid #CCC; height: 14px; width: 185px; font-size: 9px; color: #A3A5B3; }
#loginNew dt textarea { border: 1px solid #CCC; width: 185px; font-size: 9px; color: #A3A5B3; }
#loginNew dt.pais select { border: 1px solid #CCC; height: 18px; width: 190px; font-size: 9px; color: #A3A5B3; }
#loginNew dd.idade { clear: both; margin: 0; float: left; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#loginNew dt.idade { float: left; margin: 0px 0px 5px 0px; padding: 0px; width: 102px; }
#loginNew dt.idade input { border: 1px solid #CCC; height: 14px; width: 50px; font-size: 9px; color: #A3A5B3; }
#loginNew dd.sexo { float: left; margin: 0; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 40px; }
#loginNew dt.sexo select { border: 1px solid #CCC; height: 18px; width: 45px; font-size: 9px; color: #A3A5B3; }
#loginNew dd.botao { clear: both; margin: 0; float: left; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#loginNew dt.botao { margin: 20px 0px 5px 0px; float: left; padding: 0px; text-align: right; width: 190px; }
#loginNew dt.botao input { border: 1px solid #CCC; background-color: #FFFFFF; height: 18px; width: 70px; font-size: 9px; color: #A3A5B3; }


#stckyarns h1 { font-size: 16px; color: #EC9D59; font-weight: normal; margin-bottom: 15px; }
#stckyarns p { font-size: 9px; color: #A3A5B3; text-align: justify; line-height: 140%; padding-bottom: 20px; }
#stckyarns .left { width: 200px; float: left; margin-right: 20px; border: 1px dotted #CCC; padding: 10px; }
#stckyarns .left h2 { font-size: 9px; color: #EC9D59; font-weight: normal; margin-bottom: 10px; }
#stckyarns .left span { display: block; clear: both; font-size: 9px; color: #A3A5B3; line-height: 20px; }
#stckyarns .left dd.areas { width: 160px; font-size: 9px; color: #A3A5B3; line-height: 18px; padding: 0; margin: 0; }
#stckyarns .left dt.areas { margin: 3px 0px 0px 0px; padding: 0; }
#stckyarns .left dt.areas select { border: 1px solid #CCC; height: 18px; width: 35px; font-size: 9px; color: #A3A5B3; }

#stckyarns .right { float: left; width: 280px; } 
#stckyarns .right .break { margin-bottom: 22px; }
#stckyarns dd { margin: 0; float: left; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#stckyarns dt { margin: 0px 0px 5px 0px; float: left; padding: 0px; }
#stckyarns dt input { border: 1px solid #CCC; height: 14px; width: 185px; font-size: 9px; color: #A3A5B3; }
#stckyarns dt textarea { border: 1px solid #CCC; width: 185px; font-size: 9px; color: #A3A5B3; }
#stckyarns dt.pais select { border: 1px solid #CCC; height: 18px; width: 190px; font-size: 9px; color: #A3A5B3; }
#stckyarns dd.idade { clear: both; margin: 0; float: left; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#stckyarns dt.idade { float: left; margin: 0px 0px 5px 0px; padding: 0px; width: 102px; }
#stckyarns dt.idade input { border: 1px solid #CCC; height: 14px; width: 50px; font-size: 9px; color: #A3A5B3; }
#stckyarns dd.sexo { float: left; margin: 0; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 40px; }
#stckyarns dt.sexo select { border: 1px solid #CCC; height: 18px; width: 45px; font-size: 9px; color: #A3A5B3; }
#stckyarns dd.areaComercial { clear: both; float: left; margin: 0; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 30px; width: 200px; }
#stckyarns dd.comercial { clear: both; float: left; margin: 0; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#stckyarns dd.botao { clear: both; margin: 0; float: left; padding: 0px; font-size: 9px; color: #A3A5B3; line-height: 18px; width: 70px; }
#stckyarns dt.botao { margin: 20px 0px 5px 0px; float: left; padding: 0px; text-align: right; width: 190px; }
#stckyarns dt.botao input { border: 1px solid #CCC; background-color: #FFFFFF; height: 18px; width: 70px; font-size: 9px; color: #A3A5B3; }

