.share-buttons{
	padding-top: 20px;
}


#footer .social{
	border-bottom: 1px solid #333;
	margin-bottom: 4px;
	background: url(seguinos.png) no-repeat;
}
	.facebook-link{
		margin-left: 90px;
	}
	.facebook-link,
	.twitter-link{
		display: block;
		background-image: url(logo-facebook.png);
		height: 24px;
		width: 24px;
		float: left;
		text-indent: -500000px;
		margin-right: 8px;
		margin-bottom: 8px;
	}
	.twitter-link{
		background-image: url(logo-twitter.png);
	}
	.facebook-link:hover,
	.twitter-link:hover{
		background-position: left bottom;	
	}
	
.important-button{
	padding: 4px 8px;
	font-size: 16px;
}

.currencies {
	margin-left: 0;
	padding-left: 0;
}
.currencies li{
	margin-left: 0;
	padding-left: 0;
	list-style: none;	
}

.currencies a{
	display: block;
}
.currencies .active a{
	background-color: #EB0089;
}


.countries{
	margin:0;
	padding:0;	
}
.countries li{
	margin-left:0;
	margin-bottom:2px;
	padding-left:0;
	list-style: none;
}
.countries li a{
	padding:2px;	
	text-decoration: none;
	display: block;
		  
}
.countries li a:hover{
	background-color: #EB0089;
}


/* page payment */

.payment-option {
	border:1px solid #333; 
	margin-bottom:15px; 
	padding:20px;
}
.payment-option.dineromail {
	background-color: #FFF; 
	margin-bottom:10px; 
	padding:20px;
	-moz-box-shadow: 0px 2px 11px #222;
	-webkit-box-shadow: 0px 2px 11px #222;
	box-shadow: 0px 2px 11px #222;	
}
#content .payment-option.dineromail h3, #content .payment-option.dineromail p{
	color: #333;
}
.payment-option.paypal {
	background-color: #FFF; 
	margin-bottom:10px; 
	padding:20px;
	-moz-box-shadow: 0px 2px 11px #222;
	-webkit-box-shadow: 0px 2px 11px #222;
	box-shadow: 0px 2px 11px #222;	
}
#content .payment-option.paypal h3, #content .payment-option.paypal p{
	color: #333;
}



/* menu */

#mega {
	list-style:none;
	font-weight:bold;
	height:50px;
	margin:20px 0 0 0;
}
#mega li {
	float:left;
	text-align:center;
	position:relative;
	margin-right:10px;
}
#mega li:hover {
	padding:7px 0 0 0;
	margin-top:-7px;
	z-index:100;
}

#mega li.color1:hover {
background:#EB0089; /* verde */
}
#mega li.color2:hover {
background:#27B713; /* verde */
}
#mega li.color3:hover {
background:#0099FF; /* celeste */
}

#mega a.nav-remeras,
#mega a.nav-revista,
#mega a.nav-blog,
#mega a.nav-info {
	display:block;
	text-indent:-5000px;
	height:50px;
	background-repeat:no-repeat;
	background-position:0 0;
}

#mega a.nav-remeras {
	background-image:url(nav_remeras.png);
	width:120px;
}
#mega a.nav-info {
	background-image:url(nav_info.png);
	width:150px;
}
#mega a.nav-blog {
	background-image:url(nav_blog.png);
	width:80px;
}
#mega a.nav-revista {
	background-image:url(nav_revista.png);
	width:150px;
}

#mega li:hover a.nav-remeras,
#mega li:hover a.nav-info{
	background-position:0 -50px;
}

#mega a {
color:#FFF;
outline:0;
text-decoration:none;
display:block;
}

#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}
#mega li.color1 div a:hover{
background-color:#930054; /* verde */
}
#mega li.color2 div a:hover{
background-color:#068301; /* verde */
}
#mega li.color3 div a:hover{
background-color:#0099FF; /* verde */
}

/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
width:270px;
padding:20px 10px 0 10px;
font-weight:normal;
text-align:left;
}

#mega li.color1 div {
background:#EB0089; /* verde */
}
#mega li.color2 div {
background:#27B713; /* verde */
}
#mega li.color3 div {
background:#0099FF; /* celeste */
}

#mega li:hover div {
left:0;top:auto;
}

/* --------- Within Div Styles --------- */
#mega div h2{
	margin:0;	
}
#mega div h2 a {
text-indent:-5000px;
display:block;
background:url(item-remeras.png) no-repeat top left;
padding:0;
height:40px;
margin:0 0 5px 0;
}

#mega div h2 a:hover {
background:url(item-remeras.png) no-repeat top left;
}

#mega div p {
border-top:2px solid #FFF;
padding:10px 0;
margin:0;
}
#mega div p a {
width:100%; /* For IE6/7 */
line-height:22px;
font-size:13px;
padding:0 10px;
margin-bottom:8px;
width:250px;
}
#mega li div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}
#mega li.color1 div a:hover{
background-color:#930054; /* verde */
}
#mega li.color2 div a:hover{
background-color:#068301; /* verde */
}
#mega li.color3 div a:hover{
background-color:#0099FF; /* verde */
}

/* la revista */

.issues img {
	display:block;
	margin-bottom:10px;
}


/*  products-index  */

#page-products-index #content {
	background: url(bg-white-grain.gif) #FFF;
	border-top: 4px solid #EB0089;
	padding-bottom:10px;
}
	#page-products-index #content h3 {
		color: #EB0089;
	}	
	#page-products-index .product-item a{
		display:block;
		position:relative;
		text-decoration:none;
		color:#333;
		margin-bottom:20px;
	}
	#page-products-index .product-item a .product-description{
		color:#999;
	}	
	#page-products-index .product-item a:hover{
		background:inherit;
	}
	#page-products-index .product-item a:hover .product-name{
		text-decoration:underline;
	}
	#page-products-index .product-image{
		display:block;
		height:310px;
		width:310px;
		background-color:#E8E8E8;
	}	
	#page-products-index .product-price{
		display:block;
		position:absolute;
		top:0;
		right:0;
		padding:4px 2px 2px 2px;
		background:#EB0089;
		text-align:right;
		font-weight:bold;
		font-size:16px;
		color:#FFF;
	}

/* products-view */

#page-products-view #content{
	width:990px;
	padding:0;
	margin-bottom:30px;
}
	#page-products-view #content #product-images{
		float:left;
		width:490px;
		height:490px;
		overflow:hidden;
	}
	#page-products-view #content #product-info{
		float:right;
		width:390px;
		margin-right:60px;
		padding-top:40px;
	}
	#page-products-view #content #product-info h1{
		line-height:normal;
		font-size:30px;		
		margin-bottom:0;
		font-weight:bold;
	}
	#page-products-view #content #product-info h3{
		line-height:normal;
		font-weight:normal;
		margin-bottom:40px;		
		font-size:18px;
	}	
	#page-products-view #content .product-price{
		display:block;
		font-size:16px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.product-price-currency{
		color:#999; font-size:0.8em; font-weight:normal;
	}
	#page-products-view form{
		margin-top:50px;
	}
	#page-products-view form select{
		float:left;
		padding:4px;
		margin-right:10px;
	}	
	.add-to-cart{
		display:block;
		float:left;
		height:40px;
		width:200px;
		background:url(btn-add-to-cart.gif) no-repeat;
		background-color:transparent;				
		text-indent:-50000px;
	}
	.add-to-cart:hover{
		background-color:transparent;		
		background-position:bottom;
	}	
	
	#page-products-view .related-actions{
		margin:0; 
		padding:20px 0 0 0;
	}
	#page-products-view .related-actions li{
		display:inline;
		padding-right:10px;
	}
	
	#related-content h2{
		font-size:20px;
	}

/* cart */

.buttons {
	font-size:15px;
	text-align:right;
	margin-bottom:30px;
	font-weight:normal;	
}
		.buttons .btn-checkout{
			background-color:#EB0089;
			display:inline-block;
			padding:6px;
			text-decoration:none;
		}
		.buttons .btn-checkout:hover{
			text-decoration:none;
			background-color:#FF35A9;
		}
		.buttons .btn-checkout span{
			font-weight:normal;
			color:#999;
		}
		
#btn-update-cart{
	font-size:11px;
	background-color:#999;
}
.price, .unit-price, .subtotal, .total-price, .total{
	text-align:right;
}

th.product-image, td.product-image{
	width:60px;
}

.action-edit, .action-delete, .size{
	text-align:center;
}
.total-row td{
	border-top:2px solid #000;
}

.subtotal-row td{
	border-top:1px solid #000;
}

.total-price{
	font-weight:bold;
	font-size:16px;
}

.cart-footer{
	margin-top:10px;
}

#page-carts-view #content,
#page-carts-shipping #content,
#page-carts-send #content,
#page-carts-review #content,
#page-carts-sucess #content
{

}
#page-carts-view h1.pagetitle,
#page-carts-shipping h1.pagetitle,
#page-carts-send h1.pagetitle,
#page-carts-review h1.pagetitle,
#page-carts-finish h1.pagetitle,
#page-carts-sucess h1.pagetitle
{
	color: #EB0089;
	font-size:32px
}
#page-carts-view table {
	border:none;
	padding:0;
}

#cart-steps{

	border-bottom:4px solid #333;
}
	#cart-steps div{
		background:url(bg-steps.png) no-repeat right transparent;
		padding-top:20px;
		padding-bottom:20px;
	}
	#cart-steps div.last{
		background:none;
	}	
	#cart-steps span{
		display:block;
		padding:2px;
	}
	#cart-steps span.step-number{
		width:50px;
		font-weight:bold;
	}
	#cart-steps .current span.step-number{
		background-color:#EB0089;
	}

/* pages */

.pagetitle{

}

/* page-about */
	#page-about #content .pagetitle {
		background:url(bg-about.jpg) no-repeat;
	}
	#page-about #content {
		background: url(packaging.jpg) no-repeat left  bottom #FFF;
		padding-bottom:80px;
	}
	#page-about #content p{
		color: #333;
	}
/* page-metrica */
	#page-metrica #content .pagetitle {
		background:url(bg-revista.jpg) no-repeat;
	}

/* page-how-to-buy */
	#page-how-to-buy #content .pagetitle {
		background:url(bg-how-to-buy.jpg) no-repeat;
	}

/* page-privacy */
	#page-privacy #content .pagetitle {
		background:url(bg-about.jpg) no-repeat;
	}

/* page-contact */
	.page-contact .pagetitle{
		background:url(bg-contact.jpg) no-repeat;
	}

/* page-home */

	#home-banner{
		width:990px;
		margin:0 auto;
		background-color:#231F21;
		overflow:hidden;
				 z-index:0;
	}
	#home-banner .slideshow{
		 float:right;
		 width:690px;
		 height:458px;
		 z-index:0;
	}
	#home-banner #list{
		float:left;
		width:230px;
		padding:0;
		margin:40px 0 0 0;
	}	
		#home-banner #list, #home-banner #list li{
			list-style:none;
			list-style-type:none;
		}	
		#home-banner #list a{
			display:block;
			font-size:18px;
			font-weight:bold;
			padding:4px 0 2px 20px;
			color: #ccc;
			margin-bottom:4px;
			cursor:pointer;
			text-decoration:none;
		}
		#home-banner #list a:hover{
			background-color:#EB0089;
			color:#FFF;
			text-decoration:none;			
		}
		#home-banner #list .view-all{
			margin-top:40px;	
		}
		#home-banner #list .view-all a{
			color:#FFF;		
		}
	#page-home #content {
		padding-bottom:40px;
		background: url(packaging-lo.jpg) no-repeat left  bottom #FFF;
		padding-top:40px;
	}
		#page-home #content p{
			color:#333333;
		}
		#page-home #content a{
			color:#FFF;
			background-color:#EB0089;
		}		


/* users > login */

	a#btn-register{
		display:block;
		background-color:#333;
		padding:8px 6px;
		color:#FFF;
		font-weight:bold;
		width:180px;
		text-align:center;
	}
	a#btn-register:hover{
		background-color: #999;
		color:#FFF;
		text-decoration:none;
	}	


		ul.steps{
			list-style:none;
			list-style-type:none;
			background-image:url(bg-steps.png);
			background-repeat:no-repeat;
			background-position: 0 0;
			margin-bottom:20px;
		}
		
			ul.steps#step2{
				background-position:0 -60px;
			}

			ul.steps#step3{
				background-position:0 -120px;
			}

			ul.steps#step4{
				background-position:0 -180px;
			}

			ul.steps#step1{
				background-position:0 0;
			}

		ul.steps li{
			list-style:none;
			list-style-type:none;
			float:left;
			height:60px;
		}

		ul.steps li span, ul.steps li a{
			display:block;
			text-align:center;
			height:15px;
			padding:25px 0 20px 0;
			color:#333333;
			width:210px;
		}


/* *********************************************************** */
/* layout */

body, html{
	background:url(bg-black-grain.gif) #000;
	color:#FFF;
}
#content {
	margin:0 auto;
	width:950px;
	padding:20px 20px 80px 20px;
	background:url(bg-grey-grain.gif) #292929;
}	
	#content .pagetitle{
		font-size:4em; 
		color:#FFF;
		font-weight:bold;
		line-height:normal;
		width:950px;
		margin-left:-20px;
		margin-top:-20px;
		padding:30px 20px 30px 20px;
	}
	#content p{
		color:#FFF;
	}	
	#content h3{ 
		font-weight:bold;
		text-transform:lowercase;
	}

#logo a {
	display:block;
	border:none;
	background:url(metrica-store-logo.png) no-repeat;
	background-position:top;
	margin-top:20px;
	height:40px;
	width:230px;
	text-indent:-50000px;
}
#logo a:hover {
	background-position:bottom;
}

#header{
	margin:0 auto;
	position:relative;
}

	/*#header, #header a, */
	#footer a{
		color:#CCC;
		text-decoration:none;
	}
	/*#header a:hover, */
	#footer a:hover{
		color:#FFF;
		text-decoration:none;		
	}

	#utility-nav-wrapper{
		
	}
	#utility-nav {
		display:block;
		width: 960px;
		padding:4px 0 2px 0;
		margin: 0 auto;
		text-align: right;
	}

		a#nav-mi-pedido{
			display:block;
			position:absolute;
			height:32px;
			width:160px;
			background-repeat:no-repeat;
			background-position:0 0;
			margin:0;
			top:26px;
			right:-30px;
		}
		#nav-mi-pedido span.text1{
			display:block;
			float:left;
			width:100px;
			margin:0;
			padding:0;			
			text-indent:-5000px;
		}
		#nav-mi-pedido{
			background-image:url(nav-mi-pedido.png);
			width:170px;
			float:right;
		}
		#nav-mi-pedido span.text2{
			display:block;
			float:left;
			width:50px;
			padding:10px 0 0 6px;
		}		
		a#nav-mi-pedido:hover{
			background-position:0 -40px;
			background-color:transparent;
		}
#footer{
	padding-top:25px;
	padding-bottom:18px;	
	margin:0 auto;
}
	#footer a{
		text-decoration:none;
	}
	#footer ul {
		padding:6px 0 0 0;
		margin:0;
	}
	#footer ul li {
		display:inline;
		padding: 0 15px 0 0;
		margin:0;
	}
	
	#footer .copyright{
		font-size:12px;
		color: #666;
	}
	
	#footer .credits{
		display:block;
		height:24px;
		text-indent:-5000px;
		background:url(izus.png) no-repeat center right;
	}