body 
{

background: #F3F146 url('../images/bg2.gif') repeat-x;


font-family: “Lucida Grande”, sans-serif;
font-size: 0.75em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.5em;

}

.clear{clear:both;}
.separa-30 {height:30px;}
.separa-10 {height:10px;}
.rojo {background:#502517;}
.ceniza{background:#564d46;}
.azul {background:#4c5656;}
.morado {background:#464d54;}
.img_iz {float:left; border:1px solid #666; margin-right:5px;}
.fright {float:right;}
.fleft {float:left;}
.button {
	display: inline-block;
	cursor:pointer; 
	background: url('../images/bg_boton.gif') no-repeat; 
	height:25px; 
	width:66px; 
	padding-left:22px;
	line-height:25px;
	position:relative;
	left:125px;
	}

.text_amplia {text-align:justify; color:#666; }
.price {margin-top:15px; font-style:italic; float:left; font-weight:bold; }


.enlace {float:right; font-size:1.35em; margin-top:15px;}
.enlace a{color:#494F54; text-decoration:none;}
.enlace a:hover {text-decoration:underline;}

#wrapper {

	width: 900px;
	margin: 0 auto;

}

#pop_wrapper {

	width: 700px;
	margin: 0 auto;

}

	#header {width:100%; height:140px; background: #F3F146 url('../images/bg-header.png') no-repeat 100% 0;}


		#header h1 {
			position:relative;
			text-indent:-99999px; 
			background: url('../images/logo.png') no-repeat; 
			width:300px; 
			height:77px; 
			top:30px;
		} 
		

	ul#menu {width:100%; height:67px; text-align:center; font-size:20px;}

		ul#menu li {float:left; width:225px; line-height:67px;height:67px; text-shadow: 0.1em 0.1em #000;}
		
			ul#menu li:hover {background: url('../images/menu_over.gif') repeat-x; height:67px; position:relative; top:2px;}
		
			ul#menu li a {color:#fff; text-decoration:none;}
			
			ul#menu li a:hover {text-decoration: underline;}

	
	#content_i {
		overflow:hidden;
		background:#dad1c8;
		height:465px; 
		width:100%;
		border:2px solid #fff;	
	}

	
	#content {
		overflow:hidden;
		background:#dad1c8;
		height:415px; 
		width:100%;
		border:2px solid #fff;
		
	}
	
		#col-1 {float:left; width:291px; border-right:2px solid #fff;}
		
		
	
		#col-2 {
			float:right; 
			width:517px;
			padding-top:30px;
			padding-right:30px;
			position:relative;
		} 
			#col-2 h2 {padding-bottom:15px; font-size:20px;}
			#col-2 p {color:#34383b;}
			
		
		ul#desc {float:right; width:280px; color:#34383b;}
		
		 ul#desc li {background: url('../images/bullet.gif') no-repeat 0 50%; padding-left:17px; } 
		
		ul#li_contacto {float:right; width:205px; color:#34383b;}
		
		
		/* Categorias */
		
		ul#categorias {width:90%; font-size:1.2em; min-height:415px; height:415px; margin:15px auto; }

		ul#categorias li {width:100%; width:258x; height:32px;}	
		
			ul#categorias li a {color:#494F54; height:32px; width:258px; text-decoration:none; border-bottom:1px dashed #fff; display:block; line-height:32px;}
			
			ul#categorias li a:hover {
				text-decoration: underline;
				color:#fff;
				background: url('../images/bg_cat.png') no-repeat;
				height:32px; 
				width:258px; 
				padding-left:35px;
				border:none;
			
			}
			
		/* Productos */
		
		
		.producto {
		
			width:157px;
			height:161px;
			background: url('../images/bg_producto.gif') no-repeat;
			padding-top:10px;
			text-align:center;
			float:left;
			margin-right:10px;
		
		}
		
		.producto p {padding-top:5px;}
		
		.producto p a {text-decoration:none; color:#502517;}
		
		.producto p a:hover {text-decoration:underline;}
		
		.precio {font-weight:bold;}
		
	#barra_azul {
		width:100%; 
		height:50px; 
		border-left:2px solid #fff; 
		border-right:2px solid #fff;
		background: #494f54; 
	}


	#footer {padding-top:50px}
	
		#footer p {font-style:italic; color:#666; font-weight: bold;}
		#footer p a {text-decoration:none; color:#666;}
		#footer p a:hover {text-decoration:underline;}
	

	strong {color:#502517; font-weight: bold;}
	
	.input {
		display:block;
		font-size:0.65em;
		width:210px;
		margin-bottom:7px;
		border-top:1px solid #2f2f2f;
		border-left:1px solid #2f2f2f;
	}
	
	.textarea {
		font-size:0.65em;
		width:280px;
		height:65px;
		margin-bottom:7px;
		border-top:1px solid #2f2f2f;
		border-left:1px solid #2f2f2f;
	
	
	
	}
	
	#mapa {width:291px; height:415px;}

/*******************************************************************************************************************************/


.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 224px;
	height: 465px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}


.kwicks li p{

	font-size:20px;
	position:absolute;
	color:#fff;
	text-align: center;
	line-height:50px;
	z-index:100;
	bottom:0px;
	width:100%;
	height:50px;
	border-top:2px solid #fff;
	left:0;


}

.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background: #53b388;
}
#kwick_2 {
	background: #5a69a9;
}
#kwick_3 {
	background: #c26468;
}
#kwick_4 { 
	background: #bf7cc7;
}
.kwicks.horizontal #kwick_4 {
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: 0; /* cancel margin on last kiwck (if you set a margin above) */
}

/********************************************************************************************************************************************************/

#Scroller-1 { 
  position: relative; 
  overflow: hidden;
  
  width: 600px;
  height: 340px;
}

.cont{position:absolute;}

.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 35px; left: -50px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 320px; left: -50px;
}
/*********************************************************************************************************************************************************/


.error {color:#B40000;}

.ok {color:#494F54;}