@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;  border:0;}

a{ text-decoration:none;}
a:hover{ text-decoration:underline;}

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.bloque{ float:left; clear:both; width:100%;}

body{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4D4D4D;
	background:url(../images/bg-top.gif) repeat-x;
}
body#index-bg{ background: url(../images/bg--index.gif) repeat-x left 200px;}

p#dir-index{
	padding-top:40px; color:#666; font-size:12px;
	border-top:1px solid #999; text-align:center;
}
p#dir-index a{ color:#666;}
#contenedor{
	margin:0 auto;
	width:780px;
}

#header{
	height:120px; border-left:3px solid #fff; width:777px;
}

#bg-contenido{ 
	background:url(../images/bg-contenido.gif) repeat-y; 
	width:777px;	
	border-left:3px solid #fff; padding-bottom:50px;
}

#sidebar-left{ width:172px; }

.formulario2 {
	width:65%;
	background:#89B5D3;
	padding:10% 35% 10% 0;
	text-align:right;
	}
.formulario2 a {
	color:#004F8B
	}
.formulario2 p {
	margin-bottom:12px;
	}
.formulario2 input {
	margin-left:6px;
	width:160px;
	border:#004F8B 1px solid;
	font-size:10px;
	background:#E1F0FF;
	}
.boton2 {
	background:#004F8B !important;
	border:#FFFFFF 1px solid !important;
	color:#FFFFFF !important;
	cursor:pointer;
	font-size:12px !important;
	width:80px !important;
	}

#menu-productos h5{
	float:left; background:url(../images/bg-prod-title.gif) repeat-x bottom;
	width:150px; height:20px; font-size:11px; text-transform:uppercase; padding-top:5px; padding-left:22px;
}
#menu-productos a{
	width:144px; float:right; display:block;
	color:#4D4D4D; font-size:10px;
	padding:5px 4px; padding-right:2px;
	border-bottom:1px solid #fff; text-transform:uppercase;
}
	#menu-productos a:hover{
		background:#004F8B; color:#fff;
		text-decoration:none;
	}
	#menu-productos a.activo{
		background:#004F8B; color:#fff;
	}
	#menu-productos a.sin-borde{ border-bottom:0;}

	#sub-menu{ background:#89B5D3; width:150px; float:right;}
	#sub-menu a{ width:126px; color:#fff;}
	
	#sub-submenu{ width:130px; float:right; }
	#sub-submenu a{ width:116px;}
	#sub-submenu a:hover{ color:#004F8B; background:none;}


/* Sidebar Right
----------------------*/

#sidebar-right{
	width:605px; min-height:410px;
}

/* Menu */
#menu{ margin-bottom:1px; width:601px;border-left:4px solid #fff; }
	#menu a{
		color:#666; font-weight:bold;
		border-right:4px solid #fff;
		float:left; text-align:center;
		padding:0 6px; letter-spacing:2px;
		height:19px; padding-top:6px;
	}

	#menu form{ 
		float:left; height:22px;
		padding-left:5px; padding-top:3px;
	}
	#menu form input{ 
		float:left; 
		width:106px; border:1px solid #575757; 
		background:#B2B2B2; padding:2px; font-size:9px; color:#fff;
	}
	#menu form input#btn-buscar{
		background:none; border:0; padding:0; cursor:pointer;
		font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:2px;
		color:#666; width:60px;
	}

/* Login Area */
#barra-login{
	width:589px;
	border-left:4px solid #fff;
	background:#bfcfda;
	padding:3px 2px; padding-left:10px;color:#666;
	letter-spacing:2px;
}
#barra-login span{ float:left; display:inline; margin-left:4px; padding-top:3px;}
#barra-login a{ color:#666;}
#barra-login form input{
	float:left;
	width:75px; padding:2px; font-size:11px; color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #575757; margin-left:4px;
}
#barra-login form input.btn-ingresar{ border:0; padding:0; width:82px; height:21px; float:right;}
	

#sidebar-right h6{
	background:url(../secciones/catalogo/images/catalogo-h.gif) no-repeat;
	font-size:16px; color:#333;
	width:555px; padding-left:30px; padding-top:5px;
	text-transform:uppercase;
/*	height:22px; overflow:hidden;*/ line-height:20px;
	margin-left:20px; display:inline; margin-top:20px;
}
#sidebar-right h6 span{
	font-size:12px; font-weight:normal;
}
#sidebar-right h6 span.blue{ color:#004F8B;}

/* Productos
---------------*/
#mensajes{
	width:583px;
	margin-left:20px; display:inline;
	text-align:center; padding:5px 0;
	border:1px solid #ccc; margin-top:10px; font-weight:bold; 

}
#productos{ width:585px; margin-left:20px; display:inline; 	}
.producto-box{ 
	margin-top:20px;
	border-bottom:1px solid #333;
	padding-bottom:10px; position:relative;
 }
.imagen-producto{
	width:112px;
	border:1px solid #999;
}
.imagen-producto span{
	width:100px;
	margin:2px;
	padding:3px;
	border:1px solid #999;
}
.imagen-producto span img{ width:99px;}
 
.datos-producto{ color:#666; width:155px; margin-left:10px;}
.datos-producto h4{ font-size:11px; text-transform:uppercase;}
.unidad-venta{ text-transform:uppercase;}
.normativa{ margin-bottom:10px;}
.colores{ margin-top:6px;}
.iconos a{ margin:0 5px; vertical-align:middle;}




.descripcion-producto{ color:#666; width:252px; text-transform: none;}
.precio{
	width:308px;
    position:absolute; bottom:12px; right:0px;
}

.precio span{
	float:left;
	text-align:right;
	padding:10px 5px;
	width:250px; color:#000; font-weight:bold; text-transform:uppercase;
	background:#bfcfda; margin-top:3px;
}

.admin-precio span{ padding:5px; width:248px; }

.verde{ color:#00854A; font-weight:bold;}
.rojo{ color:#ED1C24; font-weight:bold;}

.precio span b{ float:left; padding-top:5px;}
.precio span a{
	background:#E7E8E9;
	padding:5px; text-transform: lowercase; color:#000; font-size:10px;
	margin-left:10px;
	float:right;
}




/* Catalogo
-------------*/
#catalogo{
	width:585px; 
	padding:20px; padding-right:0;
}

#pad{ padding-left:20px; width:565px;}
	#pad p{ font-weight:bold; color:#666;}
	.pdf{ padding-top:20px;}
		.pdf1{ width:220px; padding-left:16px;}
		.pdf2{ width:320px; margin-left:9px; }
	.pdf a{
		text-transform:uppercase;
		display:block;
		color:#808080; text-decoration:underline; font-size:11px;
		background:url(../secciones/catalogo/images/pdf.gif) no-repeat left center;
		padding:5px 0; padding-left:20px; margin-bottom:10px;
	}
	.pdf a:hover{ color:#017CAD;}
	.pdf a span{ text-transform:capitalize; font-style:italic;}

	#all-pdf{ margin-top:20px;}
		#all-pdf a{ 
			margin-left:20px; display:inline;  float:left;
			background:url(../secciones/catalogo/images/pdf-all.gif) no-repeat;
			height:28px; width:252px; padding-top:10px; padding-left:40px;
			color:#666; letter-spacing:2px; font-weight:bold;
		}

/* Contacto 
-----------------*/
#contacto{
	width:585px;
	padding:0px; padding-left:20px;
}
	#formulario{ 
		width:270px;
		padding-right:15px;
		border-right:1px solid #999;
		}
	#formulario form{ float:right;}	
	#formulario table tr td{ padding:5px; text-align:right;}
	#formulario form input,
	#formulario form textarea{
		width:158px; border:1px solid #525552; 
		background:#B2B2B2; padding:2px; font-size:10px; color:#fff;
		font-family:Arial, Helvetica, sans-serif;
	}
	#formulario form textarea{ height:96px;}
	#formulario form input.btn-enviar{
		background:url(../secciones/contacto/images/btn-enviar.gif) repeat-x;
		text-align:center; width:164px; height:21px; font-size:11px; color:#000; font-weight:bold;
		cursor:pointer; 
	}
	#mapa{
		width:270px;
		padding-left:20px; 
	}
	#mapa img { margin-top:7px; border:1px solid #999; margin-bottom:20px;}
	#mapa p,
	#mapa p a{ color:#666;}
#contacto p.blue{ color:#09548F; font-size:11px; font-weight:bold; margin-top:30px; margin-bottom:20px;}

/* Quienes Somos
---------------------*/
#quienes-somos,
#historico-pedidos,
#cesta-pedidos{
	width:550px;
	padding-left:50px; padding-top:10px;
}
#quienes-somos p { 
	margin-bottom:10px; 
	font-size:12px;
	width:506px; text-align:justify;

}

#pantalla-bienvenida{ 
	width:555px; margin-left:45px;
	border-bottom:1px solid #ccc;
}
.texto-bienvenida{
	width:381px; height:125px; overflow:auto; border-left:1px solid #ccc; padding-left:10px;
	padding-right:2px;
}
#pantalla-bienvenida p{  }
#pantalla-bienvenida img{ width:151px; margin-right:10px; }


/* Compradores */
.comprador{ margin-bottom:5px;}
#quienes-somos .comprador p{
	float:left; width:454px;
	background:#bfcfda;
	padding:7px 5px;
}
.comprador p b{ text-transform:uppercase;}
.comprador p span{ font-size:8px; font-style:italic;}
.comprador a{ 
	color:#666; font-size:10px; float:left; display:inline; margin-left:4px; margin-top:6px;
	font-style:italic;
}

/* Historico Pedidos */
#opciones-pedidos{ text-align:right;}
.tabla-pedido{
	float:left; width:100%; clear:both;
	border:2px solid #bfcfda; color:#666;
	margin-top:20px; padding-bottom:3px;

}
.tabla-pedido p{ margin-bottom:3px;}
.nombre{
	float:left; width:538px; color:#333;
	border:1px solid #8fa8ba; border-bottom:0;
	background:#bfcfda; margin-top:0;
	padding:7px 5px;
}
.nombre span{ font-size:8px; font-style:italic;}

.tabla-pedido div.bloque{ padding:0 10px; width:530px; }
.tabla-pedido table{ width:100%; border-collapse:collapse; text-align:center;}

#paginas{ text-align:center; font-size:10px; padding:10px 0;}
#paginas a{ color:#737373;} 
#paginas a.azul{ color:#006288;}


/* Cesta PEdidos */

#cesta-pedidos .nombre{
	width:540px;
	border:0;

}
#datos-pedido{
	width:520px;
	padding:10px 0;
	padding-left:20px;

}
#cesta-pedidos table{ 
	border-collapse:collapse; text-align:center; width:100%;
	margin-bottom:5px; font-weight:bold;
}


#cesta-pedidos table tr td,
#cesta-pedidos table tr th{ border-bottom:5px solid #fff;  background:#E6E6E6; height:19px;}
#cesta-pedidos table tr th{ background:#999; padding:5px; color:#fff;}
#cesta-pedidos table tr.total th{ background:#4d7a98;}
#cesta-pedidos table tr.total td{ background:#fff;}


#opciones-carrito{ padding:5px 0; margin-top:5px; border-top:1px solid #999;}
#opciones-carrito a{ float:left; display:inline; height:21px;margin-left:1px;}

/* Footer 
-------------*/	
#footer{ background:url(../images/bg-foote.gif) repeat-x; }
	#footer-contenido{ width:777px; margin:0 auto; padding-left:3px; }

#creditos{
	width:780px; text-align:center;
	 font-size:12px;
}
	#creditos p{ padding:5px 0;}
	#creditos p a{font-size:12px; color:#666;}


/* Editar Producto */
#editar-producto{
	width:500px;
	margin-left:45px; margin-top:20px;
}

#editar-producto p{ width:100%; float:left; clear:both; margin-bottom:10px;}
#editar-producto label{ float:left; width:115px; text-align:right; margin-right:10px; padding-top:3px; }
#editar-producto span{ float:left; margin:0 3px;}
#editar-producto input,
#editar-producto select,
#editar-producto textarea{ 
	float:left; padding:2px; font-size:11px; border:1px solid #999;
	width:234px; font-family:Arial, Helvetica, sans-serif;
}
#editar-producto select{ width:238px;}
#editar-producto textarea{ width:367px; height:82px;}
#editar-producto input.radio{ border:0; padding:0; width:20px;}

#editar-producto input.boton{
	float:right; margin-left:10px;
	padding:0; border:0; width:80px;
}
#editar-producto input.btn-reset{
	background:url(../secciones/productos/images/btn-borrar.gif) no-repeat;
	height:22px; cursor:pointer;
}
#editar-producto p.accion{ border-top:2px solid #ccc; margin-top:20px; padding-top:20px;}

.estado-Pendiente {
	color: #FF0000;
}

.estado-Tramitado {
	color: #009900;
}