/*http://colorschemedesigner.com/#2y51Tw0w0w0w0 */
* {
	margin: 0px;
	padding: 0px;
}
body		 {opacity:1.0;background:url(../img/fondo-body.jpg) #525252 no-repeat center bottom;font:85%  arial, Trebuchet MS, sans-serif;text-align:center;margin:10px 0px 50px 0px;}

	
.limpiar 	{ clear:both;}	

a  			{ text-decoration:none;color:#000000;}

h1 			{font-size:1.4em; color: #FF0000; text-align:right; font-family: trebuchet ms, arial;}

h2 { font-size:1.2em;background: url(../img/fondo-h2.jpg) repeat-x #D8D8D8; color:#fff;padding:3px; text-align:center; width:220px; height:25px; border-radius: 8px;-ms-border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;}

span { color: #003366;}

p { text-align:justify;	padding-top:20px;}

.estilo_a { background: #FF3300; color: #FFFFFF; padding:4px;}

.estilo_txt { color: #0099FF; font-weight:bold;}
.estilo_u_actualizacion { color:#CCC; font-size:0.9em; padding:10px 0px 15px 0px;}
.estilo_con_stock {color:#009900; font-weight:bold;}
.estilo_sin_stock {color:#FF0000; font-weight:bold;}

/* ================= Estructura contenedor y encabezado ============*/
#contenedor_arriba {
	background: url(../img/contenedor_arriba.png) no-repeat center top;
   	width: 955px;
   	height: 23px;
	margin:0px auto;
}
#contenedor {
	background: url(../img/contenedor_medio.png) repeat-y center top;
   	width: 955px;
	margin:0px auto;
}

#contenedor_abajo {
	background: url(../img/contenedor_abajo.png) no-repeat center top;
   	width: 955px;
   	height: 30px;
	margin:0px auto;}	

#encabezado		{width:890px;margin:0px auto;height:120px;}
/*========== logo =====================*/
#logo			{float:left;}

/*============== Banner de animacion central=======================*/
#animacion 		{width:890px;height:180px;margin:0px auto; }
	
/*============== Contenido =========================*/
#contenido {
	padding: 10px 30px 10px 30px;
	text-align:left;
}

#columna_central {
	width:645px;
	float:left;
	padding:5px;}
	
#columna_derecha {
	width:220px;
	float: right;
	padding-left:5px;
	border-left:1px solid #CCCCCC;}
#columna_derecha h2 { background: url(../img/fondo_h2.png) no-repeat; text-align:center; width:220px; height:45px; padding-top:10px;}	
#columna_derecha_box {
	padding:10px 0px 10px 0px;}
#columna_derecha_box ul li{
	width: 210px;
	display: block;
	list-style-type:none;
	padding: 5px;
	border-bottom: 1px dotted #666;
	}
#columna_derecha_box ul li a:hover{
	color:#FF6600;
}

/*============== buscador =========================*/
#formulario_busca						{margin:0px auto;border:1px solid #ccc;background:#f5f5f5;padding:8px;border-radius:5px;-moz-border-radius:5px; width:350px;}
.enviarbuscador 		{ background: #C6E2FF; font-weight:bold; padding:5px;}

/*============== Destacado del mes===================*/
#destacado-delmes table				{margin:0px auto; width:640px; color:#333333;}
#destacado-delmes table caption		{ background: #99CCFF; padding:3px 3px 3px 20px; border-bottom:1px #666666 solid;}
#destacado-delmes thead td			{ width:640px; background:#CCFF99;}
#destacado-delmes tbody td			{border-bottom:1px dotted #CCCCCC;}

/*============== Destacado por posicion  ===================*/
#destacados-por-posicion table				{margin:0px auto; width:640px; color:#666;}
#destacados-por-posicion tbody td  			{ padding-left:10px; font-size:0.9em; text-align:left;}
#destacados-por-posicion tbody img			{border:1px solid #CCCCCC; padding:2px;}
#destacados-por-posicion .titulo			{ background: #66CCFF; padding:3px 3px 3px 20px;}		


/*============== articulos  ===================*/
#articulos_detalle #fotos		{float:right;width:100px;text-align:center; margin-top:20px;}
#articulos_detalle #fotos .contacto {color: #FF3333; font-weight:bold; border-bottom:1px dotted #CCCCCC;}
#articulos_detalle table	{width:100%;}
#articulos_detalle th		{background:#f5f5f5;text-align:left;border:0px;font-size:1em;margin-bottom:5px;}
#articulos_detalle .izq		{width:100px;background:#d5d5d5;text-align:right;color:#555;}
#articulos_detalle td		{background:#f5f5f5;padding-left:3px;}
#articulos_detalle h2		{font-size:1.2em;color:#333;font-weight:normal;font-style:italic;}
#articulos_detalle em		{color:#333;}
#articulos_detalle img		{border:1px solid #aaa;padding:1px;margin:3px;}

#articulos_detalle_interior	{width:540px;font-size:1.0em;}
#articulos_detalle_interior h1	{font-size:1.2em;color: #333333;background: #E1F0FF;margin:20px 0px 5px 0px;padding:3px;}
#articulos_detalle_interior ul	{margin-left:15px;}


/*============== pie =========================*/
#pie {
	width:890px;
	height:50px;
	margin:0px auto;
	margin-top:10px;
	padding-top:10px;
	color: #333333;
	text-align: center;
	border-top: 1px solid #CCCCCC;}
#webmaster {
	margin:0px auto;
	width:867px;
	height:20px;
	padding:10px;
	text-align:right;
	color:#999999;}
#webmaster a { color: #999999;}

/*============Formulario de Contacto=============*/
form {
	margin:0px auto;
	width: 400px;
	padding-top:10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
form input, select, textarea {
	border: 1px solid #CCC;
	margin-bottom: 2px;
	color: #333333;
	}
form span {
	float: left;
	width: 100px;
	text-align: right;
	color:#333333;
}
.botonenviar 		{ background: #336699; color:#FFFFFF; font-weight:bold; padding:5px;}

/*==================paginacion =====================*/
#paginacion						{width:430px;text-align:center;margin:0px auto;margin-top:20px;}
#paginacion a					{padding:2px;border:1px solid #ccc;margin:1px;}
#paginacion a:hover				{background:#ddd;}



/*==================== menu =====================*/
#menu							{float:right; width:890px;margin:0px auto; margin-top:3px;height:35px;background: url(../img/fondo-menu.jpg) repeat-x #000000;}
#menu ul 						{margin-left:33px;float:left;}
#menu ul li 					{display: inline;list-type-style: none;}
#menu a 						{text-align: left; float:left;padding:8px;margin-left: 2px;color: #FFFFFF;border-right:1px solid #999999;}
#menu a:hover 					{color: #00CCFF; font-weight:bold;}


/*------------------ buscador */
#formulario				{margin:0px auto; margin-bottom:15px;background: url(../img/fondo_buscador.jpg) repeat-x ;padding:10px;border-radius:5px;-moz-border-radius:5px;}
#formulario fieldset	{border:1px solid #CCC;padding:3px;}
#formulario legend		{border-left:1px solid #ccc;border-right:1px solid #ccc;padding:3px;margin-left:15px;color:#FFF;font-size:0.9em; font-weight:bold;}
#formulario label		{float:left;width:50px;text-align:right;}
#formulario p			{margin-bottom:5px;}
#formulario input		{border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;padding:2px;color: #000; background:#FFFFFF;}
#formulario input:hover	{border:1px solid #A66800;}
#formulario .enviarbuscador	{font-weight:bold;background:#FF9900; padding:2px 8px 2px 8px;}




/*==================== Horario de atencion =====================*/
#horario 				{ margin:0px auto;width:390px; height:100px; text-align:center; border:1px solid #CCCCCC; background: #ECF5FF; padding-top:10px;}