/* ---------------------------------- */
/* * Style default to domain tags * */
/* ---------------------------------- */
* {
	font-family:Arial,Sans;
	outline:0;
}

body{
	background:#FFF;
	margin:0;
	padding:0;
	text-align:center;
}

div,dl,dt,dd,ul,li{
	list-style:none;
	margin:0;
	padding:0;
}

form,input,select{
	margin:0;
	outline:none;
	padding:0;
}


/* ---------------------------------- */
/* * Style to structure of the site * */
/* ---------------------------------- */
div#page{
	margin:0 auto;
	overflow:hidden;
	width:1080px;
}

	div#top{
		height:80px;
		overflow:hidden;
	}

	div#content{
		overflow:hidden;
	}
	
		div#box-left{
			float:left;
			overflow:hidden;
			text-align:center;
			width:190px;
		}
		
		div#box-right{
			float:left;
			overflow:hidden;
			width:780px;
		}
	
	div#bottom{
		overflow:hidden;
	}
	
	
/* ------------------------ */
/* * Style to PAGE HEADER * */
/* ------------------------ */
div#logo{
	background:url(../img/logo-shopping.png) no-repeat top left;
	float:left;
	height:60px;
	margin-top:10px;
	width:300px;
}

	div#logo h1{
		display:block;
		margin:0;
		overflow:hidden;
	}

	div#logo a{
		color:transparent;
		display:block;
		height:60px;
		text-decoration:none;
		text-indent:-5000px;
	}

form#search-form{
	display:block;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	text-align:center;
	width:670px;
}

	form#search-form p#search-box{
		margin:30px 0 0;
		overflow:hidden;
		padding:0;
	}

	form#search-form input{
		margin:0 0 0 5px;
		overflow:hidden;
	}
	
		input#input-text{
			background:#fff;
			border:1px solid #999;
			color:#999;
			font-size:12px;
			padding:3px 5px;
			width:575px;
		}
		
		input#input-button{
			background:#FA6121 url(../img/menu-department-header.jpg) repeat-x top;
			border:1px solid #999;
			color:#fff;
			cursor:pointer;
			font-size:12px;
			font-weight:bold;
			padding:2px 6px;
		}

ul#menu-top{
	background:url(../img/menu-top-background.jpg) repeat-x;
	border:1px solid #ddd;
	display:block;
	height:30px;
	line-height:30px;
	margin:0 5px 10px;
	overflow:hidden;
}

	ul#menu-top li{
		display:block;
		float:left;
		overflow:hidden;
	}
	
	ul#menu-top li a{
		border-right:1px solid #ddd;
		color:#FA6121;
		display:block;
		font-size:12px;
		font-weight:bold;
		overflow:hidden;
		padding:0 20.3px;
		text-decoration:none;
	}
	
	ul#menu-top li a:hover{
		text-decoration:underline;
	}
	
	ul#menu-top li span{
		background:url(../img/menu-top-arrow-down.png) no-repeat 177px 6px;
		color:#FA6121;
		cursor:default;
		display:block;
		font-size:12px;
		font-weight:bold;
		overflow:hidden;
		padding:0 25px;
		text-align:left;
	}
	
/* ---------------------- */
/* * Style to PAGE HOME * */
/* ---------------------- */
div#top-home{
	background:url(../img/topo-copa-2010.jpg) no-repeat top center;
	border:2px solid #A97029;
	height:150px;
	margin:0 5px 15px;
	overflow:hidden;
}
	
	div#top-home h2{
		color:#A07029;
		font-size:20px;
		margin:0;
		padding:2px 0;
	}
	
	div#top-home ul{
		display:block;
		margin:0 auto;
		overflow:hidden;
		text-align:center;
		width:700px;
	}
	
		div#top-home ul li{
			background:#A97029;
			display:block;
			float:left;
			height:100px;
			margin:10px 0 10px 25px;
			overflow:hidden;
			width:200px;
		}
		
		div#top-home ul li a{
			background:#fff;
			color:#A97029;
			display:block;
			margin:2px;
			overflow:hidden;
			text-align:center;
			text-decoration:none;
		}
		
		div#top-home ul li a:hover{
			color:#E8C44A;
		}
		
			div#top-home ul li a span{
				display:block;
				float:left;
				overflow:hidden;
				width:102px;
			}
			
			div#top-home ul li a span.image{
				height:96px;
				width:94px!important;
			}
			
			div#top-home ul li a span.title{
				font-size:12px;
				font-weight:bold;
				height:30px;
				line-height:15px;
				margin:10px 0;
			}
			
			div#top-home ul li a span.price-desc{
				font-size:10px;
				height:15px;
				line-height:15px;
				margin:0;
			}
			
			div#top-home ul li a span.price-value{
				font-size:12px;
				font-weight:bold;
				height:15px;
				line-height:15px;
			}


	
h2#menu-department-header{
	background:url(../img/menu-department-header.jpg) repeat-x top;
	color:#FFF;
	display:block;
	font-size:13px;
	height:20px;
	line-height:20px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
	width:180px;
}

dl#menu-department{
	background:#fff;
	border:1px solid #ccc;
	border-top:0!important;
	display:block;
	font-size:12px;
	margin:0 5px 5px;
	overflow:hidden;
	padding:2px 5px;
	text-align:center;
}

	dl#menu-department dt{
		border-top:1px solid #ccc;
		display:block;
		font-weight:bold;
		overflow:hidden;
		margin:5px 0 0;
		padding:5px 0 2px;
		text-align:left;
	}
	
		dl#menu-department dt a{
			color:#FA6121;
			display:block;
			text-decoration:none;
		}
		
		dl#menu-department dt a:hover{
			color:#FFB739;
			text-decoration:underline;
		}

	dl#menu-department dd{
		display:block;
		overflow:hidden;
		text-align:left;
	}
	
		dl#menu-department dd a{
			color:#666;
			display:block;
			padding:1px 0;
			text-decoration:none;
		}
		
		dl#menu-department dd a:hover{
			color:#FFB739;
			text-decoration:underline;
		}
		
h2.subtitle-content{
	border-bottom:1px solid #ccc;
	clear:both;
	color:#FA6121;
	display:block;
	font-size:13px;
	margin:0 5px;
	padding:2px 0;
	text-align:left;
}

	h2.subtitle-content a{
		color:#333;
		text-decoration:none;
	}
		
		
/* ------------------------- */
/* * Style to PAGE PRODUCT * */
/* ------------------------- */
p#breadcrumb{
	color:#666;
	display:block;
	font-size:13px;
	height:30px;
	line-height:30px;
	margin:0 0 10px;
	overflow:hidden;
	padding:0 5px;
	text-align:left;
}

	p#breadcrumb a{
		color:#666;
		text-decoration:none;
	}
	
	p#breadcrumb a:hover{
		text-decoration:underline;
	}
	
	p#breadcrumb span{
		color:#FA6121;
		font-size:15px;
		font-weight:bold;
	}
	
	p#breadcrumb span label{
		color:#333;
	}
	
	p#breadcrumb label{
		color:#aaa;
	}

h2#menu-category-header{
	background:url(../img/menu-department-header.jpg) repeat-x top;
	color:#FFF;
	display:block;
	font-size:13px;
	height:20px;
	line-height:20px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
	width:180px;
}

ul#menu-category{
	background:#fff;
	border:1px solid #ccc;
	border-top:0!important;
	display:block;
	font-size:12px;
	margin:0 5px 5px;
	overflow:hidden;
	padding:0 5px;
	text-align:center;
}

	ul#menu-category li{
		border-top:1px dotted #ccc;
		display:block;
		overflow:hidden;
		text-align:left;
	}
	
		ul#menu-category li a{
			color:#666;
			display:block;
			padding:4px 0;
			text-decoration:none;
		}
		
		ul#menu-category li a:hover{
			color:#FFB739;
			text-decoration:underline;
		}
		
p.header-products{
	border:1px solid #ccc;
	color:#333;
	display:block;
	font-size:12px;
	margin:0 10px;
	overflow:hidden;
	padding:5px 5px 5px 5px;
	text-align:center;
}

	p.header-products span{
		display:block;
	}
	
		p.header-products span.order{
			float:left;
		}
		
		p.header-products span.pagination{
			float:right;
			padding:2px 0;
		}
		
			p.header-products span.pagination a{
				
				color:#333;
				cursor:pointer!important;
				padding:2px 5px;
				text-decoration:none;
			}
			
			p.header-products span.pagination a:hover{
				color:#FA6121;
			}
			
			p.header-products span.pagination a.disable{
				
				color:#ccc!important;
				cursor:default!important;
			}
			
			p.header-products span.pagination a.disable:hover{
				color:#ccc!important;
			}
			
	select.select-order{
		border:1px solid #ccc;
		color:#333;
		padding:1px;
	}

ul.offer-list{
	background:#fff;
	display:block;
	margin:10px 5px;
	overflow:hidden;
}		

	ul.offer-list li{
		display:block;
		float:left;
		overflow:hidden;
		width:25%;
	}
	
	ul.offer-list li a{
		border:1px solid #fff;
		display:block;
		margin:10px 5px;
		overflow:hidden;
		text-decoration:none;
	}
	
	ul.offer-list li a:hover{
		border:1px solid #FFB739;
	}
	
		ul.offer-list li a span{
			display:block;
			overflow:hidden;
		}
		
		ul.offer-list li a span.img{
			height:90px;
			margin:10px 0;
		}
		
		ul.offer-list li a span.desc{
			color:#666;
			font-size:12px;
			height:45px;
			line-height:15px;
			padding:0 5px;
		}
		
		ul.offer-list li a span.price{
			color:#FFB739;
			font-size:14px;
			font-weight:bold;
			height:15px;
			line-height:15px;
			margin:10px 0 0;
		}
		
		ul.offer-list li a span.desc-price{
			color:#666;
			font-size:10px;
			height:15px;
			line-height:15px;
		}
		
		ul.offer-list li a span.emp{
			background:#fff url(../img/button-go.jpg) no-repeat top center;
			color:#666;
			font-size:11px;
			height:25px;
			margin:10px 0 5px;
			padding:26px 0 0;
		}
		
/* --------------------- */
/* * Style to MESSAGES * */
/* --------------------- */	
p.msg-info{
	background:#fff url(../img/msg-alert.jpg) no-repeat;
	border:1px solid #F6A520;
	color:#333;
	display:block;
	font-size:12px;
	height:33px;
	line-height:33px;
	margin:0 10px;
	padding:10px;
	text-align:center;
}
		
/* ------------------------ */
/* * Style to PAGE BOTTOM * */
/* ------------------------ */	
div#bottom p{
	clear:both;
	font-size:12px;
	margin:10px 0;
	padding:0;
	text-align:center;
}

div#bottom a{
	color:#333;
	text-decoration:none;
}