.catalogo { width: 100%; }

.catalogo .watermark { color: Gray; }

.catalogo .main { vertical-align: top; }

.catalogo .main .box {
   margin-left: 1em;
   margin-right: 1em;
   /*text-align: center;*/
}

.catalogo .main .opciones-productos {
   border: solid 1px #dadada;
   margin: 1em 0 2em 0;
   background-color: #f1f1f1;
   font-size: 90%;
}

.catalogo .main .opciones-productos div, .catalogo .main .paging div {
   padding: 0 0.5em 0 0.5em;
}

.catalogo .main .selected-mode {
   font-weight: bold;
   text-decoration: none;
   color: black;
   cursor: default;
}

.catalogo .main .marca {
   font-weight: bold;
}

.catalogo .codigo {
   font-size: 80%;
   font-weight: normal;
   color: #555555;
   margin-left: 0.7em;
}

.catalogo .main .paging {
   border: solid 1px #dadada;
   margin: 2em 0 2em 0;
   background-color: #f1f1f1;
   text-align: center;
   font-size: 110%;
   /*font-weight: bold;*/
}

.catalogo .main .paging .navigate-previous { margin-right: 1em; }
.catalogo .main .paging .navigate-next { margin-left: 1em; }
.catalogo .main .paging .current { font-weight: bold; }

.catalogo .main .mensaje {
   border: dashed 1px #d49f60;
   padding: 0.3em;
   background-color: #f6f4d4;
   margin-bottom: 1em;
}

.catalogo .main .opciones-globales {
   text-align: right; 
   margin-bottom: 0.5em;
}

.catalogo .main .opciones-globales .links {
   font-size: 85%; 
   font-weight: bold;
   color: #666;
}

.catalogo .main .opciones-globales .links .link {
   margin-left: 0.5em;
}

.catalogo .main .opciones-globales .links a:link, 
.catalogo .main .opciones-globales .links a:visited {
   text-decoration: none;
   color: #666;
}

.catalogo .main .admin-menu {
   background-color: #fff;
   border: solid 1px silver;
   padding: 10px;
   font-size: 90%;
}

.catalogo .main .admin-menu .titulo {
   font-weight: bold;
   display: block;
   margin-bottom: 0.5em;
}

.catalogo .main .admin-menu .list {
   margin-bottom: 1em;
   padding-left: 0.5em;
   line-height: 165%;
}

.catalogo .main .admin-menu .list .listitem { }

.catalogo .tooltip { 
   border: solid 1px;
   font-family: Tahoma; 
   font-size: 8pt;
   background-color: lemonchiffon;
   padding-left: 5px;
	padding-right: 5px;
}

.catalogo .main .ordenar-por {
   /*margin-left: 2em;*/
}

.catalogo .main .modo {
   white-space: nowrap;
}

/*--------- catalogo/tabla ----------*/
.catalogo .tabla {
   border-collapse: collapse;
   border: none;
   width: 100%;
   font-size: 90%;
   border-color: #fff;
}

.catalogo .tabla td, .catalogo .tabla th {
   padding: 0.5em;     
   border: none;
}

.catalogo .tabla .precio {
   font-weight: bold;
   color: chocolate;
}

.catalogo .tabla .precio-comparacion {
   color: gray;
}

.catalogo .tabla .alt-row {
   /*background-color: #fff;*/
}

.catalogo .tabla .row {
   background-color: #f1f1f1;
}

/*-------- migajas --------*/
.catalogo .main .migajas {
   font-size: 85%;
   font-weight: bold;
   margin-bottom: 1em;
   clear: both;
}

.catalogo .main .migajas .sep {
   color: #67a4de;
}

.catalogo .main .migajas a:link, .catalogo .main .migajas a:visited {
   color: Gray;
   text-decoration: none;
} 

/*-------- imagenes -------*/
.catalogo .main .imagenes {
   /*border: solid 1px;*/
}

.catalogo .main .imagenes tfoot td {
   text-align: right;
}

.catalogo .main .imagenes tfoot button {
   font-weight: bold;
   font-family: Verdana;
   font-size: 16px;
   width: 1.2em;
   height: 1.2em;
   background-color: whitesmoke;
   border: solid 2px silver;
   margin-left: 0.3em;
   line-height: 50%;
}

/*-------- detalle/opciones --------*/
.catalogo .detalle .opciones {
   font-size: 85%;
   border: solid 1px #c0c0c0;
   line-height: 150%;
   background-color: #fff;
}

.catalogo .detalle .opciones .precio {
   font-size: 130%;
   color: chocolate;
   font-weight: bold;
}

.catalogo .detalle .opciones .precioComparacion {
   color: #555555;
}

.catalogo .detalle .opciones .ahorro, .catalogo .detalle .opciones .ahorro-pct {
   font-size: 110%;
   font-weight: bold;
   color: #555555;
}

.catalogo .detalle .opciones .disponibilidad {
   font-weight: bold;
}

.catalogo .detalle .opciones .al-carro, .catalogo .detalle .opciones .cotizar {
   font-weight: bold;
   font-size: 110%;
}