﻿
#pastillaBuscador
{
	background-image:url('../imagenes/fondos/fondo_pastilla_buscador.gif');
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
}
#pastillaBuscador span
{
	font-size:1.6em;
	color:White;
	padding-top:0.5em;
	border: solid 0px black;
	margin-top:0px;
	font-weight:bold;
	display:inline-block;
}	

#pastillaBuscador #spanBuscar
{
	margin-top:-5px;
	border: solid 0px white;
	display:inline-block;
}
#pastillaCategorias
{
	background-image:url('../imagenes/fondos/fondo_pastilla_categorias.gif');
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	margin:0px;
}
#pastillaVideo
{
	background-image:url('../imagenes/fondos/fondo_pastilla_video.gif');
	background-repeat:repeat-x;
}

#piedepagina
{
	background-image:url('../imagenes/fondos/fondo_pie_home.jpg');
	background-repeat:no-repeat;
}
#piedepagina h3
{
	font-size:1.4em;
	color:#006699;
	font-weight:bold;
	margin: 2em 0 1.5em 1em;
}

#piedepagina .pastilla
{
	background-image:url('../imagenes/separadores/linea_vertical_pie.gif');
	background-position:left center;
	background-repeat:no-repeat;
}
#piedepagina .pastilla ul
{
	margin-left:0.4em;
}
#piedepagina .pastilla li a
{
	margin-left:1em;
	font-size:1.1em;
	color:#ffffff;
	text-decoration:none;
}
#piedepagina .pastilla li a:hover
{
	margin-left:1em;
	font-size:1.1em;
	color:#ffffff;
	text-decoration:underline;
}
#piedepagina #descripcionmqb
{
	margin-top:5px;
	font-size:1.1em;
	color:#ffffff;
}

#listadoAfiliados
{
	margin-left:20px;
}

#listadoAfiliados li, #listadoAfiliados .vermas
{
	display:inline;
	list-style:none;
	margin:5px 5px 5px 5px;
	float:left;
	border:solid 1px #CCC;
}
#listadoAfiliados .vermas
{
	
	list-style:none;
	margin:5px 5px 5px 5px;
	padding-top:4px;
	border:none;
}

			
.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}
/* 
 * The state classes are a little bit complex, because of the doubble class bug in IE6
 * The state class looks like this:
 * 
 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
 * 
 * Examples:
 * 
 * .ui-radio-state-checked (simply checked) 
 * .ui-radio-state-checked-hover (checked and hovered/focused)
 * .ui-radio-state-hover (unchecked and hovered/focused)
 * 
 */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}
span.ui-checkbox,
span.ui-radio {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	background: url(../imagenes/controles/checks.gif) 0 -40px no-repeat;
}
span.ui-helper-hidden {
	display: none;
}
#listacategorias label {
	padding: 5px;
	padding-right:0px;
	margin-top:6px;
	font-size:1.25em;
	float:left;
	border:solid 0px black;
	width:8.5em;
	height:1.8em;
	float:left;
	display:inline-block;
}



#listacategorias span.ui-radio-state-hover,
#listacategorias span.ui-checkbox-state-hover {
	background-position: 0 -114px;
}

#listacategorias span.ui-checkbox-state-checked {
	background-position: 0 1px;
}

#listacategorias span.ui-checkbox-state-checked-hover {
	background-position: 0 -74px;           
}
#listacategorias span.ui-checkbox-state-partial{
	background-position: 0 -140px!important;
	border:solid 1px black;
}
#listacategorias span.ui-radio-state-checked-disabled-hover,
#listacategorias span.ui-radio-state-checked-disabled,
#listacategorias span.ui-radio-state-checked {
	background-position:0 -161px;
}


#listacategorias span.ui-radio-state-checked-hover {
	background-position: 0 -200px;
}
#listacategorias
{
	margin-top:0.6em;
	margin-left:0.5em;
}
#listacategorias li
{
	background-image:url('../imagenes/controles/check_categorias_izq.gif');
	background-position:left;
	background-repeat:no-repeat;
	height:42px;
	width:auto;
	display:inline-block;
	border: solid 0px black;
	width:250px;
	height:43px;
	float:left;
}
 #listacategorias li span.ui-checkbox
{
	margin-top:9px;
	margin-left:16px;
	border: solid 0px black;
	display: block;
	float:left;
}
.btnconfig
{
	float:left;
	padding:0px;
	margin-top:0px;
	border: solid 0px black;
}
.btnconfig img
{
	display:inline;
	padding:0px;
	float:left;
	margin:0px; 
	background-color:Transparent;
}


#listacategorias #li_tecnologia
{
	width:18.2em;
}

#listacategorias #li_pc
{
	width:18.2em;
}
#listacategorias #li_fotografia
{
	width:18.2em;
}
#listacategorias #li_videojuegos
{
	width:18.2em;
}
#listacategorias #li_perfumes
{
	width:18.2em;
}
#listacategorias #li_viajes
{
	width:18.2em;
}
#listacategorias #li_espectaculos
{
	width:18.2em;
}
#listacategorias #li_libros
{
	width:18.2em;
}
#listacategorias #li_motor
{
	width:18.2em;
}
#listacategorias #li_gourmet
{
	width:18.2em;
}
#listacategorias #li_belleza
{
	width:18.2em;
}
#listacategorias #li_musica
{
	width:18.2em;
}
#listacategorias #li_electrodomestico
{
	width:18.2em;
}
#listacategorias #li_gatches
{
	width:18.2em;
}
#listacategorias #li_moda
{
	width:18.2em;
}


#listacategorias .subcategorias_check label
{
	width:20em;
	border:solid 0px black;
	display:inline-block;
}
#listacategorias .subcategorias_check br
{
	clear:both;
}


/* Labels de subcategorias */

#listacategorias .jqmWindow input
{
	border:solid 1px black;
	height:22px;
	display:inline-block;
	margin-left:4em;
}
#listacategorias .jqmWindow label
{
	border:solid 0px black;
	width:17em;
	height:25px;
	background-image:url('../imagenes/controles/check_subcategorias_izq.gif');
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	font-size:1.3em;
	margin-left:-40px;
	padding-left:60px;
	margin-right:20px;
}
#listacategorias .jqmWindow p
{
	margin-top:1.5em;
}




/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
	margin-left: -420px;
    width: 750px;
    
    background-color: #FFF;
	background-image:url('../imagenes/fondos/fondo_modal_home.jpg');
	background-position:left top;
	background-repeat:repeat-x;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#txtCantidad, #txtNombre
{
	font-size:1.75em;
	padding:0.35em;
	width:186px;
	border:solid 0px white;
	background-color:Transparent;

	background-position:right top;
	background-repeat:no-repeat;
	text-align:right;
	padding-right:2em;
	margin:0;
}
#txtCantidad
{
		background-image:url('../imagenes/fondos/fondo_caja_buscar.gif');
}
#txtNombre
{
		background-image:url('../imagenes/fondos/fondo_caja_buscar_nombre.gif');
}
#opalabras
{
	
}

#spanCategoriasSeleccionadas
{
	padding: 2px 0px 2px 0px;
	color:#006699;
	font-size:1.1em;
	display:inline-block;
}

.ui-effects-transfer { border:dotted 1px blue; }

