/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#fff;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*------------------*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #000
}
#contenedor {
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	overflow:hidden;
}
.contenedor-home #menu{
	width:172px;
}
.contenedor-home #despliegue{
	margin-left:172px;
}
#menu {
	height: 770px;
	width: 305px;
	position: relative;
	float: left;
}
#contenedor .menu-tiendas{
	width:252px;	
}
#menu-principal {
	width: 172px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #000;
	bottom: 0px;
}
#menu-secundario {
	width: 133px;
	position: absolute;
	left: 172px;
	top: 0px;
	bottom: 0px;
	background: url(../images/sprite.png) scroll no-repeat -171px 0 transparent;
}
#menu-secundario li{
	font-family: Tahoma;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 0px 10px
}
#menu-secundario li a{
	color: #fff;
	text-decoration: none;
	display: block;
	display: block;
	padding: 4px
}
#menu-secundario li a.activo{
	background-color: #000;
	color: #fff;
}
#despliegue {
	width: 695px;
	margin-left: 305px;
	height: 770px;
	background:url(../images/sprite.png) scroll no-repeat -303px 0 transparent;
}
#logo {
	padding-top: 15px;
	padding-left: 10px;
}
#menu-principal ul {
	padding-top: 100px;
}
#menu-principal ul li {
	height: 15px;
	width: auto;
	margin-bottom: 10px;
}
#menu-principal ul a {
	display: block;
	height: 15px;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#menu-principal ul li a.activo{
	border-bottom: 1px solid #fff
}
#menu-principal ul .home a {
	background-position: 0px -162px;
}
#menu-principal ul .home a:hover {
	background-position: 0px -147px;
}
#menu-principal ul .carteras a {
	background-position: 0px -198px;
}
#menu-principal ul .carteras a:hover {
	background-position: 0px -183px;
}
#menu-principal ul .billeteras-cuero a {
	background-position: 0px -235px;
}
#menu-principal ul .billeteras-cuero a:hover {
	background-position: 0px -220px;
}
#menu-principal ul .billeteras-sintetico a {
	background-position: 0px -270px;
}
#menu-principal ul .billeteras-sintetico a:hover {
	background-position: 0px -255px;
}
#menu-principal ul .accesorios a {
	background-position: 0px -307px;
}
#menu-principal ul .accesorios a:hover {
	background-position: 0px -292px;
}
#menu-principal ul .calzado a {
	background-position: 0px -342px;
}
#menu-principal ul .calzado a:hover {
	background-position: 0px -327px;
}

#menu-secundario ul{
	padding-top:193px;	
}
#menu .menu-secundario-tiendas{
	width:80px;
}

#menu-info{
	position:absolute;
	left:0px;
	bottom:20px;
	width:170px;
}
#menu-info ul li{
	margin-bottom:5px;
}
#menu-info ul li.contacto{
	margin-bottom:0px;	
}
#menu-info ul li a{
	display:block;
	height:15px;
	background:url(../images/sprite.png) scroll no-repeat 0 -657px transparent;
	text-indent:-99999px;
}
#menu-info ul li.tiendas a{
		
}
#menu-info ul li.empresa a{
	background-position:0 -677px;
}
#menu-info ul li.amphora-club a{
	background-position:0 -697px;
}
#menu-info ul li.servicio-al-cliente a{
	background-position:0 -717px;
}
#menu-info ul li.contacto a{
	background-position:0 -737px;
}


.despliegue-productos{
	padding-top:68px;
	padding-left:22px	
}
.despliegue-home {
	height: 770px;
	width: 827px;
	overflow: hidden;
	position: relative;
}
.despliegue-home ul.grandes {
	position: absolute;
	left: 0px;
	top: 0px;
}
.despliegue-home ul.grandes li {
	margin: 0px;
	padding: 0px;
	position:absolute;
}

.despliegue-home ul.chicas {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 76px;
	height: 770px;
	z-index: 10;
	padding: 172px 0 0 0;
	background: url(../images/home/bg.png) scroll repeat-y 0 0 transparent
}
.despliegue-home ul.chicas li{
	padding-left: 7px;
	margin-bottom: 8px
}
.despliegue-home ul.chicas a{
	display: block;
	overflow: hidden;
	width: 63px;
	height: 63px;
	position: relative;
}
.despliegue-home ul.chicas a img{
	position: absolute;
	top: -63px;
	left: 0;
}
.despliegue-home ul.chicas li.activo a img{
	top:0;
}

#contenedor .despliegue-flotante{
	margin-left:252px;	
	width:748px;
	position: absolute;
	left: 0px;
	z-index: 2222;
	background-image: none
}
/*textos-home*/
.textos-home{
	height:100px;
	position:absolute;
}
/*********************
GRID
*********************/
.accordion
{
	position:relative;
	overflow:hidden;
}
.accordion .panel
{
	background-color:#fff;
	background-image:url(../images/preloader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	overflow:hidden;
}
.accordion .shadow
{
	position:absolute;
	right:0px;
	width:25px;
	height:100%;
}
.accordion .preloader
{
	background:url(../images/preloader.gif) no-repeat;
	width:62px;
	height:14px;
	position:absolute;
	z-index:15;
}
.accordion .caption
{
	overflow:hidden;
	position:absolute;
	z-index:20;
}
.accordion .caption-background
{
	position:absolute;
	width:100%;
	height:100%;
}
.accordion .caption p
{
	color:#FFF;
	margin:0px;
	padding:10px;
}
.accordion .caption p a
{
	color:#FFF;
}
/*TABS*/
.ui-tabs .ui-tabs-panel{
	display:block;	
	background:url(../images/gris.png) scroll repeat 0 0 transparent;
	overflow: hidden;
	padding: 20px
}
#tabs-tiendas .ui-tabs-panel ul li{
	text-transform: none;
	margin-bottom: 10px
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
.tiendas-por-pais{
	width:240px;
	padding-top:50px;
	padding-left:10px;
}
#tabs-tiendas{
	overflow:hidden;
	font-family: "Century Gothic";
	display: none
}
.ui-tabs-nav{
	overflow:hidden;	
	background-color:#000;
	padding: 5px
}
#tabs-tiendas ul li{
	float:left;
	width:auto;
	font-size: 11px;
	margin-right: 10px;
	text-transform: uppercase;
	padding-left: 5px
}
#tabs-tiendas .ui-state-active{
	
}
.texto{
	display:block;	
	background:url(../images/gris.png) scroll repeat 0 0 transparent;
	overflow: hidden;
	padding: 20px;
	color: #fff;
	font-size: 11px
}
.despliegue-flotante{
	font-family: "Century Gothic";
}
.despliegue-flotante h2{
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	text-transform: uppercase
}
.texto p{
	margin-bottom: 10px;
	text-align: justify
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	color:#fff;
	text-decoration:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color:#fff;
	text-decoration:none;
}
.ui-widget-content{
	color:#fff;
}
/*tiendas*/
.fotos-bg{
	position: absolute;
	z-index: 1;
	left: 252px
}
/*contacto*/
span.error{
	display: block;
	color: #900;
	font-size: 11px
}
#speaker{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 23px;
	height: 20px;
	z-index: 999999;
}