@charset "UTF-8";
/* CSS Document */

/* PNG fix */
img, div { behavior: url(iepngfix.htc) }

/*-----------  LAYOUT  ----------*/

body {
margin:0;
padding:0;
background:#9e005d url('images/fondocontinuo.jpg');
}
a{
text-decoration:none;
color:#FFFFFF;
}
a:hover {
color:#330000;
}
a:visited {
color:#CCCCCC;
}
img {
border:0;
}
.clear {
clear:both;
}
.center {
text-align:center;
margin:0 auto;
position:relative;
width:100%;
}
.productos {
text-align:left;
margin:0 auto;
position:relative;
width:100%;
padding:0 0 0 25px;
font-family: Helvetica Neue, Myriad Pro, Helvetica, Arial, sans serif;
font-size:17px;
font-style:normal;
line-height:-1;
}
.productos p{
margin:10px;
padding:0;
}
.productos .cat{
position:relative;
padding-left:5px;
top:3px;
vertical-align:top;
width:200px;
}
.productos a{
text-decoration:none;
color:#FFFFFF;
}
.productos a.over{
text-decoration:none;
color:#330000;
}
.productos a.selected{
text-decoration:none;
color:#000000;
}

.categoria {
left:220px;
top:15px;
width:280px;
height:350px;
line-height:2;
font-family: Helvetica Neue, Myriad Pro, Helvetica, Arial, sans serif;
}
.categoria a{
font-size:14px;
text-decoration:none;
color:#FFFFFF;
}
.categoria a:hover {
color:#330000;
}
#decoracion {
line-height:1.7;
}
a .link{
text-decoration:none;
font-size:24px;
color:#660000;
font-family:'Amerigo BT','Georgia','Times New Roman', serif;
text-align:left;
}
.galeria{
color:#330000;
font-size:32px;
line-height:10px;
}
#galeria { 
	width:900px;
	height:600px;	
	padding:25px;
	display:none;
	overflow:hidden;
} 
div.wrapover { 
    height:441px; 
    overflow-y:auto; 
}
.polaroid { width:368px; height:376px; background-image:url(images/polaroid-bg.png); position:absolute; }
.polaroid img { width:335px; height:275px; margin:25px 0 0 15px; }
.polaroid p { text-align:center; font-family:Georgia,serif; font-size:20px; color:#2E2E2E; margin-top:15px; }
.big {
font-size:16px;
}
	#wrap {
	background:transparent url('images/fondocontenido.png') no-repeat scroll 0 0;
	height:700px;
	margin:0 auto;
	padding:49px 0 0 45px;
	width:855px;
	}
	#wrap-home {
	background:transparent url('images/fondohome-nuevo.png') no-repeat scroll 0 0;
	height:700px;
	margin:0 auto;
	padding:49px 0 0 45px;
	width:855px;
	}
	#wrap-gal {
	background:transparent url('images/fondogaleria.png') no-repeat scroll 0 0;
	height:700px;
	margin:0 auto;
	padding:49px 0 0 45px;
	width:855px;
	}
	#wrap-menuartesanos {
	background:transparent url('images/fondo-menu-artesanos.png') no-repeat scroll 0 0;
	height:700px;
	margin:0 auto;
	padding:49px 0 0 45px;
	width:855px;
	}
	#wrap-cat {
	background:transparent url('images/fondosimple.png') no-repeat scroll 0 0;
	height:700px;
	margin:0 auto;
	padding:49px 0 0 45px;
	width:855px;
	}
	#manos {
		height:177px;
		right:0;
		position:absolute;
		top:0;
		width:218px;
		z-index:99;
		}
		#content {
		height:509px;
		max-height:509px;
		position:relative;
		width:763px;
		}
		#content-home {
		height:509px;
		max-height:509px;
		position:relative;
		width:795px;
		}
		#content-home div {
		position:absolute;
		}
		#content-home #home-image {
		top:0;
		left:0;
		height:289px;
		}
		#content-home #home-frase {
		top:289px;
		left:0;
		height:78px;
		}
		#content-home #navbar {
		top:367px;
		left:0;
		height:129px;
		}
		#content-home #navbar .button {
		float:left;
		position:relative;
		}
		#content-intro {
		height:509px;
		max-height:509px;
		position:relative;
		width:763px;
		left:16px;
		}
		#content-noscript {
		height:509px;
		max-height:509px;
		position:absolute;
		width:763px;
		top:49px;
		}
			#content-noscript .inside {
			position:relative;
			}
			#content-noscript .inside div{
			position:absolute;
			}
		#dragon {
	position:absolute;
	left:627px;
	top:29px;
	z-index:98;
		}
		.seccion {
			top:0;
			left:255px;
			z-index:100;
			}
			.textos {
			color:#FFFFFF;
			font-family:'Sansation',Arial,Helvetica,sans-serif;
			font-size:13px;
			height:371px;
			left:255px;
			line-height:1.3;
			padding:20px 0 20px 30px;
			top:137px;
			width:470px;
			}
			.areaprincipal {
			height:371px;
			left:255px;
			top:137px;
			width:470px;
			}
				#ab {left:30px}
				#cf {left:125px; top:96px}
				#gj {left:220px; top:96px}
				#km {left:220px; top:191px}
				#oz {left:315px; top:286px}
			.listartesanos {
			top:271px;
			left:190px;
			line-height:1.2;
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight:bold;
			font-size:13px;
			color:#FFFFFF;
			text-align:left;
			z-index:99;
			}
			#content .listartesanos a{
			text-decoration:none;
			color:#FFFFFF;
			}
			#content .listartesanos a.over{
			text-decoration:none;
			color:#330000;
			}
			#content .listartesanos a.selected{
			text-decoration:none;
			color:#000000;
			}
			.contact{
			left:255px;
			top:137px;
			width:500px;
			}
			.strong {
			font-weight:bold;
			}
			.guinda {
			color:#330000;
			}
		#content div {
		position:absolute;
		}
		#content div.txtarea, #content div.txtarea div, #content div#stylesheetTest{
		position:relative;
		}
			#b-menu {
			position:absolute;
			bottom:0px;
			left:0;
			}
			#b-volver {
			position:absolute;
			top:0;
			left:0;
			z-index:2;
			}
			.logo {
			top:128px;
			left:0;
			z-index:99;
			}
			.b-historia {
			top:256px;
			left:255px;
			z-index:100;
			}
			.b-artesanos {
			top:0;
			left:510px;
			z-index:90;
			}
			.b-productos {
			top:128px;
			left:637px;
			z-index:90;
			}
			.b-galeria {
			top:256px;
			left:510px;
			z-index:90;
			}
			.b-contacto {
			top:383px;
			left:637px;
			z-index:90;
			}
			.b-manos {
			top:383px;
			left:0;
			z-index:90;
			}
			.b1 {
			top:0;
			left:0;
			z-index:1;
			}
			.b2 {
			top:0;
			left:128px;
			z-index:1;
			}
			.b3 {
			top:0;
			left:255px;
			z-index:1;
			}
			.b4 {
			top:0;
			left:382px;
			z-index:1;
			}
			.b5 {
			top:0;
			left:510px;
			z-index:1;
			}
			.b6 {
			top:0;
			left:637px;
			z-index:1;
			}
			.b7 {
			top:128px;
			left:0;
			z-index:1;
			}
			.b8 {
			top:128px;
			left:128px;
			z-index:1;
			}
			.b9 {
			top:128px;
			left:255px;
			z-index:1;
			}
			.b10 {
			top:128px;
			left:382px;
			z-index:1;
			}
			.b11 {
			top:128px;
			left:510px;
			z-index:1;
			}
			.b12 {
			top:128px;
			left:637px;
			z-index:1;
			}
			.b13 {
			top:256px;
			left:0;
			z-index:1;
			}
			.b14 {
			top:256px;
			left:128px;
			z-index:1;
			}
			.b15 {
			top:256px;
			left:255px;
			z-index:1;
			}
			.b16 {
			top:256px;
			left:382px;
			z-index:1;
			}
			.b17 {
			top:256px;
			left:510px;
			z-index:1;
			}
			.b18 {
			top:256px;
			left:637px;
			z-index:1;
			}
			.b19 {
			top:383px;
			left:0;
			z-index:1;
			}
			.b20 {
			top:383px;
			left:128px;
			z-index:1;
			}
			.b21 {
			top:383px;
			left:255px;
			z-index:1;
			}
			.b22 {
			top:383px;
			left:382px;
			z-index:1;
			}
			.b23 {
			top:383px;
			left:510px;
			z-index:1;
			}
			.b24 {
			top:383px;
			left:637px;
			z-index:1;
			}

/*-----------  Footer  ----------*/
#footer {
height:50px;
margin:50px 30px;
padding:10px 0;
position:absolute;
text-align:right;
width:763px;
}
#copyright {
color:#330000;
font-family:Arial,Helvetica,sans serif;
font-size:8pt;
height:20px;
margin:120px 30px;
position:absolute;
text-align:right;
width:763px;
}
	#footer p {
	color:white;
	font-family:'Amerigo BT','Georgia','Times New Roman', serif;
	margin:0;
	}
		#footer p strong{
		color:white;
		font-family:'Amerigo BT','Georgia','Times New Roman', serif;
		margin:0;
		font-size:16pt;
		}		

		
/*-------- slider --------*/

		#sl-artesanos {
		position:absolute;
		left:220px;
		height:509px;
		width:544px;
		background:transparent url('images/fondo-slider-artesanos.png') no-repeat center;
		z-index:1;
		}
		#sl-artesanos #slidesContainer {
		  margin:0 auto;
		  width:494px;/* add 30 pixels to give space for horizontal scroll */
		  height:509px;
		  /*overflow:auto;*/ /* allow scrollbar */
		  position:relative;
		}
		#sl-artesanos #slidesContainer .slide {
		  margin:0 auto;
		  width:464px; 
		  height:509px;
		  position:relative;
		}


		.control {
		  display:block;
		  width:40px;
		  height:40px;
		  text-indent:-10000px;
		  position:absolute;
		  cursor: pointer;
		  top:310px;
		}
		#leftControl {
		  left:0;
		  background:transparent url(images/flecha-izq.png) no-repeat 0 0;
		  position:absolute;
		  z-index:999;
		}
		#rightControl {
		  right:0;
		  background:transparent url(images/flecha-der.png) no-repeat 0 0;
		  position:absolute;
		  z-index:999;
		}
		.foto {
		left:105px;
		height:85px;
		width:85px;
		}
		.nombre {
		top:85px;
		right:0;
		}
		.obra {
		top:139px;
		width:464px;
		height:370px;
		}
			.obra .descripcion{
			color:#FFFFFF;
			font-family:Myriad, Arial, Helvetica, Sans Serif;
			font-size:13px;
			left:104px;
			right:20px;
			top:10px;
			}
		
/*-----------  SHADOW  ----------*/

#content .alpha-shadow {
  float: left;
  background: url('images/shadow.jpg') no-repeat bottom right;
  position:relative; 
   
}

#content .alpha-shadow div {
	background: url('images/shadow2.png') no-repeat left top !important;
	background: url('images/shadow2.gif') no-repeat left top;
	padding: 0px 6px 6px 0px;
	position:relative;
}

#content .alpha-shadow div.mdm {
	background: url('images/shadow2.png') no-repeat left top !important;
	background: url('images/shadow2.gif') no-repeat left top;
	padding: 0px 10px 10px 0px;
	position:relative;
	z-index:2;
}

#content .alpha-shadow div.black {
	background: url('images/shadow2-black.png') no-repeat left top !important;
	background: url('images/shadow2-black.gif') no-repeat left top;
	padding: 0px 6px 6px 0px;
	position:relative;
}

#content .alpha-shadow img {
}