/* CSS Document */

@-o-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }
html { overflow-y:auto; }
img, audio, video, canvas { max-width:100%; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { margin:0px; font-family:Verdana, Geneva, sans-serif; color:#333333; font-size:13px; padding:0px; background-image:url(../images/bg.tile.gif); }
/*@media all and (max-width: 360px) { body { font-size:60%; } }*/
table {	border-collapse:collapse; border:none; margin:auto; }
td { padding:0px; font-family:Verdana, Geneva, sans-serif; color:#333333; }
h1 { font-weight:700; font-size:22px; color:#333333; margin:0px; text-align:left; margin-bottom:8px; }
h2 { font-weight:700; font-size:19px; color:#333333; margin:0px; text-align:left; margin-bottom:10px; }
h3 { font-weight:700; font-size:16px; color:#333333; margin:0px; text-align:left; margin-bottom:12px; }
hr { color:#cccccc; }
img { border:0px; }
input {  }
textarea { resize:none; border:0px; }
p, li { text-align:justify; margin-top:0px; }
.sangria { text-indent:1.5em; }
a { color:#333333; text-decoration:none; }
a:hover { color:#b7c72c; }
.linea { padding:0.25em 0; border-bottom:1px solid #b7c72c; }


/* comunes */
	#header { max-width:990px; margin:auto; background:#b7c72c; padding-top:30px; }
	
	#carrito { padding-top:10px; width:500px; font-size:12px; }
	
	#logo { margin-left:1.25em; margin-top:1.25em; width:257px; }
	
	#header_bot { clear:both; height:8px; background:#333333; }
	
	#menu { max-width:990px; margin:auto; text-align:center; background:#cccccc; }
	.fixed { position:fixed; left:0; right:0; z-index:501; }
	#menu a { display:inline-block; color:#333333; font-size:120%; line-height:2.1em; padding:0 2.1em; font-weight:normal; font-family:Roboto; }
	@media all and (max-width: 840px) { #menu a { padding:0 1em; font-size:100%; } }
	@media all and (max-width: 480px) { #menu a { padding:0 0.5em; font-size:80%; } }
	#menu a:hover { color:#ffffff; }
	.visited { color:#ffffff !important; }
	
	.informacion { background:#ffffff; margin:auto; text-align:center; font-size:15px; font-weight:700; color:#006600; border:2px solid #006600; border-radius:6px; margin-bottom:10px; padding:15px; }
	.error { font-size:13px; color:red; }
	
	#wrapper { max-width:990px; margin:auto; background:#ffffff; padding-left:1em; padding-right:1em; padding-top:15px; padding-bottom:15px; overflow:hidden; }
	
	#footer { clear:both; max-width:990px; margin:auto; background:#8c8c8c; padding:0.25em 20px; text-align:center; color:#ffffff; font-size:0.9em; line-height:19px; }
	
	#terms { max-width:990px; margin:auto; background:#333333; padding-left:20px; padding-right:20px; text-align:center; color:#ffffff; line-height:21px; font-size:10px; }
	#terms a { color:#ffffff; padding-left:5px; padding-right:5px; }
	#terms a:hover { color:#b7c72c; }
	
	
/* artículos */
	/*#txtCantidad { width:175px; height:18px; padding-left:10px; padding-right:5px; border:1px solid #cccccc; border-radius:6px; overflow:hidden; background:#ffffff; }*/
	
	#articulo_imagenes { float:left; width:50%; position:relative; }
	#articulo_contenido { float:left; padding:0 0 0 1em; width:45%; }
	@media all and (max-width: 840px) { #articulo_imagenes { float:none; width:100%; } #articulo_contenido { clear:both; float:none; width:100%; padding-top:1.5em; } }
	
	
	#jerarquias { padding-top:5px; padding-bottom:5px; padding-left:5px; margin-bottom:12px; background:#b7c72c; font-size:11px; color:#ffffff; border-radius:6px; }
	a.jerarquia { color:#333333; padding:2px; }
	a.jerarquia:hover { color:#ffffff; }
	
	/* LOOP ARTÍCULO (inicio, subfamilias, ofertas, novedades) */
		.div_articulo { float:left; width:100%; border:1px solid #b7c72c; border-radius:3px; padding:0.5em 1.5%; margin-bottom:0.75em; background:#fefff3; }
		.titulo_articulo { display:block; padding-bottom:0.5em; }
		.titulo_articulo:hover { color:#b7c72c; }
		.ancho { width:150px; }	.alto { height:150px; }
		@media all and (max-width: 480px) { .ancho { width:85px; }	.alto { height:85px; } }
		
		#plazo_entrega { float:left; width:35px; line-height:35px; text-align:center; font-size:15px; color:#990000; font-weight:700; font-family:"Courier New", Courier, monospace; background:url(../images/sinStock.jpg) no-repeat; padding-top:6px; }
		
		#articulos b { }
		#articulos img { padding-top:5px; padding-bottom:5px; }
		.articulo { float:left; width:49%; height:16.8em; margin:0 0.5% 0.75em; border:1px solid #b7c72c; border-radius:6px; padding:0.5em 1em 1em; background:#fefff3; overflow:hidden; }
		.articulo_imagen_casilla { float:left; width:49%; margin-right:1%; text-align:center; }
		.articulo_imagen_casilla img { max-height:11.7em; }
		.articulo_columna_derecha { overflow:hidden; }
		.articulo_precio_casilla { background-color:#ffffff; border:1px solid #b7c72c; border-radius:6px; overflow:hidden; padding:0.25em 0.5em; margin-bottom:0.5em; }
		@media all and (max-width: 840px) { .articulo { width:99%; } }
		
		#precio { width:140px; height:22px; line-height:22px; padding-left:5px; padding-right:5px; background:#b7c72c; color:#ffffff; margin-bottom:10px; }
		
		#ver { width:100%; padding-top:10px; text-align:right; }
		#ver a { padding-top:3px; padding-bottom:3px; padding-left:25px; padding-right:25px; background:#cccccc; }
		
		
		
		
		
	/* página familias */
		.familia_descripcion { clear:both; border:1px #b7c72c solid; border-radius:6px; padding:1em; background:#fefff3; }
		.familia_descripcion a { color:#95a50a; }
		.familia_descripcion a:hover { color:#333333; }
		
		#subfamilias { text-align:center; }
		#subfamilias b { color:#333333; }
		#subfamilias img { padding-top:0.5em; max-height:10.8em; }
		.subfamilia { float:left; width:32.33%; height:15.6em; padding:0.5em; border:1px solid #b7c72c; border-radius:6px; margin:0 0.5% 0.75em; background:#fefff3; }
		@media all and (max-width: 780px) { .subfamilia { width:49% } }
		@media all and (max-width: 660px) { .subfamilia { width:49% } }
		@media all and (max-width: 540px) { .subfamilia { width:32.33% } }
		@media all and (max-width: 480px) { .subfamilia { width:49% } }
		@media all and (max-width: 360px) { .subfamilia { width:99% } }
		/*@media all and (max-width: 780px) { .subfamilia { width:24%; } }
		@media all and (max-width: 660px) { .subfamilia { width:31.33%; margin:0 1% 1em; } }
		@media all and (max-width: 540px) { .subfamilia { width:48%; } }
		@media all and (max-width: 360px) { .subfamilia { width:98%; } }*/
	
	
	.boton_cantidad { margin-top:6px; margin-bottom:6px; margin-right:6px; padding-left:9px; padding-right:9px; line-height:21px; background:#555555; color:#ffffff; border:0; border-radius:6px; }
	.boton_cantidad:hover { background:#333333; }
	
	#div_cantidad { height:20px;line-height:50px; }
	#desplegable_cantidad { width:180px; height:20px; padding-left:5px; padding-right:5px; border:1px solid #cccccc; border-radius:6px; overflow:hidden; background: url(../images/flechita.jpg) no-repeat right; }
	#desplegable_cantidad select { width:210px; border:0; background:transparent; -webkit-appearance:none; }
	
	.masdetalles { display:inline-block; text-align:center; width:140px; height:27px; line-height:27px; padding-left:5px; padding-right:5px; background:#b7c72c; border:0; border-radius:6px; }
	.masdetalles:hover { background:#849409; color:#ffffff; }
	
	.link_adelante { display:inline-block; text-align:center; width:140px; height:27px; line-height:27px; padding-left:5px; padding-right:5px; background:#b7c72c; border:0; border-radius:6px; }
	.link_adelante:hover { background:#849409; color:#ffffff; }
	
	.link_carrito { display:inline-block; text-align:center; width:140px; height:27px; line-height:27px; padding-left:5px; padding-right:5px; background:#b7c72c; border:0; border-radius:6px; font-size:15px; color:#ffffff; }
	.link_carrito:hover { background:#849409; color:#ffffff; }
	
	.link_volver { display:inline-block; text-align:center; width:140px; height:27px; line-height:27px; padding-left:5px; padding-right:5px; background:#444444; border:0; border-radius:6px; color:#ffffff; }
	.link_volver:hover { background:#333333; }
	
	.articulo_relacionado { float:left; width:195px; padding:11px; border:1px solid #b7c72c; border-radius:6px; margin-bottom:10px; background:#fefff3; }
	.articulo_relacionado img { height:50px; }
	.articulo_relacionado a:hover { color:#849409; }
	.articulo_relacionado hr { border-top:1px solid #cccccc; }
	
	
/* fixed bar top */
	#fixed_bar_back { position:fixed; width:100%; line-height:25px; background:#333333; z-index:502; }
	#fixed_bar { max-width:990px; margin:auto; padding-left:20px; padding-right:20px; color:#ffffff; }
	#llamanos { float:left; }
	#menu_top { float:right; position:relative; }
	#fixed_bar a { color:#ffffff; }
	#fixed_bar a:hover { color:#b7c72c; }
	#carrito_completo { position:absolute; top:25px; right:10px; }
	#carrito_flecha { position:absolute; top:0; right:-6px; }
	#carrito_flecha img { width:7px; }
	#carrito_precio { position:absolute; top:10px; right:-20px; text-align:right; padding:7px 15px 10px 15px; background:#333333; color:#ffffff; line-height:normal; border:1px solid #333333; }
	#num_lineas { position:absolute; width:15px; height:15px; margin-left:175px; margin-top:-20px; background:url(../images/bolita.png) transparent; font-size:8px; color:#000000; text-align:center; line-height:15px; }
	@media all and (max-width: 600px) { #texto_llamanos { display:none; } }
	@media all and (max-width: 480px) { #fixed_bar { font-size:80%; } }
	@media all and (max-width: 420px) { #ayuda { display:none; } }
	
	
/* sidebar left */
	#categorias_index { display:block; float:left; width:22%; clear:both; }
	#categorias { display:block; float:left; width:32%; clear:both; }
	@media all and (max-width: 840px) { #categorias_index { width:32%; } }
	@media all and (max-width: 540px) { #categorias_index, #categorias { width:100%; } #categorias.sin_menu_responsive { display:none; } }
	#txtBuscar { display:inline-block; width:auto; border:1px dashed #999999; padding:5px; color:#444444; background:#ffffff; }
	
	#resultado a { color:#333333; display:block; }
	#resultado a:hover { color:#849409; }
	
	#categorias_titulo { background:#333333; color:#ffffff; padding:0.5em 0.75em; border-bottom:2px solid #ffffff; font-weight:700; }
	
	.div_categoria { display:block; padding:0.0em 0.0em 0.0em 0.0em; border-bottom:2px solid #ffffff; }
		.div_categoria a { padding:0.4em 2%; }
		.div_categoria a:hover { color:#ffffff; }
		.div_categoria a.enlace_desplegar { width:86%; float:left; }
			.div_categoria .texto_desplegar { padding-left:0.15em; }
		.div_categoria a.enlace_ir { float:right; padding-top:0.5em; }
	.familiaImpar { background:#b7c72c; }
	.familiaPar { background:#849409; }
	
	.subcategorias { clear:both; }
	.subcategorias a { display:block; padding:0.25em 0.2em 0.35em 1.2em; color:#333333; }
	.subcategorias a:hover { color:#849409; }
	.subFamiliaImpar { background:#ffffff; }
	.subFamiliaPar { background:#dddddd; }
	
	
/* container */
	#container_index { float:left; width:60%; overflow:hidden; padding:0 1em; }
	#container { float:left; width:68%; overflow:hidden; padding:0 0 0 1em; }
	#container_100 { width:100%; }
	@media all and (max-width: 840px) { #container_index { width:68%; padding:0 0 0 1em; } }
	@media all and (max-width: 540px) { #container_index { width:100%; padding:1em 0 0; } #container { width:100%; padding:0; } }
	
	
/* sidebar right */
	#sidebar_right { float:right; width:18%; }
	#camisetas_personalizadas { display:block; background:#b7c72c; padding-top:8px; padding-bottom:12px; padding-left:10px; padding-right:9px; font-size:14px; }
	#camisetas_personalizadas:hover { color:#ffffff; }
	#marcas_titulo { font-size:15px; font-weight:700; padding-bottom:1em; }
	.div_marca { display:inline-block; width:46%; margin:0.25em 2%; text-align:center; }
	/*@media all and (max-width: 840px) { #sidebar_right { float:none; width:100%; clear:both; } .div_marca { width:10.28%; } }
	@media all and (max-width: 720px) { #sidebar_right { float:none; width:100%; clear:both; } .div_marca { width:12.66%; } }
	@media all and (max-width: 600px) { #sidebar_right { float:none; width:100%; clear:both; } .div_marca { width:21%; } }
	@media all and (max-width: 480px) { .div_marca { width:29.33%; } }*/
	@media all and (max-width: 840px) { #sidebar_right { width:100%; margin-top:1em; padding-top:1em; border-top:1px solid #dddddd; } .div_marca { width:10.28%; } #siguenos { float:left; padding:0 1em 0 0; } #camisetas { float:left; padding:1.3em 0 0; } #marcas_titulo { clear:both; padding:1em 0 0; border-top:1px solid #dddddd; } }
	@media all and (max-width: 720px) { .div_marca { width:12.66%; } }
	@media all and (max-width: 600px) { .div_marca { width:16.0%; } }
	@media all and (max-width: 480px) { .div_marca { width:21%; } }
	@media all and (max-width: 360px) { .div_marca { width:29.33%; } }


/* intranet */
	.destacado { font-weight:700; }
	.pendiente { color:#ff0000; }
	.link_intranet { color:#95a50a; }
	.link_intranet:hover { color:#333333; }
	.link_intranet_sesion { color:#ff0000; }
	.link_intranet_sesion:hover { color:#333333; }
	
	.div_tabla_usuario_nuevo, .div_tabla_pedido { display:inline-block; padding-left:10px; padding-right:12px; padding-top:15px; padding-bottom:9px; border-radius:6px; border:1px solid #bbbbbb; }
	.tabla_usuario_nuevo td, .tabla_pedido td { padding-left:10px; padding-right:6px; padding-bottom:3px; font-size:12px; color:#001000; }
	.tabla_usuario_nuevo td td, .tabla_pedido td td { padding-left:0px; padding-right:0px; }
	.tabla_usuario_nuevo input { font-size:12px; }
	.tabla_usuario_nuevo input[type=text] { width:180px; }
	.tabla_pedido input[type=text] { font-size:12px; width:180px; }
	.obligatorio { color:#849409; font-size:10px; padding-right:1px; margin-left:-8px; }
	
	.tabla_usuarios { width:100%; }
	.tabla_usuarios td { padding-left:3px; padding-top:2px; padding-bottom:2px; color:#001000; font-size:12px; }
	
	input[type=checkbox], input[type=radio] { width:12px; }
	
	
	.pendiente { color:#983236; }
	.semi { color:#ff9530; }
	
	
/* clientes */
	.celda_menu_clientes { width:160px; }
	.celda_separacion_clientes { width:15px; }
	.menu_clientes { width:142px; margin-top:5px; padding:8px; border:1px solid #bbbbbb; border-radius:6px; }
	.menu_clientes a { display:block; padding-top:6px; color:#95a50a; }
	.menu_clientes a:hover { color:#333333; }
	.menu_clientes a.sub { padding-left:8px; color:#aaaaaa; }
	.menu_clientes a.sub:hover { color:#333333; }
	.menu_clientes a.sesion { color:#ff0000; }
	.menu_clientes a.sesion:hover { color:#333333; }
	
	 .p_cont_cli { width:180px; margin-bottom:3px; }
	
/* home */
	.cycle-slideshow { max-width:990px; margin:auto; }
	.cycle-slideshow img { width:100%; }
	/* pager */
		.pager { max-width:990px; margin:auto; text-align:left; background:#ffffff; padding:0.25em; }
		.pager span { font-family:arial; font-size:50px; line-height:20px; width:16px; height:16px; display:inline-block; color:#ddd; cursor:pointer; }
		.pager span.cycle-pager-active { color:#b7c72c;}
		.pager > * { cursor:pointer;}
		
	/* display paused text on top of paused slideshow */
		.cycle-paused:after {
			content:'Pausado'; color:white; background:black; padding:10px;
			z-index:500; position:absolute; top:1.5em; right:0.5em;
			border-radius:10px;
			opacity:.5; filter:alpha(opacity=50);
		}	


/* quiénes somos */
	.imagen1 { width:24em; float:right; }
	.imagen2 { width:21em; float:left; padding-right:1em; }
	@media all and (max-width: 540px) { .imagen1, .imagen2 { width:100%; padding:0 0 1.5em; } }
	

/* artículos */
	.articulo_color_solo { display:block; float:left; border:1px solid #444444; border-radius:15px; margin:0 0 0.25em 0.25em; }
	.articulo_color_left { display:block; float:left; border-top:1px solid #444444; border-bottom:1px solid #444444; border-left:1px solid #444444; border-top-left-radius:15px; border-bottom-left-radius:15px; }
	.articulo_color_right { display:block; float:left; border-top:1px solid #444444; border-bottom:1px solid #444444; border-right:1px solid #444444; border-top-right-radius:15px; border-bottom-right-radius:15px; margin:0 0 0.25em 0.25em; }
	
	
	
	#relacionados {}
	.relacionado { float:left; width:280px; height:130px; padding:11px; border:1px solid #b7c72c; background:#fefff3; border-radius:6px; margin-bottom:10px; margin-right:10px; }
	.relacionado .nombre { height:34px; }
	.relacionado img { height:50px; }
	.relacionado a:hover { color:#849409; }
	
	
	#abrir_listado { width:90px; }
	#abrir_listado:hover { color:#fff; }
	
	#listado { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.8); z-index:99999; opacity:0; pointer-events:none; overflow:scroll;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	}
	#listado:target { opacity:1; pointer-events:auto; }
	.listado_box { width:900px; margin:10% auto; position:relative; padding:5px 20px 13px 20px; background:#fff; border-radius:6px; }
	
	
	#transferencia { position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(0,0,0,0.8); z-index:99999; opacity:0; pointer-events:none; overflow:scroll;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	}
	#transferencia:target { opacity:1; pointer-events:auto; }
	.transferencia_box { width:900px; margin:10% auto; position:relative; padding:5px 20px 13px 20px; background:#fff; border-radius:6px; }
	
	
	
	
	
/* carrito */
.paso { font-weight:700; width:315px; }
.paso a { display:block; background-position:center; width:315px; height:30px; line-height:30px; } /* height:36px; */

a.paso_estoy { background-image:url(../images/estoy.png); color:#ffffff; }

a.paso_disponible { background-image:url(../images/disponible.png); }
a.paso_disponible:hover {  background-image:url(../images/disponibleover.png); }





/*verde claro bef574, verde oscuro 334433*/






/* cuadradito desde "Añadir al carrito" hasta "(0) Carro" */
.ui-effects-transfer {
	border: 1px dotted #333333;
}








th.header {
	text-align:left;
    background: url(../js/jquery_tablas/estilos/img/arriba_abajo.png) center left no-repeat;  
		color: #000; 
		/*Cambio de cursor(dedo) */
    cursor: pointer; 
    padding-left: 20px;
} 

th.headerSortDown { 
    background-image: url(../js/jquery_tablas/estilos/img/abajo.png); 
    background: #444444;
		color: #FFF; 
} 

th.headerSortUp { 
    background-image: url(../js/jquery_tablas/estilos/img/arriba.png); 
    background: #444444; 
		color: #FFF; 
}