/* -- CSS Document ----------------------------- */
/* -- Copyright 2009, Accent Comunicació, scp -- */
/* -- http://www.accentcomunicacio.com --------- */

/*----------------------------------------------
	Basic
------------------------------------------------ */

/* IE bugs */
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }

img {border:0;}
	
/* --- General ------------------  */

body {
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}

/* --- Base ------------------  */

#base {
	width:760px;
	margin:0 auto;
	overflow:hidden;}
	#base h1, #base h2 {
		margin:0;padding:0;font-size:2em;}
	#base h2 {
		font-size:1em;}
		
/* --- Header ------------------  */

#header {
	overflow:hidden;
	height:89px;
	border-bottom:1px solid white;
	margin-bottom:10px;}
	#header_left {
		height:89px;
		width:153px;
		float:left;}
		
		#header_left h1 { padding:0;margin:0;margin-top:15px; }
		#header_left h1 a { width:131px; height: 63px; display:block; text-decoration:none;font-size:1px; background-image:url(../images/logo_alviero_martini.png);}
		#header_left h1 a span { visibility:hidden; }

	#header_right {
		height:89px;
		width:607px;float:right;}
		
		#slogan {
			margin-top:15px;
			text-align:right;
			font-size:18px;
			text-transform:uppercase;
			color:white;
			background-image:url(../images/slogan.png);
			height:15px;
			background-position:top right;
			background-repeat:no-repeat;}
			#slogan h2{
				visibility:hidden;font-size:1px;}
		#menu_items {
			text-align:right;
			margin:0;padding:0;
			height:22px;}
		#menu_items ul {
					margin:0;padding:0;
					margin-left: 0px; padding-left: 0px; display: inline;
					float:right;
					margin-top:8px;}
				#menu_items ul li {
					display: inline;
					list-style-type: none;
					padding-left:5px;padding-right:5px;
					float:left;border-right:1px solid white;}
				
				#menu_items ul li a:hover {border-bottom:1px dotted white;}
					
				li.mp_relojes a {
					display:block;
					background-image:url(../images/mp_relojes.png);
					width:41px;
					height:13px;
				}
				li.mp_joyeria a {
					display:block;
					background-image:url(../images/mp_joyeria.png);
					width:42px;
					height:13px;
				}
				li.mp_escritura a {
					display:block;
					background-image:url(../images/mp_escritura.png);
					width:56px;
					height:13px;
				}								
				
				li.mp_relojes a span , li.mp_escritura a span, li.mp_joyeria a span  {display:none;}
				
				#menu_items ul li.mp_escritura {border-right:none;padding-right:0;}
				
		/* ---------------------------------- */	
		
		#menu_cart {
			height:auto;
			overflow:hidden;}
			#menu_cart_left {
				
				width:407px;
				float:left;
				height:13px;
				padding-top:14px;}
				#menu_cart_left ul {
					margin-left: 0px; padding-left: 0px; display: inline;}
				#menu_cart_left ul li {
					display: inline;
					list-style-type: none;
					margin-right:12px;
					float:left;}
				
				#menu_cart_left ul li a:hover {border-bottom:1px dotted white;}
					
				li.m_home a {
					display:block;
					background-image:url(../images/m_home.png);
					width:31px;
					height:13px;
				}
				
				li.m_qs a {
					display:block;
					background-image:url(../images/m_qs.png);
					width:84px;
					height:13px;
				}
				
				li.m_nl a {
					display:block;
					background-image:url(../images/m_nl.png);
					width:65px;
					height:13px;
				}
				
				li.m_o a {
					display:block;
					background-image:url(../images/m_o.png);
					width:41px;
					height:13px;
				}
				
				li.m_c a {
					display:block;
					background-image:url(../images/m_c.png);
					width:60px;
					height:13px;
				}
								
				li.m_home a span , li.m_qs a span, li.m_nl a span, li.m_o a span, li.m_c a span  {display:none;}
				
				
			#menu_cart_right {
				width:200px;float:right;
				text-align:right;
				height:47px;
				padding-top:0px;
				background-image:url(../images/carrito.png);
				background-repeat:no-repeat;
				background-position:top right;}	
				
			#menu_cart_right p a {
				padding-top:11px;
				display:block;
				width:40px;
				float:right;
				color:white;
				text-decoration:none;
				font-weight:bold;}
				#menu_cart_right p a span {display:none;}
				#menu_cart_right p a img {
					border:0;}
						

	
/* --- Content ------------------  */

#content {	
	overflow:hidden;}

/* --- Footer ------------------  */

#footer a { 
	color:white;
	text-decoration:none;}
	#footer a:hover { 
	
	border-bottom:1px dotted white;}

#footer {
	border-top:1px solid white;
	margin-top:15px;
	padding-top:6px;
	overflow:hidden;
	color:white;
	margin-bottom:30px;}
	#footer_basic {
		
		width:556px;
		float:left;}
	#footer_rss {
		font-size:10px;
		width:200px;float:right;
		text-align:right;}
		
/*----------------------------------------------
	Contenido - PORTADA
------------------------------------------------ */		

#banner {
	overflow:hidden;
	margin-bottom:17px;}

#portada_inferior {
	overflow:hidden;
	color:white;
	}
	#portada_inferior_e {
		margin-right:20px;
		width:490px;
		float:left;}
		
		#portada_inferior_e ul {margin:0px; padding: 0px;}
		#portada_inferior_e ul li {list-style-type: none;
					margin:0;padding:0;margin-bottom:5px;
					}
					
				
				#portada_inferior_e ul li a:hover {background-color:#473a2c;}
					
				li.mg_relojes a {
					display:block;
					background-image:url(../images/mg_relojes.png);
					width:306px;
					height:61px;
				}
				li.mg_joyeria a {
					display:block;
					background-image:url(../images/mg_joyeria.png);
					width:288px;
					height:61px;
				}
				li.mg_escritura a {
					display:block;
					background-image:url(../images/mg_escritura.png);
					width:389px;
					height:61px;
				}	
					
				li.mg_relojes a span , li.mg_escritura a span, li.mg_joyeria a span  {display:none;}	
							
		#portada_inferior_e {
			font-size:80px;
			font-family:Arial, Helvetica, sans-serif;
			}
			#portada_inferior_e a {
				color:white;text-transform:capitalize;text-decoration:none;padding:0;margin:0;
				}
		
	#portada_inferior_d {
		width:250px;float:right;
		}
		
/*----------------------------------------------
	Contenido - TIENDA
------------------------------------------------ */		

#tienda_menu {
	width:140px;
	overflow:hidden;
	float:left;}
	
/* ------ Menú de la tienda ------- */

		/*#menu_de_la_tienda { width: 200px; height: 300px; margin:0; }
		*/
		/* Some list and link styling */

		/* Some list and link styling */
		ul#menu_de_la_tienda li { width: 140px;margin-right:15px;margin-bottom:4px;}
		ul#menu_de_la_tienda ul li {  width: 104px; margin-top: 4px;margin-left:15px; }
		ul#menu_de_la_tienda ul li a { width: 89px;display:block; background-color:#313131;padding:1px 8px 1px 8px; text-transform:uppercase; text-decoration:none;color:white; }
		ul#menu_de_la_tienda ul li a:hover { display:block;background-color:#575757;color:white; }
		li { list-style-type: none; }
		
		/* Header links styling */
		ul#menu_de_la_tienda li a { 
		width:89px;
		background-color:white;
		font-size:9px;
		font-weight:normal;
		color: black;
		text-decoration:none;
		text-transform:uppercase;
		display:block; 
		padding:1px 8px 1px 8px;
		}
		
		ul#menu_de_la_tienda ul li a.menuselected {
		background-color:#575757!important;}

/* ------- Fin menú tienda --------- */	
	
#tienda_contenido {
	width:620px;
	overflow:hidden;
	float:right;}
	
	#tienda_producto {
		overflow:hidden;
		background-color:white;
		margin-bottom:10px;
		color:#535353;}
		#tienda_producto_txt {
			overflow:hidden;
			margin:0;padding:15px;
			width:280px;
			float:left;}
			
			#tienda_producto_txt h3 {
				
				font-size:20px;
				font-weight:normal;
				padding:0;margin:0;
				margin-bottom:15px;}
			
			.tienda_producto_descripcion {
				overflow:hidden;
				min-height:215px;}
			
			.tienda_producto_precio {
				overflow:hidden;
				border-top: 1px dotted #535353;
				padding-top:8px;
				}
				
				.tienda_producto_pvp {
					font-weight:bold;}
				.tienda_producto_gastos {
					font-size:10px;
					color:#6A6A6A;}
				input[type="submit"].tienda_producto_anadir {
					width:120px;
					margin-top:10px;
					text-decoration:none;
					font-size:10px;
					text-transform:uppercase;
					color:white;
					background-color:#535353;
					padding:0px;
					border:0;
					height:15px;
					line-height:15px;
				}
								
		#tienda_producto_img {
			overflow:hidden;
			width:310px;
			margin:0;padding:0;
			float:right;}

	/* Tienda carousel -------------------- */
	
	#tienda_carroussel {
		overflow:hidden;
		background-color:white;
		}

	
	.photo {
		position:relative;
		font-family:arial;	
		overflow:hidden;
		width:105px;
		height:120px;
	}	
		 .photo .caption {
			position:absolute;
			background:#000;
			height:50px;
			width:85px;
			opacity:0.6;filter:alpha(opacity=60);
		}
		.photo .caption { 		
			bottom:-230px;		
			left:0px;height:100px;
		}
		.photo .caption  {
			color:#fff;	
			font-size:10px;
			display:block;
			padding:10px;
		}
		.photo .caption  p { 
			padding-bottom:9px;}
		.caption_title {font-size:12px;}
		.carousel_picture {overflow:hidden;margin-top:10px;}

		.jcarousel-container {
			position: relative;
		}
		
		.jcarousel-clip {
			z-index: 2;
			padding: 0;
			margin: 0;
			overflow: hidden;
			position: relative;
		}
		
		.jcarousel-list {
			z-index: 1;
			overflow: hidden;
			position: relative;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
		}
		
		.jcarousel-list li,
		.jcarousel-item {
			float: left;
			list-style: none;
			width: 75px;
			height: 75px;
		}
		
		.jcarousel-next {
			z-index: 3;
			display: none;
		}
		
		.jcarousel-prev {
			z-index: 3;
			display: none;
		}		
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 565px;
    padding: 0px;
	padding-right:27px;
	padding-left:28px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  555px;
    height: 120px;
	margin-left:3px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 105px;
    height: 120px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 4px;
	    margin-left: 4px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;

}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.noarticulos {padding:20px;}

.selector {
	width:200px;
	margin-top:10px;
	margin-bottom:10px;}
/*----------------------------------------------
	Contenido - CESTA
------------------------------------------------ */		

#contenido_contenedor {
	background-color:white;
	padding:20px;
	min-height:200px;}
	
	#contenido_contenedor h3 {
		font-size:22px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:0;margin:0;
		color:#535353;
		margin-bottom:6px;}
	
	#contenido_contenedor table {
		width:100%;
		border-width: 0;
		border-spacing: 0;
		border-style: none ;
		margin-top:0px;
		text-align:center;
		margin-bottom:70px;
		}
	#contenido_contenedor table th {
	
		border-width: 0;
		border-spacing: 0;
		border-style: none ;

		color:white;
		text-transform:uppercase;
		font-weight:bold;
		font-size:11px;
		background-color:#535353;
		line-height:16px;
		min-height:16px;}
		
	#contenido_contenedor table td {
		background-image:url(../images/linia.gif);
		background-position:bottom;
		background-repeat:repeat-x;}
	
	#contenido_contenedor table tr.producto {
		height:82px;
		line-height:82px;
	}
	#contenido_contenedor table tr.precio {
		height:33px;
		line-height:33px;
	}
		
	#contenido_contenedor table input {
		border:1px solid #949494;
		text-align:center;
		width:25px;
		padding-top:5px;
		padding-bottom:5px;
		line-height:25px;}
		
	#contenido_contenedor a.eliminar {
		color:black;
		text-decoration:none;}
		
	#contenido_contenedor input[type="submit"] {
		background-image:url(../images/boton-comprar.gif);
		width:120px;
		height:22px;
		border:0;
		color:#535353;
		text-transform:uppercase;
		font-weight:bold;
		font-size:10px;
	}
	
	div.boton_derecha {
		overflow:hidden;
		text-align:right;}

/*----------------------------------------------
	Contenido - FORMULARIO
------------------------------------------------ */		

	div.form_titulo {
		background-color:#555555;
		padding:4px;
		width:100%;
		text-transform:uppercase;
		color:white;
		font-weight:bold;
		margin-bottom:10px;
		overflow:hidden;}
		
		div.form_titulo_i  {
			float:left;
			}
		
		div.form_titulo_d  {
			float:right;
			text-transform:lowercase;
			font-weight:normal;}

	div.form_item {
		overflow:hidden;
		margin-bottom:8px;}
	
	form.formulario label {
		color:#555555;
		float:left;
		width:180px;
		padding-right:20px;
		text-align:right;
		overflow:hidden;
		line-height:20px;
		display:block;}

		
	form.formulario input[type="text"] {
		color:#979797;
		width:220px;
		overflow:hidden;
		border:1px solid #979797;
		height:18px;
		}
		
	form.formulario textarea {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#979797;
		width:220px;
	}
	
	form.formulario  label.error { float:right;color: red;position:relative; top:-20px;  }

		
		.espacio {margin-top:20px;}

/*----------------------------------------------
	Contenido - ESTÁTICA
------------------------------------------------ */		

	#estatica {
		overflow:hidden;}
		
		#estatica_left {
			float:left;
			width:275px;
			margin-right:20px;
			overflow:hidden;}
			
		#estatica_right {
			overflow:hidden;
			float:right;
			background-color:blue;
			width:285px;
			height:175px;
			background-color:#666666;}
		
		#estatica_left p {
			margin-bottom:12px;}
			
/*----------------------------------------------
	Contenido - CONTACTO
------------------------------------------------ */	
			
	.texto_contacto {
		background-image:url(../images/linia.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-bottom:15px;
		margin-bottom:15px;
	}

/*----------------------------------------------
	Contenido - SITEMAP
------------------------------------------------ */	
	
ul#sitemap {}
ul#sitemap li span {
	padding:5px;
	text-transform:uppercase;
	background-color:#555555;
	color:white;
	font-weight:bold;
	margin-bottom:3px;
	display:block;}
	
	ul#sitemap li a {
		color:white;
		text-decoration:none;
		padding:5px;
		text-transform:uppercase;
		background-color:#555555;
		color:white;
		font-weight:bold;
		margin-bottom:3px;
		display:block;}
		
		ul#sitemap li a:hover {
			color:#EBEBEB;}
		
		ul#sitemap li ul li a {
			background-color:white;
			color:#555555;
			border-bottom:1px solid #CCCCCC;
			padding-left:25px;}
			
			ul#sitemap li ul li a:hover {
				color:#000000;
			}
			
			ul#sitemap li ul li ul li a {
				padding-left:50px;}
				
/* ------------ image slider para productos ------------------ */
	
	div.wrap {
	width : 310px;
	text-align : left;
	}
	div#top div#nav {
	float : left;
	clear : both;
	width : 310px;
	height : 52px;
	margin : 0 0 0;
	}
	div#top div#nav ul {
	float : left;
	width : 310px;
	height : 52px;
	list-style-type : none;
	}
	
	div#imagesldr div.wrap {
	height : 305px;
	}
	div#imagesldr div#slide-holder {
	z-index : 40;
	width : 310px;
	height : 305px;
	position : absolute;
	}
	div#imagesldr div#slide-holder div#slide-runner {
	
	width : 310px;
	height : 305px;
	overflow : hidden;
	position : absolute;
	}
	div#imagesldr div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
	}
	div#imagesldr div#slide-holder div#slide-controls {
	left : 0;
	top : 5px;
	width : 310px;
	height : 46px;
	display : none;
	position : absolute;
	
	}
	div#imagesldr div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 0px 0 0 0px;
	text-transform : uppercase;
	}
	div#imagesldr div#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 24px;
	display : inline;
	margin : 0;
	}
	div#imagesldr div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	color:white;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
	}
	div#imagesldr div#slide-holder div#slide-controls p#slide-nav a.on {
	background-position : 0 -24px;
	}
	div#imagesldr div#slide-holder div#slide-controls p#slide-nav a {
	background-image : url(../images/silde-nav2.png);
	margin-right:5px;
	}