﻿
/****************************************************************************
Nome: Loja Spicy v.0.1
Autor: Felipe Augusto Moraes Brasil **-** E-mail: felipe.brasil@vm2.com.br
URL:
****************************************************************************/

	body.bg_body {
		margin:0px;
		padding:0px;
		background:#fff url('../../../imagens/spicy/estrutura/bg_body.jpg') repeat-y scroll center top;
	}
	
	img	 		 { margin:0px; padding:0px; border:0px;}
	a	 		 { margin:0px; padding:0px; border:0px; list-style:none;}
	li			 { color:#666666; font:11px "Tahoma",Arial,Helvetica,sans-serif; }
		
/*****************************************************************************************************************
	ESTRUTURA
*****************************************************************************************************************/

	#corpo		{ 
		margin:0 auto;
		width:769px;
	}

	#cabecalho	{
		width:100%;
		height:97px;
		float:left;
	}
	
	#menu		{ 
		width:100%;
		height:29px;
		border-top:1px #E9E9E9 solid;
		border-bottom:1px #E9E9E9 solid;
		float:left;
	}
	
	#conteudo	{
		width:100%;
		float:left;
	}
	
	#rodape		{ 
		width:100%;
		float:left;
	}
	
	
	
/*****************************************************************************************************************
	ESTRUTURA CABEÇALHO
*****************************************************************************************************************/
	#cabecalho a.btn-meu-carrinho, #cabecalho a.btn-minha-spicy, #cabecalho a.btn-ajuda{
		width:auto;
		height:12px;
		font:9px "Tahoma",Arial, Helvetica, sans-serif;
		color:#939393;
		text-decoration:none;
		float:left;
	}

	#cabecalho a.btn-meu-carrinho{ 
		margin:15px 0px 12px 35px;
		padding:3px 0px 0px 17px;
		background-color:transparent;
	}

	#cabecalho a.btn-minha-spicy{ 
		margin:15px 0px 12px 45px;
		padding:3px 0px 0px 15px;
		background-color:transparent;
	}

	#cabecalho a.btn-ajuda{ 
		margin:15px 0px 12px 40px;
		padding:3px 0px 0px 10px;
		background-color:transparent;
	}
s
	#cabecalho .box-busca{
		 margin:9px 0px 0px 0px;
		 padding:0px 0px 0px 70px;
		 width:auto;
		 height:26px;
		 background:transparent url('../../../imagens/spicy/estrutura/bg_box_busca.jpg') no-repeat left top;
		 float:right;
	}
		
	#cabecalho .box-busca .cad-ddl-busca{
		margin:0px 12px 0px 0px;
		padding:0px 0px 0px 5px;		
		width:130px;
		height:15px!important;
		border:1px #d6d6d6 solid;
		font:9px "Tahoma",Arial, Helvetica, sans-serif;
		color:#939393;
	}

	#cabecalho .box-busca .cad-txt-busca{
		margin:5px 12px 0px 0px;
		width:130px;
		height:11px!important;
		border:1px #d6d6d6 solid;
		font:9px "Tahoma",Arial, Helvetica, sans-serif;
		color:#939393;
	}

	#cabecalho .box-busca .btn-busca-ok{ 
		margin:4px 0px 0px 0px;
		width:26px;
		height:16px;
		border:0px none;
		background:transparent url('../../../imagens/spicy/form/bg_btn_ok.jpg') no-repeat center center;
		cursor:pointer;
	}
	
	#cabecalho .box-busca-canto-dir{
		margin:8px 0px 0px 0px;
		width:15px;
		height:26px;
		background:transparent url('../../../imagens/spicy/estrutura/bg_box_busca_canto_dir.jpg') no-repeat right top;
		float:right;
	}


/*****************************************************************************************************************
	ESTRUTURA MENU PRINCIPAL
*****************************************************************************************************************/
	#menu ul		{ 
		margin:0px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		width:auto;
		height:29px;
		list-style:none;
	}
	#menu ul li 	{ 
		text-decoration:none;
		font:bold 11px "Times New Roman", Times, serif;
		text-align:center;
		background:transparent url('../../../imagens/spicy/estrutura/bg_menu.jpg') no-repeat scroll right center;
		float:left;
	}

	#menu ul li.btn-home 	{ width:63px; height:16px; padding:5px;}
	#menu ul li.btn-cozinha { width:73px; height:16px; padding:5px;}
	#menu ul li.btn-mesa 	{ width:56px; height:16px; padding:5px;}
	#menu ul li.btn-bar 	{ width:49px; height:16px; padding:5px;}
	#menu ul li.btn-mundos	{ width:80px; height:16px; padding:5px;}
	#menu ul li.btn-marcas	{ width:77px; height:16px; padding:5px;}
	#menu ul li.btn-oport 	{ width:106px; height:16px; padding:5px;}
	#menu ul li.btn-lan 	{ width:100px; height:16px; padding:5px;}
	#menu ul li.btn-contato { width:59px; height:16px; padding:5px; background:none!important;}
	
	#menu ul li	a	{ 
		color:#707070;
		text-decoration:none;
	}
	
	#menu ul li a:hover{
		text-decoration:none;
		font:bold 14px "Times New Roman", Times, serif;
		color:#970909;
		cursor:pointer;
	}
	
/*****************************************************************************************************************
	ESTRUTURA LOGIN E SUB-MENU
*****************************************************************************************************************/
	.div-log
	{
		background:transparent url('../../../imagens/spicy/estrutura/bg_box_login.jpg') no-repeat left top;
		float:left;
		}
	#box-login-esq{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:434px; /*width:334px; ANTIGO COM FORUM DO CHEF*/
		height:23px;
		float:left;
	}
	
		#box-login-esq .txt-login{
			font:9px "Tahoma",Arial, Helvetica, sans-serif;
			color:#757575;
			margin:6px 0px 0px 50px;
			
		}
		#box-login-esq .txt-login a{
			font:9px "Tahoma",Arial, Helvetica, sans-serif;
			color:#757575;
			margin:0px 4px 0px 4px;
		}


		ul#box-login-dir 		{ 
			margin:0px 0px 0px 0px;
			padding:0px 15px 0px 0px;
			width:320px;/*width:420px; ANTIGO COM FORUM DO CHEF*/
			height:23px;
			position:relative;
			*left:-20px;
			list-style:none;
			float:right;
		}
		
		ul#box-login-dir li 	{ 
			text-decoration:none;
			font:bold 11px "Times New Roman", Times, serif;
			text-align:center;height:16px; padding:5px;
			background:transparent url('../../../imagens/spicy/estrutura/bg_menu.jpg') no-repeat scroll right center;
			float:left;
		}
		
		ul#box-login-dir li a	{ 
			color:#393939;
			text-decoration:none;
		}
		
		ul#box-login-dir li a:hover{
			text-decoration:none;
			color:#970909;
		}


	
/*****************************************************************************************************************
	ESTRUTURA BOX CONTATO
*****************************************************************************************************************/

	#box-contato-home{
		width:729px;
		height:190px;
		margin-top:7px;
		padding:15px;
		float:left;
		background:#fff url('../../../imagens/spicy/estrutura/bg_contato_home.jpg') no-repeat 5px top;
	}
		#box-contato-home .contato-home		{ width:196px; float:left; }
		#box-contato-home .contato-home img	{ width:177px; height:52px; margin-bottom:5px; }
		#box-contato-home .contato-home h3	{ 
			margin:0px 0px 5px 0px;
			padding:0px 0px 0px 12px;
			width:165px;
			font:bold 12px "Times New Roman", Times, serif;
			color:#888;
			background:transparent url('../../../imagens/spicy/estrutura/bg_h3_titulo.jpg') no-repeat left 4px;
		}
						
		#box-contato-home .contato-home ul	{ 
			margin:0px 0px 0px 0px;
			padding:5px 0px;	
			width:176px;
			border-left:1px #b6b6b6 solid;
			list-style:none;
		}
		#box-contato-home .contato-home ul li, .institucional-home ul li, .politica-home ul li, .lojas-home ul li, .newsletter-home ul li{
			padding:0px 0px 0px 5px;
			font:10px "Tahoma",Arial, Helvetica, sans-serif;
			color: #333333;
			line-height:1.4em;
		}
		#box-contato-home .contato-home ul li span, .institucional-home ul li span, .politica-home ul li span, .lojas-home ul li span, .newsletter-home ul li span{
			color:#a02731;
		}
		#box-contato-home .contato-home ul li a, .institucional-home ul li a, .politica-home ul li a, .lojas-home ul li a, .newsletter-home ul li a{
			color:#333333; text-decoration:none;
		}
		#box-contato-home .contato-home ul li a:hover, .institucional-home ul li a:hover, .politica-home ul li a:hover, .lojas-home ul li a:hover, .newsletter-home ul li a:hover{
			color:#595959; text-decoration:underline;
		}


		#box-contato-home .institucional-home		{ width:136px; float:left; }
		#box-contato-home .institucional-home h3	{ 
			margin:0px 0px 5px 0px;
			padding:0px 0px 0px 12px;
			width:114px;
			font:bold 12px "Times New Roman", Times, serif;
			color:#888;
			background:transparent url('../../../imagens/spicy/estrutura/bg_h3_titulo.jpg') no-repeat left 4px;
		}
						
		#box-contato-home .institucional-home ul	{ 
			margin:0px 0px 0px 0px;
			padding:5px 0px;	
			width:124px;
			border-left:1px #b6b6b6 solid;
			list-style:none;
		}

		#box-contato-home .politica-home	{ width:125px; float:left; }
		#box-contato-home .politica-home h3	{ 
			margin:0px 0px 5px 0px;
			padding:0px 0px 0px 12px;
			width:106px;
			font:bold 12px "Times New Roman", Times, serif;
			color:#888;
			background:transparent url('../../../imagens/spicy/estrutura/bg_h3_titulo.jpg') no-repeat left 4px;
		}
						
		#box-contato-home .politica-home ul	{ 
			margin:0px 0px 0px 0px;
			padding:5px 0px;	
			width:116px;
			border-left:1px #b6b6b6 solid;
			list-style:none;
		}
		

		#box-contato-home .lojas-home	{ width:110px; float:left; }
		#box-contato-home .lojas-home h3	{ 
			margin:0px 0px 5px 0px;
			padding:0px 0px 0px 12px;
			width:91px;
			font:bold 12px "Times New Roman", Times, serif;
			color:#888;
			background:transparent url('../../../imagens/spicy/estrutura/bg_h3_titulo.jpg') no-repeat left 4px;
		}
						
		#box-contato-home .lojas-home ul	{ 
			margin:0px 0px 0px 0px;
			padding:5px 0px;	
			width:103px;
			border-left:1px #b6b6b6 solid;
			list-style:none;
		}

		

		#box-contato-home .newsletter-home	{ width:161px; float:right; }
		#box-contato-home .newsletter-home h3	{ 
			margin:0px 0px 5px 0px;
			padding:0px 0px 0px 12px;
			width:149px;
			font:bold 12px "Times New Roman", Times, serif;
			color:#888;
			background:transparent url('../../../imagens/spicy/estrutura/bg_h3_titulo.jpg') no-repeat left 4px;
		}
						
		#box-contato-home .newsletter-home ul	{ 
			margin:0px 0px 0px 0px;
			padding:5px 0px;	
			width:161px;
			border-left:1px #b6b6b6 solid;
			list-style:none;
		}
		#box-contato-home .newsletter-home ul li .cad-txt-newsletter{ 
			margin:4px 0px;
			width:151px;
			height:10px;
			border:1px #333333 solid;
			font:10px "Tahoma",Arial, Helvetica, sans-serif;
			color:#595959;
		}
		#box-contato-home .newsletter-home ul li .btn-newsletter{ 
			margin:4px 0px 0px 0px;
			width:auto;
			height:12px;
			border:0px none;
			font:9px "Tahoma",Arial, Helvetica, sans-serif;
			color:#fff;
			background-color:#c1c1c1;
			cursor:pointer;
			float:right;
		}

/*****************************************************************************************************************
	ESTRUTURA RODAPE
*****************************************************************************************************************/
	#rodape .linha-rodape	{ 
		width:100%;
		height:22px;
		text-align:center;
		clear:both;
		color:#941111;
		background:#eaeaea url('../../../imagens/spicy/estrutura/bg_rodape.jpg') no-repeat left top;
	}

	#rodape .linha-rodape p	{ 
		padding:5px 0px 0px 0px;
		margin:0px 50px 0px 0px;	
		font:9px "Tahoma",Arial, Helvetica, sans-serif;

	}
	#rodape .linha-rodape a{
		background-color:#941111;
		margin: -12px 5px 0px 0px;
		padding:2px 0px 0px 0px;
		width:41px; height:12px;
		text-align:center; float:right;
		text-decoration:none;
		font:9px "Tahoma",Arial, Helvetica, sans-serif;
		color:#fff;
	}


