/* ----------------------------------------------------------------------------
Estilos para paginas de contenido
Author:   CSDC
Version:  Abril 2008
---------------------------------------------------------------------------- */

/* =Layout Basico
---------------------------------------------------------------------------- */
body { background: #939393 url(/porquetuvuelves/images/body-bg2.gif) no-repeat scroll;}

#cabecera {
  position: absolute;
  top: 0;
  left: 50%;
  width: 812px;
  height: 127px;
  background: url(/porquetuvuelves/images/cabecera/cabecera-bg.gif) no-repeat;
  margin-left: -406px;
  margin-right: auto;
}

#cabecera.pt {
  background-image: url(/porquetuvuelves/images/cabecera/cabecera-bg-pt.gif);
}

#contenedor {
  position: relative;
  width: 812px;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
}

* html #contenedor {
  height: 100%; /* establecemos la altura para IE */
}

#pie {
  font-size: 10px;
  position: relative;
  clear: both;
  width: 812px;
  height: 52px;
  background: url(/porquetuvuelves/images/pie/pie-bg.gif) no-repeat top;
  vertical-align: bottom;
  margin-top: -16px;
  margin-left: auto;
  margin-right: auto;
}

#pie.pt {
  background-image: url(/porquetuvuelves/images/pie/pie-bg-pt.gif);
}

/* =Decoracion Cabecera
---------------------------------------------------------------------------- */

#navegacion_cabecera {
  position: absolute;
  left: 716px;
  top: 63px;
  height: 29px;
  overflow: hidden;
}

#navegacion_cabecera ul li {
  display: inline; /* las items de una lista deben mostrar en una linea */
  padding-left: 5.15px; /* se crea espacio entre los items */
  margin-left: 5.15px; /* se crea espacio entre los items */
}

/* =Decoracion Pie de pagina
---------------------------------------------------------------------------- */

#navegacion_pie {
  margin-left: 174px;
  padding-top: 20px;
}

#navegacion_pie.pt {
  margin-left: 134px;
}

#navegacion_pie ul li {
  display: inline; /* para eliminar double margin bug en IE */
  margin-left: 0;
  margin-right: 4px!important; /* separar los items */
  margin-right: 6px;
  padding-right: 7px!important; /* separar los items */
  padding-right: 4px;
  border-right: 1px solid #fff; /* dibuja el separador de items */
}

#navegacion_pie ul li.last {
  border-right: none; /* el ultimo item de la lista no tiene una raya a la derecha */
}

#navegacion_pie ul li a {
  color: #fff;
  text-decoration: underline;
  font: normal 10px/10px Verdana, Arial, Helvetica, Sans Serif;
}

#navegacion_pie ul li a:hover  {
  text-decoration: none;
}

/* =Pagina
---------------------------------------------------------------------------- */
#zona_1 {
  position: relative;
  top: 127px;
  width: 812px;
  height: 257px;
  vertical-align: top;
}

div.inicio {
  background: url(/porquetuvuelves/images/contenido/zona_1_inicio-bg.gif) no-repeat top;
}

div.inicio_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_inicio-bg-pt.gif) no-repeat top;
}

div.conocenos {
  background: url(/porquetuvuelves/images/contenido/zona_1_conocenos-bg.gif) no-repeat top;
}

div.conocenos_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_conocenos-bg-pt.gif) no-repeat top;
}

div.promociones {
  background: url(/porquetuvuelves/images/contenido/zona_1_promociones-bg.gif) no-repeat top;
}

div.promociones_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_promociones-bg-pt.gif) no-repeat top;
}

div.canjea {
  background: url(/porquetuvuelves/images/contenido/zona_1_canjea-bg.gif) no-repeat top;
}

div.canjea_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_canjea-bg-pt.gif) no-repeat top;
}

div.estaciones {
  background: url(/porquetuvuelves/images/contenido/zona_1_estaciones-bg.gif) no-repeat top;
}

div.estaciones_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_estaciones-bg-pt.gif) no-repeat top;
}

div.productos {
  background: url(/porquetuvuelves/images/contenido/zona_1_productos-bg.gif) no-repeat top;
}

div.productos_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_productos-bg-pt.gif) no-repeat top;
}

div.alianzas {
  background: url(/porquetuvuelves/images/contenido/zona_1_alianzas-bg.gif) no-repeat top;
}

div.canal_ocio {
  background: url(/porquetuvuelves/images/contenido/zona_1_canal_ocio-bg.gif) no-repeat top;
}

div.que_necesitas {
  background: url(/porquetuvuelves/images/contenido/zona_1_que_necesitas-bg.gif) no-repeat top;
}

div.que_necesitas_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_que_necesitas-bg-pt.gif) no-repeat top;
}

div.bases_legales {
  background: url(/porquetuvuelves/images/contenido/zona_1_bases_legales-bg.gif) no-repeat top;
}

div.bases_legales_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_bases_legales-bg-pt.gif) no-repeat top;
}

div.privada {
  background: url(/porquetuvuelves/images/contenido/zona_1_privada-bg.gif) no-repeat top;
}

div.privada_pt {
  background: url(/porquetuvuelves/images/contenido/zona_1_privada-bg-pt.gif) no-repeat top;
}

#zona_2 {
  float: left;
  width: 812px;
  display : inline;
  background: #fff url(/porquetuvuelves/images/contenido/zona_2-bg.gif) no-repeat bottom;
  padding-top: 127px;
  padding-bottom: 27px;
}

#contenido_zona_2 {
  display: inline;
  float: left;
  padding: 5px 20px;
  width: 535px;
}

#separador_zona_2 {
  display: inline;
  float: left;
  text-align: center;
  background: url(/porquetuvuelves/images/contenido/vertical_zona_2.gif) repeat-y top center;
  margin-top: 5px;
}

/* textos */
.textoZona1 {
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

.textoZona2 {
  font: normal 12px/14px Arial, Verdana, Helvetica, Sans Serif;
  text-align: justify;
  color: #666;
}

.textoZona2.inicio {
  font: normal 12px/13px Arial, Verdana, Helvetica, Sans Serif;
}

.textoZona2_black {
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  text-align: right;
  color: #000;
}

.textoZona2pequeno {
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  text-align: justify;
  color: #333;
}

.textoZona2pequeno a {
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
}

.textoZona2_faq {
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  text-align: justify;
  margin-left: 10px;
  color: #666;
  
}

.textoZona2_bold {
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  text-align: justify;
  font-weight: bold;
  color: #333;
}

.textoZona2Rojo {
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  color: #ec0000;
}

.textoZona2Rojo a {
  color: #bb1002;
  text-decoration: underline;
}

.textoZona2Rojo a:hover {
  text-decoration: none;
}

.textoZona2Rojo a.inicio, a.inicio:hover {
  line-height: 14px;
  text-decoration: none;
}

.textoNowrap {
  white-space: nowrap;
}

.horizontalZona2 {
  margin-top: -11px;
  height: 10px;
  background: transparent url(/porquetuvuelves/images/contenido/home/horizonal_zona_2.gif) no-repeat center top;
}

.horizontalZona2 hr {
  display: none;
}

.textoZona2RojoMedio {
  font: normal 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #ec0000;
}

.textoZona2RojoGrande {
  font: bold 48px/48px Arial, Verdana, Helvetica, Sans Serif;
  text-align:justify;
  margin-bottom: 0px;
  margin-top:: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #ec0000;
}

.textoZona2Rojo20 {
  margin: 0;
  font: 20px/20px Arial, Verdana,  Helvetica, sans-serif;
  color: #cc0000;
  text-align: center;
}

.textoZona2Rojo26 {
  margin: 0;
  font: bold 26px/26px Arial, Verdana, Helvetica, sans-serif;
  color: #cc0000;
  text-align: center;
}

/* navegacion */
#navegacion_contenido {
  display: inline;
  float: right;
  padding: 5px 19px 5px 20px;
  width: 197px;
}

#navegacion_bottom, #navegacion_bottom_areareservada {
  background: url(/porquetuvuelves/images/menu_derecho/fondo_bottom.gif) no-repeat center bottom;
}

#navegacion_bottom {
  margin-bottom: 14px;
  padding-bottom: 6px;
}

#navegacion_bottom_areareservada {
  margin-bottom: 12px;
  padding-bottom: 3px;
}

#navegacion_right, #navegacion_right_areareservada {
  background: #ec0000 no-repeat scroll right 12px;
}

#navegacion, #navegacion_areareservada {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_top.gif) no-repeat center top;
  padding-top: 10px;
}

#form_areareservada {
  margin: 0;
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_menu.gif) no-repeat top left;
  padding: 0 5px 10px 5px;
}

#banner_navegacion {
  width: 197px;
}

#banner_navegacion img {
  margin-bottom: 7px;
}

/* contenido */
.item_table {
  margin: 0 0 1em 0;
}

.item_image {
  margin: 5px;
}

div.item_contenido, table.item_contenido, tr.item_contenido {
  background: #f1f1f1 url(/porquetuvuelves/images/contenido/item_bg.gif) no-repeat scroll top left;
}

td.item_contenido {
  padding: 6px 0 5px 7px;
  background: transparent url(/porquetuvuelves/images/contenido/item_bg_line.gif) repeat-x top left;
  font: normal 12px/12px Verdana, Arial, Helvetica, Sans Serif;
}

td.item_contenido a {
  text-decoration: none;
}

.titulotabla {
  height: 10px;
  background-color: #e00000;
  color: #fff;
}


/* =Area Privada
---------------------------------------------------------------------------- */
div.area_privada_zona_1 {
  width: 173px;
  height: 83px
}

div.puntos_acumulados {
  background-image: url(/porquetuvuelves/images/contenido/area_privada/mispromociones/puntos_acumulados.gif);
}

div.puntos_acumulados_pt {
  background-image: url(/porquetuvuelves/images/contenido/area_privada/mispromociones/puntos_acumulados-pt.gif);
}

div.estacion_habitual {
  background-image: url(/porquetuvuelves/images/contenido/area_privada/mispromociones/estacion_habitual.gif);
}

div.estacion_habitual_pt {
  background-image: url(/porquetuvuelves/images/contenido/area_privada/mispromociones/estacion_habitual-pt.gif);
}

div.num_promociones {
  background-image: url(/porquetuvuelves/images/contenido/area_privada/mispromociones/promociones.gif);
}

div.num_promociones_pt {
  background-image: url(/porquetuvuelves/images/contenido/area_privada/mispromociones/promociones-pt.gif);
}

.privada_cabecera {
  padding: 25px 25px 0 25px;
  background: transparent url(/porquetuvuelves/images/contenido/promociones/descripcion_promocion.gif) no-repeat top left;
  font: normal 14px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #545454;
  height: 45px;
}

.textoCabecera {
  position: absolute;
  font: bold 26px/26px Arial, Verdana, Helvetica, Sans Serif;
  color: #838383;
  text-align: center;
}

.textoPuntosAcumulados {
  margin-top: 43px;
  margin-left: 73px;
  width: 86px;
  text-align: right;
}

.textoPromociones {
  margin-top: 43px;
  margin-left: 18px;
}

/* area acceso */
form.area_privada {
  margin: 0; padding: 0;
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

form.area_privada a {
  color: #ff1700;
}

form.area_privada a.ver_demostracion {
  color: #666;
  text-decoration: none;
}

form.area_privada a.cerrar_sesion {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #666;
  text-decoration: none;
}

form.area_privada td.saludo {
  width: 158px;
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #848484;
}

form.area_privada td.ultima_conexion {
  width: 158px;
  color: #848484;
}

form.area_privada span.nombre_usuario {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #000;
}

form.area_privada input {
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}


/* =Menu Superior
---------------------------------------------------------------------------- */
#menu_superior {
  position: absolute;
  top: 97px;
  left: 0;
  width: 816px;
  height: 31px;
}

#menu_superior, #menu_superior ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* items de menu */
#menu_superior a {
  display: block;
  padding: 13px 7px;
  color: #fff;
  text-decoration: none;
  font: bold 12px/12px Arial, Verdana, Helvetica, Sans Serif;
}

#menu_superior a.pt {
  padding: 13px 13px;
}

#menu_superior li {
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
}

/* pestanias */
#menu_superior ul.TabPage {
  position: relative;
}

#menu_superior ul li.Tab {
  position: relative;
  float: left;
  z-index: 100;
  margin: 0;
  cursor: pointer; cursor: hand;
}

#menu_superior ul li.Tab.Active {
  background: url(/porquetuvuelves/images/menu/pestania_linea.gif) repeat-x top left;
}

#menu_superior ul li.Tab.ActiveBefore  {
  background: url(/porquetuvuelves/images/menu/muesca_derecha.gif) no-repeat left 20px;
}

#menu_superior ul li.Tab.ActiveAfter {
  background: url(/porquetuvuelves/images/menu/muesca_izq.gif) no-repeat right 20px;
}

#menu_superior ul li.Tab.Active a {
  color: #000;
  font-weight: bold;
}

/*
#menu_superior ul li.Tab a:hover {
  z-index: 99;
  background: url(/porquetuvuelves/images/menu/pestania_linea_up.gif) repeat-x left 5px;
  color: #fff;
}

#menu_superior ul li.Tab.Active a:hover {
  background: url(/porquetuvuelves/images/menu/pestania_linea.gif) repeat-x top left;
  color: #000;
}
*/


/* =Mapa Web
---------------------------------------------------------------------------- */
ul.lista {
  list-style-image: url(/porquetuvuelves/images/contenido/ver2.gif);
  vertical-align: middle;
}

ul.lista.mapa {
  list-style-image: url(/porquetuvuelves/images/contenido/ver3.gif);
}

ul.lista[class] {
  list-style-image: url(/porquetuvuelves/images/contenido/ver.gif);
  vertical-align: top;
}

ul.lista a {
  text-decoration: underline;
}

ul.lista.mapa a {
  text-decoration: none;
}

ul.lista a:hover {
  text-decoration: none;
}

ul.lista.mapa a:hover {
  text-decoration: underline;
}

ul.lista li span {
  padding-top: 5px;
}

ul.lista li span {
  color: #333;
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
}

ul.lista li ul li a {
  color: #666;
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
}


/* =Estaciones de Servicio
---------------------------------------------------------------------------- */
table.form.texto th.eess_avanzado {
  text-align: left;
  padding-left: 5px;
}

table.form.texto.eess th {
  width: 130px;
}

table.form.texto.eess a, table.form.texto.eess a:hover {
  padding-left: 0;
  color: #000;
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  text-decoration: underline;
}

table.form.texto.eess a:hover {
  text-decoration: none;
}

.tabla {
  height: 285px;
  width: 527px;
}

.cabeceraBuscador {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/cabeceraBuscador.gif) no-repeat top left;
  height: 25px;
  width: 527px;
}

.detalleBuscador1 {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleBuscador1.gif) no-repeat top left;
  width: 196px;
  padding-right: 6px;
  padding-top: 15px;
}

.detalleBuscador2 {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleBuscador2.gif) no-repeat top right;
  width: 334px;
}

.detalleBuscador {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleBuscador.gif) no-repeat top left;
  width: 527px;
}

.detalleBuscador_left {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleBuscador.gif) no-repeat top left;
  width: 15px;
}

.detalleBuscador_right {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleBuscador.gif) no-repeat top right;
  width: 15px;
}

.detalleBuscador_bottom {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleBuscador_bottom.gif) no-repeat bottom left;
  width: 527px;
  height: 15px;
}

.detalleResultado {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleResultado.gif) no-repeat top left;
  width: 527px;
}

.detalleResultado_MP {
  background: none;
}

.detalleResultado_left {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleResultado.gif) no-repeat top left;
  width: 15px;
}

.detalleResultado_left_MP {
  background: none;
}

.detalleResultado_right {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleResultado.gif) no-repeat top right;
  width: 15px;
}

.detalleResultado_right_MP {
  background: none;
}

.detalleResultado_bottom {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/detalleResultado.gif) no-repeat bottom left;
  width: 527px;
  height: 15px;
}

.detalleResultado_bottom_MP {
  background: none;
  height: 0px;
  line-height: 0px;
}

.cabeceraResultado {
  background: url(/porquetuvuelves/images/contenido/estaciones_servicio/cabeceraResultado.gif) no-repeat top left;
  height: 25px;
  width: 527px;
}

.textoZona2Blanco_bold, .textoZona2Blanco_bold a {
  margin: 4px 0 0 20px;
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  text-align: justify;
  font-weight: bold;
  color: #fff;
}

.textoZona2Blanco_bold a, .textoZona2Blanco_bold a:hover {
  margin: 0;
  text-decoration: none;
}

.textoZona2.buscador_eess {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
  padding-left: 15px;
}

.textoZona2.buscador_eess_avanzado {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
  padding-left: 10px;
}

.textoZona2.detalle_eess {
  font: normal 11px/14px Verdana, Arial, Helvetica, Sans Serif;
  color: #333;
  padding: 0px 5px 0px 15px;
  text-align: left;
}

.textoZona2.buscador_eess_avanzado_gris {
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  color: #999;
}

.textoZona2Rojo_eess, .textoZona2Rojo_eess a {
  font: normal 11px/11px Verdana, Arial, Helvetica, Sans Serif;
  color: #ec0000;
}

.textoZona2RojoMedio.eess, .textoZona2RojoMedio.eess a, .textoZona2RojoMedio.eess a:hover {
  font: normal 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #cc0000;
  padding-left: 15px;
  text-decoration: none;
}

td.item_contenido_eess {
  padding: 6px 0 5px 7px;
  background: transparent url(/porquetuvuelves/images/contenido/item_bg_line2.gif) repeat-x top left;
}


/* =Promociones
---------------------------------------------------------------------------- */
.item_contenido_promo_destacados {
  background: transparent url(/porquetuvuelves/images/contenido/promo_destacados.gif) no-repeat top left;
}

.promocion_det_cabecera {
  padding: 0 15px 10px 25px;
  background: transparent url(/porquetuvuelves/images/contenido/promociones/descripcion_promocion.gif) no-repeat top left;
  font: normal 20px/20px Arial, Verdana, Helvetica, Sans Serif;
  color: #000;
  height: 75px;
}

.promocion_det_separador {
  width: 20px;
  height: 100%;
  background: url(/porquetuvuelves/images/contenido/promociones/separador_detalle_promocion.gif) repeat-y top center;
}

.textoTituloPromociones {
  font: normal 16px/16px Verdana, Arial, Helvetica, Sans Serif;
  color: #000;
}

td.promocion_det_imagen {
  padding: 5px 0 0 0;
  width: 150px;
  vertical-align: top;
  text-align: center;
}

.textoZona1.promociones {
  font: normal 12px/16px Arial, Verdana, Helvetica, Sans Serif;
}

.textoPromocionesRojo {
  font: bold 12px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #cc0000;
}

.textoPromocionesRojoGrande {
  font: bold 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #bb1100;
}

.textoPromocionesGris {
  font: normal 11px/15px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

.textoPromocionesGrisGrande {
  font: normal 11px/15px Arial, Verdana, Helvetica, Sans Serif;
  color: #616161;
}

/* ganadores */
.textoZona2Rojo_ganadores {
  font: normal 14px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #bb1002;
}

.textoZona2RojoMedio_ganadores {
  font: normal 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #bb1002;
}

.textoZona2.ganadores, .textoZona2.ganadores a {
  color: #666;
  text-align: left;
}

ul.lista.ganadores {
  margin: 0 0 1px 0;
}


/* =Canjea
---------------------------------------------------------------------------- */
.form_canjea {
  margin: 0;
}

.textoZona1.canjea {
  color: #666;
}

.textoPuntosCanjea {
  margin: -32px 0pt 0pt 18px;
  position: absolute;
  font: bold 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
  text-align: right;
}

td.item_contenido_canjea {
  padding: 10px 0 5px 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/porquetuvuelves/images/contenido/item_bg_line3.png');
}

td.item_contenido_canjea[class] {
  background: transparent url(/porquetuvuelves/images/contenido/item_bg_line3.png) no-repeat top left;
}

/* buscador catalogo */
.panelBuscador {
  background: url(/porquetuvuelves/images/contenido/canjea/panel_buscador.gif) no-repeat bottom center;
}

.panelCatalogo_top {
  background: url(/porquetuvuelves/images/contenido/canjea/panel_catalogo_top.gif) no-repeat top left;
}

.panelCatalogo {
  background: url(/porquetuvuelves/images/contenido/canjea/panel_catalogo.gif) repeat-y top left;
}

.panelCatalogo_bottom {
  background: url(/porquetuvuelves/images/contenido/canjea/panel_catalogo_bottom.gif) no-repeat bottom left;
}

/* catalogo */
.item_contenido_catalogo_destacados {
  background: transparent url(/porquetuvuelves/images/contenido/canjea/catalogo_destacados.gif) no-repeat top left;
  padding: 13px 15px 11px 13px;
}

.seccion_comun {
  width: 175px;
  height: 35px;
  font-weight: bold;
  color: white;
}

/* para ti */
.seccion_1056502, .seccion_1057702 {
  background-color: #b993a6;
}

/* para tu hogar */
.seccion_1056504, .seccion_1057704 {
  background-color: #96bf0d;
}

/* para los mas pequeños de la casa */
.seccion_1056501, .seccion_1057701 {
  background-color: #f49e00;
}

/* para tu coche */
.seccion_1056503, .seccion_1057703 {
  background-color: #a98b00;
}

/* para tu tiempo libre */
.seccion_1056505, .seccion_1057705 {
  background-color: #5092c9;
}

/* turys */
.seccion_1056506 {
  background-color: #fbbf00;
}

/* detalle catalogo */
table.catalogo_det_cabecera {
  height: 55px;
  width: 588px;
}

table.catalogo_det_cabecera td.texto {
  width 560px;
  padding: 15px;
  font: bold 13px/13px Arial, Verdana, Helvetica, Sans Serif;
  color: #fff;
}

table.catalogo_det_producto {
  width: 517px;
  height: 54px;
  background: url(/porquetuvuelves/images/contenido/canjea/producto_detalle_bg.gif) repeat-x top;
  margin-left: 69px;
  margin-top: 4px;
  padding: 10px
}

table.catalogo_det_producto td.nombre {
  padding-left: 0 !important;
  padding-left: 10px;
  font: bold 16px/16px Verdana, Arial, Helvetica, Sans Serif;
  color: #000;
}

table.catalogo_det_producto td.puntos {
  padding-left: 0 !important;
  padding-left: 10px;
  font: normal 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #b90000;
}

table.catalogo_det_producto td.referencia {
  padding-right: 0 !important;
  padding-right: 10px;
  font: normal 16px/16px Arial, Verdana, Helvetica, Sans Serif;
  color: #6c6c6c;
  text-align: right;
}

table.catalogo_det_datos_adicionales {
  margin-left: 10px;
  margin-top: 10px;
  width: 576px
}

td.catalogo_det_turys_tabla {
  padding: 10px 0 10px 15px;
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  color: #c62600;
}

td.catalogo_det_turys_cabecera {
  padding: 10px;
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  background-color: #fbbf00;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

td.catalogo_det_turys_contenido {
  padding: 15px;
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  border: 2px dashed #fbbf00;
  text-align: center;
}

td.catalogo_det_turys_texto {
  padding: 15px;
  font: normal 10px/10px Arial, Verdana, Helvetica, Sans Serif;
  text-align: justify;
}

td.catalogo_det_turys_img {
  background-color: #fbbf00;
  vertical-align: bottom;
}


/* =Recomienda la web
---------------------------------------------------------------------------- */
.recomienda_cabecera {
  padding: 18px 25px 10px 25px;
  background: transparent url(/porquetuvuelves/images/contenido/promociones/descripcion_promocion.gif) no-repeat top left;
  font: normal 14px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #545454;
  height: 45px;
}


/* =Mail
---------------------------------------------------------------------------- */
#mail_cabecera {
  position: relative;
  top: 0;
  left: 0;
  width: 626px;
  height: 57px;
  background: url(http://www.porquetuvuelves.com/porquetuvuelves/images/contenido/enlacespiepagina/recomiendamail/cabecera_correo.gif) no-repeat;
  margin-left: auto;
  margin-right: auto;
}

#mail_cabecera.pt {
  background-image: url(http://www.porquetuvuelves.com/porquetuvuelves/images/contenido/enlacespiepagina/recomiendamail/cabecera_correo-pt.gif);
}
 
#mail_pie {
  position: relative;
  top: 0;
  left: 0;
  width: 626px;
  height: 53px;
  background: url(http://www.porquetuvuelves.com/porquetuvuelves/images/contenido/enlacespiepagina/recomiendamail/pie_correo.gif) no-repeat top;
  margin-left: auto;
  margin-right: auto;
}

#mail_pie.pt {
  background-image: url(http://www.porquetuvuelves.com/porquetuvuelves/images/contenido/enlacespiepagina/recomiendamail/pie_correo.gif);
}
 
#mail_contenedor {
  position: relative;
  width: 626px;
  height: auto;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

#mail_zona_1 {
  position: relative;
  top: 0;
  left: 0;
  width: 626px;
  height: 245px;
  background: url(http://www.porquetuvuelves.com/porquetuvuelves/images/contenido/enlacespiepagina/recomiendamail/zona_1-bg.gif) no-repeat top;
  margin-left: auto;
  margin-right: auto;
}

#mail_zona_1.pt {
  background-image: url(http://www.porquetuvuelves.com/porquetuvuelves/images/contenido/enlacespiepagina/recomiendamail/zona_1-bg.gif);
}
 
#mail_zona_2 {
  position: relative;
  top: 0;
  left: 0;
  width: 626px;
  height: 185px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}

.mail_textoZona1, .mail_textoZona2 {
  font: normal 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  color: #000;
}