/* 

    Document   : estilos.css
    Created on : 13/05/2009, 13:40:50
    Author     : Vagner - Acao Direta Web Studio
    Description: CSS - Content LM - Martins

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
	
*/

*								{ padding:0px; margin:0px; }
img, fieldset					{ border:none; }
body 							{ font-family:Arial, Tahoma, Verdana; font-size:12px; background:#F5F5F5; color:#666666; }
p								{ text-align:justify; }
a								{ color:#5B0000; font-weight:bold; text-decoration:none; }
a:hover							{ text-decoration:underline; }
br.clear						{ clear:both; }
h2								{ font-size:16px; color:#686151; }
h3								{ width:216px; height:30px; background:url(../imagens/background-h3.png); font-size:14px; color:#FFFFFF; font-weight:bold; text-indent:10px; line-height:30px; }

/* Layout */

div#cabecalho					{ width:100%; height:395px; }
div#container					{ width:640px; margin:auto; clear:both; padding-bottom:10px; }
div#wraper						{ width:640px; float:left; }

/* Menu */

div#menu						{ width:640px; height:45px; background:#FFFFFF; }
div#menu ul						{ width:630px; height:40px; background:url(../imagens/background-menu.jpg) no-repeat; margin-left:5px; }
div#menu ul li					{ list-style:none; float:left; }
div#menu ul li a				{ font-size:15px; font-weight:bold; margin:2px 0px 0px 2px; color:#FFFFFF; text-decoration:none; height:40px; line-height:40px; text-align:center; float:left; }
div#menu ul li a.home			{ width:58px; margin-left:2; }
div#menu ul li a.loja			{ width:62px; }
div#menu ul li a.produtos		{ width:80px; }
div#menu ul li a.promocoes		{ width:94px; }
div#menu ul li a.vitrine		{ width:64px; }
div#menu ul li a.eventos		{ width:72px; }
div#menu ul li a.localizacao	{ width:98px; }
div#menu ul li a.contato		{ width:71px; }
div#menu ul li a:hover			{ background:url(../imagens/background-menu-hover.jpg); height:43px; }

div#menu ul li a#ativo			{ background:url(../imagens/background-menu-hover.jpg); height:43px; }

/* Content Produtos */

span.go_left					{ width:25px; height:25px; display:block; line-height:25px; text-align:center; background:#D4D0C7; float:left; font-size:14px; cursor:pointer; }
span.go_right					{ width:25px; height:25px; display:block; line-height:25px; text-align:center; background:#D4D0C7; float:left; font-size:14px; cursor:pointer; }

div#content_slider				{ width:640px; height:200px; clear:both; display:block; overflow:hidden; }
div#content_slider ul li		{ float:left; list-style:none; width:640px; height:200px; }
div.content_produtos div		{ width:203px; height:200px; background:url(../imagens/background-content-produtos.jpg) no-repeat; float:left; padding:5px 5px; }
div.content_produtos div h2		{ margin-bottom:10px; }		
div.content_produtos div p		{ margin-bottom:10px; }
div.content_produtos div img	{ border:solid 5px #FFFFFF; margin-bottom:5px; }

/* Barra Direita */

div#barra_direita				{ width:230px; float:right; margin-top:-385px; position:relative; z-index:10; }
div#barra_direita h2			{ color:#FF0066; margin-bottom:5px; }
div#atendimento					{ width:220px; height:95px; padding-left:10px; padding-top:5px; background:url(../imagens/background-atendimento.png); }
div#top_curva_barra				{ width:230px; height:10px; background:url(../imagens/top-curva-barra.png) no-repeat; }
div#content_barra				{ width:220px; padding-left:10px; _margin-top:-5px; background:#FFFFFF; padding-bottom:10px; }
div#content_barra .marcas		{ width:210px; height:60px; }
div#content_barra .marcas img	{ width:210px; height:60px; }

div#content_promocao			{ width:210px; background:#D4D0C8; padding-top:10px; margin-top:7px; }
div#content_promocao h3			{ margin-left:-10px; position:relative; z-index:11; margin-bottom:5px; }
div#content_promocao img		{ width:192px; height:144px; border: solid 5px #FFFFFF; margin-left:4px; margin-bottom:5px; }
div#content_promocao img.sobe	{ *margin-top:-3px; }
div#content_promocao p			{ margin-left:5px; margin-top:5px; }
div#bottom_curva_promocao		{ width:210px; height:10px; background:url(../imagens/bottom-curva-promocao.png) no-repeat; }

div#webmail						{ width:210px; }
div#webmail h3					{ margin-left:-10px; position:relative; z-index:12; }			

/* Rodape */

div#rodape						{ width:640px; height:40px; background:#FFFFFF; margin:auto; clear:both; }
div#rodape p					{ float:left; line-height:40px; text-indent:20px; }
div#rodape a img				{ float:right; margin-top:5px; margin-right:20px;}

/* Pages Internas */

div.pages_int					{ width:640px; }
div.pages_int h2				{ width:640px; height:30px; background:#FFFFFF; line-height:30px; font-size:16px; color:#687630; text-indent:15px; }
div.pages_int h3				{ width:14px; color:#687630; background:none; width:auto; height:auto; padding:0px; margin:0px; text-indent:0px; line-height:normal; }

/* Produtos */

div#produtos_page				{ height:140px; }
div#produtos_page div			{ width:150px; height:90px; display:inline; float:left; padding-right:10px; }
div#produtos_page div ul li		{ list-style:none; }
div#produtos_page div img		{ border:solid 5px #687630; margin-bottom:5px; }
div#produtos_page div img:hover	{ border:solid 5px #5B0000; }
div#produtos_page div a			{ width:150px; height:30px; text-align:center; line-height:30px; color:#FFFFFF; background:#687630; display:block; text-decoration:none; }
div#produtos_page div a:hover	{ background:#5B0000; color:#FFFFFF; }
div#produtos_page div#surfwear	{ margin-right:0px; }

/* Fotos da Loja */

div#loja						{ width:250px; float:left; }
div#fotos_loja					{ width:370px; height:247px; overflow:hidden; float:left; margin-left:15px; }

/* Border Map */

div#border_map					{ width:640px; height:400px; border: solid 1px #9EB249; }

/* Resposta formularios */

div#resposta_contato			{ width:100%; height:30px; line-height:30px; padding:2px; background:#9EB249; border: solid 1px #687630; text-align:center; color:#FFFFFF; margin-bottom:10px; }

/* Form Contato */

fieldset#dados_contato			{ width:415px; float:left; }
form#fale_conosco label			{ width:100px; margin-top:10px; height:15px; padding-top:3px; float:left; }
form#fale_conosco input			{ width:300px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#fale_conosco textarea		{ width:304px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; }
form#fale_conosco #enviar		{ width:70px; margin-left:100px; background:#9EB249; border: solid 1px #687630; color:#FFF; font-weight:bold; }
form#fale_conosco p				{ margin-left:80px; padding-top:5px; font-size:11px; }
form#fale_conosco .campo_requer	{ background:#CCC; border:solid 1px #666; color:#333; }
div#contatos p strong			{ color:#5B0000; }

/* Logo Fabricantes */

div#logo_fabricantes ul li		{ list-style:none; float:left; margin-left:3px; display:inline; }
div#logo_fabricantes ul li.no	{ margin-left:0px; }

/* Acesso Webmail */

div#webmail a					{ width:210px; height:25px; display:block; background:#E6E6E6; text-align:center; line-height:25px; margin-top:10px; text-decoration:none; }
div#webmail a:hover				{ background:#FFF; }
div#webmail legend				{ padding-top:10px; }
div#webmail label				{ width:50px; margin-top:10px; height:15px; padding-top:3px; float:left; }
div#webmail input				{ width:150px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
div#webmail #enviar2			{ width:70px; margin-left:50px; background:#9EB249; border: solid 1px #687630; color:#FFF; font-weight:bold; }

/* Titulos Mascolinos e Femininos */

span#title_fem					{ width:310px; height:30px; display:block; background:url(../imagens/background-titulo-moda-feminina.png) no-repeat; margin-left:1px; }
span#title_fem p				{ line-height:30px; color:#FFFFFF; text-indent:10px; font-weight:bold; letter-spacing:3px; }
span#title_mas					{ width:310px; height:30px; display:block; background:url(../imagens/background-titulo-moda-masculina.png) no-repeat; margin-left:1px; }
span#title_mas p				{ line-height:30px; color:#FFFFFF; text-indent:10px; font-weight:bold; letter-spacing:3px; }	

/* Link Voltar */		

a.link_voltar					{ width:70px; height:30px; display:block; text-align:center; line-height:30px; float:right; }
a.link_voltar:hover				{ background:#FFFFFF; }

/* Vitrine */

div#fotos_vitrine				{ width:640px; height:480px; overflow:hidden; }
div#fotos_vitrine img			{ width:640px; height:480px; }

/* Galeria de produtos */
ul.thumbs_view {
	float: left;
	list-style: none;
	margin: 0 0 0 25px;
	padding-top:15px;
	padding-bottom:15px;
	display:inline;
}
ul.thumbs_view li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 85px;
}
ul.thumbs_view li img {
	width: 100px; height: 75px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
ul.thumbs_view li img.hover {
	background:url(../imagens/background-sombra-galeria.gif) no-repeat center center;
	border: none;
}
#fotos_view {
	float: left;
	margin-left: -10px;
}

/* Thumbs Galeria */
#thumbs_galeria	{
	position:relative;
	z-index:15;
	width:180px;
	height:330px;
	overflow:auto;
	float:left;
}

#fotos_view	{
	width:440px; float:left;
	height:330px;
	margin-left:20px;
}