/*
Copyright (c) 2010, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved. version: 0.8b

VJRES(viajar.com)
*/

/*Common*/
ul, li{ padding:0; margin:0;list-style-type:none}
#body hr{color:#0076BE; height:1px}
#body .price{color:#FE8334; font-weight:bold}
#body .destino-hotel{color:#0076BE;font-weight:bold;padding-left:2px}
#body .locator{background-image:url(/pictures/fondo-locator.gif);background-color:#0076BE;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;color:#FFFFFF;border:solid 1px #CCCCCC;padding:5px}
#body .locator span{margin-left:8px; letter-spacing:1px}
#body .legend-hotel{font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; font-weight: bold; color:#000000;}
#body .legend-hotel-right img{float:right;margin:0}
#body .discount-text{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;color:#000000}
#body .recomendado{background-color:#e9eef2}
#body .group-error-reserve{width:450px;padding:10px;margin:12px 0 12px 0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:19px}
/*div error y message- disponibilidad antigua (quitar cuando se incluya un #body)*/ 
#errorIH div.group.error{background-color:#FFEEEE;color:#CC0000;border:1px solid #CC0000;margin:5px 0 20px 0;width:776px} 
#errorIH div.group.error h2{background-color:#FFCCCC;border-bottom:1px solid #CC0000;color:#CC0000} 
#errorIH div.error-hotel{width:650px;border:1px solid #0076BE;background-color:#D6ECF9;padding:0 10px;text-align:justify} 
#errorIH div.error-hotel div.group.error{padding:8px 20px 8px 8px;line-height:16px} 
#errorIH div.group.message{background-color:#D8F3BC;color:#5C8433;border:1px solid #90A600;margin:5px 0 20px 0;width:776px} 
#errorIH div.group.message h2{background-color:#a0cf70;border-bottom:1px solid #90a600;color:#5c8433} 
/*div error y message- disponibilidad antigua (quitar cuando se incluya un #body)*/

/*	hotel info */
#hotel-results #body.hotel-avail #main{width:795px;*width:815px}
#body #main-info{margin-top:3px;line-height:120%;}
#body #main-info div.main-content{border:1px solid #0076BE;background-color:#D6ECF9;padding:0 8px;*padding:15px 8px;}
#body #info-hotel{position:absolute;width:550px;left:127px;top:386px;}
#body #info-hotel h1{margin:0px; display:inline}
#body .group-info{width:95%;margin:5px 0 5px 0px; position:relative;background-color:#FFFFFF; padding:10px; border:solid 2px #CCCCCC}
#body span.image-hotel{float:left;margin:2px 10px 0 0}
#body #info-hotel p{padding-top:5px;}

/*SearchBox*/
#searchbox-hotel{position:relative;width:776px;}
#body.hotel-avail #searchbox-hotel #title{ font-size:12px; font-weight:bold; margin:5px;color:#FE8334;}
#searchbox-filtros{position:relative;width:776px;height:40px}
#buscador{position:relative;width:101%; }
#entrada{position:relative;top:-16px;}
#salida{position:relative;top:-16px;}
#body #searchbox-hotel div.activa{ float:left;  padding-right:10px;  padding-bottom:3px; width:100px }
#body #searchbox-hotel div.inactiva{padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:3px; background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x;}
#body #searchbox-hotel h1{margin:0;padding:0;color:#424242;font-size:10px;background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x}
#body #searchbox-hotel div.ciudad{ float:left; width:20%;}
#body #searchbox-hotel div.alrededores{float:left;position:relative;top:0;width:14%}
#body #searchbox-hotel .hotel{ float:left; width:19%;}
#body #searchbox-hotel div.entrada{ float:left; width:23%; }
#body #searchbox-hotel div.salida{ float:left; width:22%; margin-left:10px;}
#body #searchbox-hotel div.entrada .campo-fecha, #body #searchbox-hotel div.salida .campo-fecha{float:right}
#body #searchbox-hotel div.habitacion{ float:left; width:14%;}
#body #searchbox-hotel div.adultos{ float:left;width:17%;}
#body #searchbox-hotel div.categoria{ float:left; width:25%;}
#body #searchbox-hotel div.regimen{ float:left; width:32%;}
#body #searchbox-hotel label{float:left;padding:0 4px 0 5px;position:relative;top:4px;}
#body #searchbox-hotel div.botonbuscar{left:690px;*left:695px;position:absolute;top:37px;}
#body #searchbox-hotel div.botonbuscar img{height:28px;width:93px}
#body #searchbox-hotel .texto-rellenar-edades{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#000000; font-size:14px; border-bottom:solid 1px #0076BE;}
#body #searchbox-hotel div.habitacion1{ float:left; width:20%;}
#body #searchbox-hotel div.habitacion2{ float:left; width:20%;}
#body #searchbox-hotel div.habitacion3{ float:left; width:20%;}
#body #searchbox-hotel div.habitacion4{ float:left; width:20%;}
#body #searchbox-hotel div.habitacion5{ float:left; width:20%}
#body #searchbox-hotel .titulo-habitacion{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#000000; font-size:12px;}
#body #searchbox-hotel{border:1px solid #0076BE}
#body #searchbox-hotel fieldset{margin:3px;padding:5px;border:0}
#body #searchbox-hotel div.campo-fecha{width:120px;height:18px;background-image:url(/pictures/calendar.gif); background-repeat:no-repeat;background-position:right;padding:2px 2px 0px 2px;border:solid 1px #999999}
#body #searchbox-hotel div.activa h2{background-color:#FFFFFF; text-align:center; font-weight:bold;}
#body #searchbox-filtros div.fondo{ width:100%; background-image:url(/pictures/background-titulo-buscador.gif)}
#body #searchbox-filtros div.activa{ float:left;  padding-right:10px;  padding-bottom:3px; width:100px; background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x;}
#body #searchbox-filtros div.inactiva{padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:3px; background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x;}
#body #searchbox-filtros h1{margin:0;padding:0;color:#424242;font-size:10px;}
#body #searchbox-filtros label{padding-right:3px;}
#body #searchbox-filtros div.mostrar{ float:left; width:25%;}
#body #searchbox-filtros div.filtro-precio{ float:left; width:25%;}
#body #searchbox-filtros div.filtro-regimen{ float:left; width:25%;}
#body #searchbox-filtros div.filtro-categoria{ float:left; width:25%;}
#body #searchbox-filtros{border:1px solid #0076BE}
#body #searchbox-filtros fieldset{margin:3px;padding:5px;border:0}
#body #searchbox-filtros div.campo-fecha{width:120px;height:18px;background-image:url(/pictures/calendar.gif); background-repeat:no-repeat;background-position:right;padding:2px 2px 0px 2px;border:solid 1px #999999}
#body #searchbox-filtros div.activa h1{ text-align:center; font-weight:bold;}
#body #searchboxhome-filtros .boton{margin:0 10px 15px 0;float:right}

/*hotel-avail*/
#body.hotel-avail #main #group-1{width:776px;margin:5px 0 20px 0}
#body.hotel-avail #main #group-1 #searchbox-hotel{width:102%}
#body.hotel-avail #main #group-2{width:640px;*width:645px;float:left}
#body.hotel-avail #main #group-2 .title-avail, #body.hotel-avail #main #group-3 .title-avail{height:20px; background-color:#6F9DCB;color:#FFFFFF;font-size:12px;font-weight:bold}
#body.hotel-avail #main #group-2 .title-avail .column{float:left;padding:3px 0 0 0}
#body.hotel-avail #main #group-2 .title-avail span{padding:0 0 0 8px}
#body.hotel-avail #main #group-2 .tipo-hotel{height:30px;margin:5px 0 5px 0;background-color:#EEF4FC;border:solid 1px #0076BE}
#body.hotel-avail #main #group-2 .tipo-hotel ul{list-style-type:none;padding:0 0px 0px 8px}
#body.hotel-avail #main #group-2 .tipo-hotel li{display:inline;padding:4px 0 0 8px;float:left}
#body.hotel-avail #main #group-2 li.texto-mostrar{margin:5px 0 0 0}
#body.hotel-avail #main #group-2 li.hotel{border:solid 1px #0076BE;padding:6px;margin:5px 0;}
#body.hotel-avail #main #group-2 li.hotel div.oferta{float:right}
#body.hotel-avail #main #group-2 li.hotel .column{float:left}
#body.hotel-avail #main #group-2 li.hotel .info-izq{float:left;text-align:center}
#body.hotel-avail #main #group-2 li.hotel .line{float:left;}
#body.hotel-avail #main #group-2 li.hotel .legend-hotel-matriz{font-size:11px;font-weight:bold;padding:0 5px 0 10px;margin:0}
#body.hotel-avail #main #group-2 li.hotel .legend-hotel-matriz img{padding:0 10px 0 10px}
#body.hotel-avail #main #group-2 li.hotel .valoracion{padding:5px 0 0 0;font-weight:bold;background-color:#FF9900;width:40px;height:20px;margin:5px 30px;}
#body.hotel-avail #main #group-2 li.hotel .comentarios{color:#0076BE;padding:5px 0 5px 0;text-align:center}
#body.hotel-avail #main #group-2 li.hotel div.recomendado{color:#000;font-size:10px;font-weight:bold;padding:0; margin-top:0;line-height:2em;}
#body.hotel-avail #main #group-2 li.hotel div.recomendado img{float:left;margin-right:5px}
#body.hotel-avail #main #group-2 li.hotel .hotel-img{height:100px;width:100px;cursor:pointer}
#body.hotel-avail #main #group-2 li.hotel div.texto-info-hotel{width:100%;text-align:justify;float:left;padding:5px 0 0 10px}
#body.hotel-avail #main #group-2 li.hotel div.iconos-hotel span{padding:2px}
#body.hotel-avail #main #group-2 li.hotel div.iconos-hotel{padding:5px 0 10px 8px}
#body.hotel-avail #main #group-2 li.hotel .texto-mostrar{text-align:right;margin:5px}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio{margin:10px 0 0 0}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .line{padding:0 0 0 8px;width:451px}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio p{display:inline;float:left;margin:0 5px 0 5px;padding:0;line-height:17px;}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio img{margin:5px;padding:0}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .precio{color:#003380;font-size:15px;font-weight:bold}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .boton-seleccionar{height:22px;margin:-11px 0 0;padding:0 0 12px 370px;*padding:0 13px 0 0px;position:absolute}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .imagen-tipo-hab{margin:0}
#body.hotel-avail #main #group-2 li.hotel .title-hab-reg p{margin:0 0 2px 0;padding:0 0 0 10px;font-weight:bold}

/* Filter Display */
#body #main #group-3{float:left;padding-left:13px;width:140px}
#body #main #group-3 .title-avail p{text-align:center;padding:3px 0 0 0;margin:0}
#body #main #group-3 .hotel-filtros{border:solid 1px #0076BE;margin:5px 0 0 0}
#body #main #group-3 .filtro-box{border:1px solid #0076BE; margin:2px}
#body #main #group-3 .filtro-box h2{background-color:#E6E6E6;color:#000000;border:1px solid #0076BE;font-weight:bold;text-align:center;padding:2px}
#body #main #group-3 #precio ul, #body #main #group-3 #categoria ul{list-style-type:none;padding:0 0 0 8px;line-height:20px}
#body #main #group-3 .filtro-box ul{line-height:15px;margin:8px 0pt 8px;padding:0pt 0pt 0pt 8px}
#body #main #group-3 p.mapa{ text-align:center;margin:10px 0 0 0}
#body #main #group-3 .hotel-filtros .imagen-filtro{margin:5px}
#body.hotel-avail #main #group-3 span.segment img {position:relative;top:5px;margin-right:4px;}
.hotel-avail .rmbSlider {padding:2px 0 2px 20px; margin-bottom:25px !important}
.hotel-avail .rmbSliderTitle {color:#000000;padding:6px 0 0 10px;}
.hotel-avail .simpleSlider {text-align:center}
#body div.pagination {margin:10px 0;color:#0076BE;text-align:center;}
#body div.pagination span {width:18px;text-decoration:underline;display:inline-block;text-align:center;padding:2px;border:1px solid #0076BE;cursor:pointer;margin:0 2px;}
#body div.pagination span:hover {background-color:#D1E9F5;}
#body div.pagination span.current {background-color:#0076BE;color:#FFFFFF;text-decoration:none;cursor:text;}
#body div.pagination span.break {text-decoration:none;cursor:text;background-color:#FFFFFF;border:none;}
#body div.pagination span.hidden {visibility:hidden;}#body #habitacion1{ width:20%; float:left}
#body #habitacion2{width:20%; float:left}
#body #habitacion3{width:20%; float:left}
#body #habitacion4{width:20%; float:left}
#body #habitacion5{width:20%; float:left}
ul.lista-reg-precio li{ float:left}
#body.hotel-avail #map h2{font-size:9px; border:1px solid #0076BE;background-color:#E6E6E6;}
.link-black{padding:0 0 0 10px}
.alrededores input#distance{float:left;padding-right:9px}
#body.hotel-avail #map{border:1px solid #0076BE; margin:2px}
#body #title-container{border:1px solid #0076BE;margin-top:5px}
#body.hotel-avail div.form-line {margin:10px 0 10px 5px;}

/* pasos compra - habitacion y titular */
#body .room-field{border-top:1px dotted #CCCCCC;border-bottom:1px dotted #CCCCCC;margin:10px 8px; background-color:#F2F2F2}
#body .room-field label{display:block;padding:0 0 2px 0}
#body .room-field .form-line{margin:0 8px 12px 10px}
#body .room-field p.room{font-weight:bold;background-color:#E2E2E2;font-size:11px;padding:4px;margin:4px 5px 12px 5px}
#body .room-field p.room .titular-reserva{margin:0 0 0 5px;text-transform:uppercase}
#body .room-field .titular{float:left;color:#008DD6;font-size:12px;font-weight:bold;width:12%;margin:5px 0 0 5px}
#body .room-field .titular p.titular-reserva{color:#000000;font-size:10px;margin:5px 0 0 0;text-transform:uppercase}
#body .room-field .titular-datos{float:left;width:85%}
#body .room-field .prefijos{padding:0 0 0 3px}

/* promos hoteles */
#promo-hotel ul.lista-promociones li{list-style-position:inside;margin:5px 5px 0 0;padding:0 0 0 10px;}
#promo-hotel #header {min-height:115px;}
#promo-hotel strong{font-weight:bold}
#promo-hotel .precios-offers{color:#FE8334;font-weight:bold;font-size:13px}
#promo-hotel h1{float:left;font-size:15px;font-weight:bold;margin:10px 0 5px 2px;padding:5px;text-align:left;text-transform:uppercase;width:776px;color:#0076be}
#promo-hotel h2{font-size:12px;font-weight:bold;margin:5px 0 0 5px;text-align:left}
#promo-hotel td.titular-promos-hoteles{background-color:#ECF1F6;border-right:1px dotted #008DD6;color:#0076be;padding:2px 0 2px 5px}
#promo-hotel td.grupo-promo{color:#0076be;font-size:11px;font-weight:bold;padding:5px 0 5px 10px;text-transform:uppercase;border-bottom:1px dotted #008dd6}
#promo-hotel tr.fila-hotel{line-height:21px}
#promo-hotel .precios-seo{color:#FE8334}
#promo-hotel .imagenpromo{background-image:url(/pictures/informacion.gif);background-repeat:no-repeat;display:inline-block;height:20px;margin:2px 0 0 5px;text-indent:-3000px;width:16px}
#promo-hotel .imagenpromo a{display:block;width:15px;height:19px}
#promo-hotel .titulo-breadcrumbs{font-weight:bold;color:#0076be}
#promo-hotel .otras-promos{margin:10px 0 0 0;border:1px solid #CCCCCC;font-size:10px;text-transform:lowercase}
#promo-hotel .otras-promos h2{background-color:#F7F7E7;border-bottom:1px solid #CCCCCC;font-size:10px;font-weight:bold;margin:0;padding:4px;text-transform:uppercase}
#promo-hotel .otras-promos ul{line-height:18px;font-weight:bold;padding:5px}
#promo-hotel #comboDestinos {width:185px}

/* redes sociales */
#body #redes-sociales{font-weight:bold}
#body #redes-sociales ul{float:left}
#body #redes-sociales li{display:inline}
#body #redes-sociales p{padding:3px 0 0 0; margin:0 12px 0 0}
#body #redes-sociales span.legend-hotel{margin:0 5px 0 5px;padding:0}

/* CALENDAR BOUNDING BOX */
.yui-calcontainer {background-color:#E6E6E6;border:1px solid #005FA8;padding:4px; z-index:1}
/* CALENDARGROUP BOUNDING BOX */
.yui-calcontainer.multi {padding:0 3px 0 3px;}
/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-calcontainer.multi .groupcal {background-color:transparent;border:none;padding:6px 2px 6px 2px;margin:0;}
/* TITLE BAR */
.yui-calcontainer .title {border-bottom:1px solid #FFF;font:100% sans-serif;color:#005FA8;font-weight:bold;height:auto;padding:.4em;margin:0 -10px 10px -10px;top:0;left:0;text-align:left;}
.yui-calcontainer.multi .title {margin:0 -2px 0 -2px;}
.yui-calcontainer.withtitle {padding-top:0;display:none;width:344px;position:absolute;font-size: 12px;}
/* CLOSE BUTTON */
.yui-calcontainer .calclose {background:url(/pictures/close-button.gif) no-repeat 0 0px;width:50px;height:13px;top:.4em;right:.4em;cursor:pointer;}
/* CALENDAR TABLE */
.yui-calendar {border-spacing:0;border-collapse:collapse;font:100% sans-serif;text-align:center;margin:0;}
/* NAVBAR BOUNDING BOX */
.yui-calendar .calhead {background:transparent;border:none;vertical-align:middle;padding:0;}
/* NAVBAR TEXT CONTAINER */
.yui-calendar .calheader {background:transparent;font-weight:bold;padding:0 0 .3em 0;text-align:center;color:#005FA8;}
.yui-calendar .calheader img {border:none;}
/* NAVBAR LEFT ARROW */
.yui-calendar .calnavleft {background:url(/pictures/double-left-arrow.gif) no-repeat 4px 4px;width:12px;height:15px;top:0;bottom:0;left:-10px;margin-left:.4em;cursor:pointer;}
/* NAVBAR RIGHT ARROW */
.yui-calendar .calnavright {background:url(/pictures/double-right-arrow.gif) no-repeat 0 4px;width:12px;height:15px;top:0;bottom:0;	right:-10px;margin-right:.4em;cursor:pointer;}
/* WEEKDAY HEADER ROW */
.yui-calendar .calweekdayrow {height:2em;background-color:#E8F3FF}
.yui-calendar .calweekdayrow th {padding:0;border:none;}
/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-calendar .calweekdaycell {color:#005FA8;font-weight:bold;text-align:center;width:2em;}
/* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
.yui-calendar .calfoot {background-color:#f2f2f2;}
/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
.yui-calendar .calrowhead, #body .yui-calendar .calrowfoot {color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;border:none;}
.yui-calendar .calrowhead {text-align:right;padding:0 2px 0 0;}
.yui-calendar .calrowfoot {text-align:left;padding:0 0 0 2px;}
/* NORMAL CELLS */
.yui-calendar td.calcell {/*border:1px solid #cccccc;*/background:#E8F3FF;padding:1px;height:1.6em;line-height:1.6em; /* set line height equal to cell height to center vertically */text-align:center;white-space:nowrap;}
/* LINK INSIDE NORMAL CELLS */
.yui-calendar td.calcell a {color:#000;display:block;height:100%;text-decoration:none;}
/* TODAY'S DATE */
.yui-calendar td.calcell.today {background-color:#000;}
.yui-calendar td.calcell.today a {background-color:#fff;}
.yui-calendar td.calcell.highlight1 a {color:#F94311;text-decoration:underline;}
/* OOM DATES */
.yui-calendar td.calcell.oom {background-color:#FFFFFF;color:#FFFFFF;cursor:default;}
/* SELECTED DATE */
.yui-calendar td.calcell.selected {background-color:#fff;color:#000;}
.yui-calendar td.calcell.selected a {background-color:#A6C7E1;color:#FFF;}
/* HOVER DATE */
.yui-calendar td.calcell.calcellhover {background-color:#A6C7E1;color:#fff;cursor:pointer;}
.yui-calendar td.calcell.calcellhover a {background-color:#A6C7E1;color:#fff;}
/* DEFAULT OOB DATES */
.yui-calendar td.calcell.previous {color:#e0e0e0;background-color:#FFFFFF;}
/* CUSTOM RENDERERS */
.yui-calendar td.calcell.restricted {text-decoration:line-through;}
.yui-calendar td.calcell.highlight2 {background-color:#99ccff;}
.yui-calendar td.calcell.highlight3 {background-color:#ffcccc;}
.yui-calendar td.calcell.highlight4 {background-color:#ccff99;}
/* CalendarNavigator */
/* MONTH/YEAR LABEL */
.yui-calendar a.calnav {border: 1px solid #f2f2f2;padding:0 4px;text-decoration:none;color:#000;zoom:1;}
.yui-calendar a.calnav:hover {border-color:#A0A0A0;cursor:pointer;}
/* NAVIGATOR MASK */
.yui-calcontainer .yui-cal-nav-mask {background-color:#000;opacity:0.25;*filter:alpha(opacity=25); /* IE */}
/* NAVIGATOR BOUNDING BOX */
.yui-calcontainer .yui-cal-nav {font-family:arial,helvetica,clean,sans-serif;font-size:93%;border:1px solid #808080;left:50%;margin-left:-7em;width:14em;padding:0;top:2.5em;background-color:#f2f2f2;}
.yui-calcontainer.withtitle .yui-cal-nav {top:4.5em;}
/* NAVIGATOR BOUNDING BOX */
.yui-calcontainer.multi .yui-cal-nav {width:16em;margin-left:-8em;}
/* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
.yui-calcontainer .yui-cal-nav-y, .yui-calcontainer .yui-cal-nav-m, .yui-calcontainer .yui-cal-nav-b {padding:5px 10px 5px 10px;}
.yui-calcontainer .yui-cal-nav-b {text-align:center;}
.yui-calcontainer .yui-cal-nav-e {margin-top:5px;padding:5px;background-color:#EDF5FF;border-top:1px solid black;display:none;}
/* NAVIGATOR LABELS */
.yui-calcontainer .yui-cal-nav label {display:block;font-weight:bold;}
/* NAVIGATOR MONTH CONTROL */
.yui-calcontainer .yui-cal-nav-mc {width:100%;_width:auto; /* IE6, IE7 Quirks don't handle 100% well */}
/* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
.yui-calcontainer .yui-cal-nav-y input.yui-invalid {background-color:#FFEE69;border: 1px solid #000;}
/* NAVIGATOR YEAR CONTROL */
.yui-calcontainer .yui-cal-nav-yc {width:4em;}
/* NAVIGATOR BUTTONS */
/* BUTTON WRAPPER */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {background-color:#ccc;margin: auto .15em;}
/* BUTTON (based on button-skin.css) */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {padding:0 8px;font-size:93%;line-height: 2;  /* ~24px */*line-height: 1.7; /* For IE */min-height: 2em; /* For Gecko */*min-height: auto; /* For IE */color: #000;}
/* DEFAULT BUTTONS */
/* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {border:1px solid #304369;background-color: #426fd9;}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {color:#fff;}

/**
 * CORE
 *
 * This is the set of CSS rules required by Calendar to drive core functionality and structure.
 * Changes to these rules may result in the Calendar not functioning or rendering correctly.
 *
 * They should not be modified for skinning.
 **/
 
/* CALENDAR BOUNDING BOX */
.yui-calcontainer {position:absolute;float:left;_overflow:hidden; /* IE6 only, to clip iframe shim */}
/* IFRAME SHIM */
.yui-calcontainer iframe {position:absolute;border:none;margin:0;padding:0;z-index:0;width:100%;height:100%;left:0px;top:0px;}
/* IFRAME SHIM IE6 only */
.yui-calcontainer iframe.fixedsize {width:50em;height:50em;top:-1px;left:-1px;}
/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-calcontainer.multi .groupcal {z-index:1;float:left;position:relative;}
/* TITLE BAR */
.yui-calcontainer .title {position:relative;z-index:1;}
/* CLOSE ICON CONTAINER */
.yui-calcontainer .close-icon {position:absolute;z-index:1;overflow:hidden;text-indent:-10000em;}
/* CALENDAR TABLE */
.yui-calendar {position:relative;}
/* NAVBAR LEFT ARROW CONTAINER */
.yui-calendar .calnavleft {position:absolute;z-index:1;overflow:hidden;text-indent:-10000em;}
/* NAVBAR RIGHT ARROW CONTAINER */
.yui-calendar .calnavright {position:absolute;z-index:1;overflow:hidden;text-indent:-10000em;}
/* NAVBAR TEXT CONTAINER */
.yui-calendar .calheader {position:relative;width:100%;text-align:center;}
/* CalendarNavigator */
.yui-calcontainer .yui-cal-nav-mask {position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;_width:0;/* IE6, IE7 quirks - width/height set programmatically to match container */_height:0;left:0;top:0;display:none;}
/* NAVIGATOR BOUNDING BOX */
.yui-calcontainer .yui-cal-nav {position:absolute;z-index:3;top:0;display:none;}
/* NAVIGATOR BUTTONS (based on button-core.css) */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn  {display: -moz-inline-box;/* Gecko */display: inline-block;/* IE, Opera and Safari */}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {display: block;*display: inline-block; /* IE */*overflow: visible; /* Remove superfluous padding for IE */border: none;background-color: transparent;cursor: pointer;}
/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}

/*FORMAS DE PAGO*/

/* Pestaña de eleccion de pago */
#body .group {_zoom:1;}

#body .form-general{padding:10px;float:left;*zoom:1;}
#body .form-general .tab-payments{float:left;width:928px;padding:0px;}
#body .form-general .tab-payments ul{float:left;padding:0px;margin:0px}
#body .form-general .tab-payments input{margin:0 0 0 10px;vertical-align:top}
#body .form-general .tab-payments p{float:left}
#body .form-general .tab-payments .taboff p.price{float:left;font-size:17px;height:22px;margin:12px 0 0 8px !important;padding:0; color:#999999;}
#body .form-general .tab-payments .tabon p.price{float:left;font-size:17px;height:22px;margin:12px 0 0 8px !important;padding:0; color:#fe8334;}
#body .form-general .tab-payments .imgtype{float:left;padding:0px 0 4px 10px;display:block}
#body .form-general .tab-payments li{background-color: #B9E1FB;float:left;font-weight:bold;margin:0 0 0 0;padding:0 6px 0 0;text-align:left;width:177px;height:91px;}

#body .form-general .tab-payments li.tabon{float:left;font-size:12px;margin:12px 12px 0 0 !important;padding:12px 0 0 0; color:#0076be;height:79px; background-image:url(/pictures/pago-tab-on.jpg); background-repeat:no-repeat;}
#body .form-general .tab-payments li.taboff{float:left;font-size:12px;margin:12px 12px 0 0 !important;padding:12px 0 0 0; color:#999999;height:79px; background-image:url(/pictures/pago-tab-off.jpg); background-repeat:no-repeat;}

#body .form-general .tab-payments li label.radio{margin:0 !important;}

#body .form-general .tab-payments .contents-payment{display:block;float:none;margin:10px 0 0}
#body .form-general .tab-payments .contents-payment .extra-box{float:left;width:115px;height:20px;margin:3px 0 0 0}
#body .form-general .tab-payments .contents-payment .extra-box p{color:#0076be;font-size:10px;font-weight:bold;margin:4px 0px 3px 0px !important;text-align:center;width:115px}
#body .form-general .tab-payments .contents-payment .extra-box span{color:#0076be;font-size:12px;font-weight:bold; text-align:center}
#body .form-general .tab-payments .contents-payment .extra-box.bonus{background-color:#FFF;}
#body .form-general .tab-payments .contents-payment .extra-box.pay-now{background-image:url(/pictures/fondopay-now.jpg)}

#body .form-general .form-content.factura {background-color: #FFFFFF !important;background-image: none !important;border: 1px solid #CCCCCC !important;padding: 5px 10px 0;}
#body .form-general .form-content {min-height: 45px !important;}
#body .form-general .form-content .w220px{width:225px !important;}

/* Contenedor del Formulario */
#body .form-general .form-content{width:928px;background-color:#B9E1FB;float:left;background-image:url(/pictures/fondocandado.jpg);background-position:right bottom;background-repeat:no-repeat;padding:5px 15px 15px 15px; border-bottom:2px solid #AFC2D6;border-right:2px solid #AFC2D6; min-height:140px;}

/* Bono descuento */
#body .form-general .form-content .bonus-offer{float:left;}
#body .form-general .form-content .upper-payment{width:926px;height:5px;background-color:#FFE3AE;border-right:2px solid #999999;float:left;}
#body .form-general .form-content .lower-payment{width:926px;height:4px;background-color:#FFE3AE;margin-bottom:15px;border-bottom:2px solid #999999;border-right:2px solid #999999;float:left;}
#body .form-general .form-content .discount-bonus-payment{width:926px;background-color:#FFE3AE;border-right:2px solid #999999;float:left;}
#body .form-general .form-content .discount-bonus-payment .checkbox{margin:10px 12px 50px 12px !important;float:left}
#body .form-general .form-content .discount-bonus-payment .bonus-icon{float:right}
#body .form-general .form-content .discount-bonus-payment .discount-text-payment{float:left;width:635px;font-size:10px}
#body .form-general .form-content .discount-bonus-payment .discount-text-payment .title{margin:15px;font-size:12px;color:#FE8334;font-weight:bold;}
#body .form-general .form-content .discount-bonus-payment .discount-text-payment .txt-bonus p{margin-top:10px;font-size:12px;font-weight:bold;}
#body .form-general .form-content .discount-bonus-payment .discount-text-payment span.blue{color:#fe8334}
#body .form-general .form-content .discount-bonus-payment .discount-text-payment span.conditions{font-size:9px;color:#000;font-weight:normal;margin-left:5px}

/* Width Fijos */

#body .w340px{width:340px;_width:auto}
#body .w88px{width:88px;_width:auto}
#body .w220px{width:220px;_width:auto}
#body .w160px{width:160px;_width:auto}
#body .w128px{width:128px;_width:auto}
#body .w180px{width:180px;_width:auto}
#body .w229px{width:229px;_width:auto}

/* Formulario */
#body .form-general .form-content .CVV{position:relative;top:10px}

/* Estilo solo valido para maquetacion */
#body p.txtextra{float:left}

/* Form-Select-Relativo:Agregar */
#body div.form-select-relativo{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #999999;float:left;height:17px;margin:0 5px 0 0;padding:3px 4px 3px 10px}