/* -------------------------------------------------
 1. Reset 
------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* -------------------------------------------------
 2. Estilos generales
------------------------------------------------- */

html {font-size: 100.01%; }

* { font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; z-index: 0; }

body { background: black; color:#000; font-weight: normal; font-size: 62.5%/1.5em; font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; line-height: 1.1em; z-index: 1;}

p { font-size: .8em; margin: .5em 0; }
p img { vertical-align: bottom }

a, a:active, a:visited { color: #cc66ff; text-decoration: none; background-color: transparent;}
a:hover { color: #cc66ff; text-decoration: underline; background-color: transparent;}

.link { cursor: hand; cursor: pointer; color: #cc66ff; }

blockquote { color: #999; font-size: .8em; margin: 0 0 0 3em; }

div.clear { clear:both; }
div.left { clear:left ; }

div.titular { font-family: Tahoma; font-weight: bold; font-size: 2.2em; line-height: 1.2em; margin: 0px 0 1em 0; color: #666; }

div.error { color: red; margin: 1em 0; }

div.desarrollo { background: red; color: white; font-size: 1.2em;  padding: .3em; text-align: center; }

h1 { font-size: 1.4em; color: #9bb446; margin: 1.5em 0 1em 0;}
h2 { font-size: 1.1em; color: #9bb446; margin: .8em 0; }

#contenedor_cabecera { background: url('/images/layouts/descuentolandia/fondo.png') black top repeat-x; height: 112px; border-bottom: 10px solid #9bb446;  }

#cabecera { width: 900px; margin: 0 auto; padding: 0; height: 112px; }
#logo { position: relative; float: left; clear:left; }
#logo_nombre_local { position: absolute; top: 26px; left: 100px; width: 390px; }

#contenedor_cuerpo { background: #f9f9f9; }
#cuerpo { width: 900px; padding: 15px 0 3em 0; margin: 0 auto; }

div#buscador { background: url('/images/fondo_buscador.png') no-repeat; padding: 10px; margin: 0; color: white; text-align: center; border: 0px solid black; }
div#buscador table { margin: 0 auto; }
div#buscador span.ejemplo { color: #EEE; font-size: .8em; }
div#buscador a,
div#buscador a:visited { color: white;}
div#buscador a:hover { color: white; text-decoration: underline;}

div#buscador div.cargando_localidades { height: 22px; line-height: 22px; font-weight: bold; color: white; font-size: .8em;}

div#buscador span.reiniciar a,
div#buscador span.reiniciar a:visited {  font-size: .8em; padding: 0 10px;}

div.buscador_categorias { background: #ececec; padding: 3px; margin: 0; color: #cc66ff; text-align: center; font-weight: bold; font-size: .8em;  
                          border-left: 0px solid #9bb446;
                          border-right: 0px solid #9bb446;
                          border-bottom: 1px solid #9bb446;}
div.buscador_categorias a,
div.buscador_categorias a:visited,
a.importante,
a.importante:visited { color: #ff7c00;}
div.buscador_categorias a:hover,
a.importante:hover { text-decoration: underline;}
div.buscador_categorias div.separador { width: 100px; display: inline;}

div#buscador .boton_busqueda,
div#popup div.cuerpo div.cerrar_popup { border: 0; background: url('/images/boton_fondo.png') no-repeat; font-size: 1em; font-weight: bold; text-align: center; width: 100px;}
div#buscador .boton_busqueda:hover,
div#popup div.cuerpo div.cerrar_popup:hover { background: url('/images/boton_fondo_on.png') no-repeat; }

div#popup div.cuerpo div.cerrar_popup { float: right; }
div#popup div.cuerpo div.cerrar_popup a,
div#popup div.cuerpo div.cerrar_popup a:hover,
div#popup div.cuerpo div.cerrar_popup a:visited { color: white; text-decoration: none; }

ul#idiomas { float: right; padding: 15px 0 0 0; font-size: .7em; color: gray; }
ul#idiomas li { display: inline; padding: 0 0 0 .5em;  }
/* ul#idiomas li:last-child { border-right: none; padding: 0 0 0 .4em; } */
ul#idiomas a, ul#idiomas a:visited { color: silver; }
ul#idiomas a:hover { color: #EEE; text-decoration: none; }

ul#menu { clear: right; float: right; padding-top: 15px; font-size: .9em; text-align: right; position: relative; }
ul#menu li { display: inline; padding: 0 0 0 1em; }
ul#menu li.vacio { display: inline; padding: 0; }
ul#menu a, ul#menu a:visited { color: #DDD; padding: 0 0 0 3px;}
ul#menu a:hover { color: #FFF; text-decoration: underline; }

ul#menu_sec { clear: right; float: right; padding-top: 15px; font-size: .9em; text-align: right; font-size: .7em; color: gray; }
ul#menu_sec li { display: inline; padding: 0 0 0 1em; }

ul#menu li.recomiendanos a, 
ul#menu li.recomiendanos a:visited { font-weight: bold; color: #99cc00; border: 0px solid #99cc00;}
ul#menu li.recomiendanos a:hover { text-decoration: underline; }


div#login { clear: right; float: right; padding-top: 15px; font-size: .8em; text-align: right; position: relative; line-height: 1.8em; color: silver; margin: 5px 0 0 0;}
div#login a,
div#login a:visited { color: #FFF; padding: 0 0 0 3px; text-decoration: underline;}
div#login a:hover { color: #FFF; text-decoration: none; }
div#login span.mini { font-size: .9em; }
div#login span.mini a,
div#login span.mini a:visited { color: #9bb446; text-decoration: none;  }
div#login span.mini a:hover {text-decoration: underline; }



div.dcha {text-align: right;}

span.en_venta { font-size: 0.8em; font-weight: bold; }
/*
body#web_inicio ul#menu { clear: right; float: right; padding: 95px 0 0 0; }
*/


div.hay_mas_descuentos { background: #ffce95; padding: 10px 20px; }
div.hay_mas_descuentos a { font-weight: bold; }


                            

div.mensaje_recomiendanos { background: white; color: gray; border: 1px solid gray; padding: 20px;}
div.mensaje_recomiendanos p {margin: 1em 0; }


#contenedor_pre_pie { background: black; }
#pre_pie { width: 900px; margin: 0 auto; height: 35px;}
#pre_pie ul { float: right; font-size: .7em; color: gray; padding: .8em 0 0 0;}
#pre_pie ul li { display: inline; padding: 0 0 0 .5em;  }
#pre_pie p { color: silver; text-align: center;  line-height: 32px;}
#pre_pie img { vertical-align:middle; margin: 0 0 3px 0;}


#contenedor_pie { background: url(../images/layouts/descuentolandia/fondo_pie.png) repeat-x; }

#pie { clear: both; text-align: center; color:silver; padding: 30px 0; width: 900px; margin: 0 auto; }

#pie a, #pie a:visited { color: gray; text-decoration: none; }
#pie a:hover { color: white; }
#pie ul { }
#pie ul li { display: inline; padding: 0 0.5em; border-right: 1px solid silver; }
#pie ul li:last-child { border: none; }
#pie div.copyright { color: #AAA; font-size: .7em; }

#pie div.izda { float: left; width: 250px; font-size: .8em; text-align: left; }
#pie div.centro { float: left; width: 320px; color: white; margin-left: 25px; padding: 15px; font-size: .9em;}
#pie div.off { background: #9bb446; }
#pie div.on { background: #83983c; }
#pie div.centro a, 
#pie div.centro a:visited { color: white } 
#pie div.centro .titulo { font-size: 1.5em; margin-bottom: 15px; font-weight: bold; }
#pie div.dcha { float: right; width: 250px; font-size: .8em; text-align: right;}

#pie div.dcha div.titulo,
#pie div.izda div.titulo{ margin-bottom: 15px; font-size: 1.3em; overflow: hidden;}
#pie div.dcha ul li,
#pie div.izda ul li { border: 0; padding: 0; font-size: .9em;}

#pie div.dcha .titulo, 
#pie div.izda .titulo { color: silver; font-weight: bold; font-size: .9em; }

#pie div.colaboraciones { font-size: .7em; padding: 10px; margin: 10px auto;  }
#pie div.colaboraciones ul { border-top: 1px solid #555; border-bottom: 1px solid #555; margin: 3px 0 0 0; padding: 3px 0;}
#pie div.colaboraciones ul li { display: inline; padding: 0 5px; border: none;  }
#pie div.colaboraciones ul li img { vertical-align: middle;} 


/* CATEGORIAS PORTADA */
/* ------------------ */

div.contenedor_categorias_destacadas { border-top: 0px solid #9bb446; border-bottom: 0px solid #9bb446; padding: 0; margin: 0 0 30px 0; text-align: left; }
div.contenedor_categorias_destacadas p { margin: 0; font-size: .9em; background: #ff7c00; padding: 5px 0 5px 20px; color: white; }
div.contenedor_categorias_destacadas div.categorias_destacadas { background: #ececec; font-size: .7em; text-align: left; padding: 5px 20px; }
div.contenedor_categorias_destacadas div.categorias_destacadas div.bloque { float:left; width: 25%; }
div.contenedor_categorias_destacadas div.categorias_destacadas div.bloque a,
div.contenedor_categorias_destacadas div.categorias_destacadas div.bloque a:visited{ color: #ff7c00; }
div.contenedor_categorias_destacadas div.categorias_destacadas div.bloque a:hover { text-decoration: underline; }
div.contenedor_categorias_destacadas div.categorias_destacadas div.bloque b { font-size: 1em; }

/* Portadas */
/* -------- */
div.contenedor_portadas_locales { border-top: 0px solid #9bb446; border-bottom: 0px solid #9bb446; padding: 0; margin: 0 0 30px 0; text-align: left; }
div.contenedor_portadas_locales p { margin: 0; font-size: .9em; background: #9bb446; padding: 5px 0 5px 20px; color: white; }
div.contenedor_portadas_locales div.portadas_locales { background: #ececec; font-size: .7em; text-align: left; padding: 5px 20px; }
div.contenedor_portadas_locales div.portadas_locales div.bloque { float:left; width: 25%; }
div.contenedor_portadas_locales div.portadas_locales div.bloque a,
div.contenedor_portadas_locales div.portadas_locales div.bloque a:visited{ color: #ff7c00; }
div.contenedor_portadas_locales div.portadas_locales div.bloque a:hover { text-decoration: underline; }
div.contenedor_portadas_locales div.portadas_locales div.bloque b { font-size: 1em; }

/* MAPAS EN DISTINTAS SECCIONES */

div.mapa_portada p,
div.mapa_ultimos_descuentos p,
div.mapa_listado p,
div.mapa_detalle_empresa p { background: #ececec; border-top: 1px solid #9bb446; border-bottom: 1px solid #9bb446; margin: 0; padding: 2px; font-size: .7em; text-align: center;  }

div.mapa_portada span.link,
div.mapa_ultimos_descuentos span.link,
div.mapa_listado span.link,
div.mapa_detalle_empresa span.link { font-size: 1.7em; color: black; }

div.mapa_portada { float: right; margin: 15px 0 0 0; }
div.mapa_portada div#map { width: 380px; height: 264px; }

div.mapa_ultimos_descuentos { margin: 15px 0 0 0; }
div.mapa_ultimos_descuentos div#map { width: 100%; height: 285px; }

div.mapa_listado { margin: 15px 0 0 0; }
div.mapa_listado div#map { width: 100%; height: 285px; }

div.mapa_detalle_empresa { clear:right; float: right; width: 300px; margin-bottom: 20px; }
div.mapa_detalle_empresa div#map { width: 100%; height: 300px; }

div.boton_leyenda { clear: right; float:right; font-size: .7em; }
div#leyenda {background: #ececec; border-top: 1px solid #9bb446; border-bottom: 1px solid #9bb446; padding: 5px 0; font-size: .7em; }
div#leyenda table { vertical-align: middle; margin: 0 auto;}
div#leyenda table td { width: 146px; text-align: center;  vertical-align: middle; height: 30px; }
div#leyenda table td img { vertical-align: middle; }


/* FORMATO DE LOS DESCUENTOS */
/* ------------------------- */

/* MAPA */

div.listado_descuentos_mapa { width: 200px; height: 150px; overflow: auto; padding-right: 5px; margin-right: 8px; }

div.listado_descuentos_mapa div.descuento { margin: 5px 0; text-align: center; font-size: .7em; }
div.listado_descuentos_mapa div.descuento td { text-align: center; width: 200px; }
div.listado_descuentos_mapa div.descuento td.presta_servicio_en { background: gray; color: white; padding: 3px; }
div.listado_descuentos_mapa div.descuento td.cliente { color: silver; padding: 3px; }
div.listado_descuentos_mapa div.descuento td.categoria { border-top: 1px solid silver; padding: 1px; font-size: .8em; }
div.listado_descuentos_mapa div.descuento td.categoria a { color: #ff7c00; }
div.listado_descuentos_mapa div.descuento td.titulo { color: #cc66ff; vertical-align: middle; border-top: 1px solid silver; }
div.listado_descuentos_mapa div.descuento td.direccion { color: #black; vertical-align: middle; border-top: 1px solid silver; }
div.listado_descuentos_mapa div.descuento td.ubicacion_incorrecta { vertical-align: middle; border-top: 1px dotted silver; font-size: .8em; margin-top: 10px; }
div.listado_descuentos_mapa div.descuento td.ubicacion_incorrecta a { color: red; }
div.listado_descuentos_mapa div.descuento td.logo { vertical-align: middle; width: 100%; text-align: center;}
div.listado_descuentos_mapa div.descuento td.logo img {
  max-width: 144px;
  max-height: 72px;
  width: expression(this.width > 144 ? 144 + "px" : true);
  height: expression(this.height > 72 ? 72 + "px" : true);
}

/* PORTADAS LOCALES */

div.listado_portadas_mapa { margin: 0 5px; text-align: center; font-size: .7em; }
div.listado_portadas_mapa div.portada {  }
div.listado_portadas_mapa div.portada div.nombre { font-size: 1.3em; font-weight: bold; vertical-align: middle; border-top: 1px solid silver;  border-bottom: 1px solid silver; }


/* PORTADA */
div.listado_portada { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;  }
div.listado_portada a, 
div.listado_portada a:hover,
div.listado_portada a:visited { color: #cc66ff; }
div.listado_portada div.cabecera { display: none; color: #9bb446; font-size: .9em; border-bottom: 0px solid #9bb446; padding: 0 0 0 0; margin-bottom: -18px; }
div.listado_portada div.pie { clear: both; color: #9bb446; font-size: .7em; border-top: 0px solid #9bb446; text-align: right; margin-top: 10px; }
div.listado_portada div.contenedor_descuentos { float:left; width: 520px; margin: 10px -15px 10px 0; }
div.listado_portada div.contenedor_descuentos div.descuento { float:left;  margin: 5px 10px 5px 0; border-bottom: 0px solid #9bb446; text-align: center; height: 150px; }
div.listado_portada div.contenedor_descuentos div.descuento td { text-align: center; width: 140px; }
div.listado_portada div.contenedor_descuentos div.descuento td.cliente { color: silver; font-size: .7em; padding: 3px; }
div.listado_portada div.contenedor_descuentos div.descuento td.titulo { color: #cc66ff; font-size: .7em; overflow: hidden; height: 50px; padding: 0 10px; vertical-align: middle; }
div.listado_portada div.contenedor_descuentos div.descuento td.logo { height: 72px; vertical-align: middle; width: 100%;}
div.listado_portada div.contenedor_descuentos div.descuento td.logo img {
  max-width: 144px;
  max-height: 72px;
  width: expression(this.width > 144 ? 144 + "px" : true);
  height: expression(this.height > 72 ? 72 + "px" : true);
}

div.listado_portada .off { background: white; }
div.listado_portada .on { background: #fffecf; }

/* LISTADO PORTADA */
div.listado_descuentos_en_portada { }
div.listado_descuentos_en_portada a, 
div.listado_descuentos_en_portada a:hover,
div.listado_descuentos_en_portada a:visited { color: #cc66ff; }
div.listado_descuentos_en_portada a.categoria, 
div.listado_descuentos_en_portada a.categoria:hover,
div.listado_descuentos_en_portada a.categoria:visited { color: #ff7c00; }
div.listado_descuentos_en_portada span { color: silver; font-size: .8em; margin: 0 0 -5px 0; display: block; text-align: right;}
div.listado_descuentos_en_portada div.descuento { clear:both; margin: 5px 0; height: 60px; width: 100%; }
div.listado_descuentos_en_portada div.descuento table { width: 100%; }
div.listado_descuentos_en_portada div.descuento td { height: 60px; vertical-align: middle;}
div.listado_descuentos_en_portada div.descuento td.cliente { color: gray; font-size: .7em; text-align: right; width: 120px; padding: 0 5px 0 0;}
div.listado_descuentos_en_portada div.descuento td.categoria { color: gray; font-size: .7em; text-align: right; width: auto;}
div.listado_descuentos_en_portada div.descuento td.titulo { color: #cc66ff; font-size: 1em; overflow: hidden; }
div.listado_descuentos_en_portada div.descuento td.logo { width: 110px; text-align: center; }
div.listado_descuentos_en_portada div.descuento td.logo img {
  max-width: 90px;
  max-height: 50px;
  width: expression(this.width > 90 ? 90 + "px" : true);
  height: expression(this.height > 50 ? 50 + "px" : true);
}

div.listado_descuentos_en_portada .off { background: #eaf0d2; }
div.listado_descuentos_en_portada .on { background: #fffecf; }

/* DESTACADO */

div.listado_descuentos_destacados { }
div.listado_descuentos_destacados a, 
div.listado_descuentos_destacados a:hover,
div.listado_descuentos_destacados a:visited { color: #cc66ff; }
div.listado_descuentos_destacados a.categoria, 
div.listado_descuentos_destacados a.categoria:hover,
div.listado_descuentos_destacados a.categoria:visited { color: #ff7c00; }
div.listado_descuentos_destacados span { color: silver; font-size: .8em; margin: 0 0 -5px 0; display: block; text-align: right;}
div.listado_descuentos_destacados div.descuento { clear:both; margin: 5px 0; height: 60px; width: 100%; }
div.listado_descuentos_destacados div.descuento table { width: 100%; }
div.listado_descuentos_destacados div.descuento td { height: 60px; vertical-align: middle;}
div.listado_descuentos_destacados div.descuento td.cliente { color: gray; font-size: .7em; text-align: right; width: 120px; padding: 0 5px 0 0;}
div.listado_descuentos_destacados div.descuento td.categoria { color: gray; font-size: .7em; text-align: right; width: auto;}
div.listado_descuentos_destacados div.descuento td.titulo { color: #cc66ff; font-size: 1em; overflow: hidden; }
div.listado_descuentos_destacados div.descuento td.logo { width: 110px; text-align: center; }
div.listado_descuentos_destacados div.descuento td.logo img {
  max-width: 90px;
  max-height: 50px;
  width: expression(this.width > 90 ? 90 + "px" : true);
  height: expression(this.height > 50 ? 50 + "px" : true);
}

div.listado_descuentos_destacados .off { background: #ececec; }
div.listado_descuentos_destacados .on { background: #fffecf; }



/* LISTADO NORMAL */

div.listado_descuentos { }
div.listado_descuentos a, 
div.listado_descuentos a:hover,
div.listado_descuentos a:visited { color: #cc66ff; }
div.listado_descuentos a.categoria, 
div.listado_descuentos a.categoria:hover,
div.listado_descuentos a.categoria:visited { color: #ff7c00; }
div.listado_descuentos div.descuento { clear:both; margin: 0; height: 30px; width: 100%; border-bottom: 1px dotted #9bb446; padding: 5px 0; vertical-align: middle; line-height: 1em;}
div.listado_descuentos div.descuento div.cliente { display: inline; font-size: 1em; text-align: right; width: 120px; padding-right: 0px; }
div.listado_descuentos div.descuento div.cliente span.cliente { color: black; }
div.listado_descuentos div.descuento div.cliente div.localizacion { display: inline; }
div.listado_descuentos div.descuento div.cliente div.localizacion a { color: #9bb446; }
div.listado_descuentos div.descuento div.titulo { float: left; color: #cc66ff; font-size: .8em; line-height: 30px; }
div.listado_descuentos div.descuento div.categoria { float: right; color: gray; font-size: .7em; text-align: right;}
div.listado_descuentos div.descuento div.logo { float: left; width: 110px; text-align: center; }
div.listado_descuentos div.descuento div.logo img {
  max-width: 90px;
  max-height: 30px;
  width: expression(this.width > 90 ? 90 + "px" : true);
  height: expression(this.height > 30 ? 30 + "px" : true);
}

div.listado_descuentos .off { background: transparent; }
div.listado_descuentos .on { background: #fffecf; }

div.listado_descuentos div.separador,
div.listado_descuentos_en_portada div.separador,
div.listado_descuentos_destacados div.separador { padding: 0; margin: 20px 0 0 0; height: 20px; width: 100%; background: #9bb446; color: white; line-height: 20px; text-align: center; font-size: .8em; font-weight: bold;}




div#detalle_grupos { padding: 0; margin: 20px 0 0 0; width: 100%; text-align: center; font-size: .8em; font-weight: bold;}
div#detalle_grupos div.titulo { height: 30px; background: #9bb446; color: white; line-height: 30px; }
div#detalle_grupos ul { padding: 10px 0; background: #eaf0d2; } 
div#detalle_grupos ul li { display: inline; padding: 0 0 0 .5em; }

/* ------------------------- */


div#aviso_nuevos_descuentos { float: left; width: 415px; margin-right: 20px; }
div#aviso_nuevos_descuentos .titulo { text-align: left; border-bottom: 3px solid #ff7c00; padding: 5px 10px; font-size: 1.1em; }
div#aviso_nuevos_descuentos .imagen { float: left; padding:10px; width: 60px; }
/* div#aviso_nuevos_descuentos .contenedor { float: left; background: url('/images/fondo_cuadro_naranja.png') repeat-x; } */
div#aviso_nuevos_descuentos .contenido { float: left; padding:10px; font-size: .8em; width: 70%; }
div#aviso_nuevos_descuentos a { color: #ff7c00; }

div#ayudanos_a_mejorar { float: left; width: 260px; margin-right: 20px; }
div#ayudanos_a_mejorar .titulo { text-align: left; border-bottom: 3px solid #cc66ff; padding: 5px 10px; font-size: 1.1em;}
div#ayudanos_a_mejorar .imagen { float: left; padding:10px; width: 60px; }
/* div#ayudanos_a_mejorar .contenedor { background: url('/images/fondo_cuadro_morado.png') repeat-x; } */
div#ayudanos_a_mejorar .contenido { padding:10px; font-size: .8em; }

div#marcadores_sociales { float: left; width: 184px; }
div#marcadores_sociales .titulo { text-align: left; border-bottom: 3px solid #9bb446; padding: 5px 10px; font-size: 1.1em;}
/* div#marcadores_sociales .contenedor { background: url('/images/fondo_cuadro_verde.png') repeat-x; } */
div#marcadores_sociales .contenido { padding: 10px; font-size: .8em; }
div#marcadores_sociales .contenido div.elemento {float: left; width: 82px; margin: 0; }
div#marcadores_sociales a { color: #9bb446; }




/* PANTALLA DE DETALLE DE EMPRESA */
h1.nombre_comercio { padding: 15px; margin: 50px 0 0 0; font-size: 1.6em; background: #eff3e1; color: black; }
h1.nombre_comercio img { border-right: 0px solid #CCC; margin: 0 10px 0 0; padding: 0;}

div.detalle_empresa_contenedor { }

div.direcciones_comercios { clear: right; float: right; width: 300px; }
div.direcciones_comercios ul { background: #9bb446; color: white; }
div.direcciones_comercios ul li { border-top: 1px solid white; padding: 5px; font-size: .8em; }

div.detalle_empresa_datos { border-top: 5px solid #9bb446; padding: 10px; margin: 0; }
div.detalle_empresa_datos div.telefonos { float: left; font-size: .8em; margin: 0 2em 0 0; }
div.detalle_empresa_datos div.emails { float: left; font-size: .8em; margin: 0 2em 0 0; }
div.detalle_empresa_datos div.emails img { vertical-align: bottom; } 
div.detalle_empresa_datos div.link { float: right; font-size: .9em;}

div.detalle_empresa {  clear:left; float: left; padding: 20px; background: #FFF; border-bottom: 1px solid #9bb446; border-top: 1px solid #9bb446; }
div.detalle_empresa div.descripcion { }
div.detalle_empresa div.galeria { float: right; width: 260px; text-align: center; margin: 0 -20px 0 30px; border-left: 5px dotted #CCC; padding: 10px;}
div.detalle_empresa div.galeria div.miniaturas { clear:right; text-align: center; margin: 5px 0 0 0; }
div.detalle_empresa div.galeria div.miniaturas div.elemento { display: inline; padding: 2px; }
div.detalle_empresa div.galeria div.miniaturas div.elemento img { width: 40px; height: 30px }
div.detalle_empresa div.descripcion p { margin: .5em 0 2em 0;}
div.detalle_empresa_ancho_normal { width: 540px; }
div.detalle_empresa_ancho_extra { width: 100%; }

div.opciones_cheque { margin: 25px 0 0 0; }
div.opciones_cheque div.opcion { float: right; width: 280px; vertical-align: middle; margin: 0 0 0 0; padding: 5px;  }

div.opciones_cheque div.boton_imprimir { height: 33px; padding: 14px 0 0 85px; color: white; font-weight: bold; margin: 0 0 10px 0;}
div.opciones_cheque .off { background: url('/images/imprimir_con_fondo.png') no-repeat; }
div.opciones_cheque .on { background: url('/images/imprimir_con_fondo_on.png') no-repeat; }
/* OPCIONES DEL CHEQUE */

div.opciones_cheque div.aviso_nuevos_descuentos { width: 100%; }
div.opciones_cheque div.aviso_nuevos_descuentos .titulo { text-align: left; border-bottom: 3px solid #ff7c00; padding: 5px 10px; font-size: 1.1em; }
div.opciones_cheque div.aviso_nuevos_descuentos .imagen { float: left; padding:10px; width: 60px; display: none;}
/* div#aviso_nuevos_descuentos .contenedor { float: left; background: url('/images/fondo_cuadro_naranja.png') repeat-x; } */
div.opciones_cheque div.aviso_nuevos_descuentos .contenido { padding: 10px; font-size: .8em;}
div.opciones_cheque div.aviso_nuevos_descuentos a { color: #ff7c00; }


div.opciones_cheque div.marcadores_sociales { width: 100%; }
div.opciones_cheque div.marcadores_sociales .titulo { text-align: left; border-bottom: 3px solid #9bb446; padding: 5px 10px; font-size: 1.1em;}
/* div#marcadores_sociales .contenedor { background: url('/images/fondo_cuadro_verde.png') repeat-x; } */
div.opciones_cheque div.marcadores_sociales .contenido { padding: 10px; font-size: .8em; }
div.opciones_cheque div.marcadores_sociales .contenido div.elemento {float: left; width: 85px; margin: 0; }
div.opciones_cheque div.marcadores_sociales a { color: #9bb446; }

/* ------------------------- */

div.descargar_presentacion { border: 1px solid silver; background: #FFF; text-align: center; padding: 15px; }
div.descargar_presentacion b { font-size: 2em; color: #cc66ff }
div.descargar_presentacion span.iva { font-size: .9em; color: silver; }

p.permanencia { text-align: center; font-size: 1em; color: #9bb446 }


/* Listado de categorias */
/* --------------------- */


div.listado_categorias_0 {}
div.listado_categorias_0 div.elemento_0 { float:left;  margin: 0 10px 16px 10px; padding: 10px; width: 180px; background: #FFF; }
div.listado_categorias_0 div.elemento_0 div.titulo_0 { margin: 0 0 10px 0; }
div.listado_categorias_0 div.elemento_0 a {color: #cc66ff;}
div.listado_categorias_0 div.separador { clear: both; border-top: 1px solid silver; }


div.listado_categorias_1 {}
div.listado_categorias_1 div.elemento_1 { color: gray; font-size: .9em; margin: 0 0 5px 10px;}
div.listado_categorias_1 div.elemento_1 div.titulo_1 {}
div.listado_categorias_0 div.elemento_1 a {color: #9bb446;}

div.listado_categorias_2 {}
div.listado_categorias_2 div.elemento_2 { color: gray; font-size: .8em; margin: 0 0 0 20px;}
div.listado_categorias_2 div.elemento_2 div.titulo_2 {}
div.listado_categorias_0 div.elemento_2 a {color: #9bb446;}



div#col_izda { float:left; width: 525px; border-right: 2px dashed #cc66ff; padding-right: 20px; }
div#col_izda dl { margin: 0 0 0 110px; }
div#col_izda dl.sin_margen { margin: 0; }
div#col_izda dt { font-size: 1.5em; margin: .5em 0 .3em 0; color: #CC6600; line-height: 1.2em; }
div#col_izda dt img { float: left; margin: -20px 0 0 -120px; position: absolute; }

div#col_izda ul { margin: 1.5em 0 1em 1em; line-height: 1.2em; font-size: .8em; }
div#col_izda ul li { margin: .5em 0; list-style: square; padding: 0 0 0 .5em;}
div#col_izda ul li b { }

div#sidebar { clear: right; float: right; width: 348px;  }

div.destacado {  margin: 1em 0 0 15px; padding: 1em; border: 1px solid #9bb446; background: #eaf0d2 url('/images/fondo_lateral.png') repeat-x top; font-size: 1em; }
div.destacado h1 {  font-weight: normal; font-size: 1.5em; line-height: 1.5em; margin: 0 0 0 0; }
div.destacado h2 {  font-size: 1em; line-height: 1em; margin-bottom: 1em; color: #999; }
div.destacado p, div.destacado form { font-size: 0.7em; text-indent: 0; padding: .3em .2em .2em 1.5em; line-height: 1.2em; }
div.destacado div.boton_cuestionario { margin: .5em 0 0 1.2em; font-size: 0.8em; }
div.destacado a,
div.destacado a:visited { color: #83983c }
div.destacado a:hover { text-decoration: underline; }

div.destacado ul { list-style: none ; margin: 1em 0 1em 2em; }
div.destacado ul li { font-size:  0.8em }

div.mapa_lateral { margin: 1em 0 0 2em; padding: 4px; border: 2px solid #99cc00; width:320px; background: #DDD;}
div.listado_fichas_mapa { width: 230px; height: 148px; overflow: auto; padding-right: 5px; margin-right: 8px; }

div#col_dcha {  margin: .5em 0 0 1.5em; padding: 40px;  }
div#col_dcha h1 { font-size: 1.2em; margin: 0 0 .5em 0; }
div#col_dcha p { padding: 0 0 0 1.5em; color: #999; margin: 0 0 3em 0; }
/* div#col_dcha ul.informacion_adicional { list-style: url('/images/iconos/lista_naranja.png') ; margin: 0 0 0 1em; } */
div#col_dcha ul.informacion_adicional { list-style: circle; margin: 0 0 0 1em; }
div#col_dcha ul.informacion_adicional li {color: #AAA; font-size:  0.8em }



form {  }
input { vertical-align: middle; }
input[type="text"], input[type="password"] { border: 1px solid #003366; border-left: 5px solid #003366; background: #fff; font-size: .9em; color: #888; padding: .2em .4em; margin: 0 .3em 0 0; }
textarea, select, .cuadro_formulario { border: 1px solid #003366; border-left: 5px solid #003366; background: #fff; font-size: .9em; color: black; padding: .2em .4em; margin: 0 .3em 0 0; }
.cuadro_formulario { padding: 0 5px; width: 80px; display: block; overflow: hidden;  }
.cuadro_formulario select { width: 80px; z-index: 0; border: none; }
.cuadro_formulario input { width: 80px; z-index: 0 }
textarea { width: 270px; }
select { width: 287px; }
select.mini { width: 85px; }
select.fecha { width: 90px; }
select.mini_mini { width: 50px; }
input[type="text"] { width: 270px; }
input[type="text"].mini { width: 80px; }

form p { font-size: 1em; color: gray; }

/* Styles */
fieldset { margin: 1em 0 2em 0; border-left: 20px solid #ff7c00; background:  white; border-top: 0px solid #ddd; padding: .8em; font-size: .8em; }
legend { font-size: 1.3em; color: #003366; margin: .2em; background: #f9f9f9; }

form div.elemento, form div.elemento_completo { clear:both; margin: .5em 0 0 0; overflow: hidden; }

form div.elemento span.campo,
form div.elemento label { width: 150px; float: left;}
form div.elemento span.valor { float: right; width: 300px;  }

form div.elemento_completo label { display: none; }
form div.elemento_completo span.valor { margin: 0 0 .5em 0; }

form div.comentario { clear: both; color: #999; margin: .8em 0 1em 0;}
form div.comentario_lopd { clear: both; color: #999; margin: .5em; font-size: .9em; line-height: 1.2em; }

div#buscador INPUT[type="text"], 
div#buscador select { border: 0; width: 200px; } 

div#buscador INPUT[type="text"].mini,
div#buscador select.mini{ width: 100px; border: 0; }

div#buscador INPUT[type="text"].hintTextbox { color: silver; background: #fff; font-size: .9em;  padding: .2em .4em; margin: 0 .3em 0 0; width: 270px; }
div#buscador INPUT[type="text"].hintTextboxActive { color: black; border: 0; } 


/* .fieldWithErrors { margin: 0; padding: 0; border: 1px solid red; display: inline;} */
.formError { color: red; }

.importante, .error { color: red; }
.aviso_importante { color: green; font-weight: bold; }

.clear { clear: both; }
.oculto { display:none; }
.visible { display: block; }

.verde { color: #99cc00; font-weight: bold; font-size: .8em;}

div.desarrollo { background: red; color: white; font-size: 1.2em;  padding: .3em; text-align: center; }

div.mensaje_info {
  text-align: center;
  color: #5da1d8;
  font-weight: bold;
  padding: 1em;
  background: #fff6d0;
}

div.mensaje_error {
  text-align: center;
  color: red;
  font-weight: bold;
  padding: 1em;
  background: #fff6d0;
}

div.barra_pasos {
  text-align: center;
  color: #99cc00;
  padding: .7em;
}

div.barra_pasos img { padding: 0 .5em; }

div.barra_pasos span.hecho { color: #99cc00; }

div.barra_pasos span.pendiente { color: silver; }

div.barra_pasos span.actual { color: #99cc00; font-weight: bold; text-decoration: underline; }

div.boton_reservar a { color: #99cc00; border: 1px solid #99cc00; padding: 4px; background: white; }
div.boton_reservar img { vertical-align: middle; }

/* -------------------------------------------------
 4. Cabecera y pie
------------------------------------------------- */

/* #tour { height: 80px; width: 100%; background: url('/images/bg_cabecera_normal.png')} 


div #logo { float: left; }
div #login { float: right; line-height: 1.4em;  text-align: center; margin: 1em 0 0 0;}
div #login span { font-weight: bold; }

div #pie { background: #f8f8f8 url('/imgages/bg_pie.png') repeat-x top; font-size:1.1em; padding: 25px 0; border-top: 2px silver; }
div #pie ul { list-style: none; 
div #pie ul li { display: inline; }


#cabecera,#contenido,#pie{clear:both;float:left;min-width:970px;width:100%;}
*/

/* Paginador -------------------------------------- */
div.paginador 				{ clear: both; margin: 1em 0; color: #DDD; border:  }

div.paginador .primero	 { float: left; padding: .5em; }
div.paginador .anterior	 { float: left; padding: .5em;  }
div.paginador .siguiente { float: right; padding: .5em; }
div.paginador .ultimo    { float: right; padding: .5em; }

div.paginador .paginas	 { float: left; text-align: center; font-weight: bold; padding: .2em; color: black; border:  }

div.paginador .paginas a { font-weight: normal; }
div.paginador .paginas a:hover {  }

/* Controles .NET --------------------------- */
/*
.NET_TextBox, .NET_Checkbox, .NET_DropDownList { border: #90a0ac 0px solid; background: #F5F5F5; width: 190px; color: #4682B4; font-size: x-small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.NET_TextBox_mini		{ border: #90a0ac 0px solid; background: #F5F5F5; width: 45px; color: #4682B4; font-size: x-small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.NET_TextBox_login   { border: #90a0ac 0px solid; background: #F5F5F5; width: 80px; color: #4682B4; font-size: x-small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.NET_DropDownList_mini { border: #90a0ac 0px solid; background: #F5F5F5; width: 80px; color: #4682B4; font-size: x-small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
*/

.calendario_izda { float: left; }
.calendario_dcha { float: right; text-align: right; }

TABLE.datos { width: 100%; border: 0px solid; margin-bottom: 10px; font-size: .8em; }
div.elemento TABLE.datos { font-size: 1em; }
TABLE.datos td,
TABLE.datos th { padding: .2em; }
TABLE.datos td.moneda,  
TABLE.datos th.moneda { text-align: right; }
TABLE.datos td.centro,  
TABLE.datos th.centro { text-align: center; }
TABLE.datos tr.fila_impar { }
TABLE.datos tr.fila_par { background-color: #EEE; }
TABLE.datos thead th { font-weight: bold; background-color: #666; border-bottom: 2px solid black; color: #DDD; }
TABLE.datos tr.hover { background-color: #DDD }

TABLE.mapa_globo { width: 100%; font-size: .7em; }
TABLE.mapa_globo td,
TABLE.mapa_globo th { padding: .2em 0; }
TABLE.mapa_globo th { font-size: 1.2em; background: #EEE; }
TABLE.mapa_globo th { font-weight: bold; border-bottom: 1px solid silver; text-align: center;}
TABLE.mapa_globo td.precios { text-align: right; vertical-align: middle; }
TABLE.mapa_globo td.pie { text-align: center; border-top: 1px solid silver;}
TABLE.mapa_globo td.foto {width: 120px; padding: .6em .5em 0 0; border-right: 1px solid silver;}

div.destacado TABLE.datos_reserva { margin: 1em 0; padding: 15px; font-size: .8em; width: 100%; }
div.destacado TABLE.datos_reserva td { font-weight: bold; text-align: right; }

/* Botones -------------------------------------- */
/*div.grupo_botones,
div.grupo_botones_inferior			{ clear: both; float: left; width: 100%; margin-top: 10px; margin-bottom: 5px; text-align: right;  border-top: 5px solid #4682B4; padding-top: 7px; }
div.grupo_botones_superior			{ clear: both; float: left; width: 100%; margin-top: 5px; margin-bottom: 10px; text-align: right;  border-bottom: 5px solid #4682B4; padding-bottom: 7px; }
*/
.boton_nuevo	 			{ float: right; font-size: x-small; background: url(/images/iconos/nuevo.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_editar	 			{ float: right; font-size: x-small; background: url(/images/iconos/editar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_aceptar	 			{ float: right; font-size: x-small; background: url(/images/iconos/Aceptar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_cancelar 			{ float: left; font-size: x-small; background: url(/images/iconos/cancelar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-right: 4px; }
.boton_eliminar 			{ float: left; font-size: x-small; background: url(/images/iconos/cancelar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 20px; margin-right: 4px; }
.boton_imagenes 			{ float: right; font-size: x-small; background: url(/images/iconos/imagenes.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_valoracion			{ float: right; font-size: x-small; background: url(/images/iconos/euro.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_volver	 			{ float: left; font-size: x-small; background: url(/images/iconos/volver.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 20px; margin-right: 4px; }
.boton_buscar				{ float: right; font-size: x-small; background: url(/images/iconos/buscar.png) 3px no-repeat #F5F5F5; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 25px; }
.boton_restaurar 			{ float: left; font-size: x-small; background: url(/images/iconos/reset.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-right: 4px; }
.boton_buscar_mini		{ font-size: x-small; background: url(/images/iconos/buscar.png) 3px no-repeat #F5F5F5; width: 70px; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 20px; }
.boton_mas_informacion 	{ float:left; font-size: x-small; background: url(/images/iconos/Informacion.png) 3px no-repeat; width: auto; font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 38px; }
.boton_cerrar_ayuda		{ position: absolute; right: 10px; bottom: 10px; font-size: x-small; background: url(/images/iconos/cerrar.gif) right no-repeat; width: auto; font-family: Verdana; color: #4682B4; padding: 3px; padding-right: 23px; margin-left: 4px; }
.boton_solicitar_info	{ float: right; font-size: x-small; background: url(/images/iconos/informacion.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }




/* Imagenes ------------------------- */
/*.imagen_mini 		{	width: 70px; }
.imagen_grande 	{	width: 500px; }
.imagen_portada 	{	width: 200px; height: 150px; }
.imagen_detalle_seleccion 	{	width: 250px; }
.imagen_detalle_miniatura	{	width: 120px; }
.imagen_detalle_miniatura_seleccion	{	float: left; width: 70px; margin: 0; padding: 0; }
.miniatura_seleccion { width: 340px; }
*/

.imagen_mini 		{	width: 70px; }
.imagen_grande 	{	width: 500px; }
.imagen_portada 	{	width: 160px; height: 120px; }
.imagen_ficha_listado 	{	width: 200px; height: 150px; }
.imagen_mapa 	{	width: 120px; }
.imagen_detalle_seleccion 	{	width: 200px; }
.imagen_detalle_miniatura	{	width: 97px; }
.imagen_detalle_miniatura_seleccion	{	float: left; width: 70px; margin: 0; padding: 0; }
.miniatura_seleccion { width: 340px; }


div.miniaturas_horizontal { clear:both; margin-bottom: 15px; background:#F5F5F5; width: 590px; padding: 3px 3px 8px 3px; }
div.miniaturas_horizontal div.elemento { float: left; padding: 5px; margin: 5px; border: 1px solid gray; width: auto; }

div.miniatura_horizontal { float: left; padding: 5px; margin: 5px 25px 5px 5px; border: 1px solid gray; }

div.miniaturas_vertical { clear:both; margin-bottom: 15px;  padding: 3px 3px 8px 3px; }
div.miniaturas_vertical div.elemento { clear: left;  float: left; padding: 5px; margin: 5px; border: 1px solid gray; width: auto; }

div.miniaturas_vertical { clear: left; float: left; padding: 5px; margin: 5px 25px 5px 5px; }



/* Portada -------------------------------------- */
div.portada_grupo_productos														{ clear:both; width: 98%; margin-bottom: 50px;}
div.portada_grupo_productos div.producto										{ margin: 0 0 2em 0; overflow: hidden; font-size: .9em; clear: left; }

div.portada_grupo_productos div.producto div.cabecera						{ padding: .3em; background: #EEEEEE; font-size: 1.3em; overflow: hidden; height: 1.3em; }
div.portada_grupo_productos div.producto div.cabecera div.titulo		{ float: left; font-size: 1em; }
div.portada_grupo_productos div.producto div.cabecera div.referencia	{ float: right; font-size: 0.8em; }
div.portada_grupo_productos div.producto div.imagen						{ clear: left; float: left; padding: .3em; }
div.portada_grupo_productos div.producto div.caracteristicas  { float: left; padding: 1em;  }
div.portada_grupo_productos div.producto div.tarifas  { clear: right; float: right; text-align: right; padding: 1em; }
div.portada_grupo_productos div.producto div.tarifas span.comentario { font-size: .8em; color: silver; }
div.oferta { border: 3px solid #99cc00; }
span.oferta {color: #99cc00; font-size: .8em; font-weight: bold; }


div.hover{
	background: #DDD;
}

/* Detalle de producto (Zona PUBLICA) ---------------------------- */
div.producto_detalle											{ clear: both; overflow: hidden; }

div.producto_detalle	div.cabecera						{ background: url(/images/iconos/fondo_titulo.jpg) left bottom no-repeat; font-weight: bold;  height: 20px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: White; margin-bottom: 2px; padding: 5px; padding-bottom: 7px; padding-left: 10px; } 
div.producto_detalle	div.cabecera div.referencia 	{ float: right; color: Black; font-size: x-small; padding-top: 5px; }
div.producto_detalle	div.cabecera div.localizacion { float: left; font-size: medium; }

/*
div.producto_detalle	div.galeria							{ clear: left; float: left; width: 250px; padding: 10px; border: 1px solid #CCC; background: #DDD; overflow: hidden;}
div.producto_detalle	div.galeria	div.seleccion		{ padding: 0px; text-align: center }
div.producto_detalle	div.galeria	div.miniaturas		{ clear:left; margin: .5em 0; text-align: center; }
div.producto_detalle	div.galeria	div.miniaturas div.elemento { float:left; padding: .2em; }
*/

div.producto_detalle	div.galeria							{ clear: left; float: left; width: 205px; padding: 10px; border: 1px solid #CCC; background: #DDD; overflow: hidden;}
div.producto_detalle	div.galeria	div.seleccion		{ padding: 0px; text-align: center }
div.producto_detalle	div.galeria	div.miniaturas		{ clear:left; margin: .5em 0; text-align: center; }
div.producto_detalle	div.galeria	div.miniaturas div.elemento { float:left; padding: .15em; }

div.producto_detalle	div.caracteristicas	div.caracteristicas_lista { float:left; font-size: 0.8em; }
div.producto_detalle	div.caracteristicas	div.descripcion,
div.producto_detalle	div.caracteristicas	div.extras { float:left; font-size: 1em; line-height: 1.2em;}

div.producto_detalle	div.caracteristicas	div.mapa,
div.producto_detalle	div.caracteristicas	div.precio { float: right; text-align: right; margin: 0 0 15px 0; font-size: 1em; line-height: 1.1em; width: 160px; }
div.producto_detalle	div.caracteristicas	div.mapa {font-size: 0.8em; }



div.miniaturas_horizontal { clear:both; margin-bottom: 15px; background:#F5F5F5; width: 590px; padding: 3px 3px 8px 3px; }
div.miniaturas_horizontal div.elemento { float: left; padding: 5px; margin: 5px 6px  5px  5px; border: 1px solid gray; width: auto; }

div.miniatura_horizontal { float: left; padding: 5px; margin: 5px 25px 5px 5px; border: 1px solid gray; }

div.producto_detalle	div.caracteristicas									{ float: right; width: 280px; font-size: .9em; line-height: 1em;}
div.producto_detalle	div.caracteristicas div.titulo	 				{ background-color: #F5F5F5; border: 1px solid #A5B8DE; font-weight: bold; padding: 5px; }
div.producto_detalle	div.caracteristicas div.elemento 				{ margin-top: 2px; margin-bottom: 5px; height: 15px; }
div.producto_detalle	div.caracteristicas div.elemento span.campo 	{ margin-left: 10px; float: left; width: 50%; font-weight: bold;}
div.producto_detalle	div.caracteristicas div.elemento span.valor 	{ float: left; width: 40%; }

div.producto_detalle	div.descripcion					{ background-color: #F5F5F5; padding: 10px; margin-top: 5px; border: 1px solid #99cc00; }

div.ingreso_listado {width: 200px;}

div#div_cargando {
  border: 2px solid #ff7c00; 
	position: absolute;
	top: 39%;
	left: 32.5%;
	text-align: center;
	width: 400px;
	background: Black;
	color: White;
	padding: 20px;
  z-index: 9999;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

div#div_cargando span.url { font-weight: bold;  color: #ff7c00; font-size: 1em;}




span.orden_asc { font-weight: bold; }
span.orden_desc { font-weight: bold; }

.handcursor{
cursor:hand;
cursor:pointer;
}

div.desc_aplicado { color: green; text-align: center; margin: .8em 2.5em .8em 0; padding: .8em; background: white; }

.centrar { text-align: center; }



div.MaskedDiv 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
    z-index:100;
	background-image:url(/images/Mask.png);
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/Mask.png');
}


div.ModalPopup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #CCCCCC;
	position:absolute;
	/* set z-index higher than possible */
	z-index:10000;
	visibility: hidden;
	 color: Black;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
    width: 300px;
    height :auto;
}


 .style1
        {
            width: 55%;
        }
        .style2
        {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: small;
        }
        .style3
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: small;
            text-align: left;
        }
        
        
        
        
        #modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 300px;
    height: 300px;
    padding: 0px;
}
.modalTop
{
    width: 292px;
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}



/* ------------ */
/*     POPUP    */
/* ------------ */


div#popup { background: #FFF;}
div#popup a { cursor: hand; cursor: pointer; }
div#popup div.cuerpo { background: white url('/images/fondo_popup.png') repeat-x; color: black; padding: 20px; }
div#popup div.cuerpo div.logo_popup { float: right; margin: 10px 0 10px 10px; }
div#popup div.pie { background: white; color: black; padding: 10px; }

/* NO TOCAR */
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
	background-color:#000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
#popupContainer {
  background: #FFF;
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 5px solid #7e9337;
	background-color: #FFF;
}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
  background:#FFF;
}
#popupTitleBar {
	background-color: #9bb446;
	color: #FFFFFF;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 3px solid #000000;
	border-top: 1px solid #9bb446;
	border-left: 1px solid #9bb446;
	border-right: 1px solid #9bb446;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 19px;
	width: 19px;
	text-indent: -9000px;
	background: url('/images/iconos/cerrar_popup.png') no-repeat;
}