/*
    v12_core.css
    www.atrapalo.com
    CSS v12

    Index
    -------------------------
    1. Reset // Esta en el v12_header
    2. Sprites
    3. Grid
    4. Font
    5. Publicidad
    6. Boxes
    7. Buttons
    8. Calendars and Autocompletes
    10. Layout
    11. Listas
    12. Opiniones
    13. Formulario
    14. bradCrum busquedas
    15. Paginador
    XX. Media
*/

/*  1. RESET
=========================================================================================================== */

/*  2. SPRITES
=========================================================================================================== */
.s {
    background-image: url(/assets/images/A/sprite/sprite-generico-old-school.png);
    background-repeat: no-repeat;
}

.s12 {
    background: url(/assets/images/sprites/sprite-generico.png) no-repeat;
    vertical-align: middle;
}

.ico-info { background-position: -420px -270px; }

.ico-ok24 { background-position: -240px -270px; }

.ico-alert12 { background-position: -480px -250px; }

.ico-alert24 { background-position: -340px -270px; }

.ico-alert32 { background-position: -380px -270px; }

.ico-close16 { background-position: -40px -270px; }

.flecha_gris_down { background-position: -135px -240px; }

.flecha_gris_up {
    background-position: -120px -240px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.flecha_ver_todos { background-position: -50px -190px; }

/* Sprite old school */
.accessibility { background-position: -150px -950px; }

.coc { background-position: -250px -800px; }

/* Leer mas ficha hibiscus */
.s_ficha {
    background: url(/assets/images/sprites/sprite-generico.png) no-repeat;
    vertical-align: middle;
}

.flecha_ocultar_rojo { transform: scaleY(-1); }

.flecha_mostrar_rojo { background-position: -315px -240px; }

.flecha_mostrar_rojo,
.flecha_ocultar_rojo {
    width: 11px;
    height: 6px;
}

.ficha .vermapa img { background-position: -820px -271px; }

/*  3. GRID
=========================================================================================================== */
#content {
    width: 960px;
    margin: 0 auto;
    padding: 1px 5px 29px;
    background: #fff;
    position: relative;
}

.HOM #content { position: inherit; }

.colgroup { margin: 0 auto; }

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
    float: left;
    margin: 0 10px;
    padding: 0;
}

.col1 { width: 60px; }

.col2 { width: 140px; }

.col3 { width: 220px; }

.col4 { width: 300px; }

.col5 { width: 380px; }

.col6 { width: 460px; }

.col7 { width: 540px; }

.col8 { width: 620px; }

.col9 { width: 700px; }

.col10 { width: 780px; }

.col11 { width: 860px; }

.col12 { width: 940px; }

.p-events-none { pointer-events: none; }

.p-events-initial { pointer-events: initial; }

/*  4. FONT
=========================================================================================================== */

h1.ficha {
    line-height: 26px;
    font-family: 'open_sanssemibold', sans-serif;
    color: #444;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-left: 0;
}

.RES h1.ficha {
    float: left;
    margin-right: 5px;
    width: auto;
    font-size: 26px;
}

h2.ficha {
    line-height: 20px;
    font-family: 'open_sanssemibold', sans-serif;
    color: #444;
    font-size: 20px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 0;
}

/* Fonts Size */

.fonts9px { font-size: 9px !important; }

.fonts10px,
.fontSmall6 { font-size: 10px !important; }

.fonts11px,
.fontSmall5 { font-size: 11px !important; }

.fonts12px { font-size: 12px !important; }

.fonts13px,
.fontSmall3 { font-size: 13px !important; }

.fonts14px { font-size: 14px !important; }

.fonts15px { font-size: 15px !important; }

.fonts16px { font-size: 16px !important; }

.fonts18px { font-size: 18px !important; }

.fonts19px { font-size: 19px !important; }

.fonts20px { font-size: 20px !important; }

.fonts22px { font-size: 22px !important; }

.fonts24px { font-size: 24px !important; }

.fonts25px { font-size: 25px !important; }

.fonts26px { font-size: 26px !important; }

.fonts28px { font-size: 28px !important; }

.fonts30px { font-size: 30px !important; }

.fonts32px { font-size: 32px !important; }

.fonts36px { font-size: 36px !important; }

.fonts42px { font-size: 42px !important; }

.fonts54px { font-size: 54px !important; }

.fonts65px { font-size: 65px !important; }

.fontLarge2 { font-size: 1.499em; }

.fontLarge3 { font-size: 1.583em; }

.fontSmall3 { font-size: 1.083em !important; }

/* Line Heights */
.lineHeight16px { line-height: 16px !important; }

.lineHeight18 { line-height: 18px; }

.lineHeight20 { line-height: 20px; }

.lineHeight25 { line-height: 25px; }

.lineHeight36 { line-height: 36px !important; }

.lineHeight40 { line-height: 40px; }

.aligncenter { text-align: center; }

/* Estilos */

.underline { text-decoration: underline; }

.notUnderline { text-decoration: none; }

.capitalize { text-transform: capitalize; }

/*  5. PUBLICIDAD
=========================================================================================================== */

.sky {
    position: absolute !important;
    top: 10px;
    right: -145px;
    text-align: center;
    width: 120px !important;
    background: #fff !important;
    height: 616px !important;
    padding: 3px;
}

/* Megabanner */

.megaBanner { margin: 0 10px 0; }

.megaBannerSmall { margin: 0 0 0 10px; }

.megaBanner,
.megaBannerSmall {
    float: none;
    display: inline-block;
}

.megaBanner div,
.megaBannerSmall div { display: inline-block; }

.mega-advert { text-align: center; }

.mega-advert .advertTitle {
    font-size: 11px;
    color: #444;
    padding-top: 40px;
    margin-left: -40px;
    display: inline-block;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    vertical-align: 44px;
    float: left;
}

.mega { margin: 10px; }

.mega .advert {
    background: url(/images_new/A/960/bkPubli.gif) repeat 0 0 #f4f4f4;
    border: 1px solid #ccc;
    overflow: hidden;
}

.mega .megaBanner { float: left; }

/* Sky banner */
body .publi_ext_120_600 {
    text-align: center;
    width: 120px !important;
    background: #fff !important;
    height: 616px !important;
    padding: 3px;
    position: absolute !important;
    top: -10px;
    left: 0;
}

.publi_ext_120_600 .advertTitle {
    text-align: left !important;
    padding-left: 3px !important;
    padding-top: 0 !important;
}

.robav12 {
    float: left !important;
    width: 300px;
    margin-left: 0;
    text-align: center;
}

.robav12 .advert,
.robav12 .robaPaginas { width: 300px; }

.robahome {
    height: 299px;
    text-align: center;
    border: none;
}

.robahome .publitxt {
    margin-top: 18px;
    font-size: 16px;
    color: #777;
}

.ESP .robaPaginas .advertTitle { padding-top: 5px; }

.HOM .robahome { margin-top: 3px; }

.robaPaginas .advertTitle {
    margin-right: 0;
    font-family: "atrapaloWebBold", sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 50px;
    color: #777;
    background-color: #dcdcdc;
    transform: inherit;
    -webkit-transform: inherit; /* Opera, Chrome, and Safari */
    padding-top: 15px;
    width: 300px;
    text-align: center;
    box-sizing: border-box;
    display: block;
}

/* Megabanner */

.advbox {
    width: 950px;
    margin: 50px auto 0;
}

/* megabanner y minibanner en homes, con fondo gris */
.advert-box {
    background-color: #f0f0f0;
    padding: 40px 0;
}

/*  6. BOXES
=========================================================================================================== */
.box {
    margin: 0 0 20px;
    border-radius: 3px;
}

.bg-disabled {
    width: 100%;
    height: 5000px;
    background: #000;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.loading {
    width: 600px;
    padding: 50px 20px;
    text-align: center;
    font-weight: 700;
    background: #fff;
    border: transparent;
    position: absolute;
    top: 90px;
    left: 180px;
    z-index: 4;
}

.loading img {
    margin: 0 0 10px;
    background: url(/assets/images/v12/cargando.gif) no-repeat center top;
}

.box_EDE { background-color: #ededed; }

.box-nowidget {
    filter: alpha(opacity=30);
    opacity: 0.3;
    border: #e6002c dotted 2px;
}

.box-nowidget img { margin: 30px auto 0 auto; }

.box-container-info {
    position: relative;
    height: 372px;
    margin-left: 20px;
    margin-right: 20px;
}

.box-container-info > div { bottom: 0; }

.box-container-info .hallazgoLogo {
    margin-bottom: 10px;
    background: url(/assets/images/sprites/sprite-generico.png) no-repeat -220px 0 rgba(0, 0, 0, 0);
}

.box-prices-ficha > div { margin: 0 auto 25px; }

.box-info-ficha {
    background-color: #fff;
    border-radius: 3px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    text-align: left;
}

.box-info-ficha li {
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 15px;
}

.box2Orange {
    background: none repeat scroll 0 0 #f9e1ca;
    border: 1px solid #facca4;
    color: #444;
}

/* Flechas en el OWL Carousel */
#leftArrow,
#rightArrow { z-index: 998; }

/*  7. BUTTONS
=========================================================================================================== */
a.no-link {
    color: inherit;
    text-decoration: none;
}

.btn {
    background-color: #ff002d;
    border-radius: 999px;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: 20px !important;
    font-family: flexa-compressedBold, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    height: 38px;
    line-height: 36px;
    margin: 0;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.btn:hover {
    background-color: #d1002d;
    text-decoration: none;
}

.btn:active {
    background-color: #d1002d;
    border: 0 none;
    transition: background 0.1s ease-in;
    -webkit-transition: background 0.1s ease-in;
    -moz-transition: background 0.1s ease-in;
    -o-transition: background 0.1s ease-in;
    -ie-transition: background 0.1s ease-in;
}

.btn.medium {
    padding: 0 25px;
    height: 34px;
    line-height: 33px;
}

.btn.small {
    padding: 0 20px;
    height: 28px;
    line-height: 26px;
    font-size: 18px !important;
}

.btn.mini {
    font-size: 16px !important;
    height: 30px;
    line-height: 30px;
    padding: 0 5px !important;
}

.btn.disabled,
input[type="submit"][disabled],
input[type="button"][disabled] {
    background-color: #bbb;
    cursor: default;
    pointer-events: none;
    opacity: 1 !important;
}

.btn.loading {
    position: relative;
    display: inline-block;
}

.btn.loading:after {
    color: #fff;
    content: '\f110';
    display: block;
    font-family: fontawesome, sans-serif;
    font-size: 18px;
    position: absolute;
    top: 11px;
    right: 0;
    height: 20px;
    width: 20px;
    animation: fa-spin 1s infinite linear;
    -webkit-animation: fa-spin 1s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.btn.dark { background-color: #888; }

.btn.dark:hover,
.btn.dark:active { background-color: #666; }

.btn.dark.disabled { background-color: #bbb; }

/* Ajustes en btn */
.CRU .infoCarusel .btn.medium { padding: 0 20px; }
.VIA .infoCarrusel .btn.medium { padding: 0 20px !important; }

/*  8. CALENDARS / AUTOCOMPLETES
=========================================================================================================== */
.ui-autocomplete {
    width: auto; /* Cambiado por un error con el autocomplete de coches mobile que salia de caja */
    background: #fff;
}

.ui-dialog .ui-dialog-content { overflow-x: hidden !important; }
.ui-dialog.titleless .ui-dialog-titlebar { display: none; }

/*  10. LAYOUT
=========================================================================================================== */

.clear:after {
    height: 0;
    content: " ";
    clear: both;
    display: block;
    visibility: hidden;
    font-size: 0;
}

/* Box-model */
.clearb { clear: both; }

.clearl { clear: left; }

.hidden { display: none; }

.hiddenImportant { display: none !important; }

.floatl { float: left; }

.floatr { float: right !important; }

.nofloat,
.floatNone { float: none !important; }

.overflowh,
.overflowHidden,
.overflowhidden { overflow: hidden; }

.overflowVisible { overflow: visible !important; }

.nowrap { white-space: nowrap; }

.block { display: block; }

.inline { display: inline !important; }

.inlineBlock,
.inline-block {
    display: inline-block;
    zoom: 1;
}

.tableRow { display: table-row; }

.tableCell { display: table-cell; }

.openFont .normal { font-family: 'open_sansregular', sans-serif; }

.bold { font-weight: 700; }

.italic { font-style: italic; }

.upper { text-transform: uppercase; }

.ellipsis {
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.visible { visibility: visible; }

.nomargin { margin: 0 !important; }

.nopadding { padding: 0 !important; }

.invisible { visibility: hidden; }

.noborder { border: none !important; }

.nobackground { background: transparent !important; }

.pointer { cursor: pointer; }

.borderBottomDotted {
    border-bottom: 1px dotted #b2b2b2;
    overflow: hidden;
}

.borderTopDotted {
    border-top: 1px dotted #b2b2b2;
    overflow: hidden;
}

.borderRightDotted {
    border-right: 1px dotted #b2b2b2;
    overflow: hidden;
}

.dtable { display: table; }

.trow { display: table-row; }

.tcell { display: table-cell; }

.tcap { display: table-caption; }

.position-inherit { position: inherit; }

.absolute { position: absolute; }

.top0 { top: 0 !important; }

.relative { position: relative; }

.position-static { position: static; }

/* HEIGHTS */

.h25 { height: 25px; }

.h28 { height: 28px; }

.h40 { height: 40px; }

.h50 { height: 50px; }

.h70 { height: 70px; }

.h96 { height: 96px; }

.h130 { height: 130px; }

.h365 { height: 365px; }

/* Min-Heights */
.mh30 { min-height: 30px; }

.mh300 { min-height: 300px; }

/* WIDTHS */

.wp100 { width: 100% !important; }

.w92p { width: 92% !important; }

.w80p { width: 80% !important; }

.wp77 { width: 77% !important; }

.w75p { width: 75% !important; }

.wp70 { width: 70%; }

.w65p { width: 65% !important; }

.w60p { width: 60%; }

.wp55 { width: 55% !important; }

.wp50 { width: 50%; }

.wp49 { width: 49%; }

.wp48 { width: 48%; }

.wp47 { width: 47%; }

.wp46 { width: 46%; }

.w45p,
.wp45 { width: 45%; }

.w43p { width: 43% !important; }

.w40p { width: 40%; }

.wp35 { width: 35%; }

.w34p,
.wp34 { width: 34% !important; }

.wp33 { width: 33%; }

.wp30 { width: 30%; }

.wp28 { width: 28%; }

.wp26 { width: 26%; }

.w25p { width: 25% !important; }

.w24p { width: 24% !important; }

.w20p,
.wp20 { width: 20% !important; }

.w15p { width: 15% !important; }

.w10p { width: 10%; }

.wp5 { width: 5% !important; }

.w960 { width: 960px; }

.w640 { width: 640px; }

.w716 { width: 716px; }

.w515 { width: 515px; }

.w357 { width: 357px; }

.w355 { width: 355px !important; }

.w320 { width: 320px; }

.w307 { width: 307px; }

.w294 { width: 294px; }

.w290 { width: 290px !important; }

.w280 { width: 280px !important; }

.w275 { width: 275px !important; }

.w260 { width: 260px; }

.w240 { width: 240px !important; }

.w230 { width: 230px; }

.w220 { width: 220px; }

.w212 { width: 212px; }

.w204 { width: 204px; }

.w200 { width: 200px !important; }

.w190 { width: 190px !important; }

.w170 { width: 170px !important; }

.w166 { width: 166px; }

.w160 { width: 160px !important; }

.w155 { width: 155px !important; }

.w142 { width: 142px; }

.w135 { width: 135px !important; }

.w132 { width: 132px; }

.w130 { width: 130px !important; }

.w126 { width: 126px !important; }

.w120 { width: 120px !important; }

.w119 { width: 119px !important; }

.w114 { width: 114px; }

.w110 { width: 110px; }

.w105 { width: 105px !important; }

.w100 { width: 100px !important; }

.w96 { width: 96px; }

.w85 { width: 85px; }

.w84 { width: 84px; }

.w80 { width: 80px; }

.w64 { width: 80px; }

.w55 { width: 55px !important; }

.w52 { width: 52px !important; }

.w50 { width: 50px; }

.w48 { width: 48px !important; }

.w42 { width: 42px !important; }

.w35 { width: 35px !important; }

.w20 { width: 20px !important; }

/* DISPLAY */

.inlineBlock {
    display: inline-block;
    zoom: 1;
}

.alignCenter { text-align: center; }

.alignRight,
.alignright { text-align: right !important; }

.alignLeft { text-align: left; }

.valigntop { vertical-align: top; }

.valignmid { vertical-align: middle; }

.valignbaseline { vertical-align: baseline !important; }

.centerAuto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.borderSolid {
    border: 1px solid #b2b2b2;
    overflow: hidden;
}

.priceLarge { /* Esta clase se utiliza para indicar el precio en el header de HOT y VIA */
    color: #444;
    font-weight: bold;
    font-size: 2.333em;
    line-height: 0.9em;
    letter-spacing: -0.05em;
}

/* Margins */

.margin0Auto { margin: 0 auto !important; }

.margin10 { margin: 10px; }

.margin20 { margin: 20px; }

/* Top */
.margintop0 { margin-top: 0 !important; }

.margintop2 { margin-top: 2px; }

.margintop3 { margin-top: 3px; }

.margintop5 { margin-top: 5px !important; }

.margintop7 { margin-top: 7px !important; }

.margintop8 { margin-top: 8px !important; }

.margintop10 { margin-top: 10px !important; }

.margintop12 { margin-top: 12px !important; }

.margintop13 { margin-top: 13px !important; }

.margintop15 { margin-top: 15px !important; }

.margintop20 { margin-top: 20px !important; }

.margintop25 { margin-top: 25px !important; }

.margintop30 { margin-top: 30px; }

.margintop40 { margin-top: 40px; }

.margintop45 { margin-top: 45px !important; }

.margintop84 { margin-top: 84px !important; }

/* Bottom */
.marginbot0 { margin-bottom: 0 !important; }

.marginbot2 { margin-bottom: 2px; }

.marginbot5 { margin-bottom: 5px !important; }

.marginbot10 { margin-bottom: 10px !important; }

.marginbot15 { margin-bottom: 15px !important; }

.marginbot20 { margin-bottom: 20px; }

.marginbot25 { margin-bottom: 25px !important; }

.marginbot30 { margin-bottom: 30px !important; }

.marginbot40 { margin-bottom: 40px; }

.marginbot70 { margin-bottom: 70px; }

/* Left */
.marginleft0 { margin-left: 0 !important; }

.marginleft3 { margin-left: 3px !important; }

.marginleft5 { margin-left: 5px !important; }

.marginleft6 { margin-left: 6px !important; }

.marginleft8 { margin-left: 8px !important; }

.marginleft10 { margin-left: 10px !important; }

.marginleft15 { margin-left: 15px; }

.marginleft20 { margin-left: 20px !important; }

.marginleft24 { margin-left: 24px !important; }

.marginleft25 { margin-left: 25px; }

.marginleft35 { margin-left: 35px; }

.marginleft40 { margin-left: 40px; }

.marginleft50 { margin-left: 50px; }

/* Right */
.marginright0 { margin-right: 0 !important; }

.marginright3 { margin-right: 3px !important; }

.marginright5 { margin-right: 5px !important; }

.marginright8 { margin-right: 8px !important; }

.marginright10 { margin-right: 10px !important; }

.marginright15 { margin-right: 15px !important; }

.marginright20 { margin-right: 20px !important; }

.marginright24 { margin-right: 24px !important; }

.marginright25 { margin-right: 25px !important; }

.marginright30 { margin-right: 30px !important; }

.marginright35 { margin-right: 35px !important; }

.marginright65 { margin-right: 65px; }

/* Paddings */

.pad0 { padding: 0 !important; }

.pad5 { padding: 5px; }

.pad10 { padding: 10px; }

.pad15 { padding: 15px; }

.pad20 { padding: 20px; }

/* Top */
.padtop0 { padding-top: 0 !important; }

.padtop3 { padding-top: 3px; }

.padtop4 { padding-top: 4px; }

.padtop9 { padding-top: 9px; }

.paddingtop5,
.padtop5 { padding-top: 5px !important; }

.paddingtop7 { padding-top: 7px !important; }

.padtop8 { padding-top: 8px; }

.paddingtop10,
.padtop10 { padding-top: 10px !important; }

.paddingtop15,
.padtop15 { padding-top: 15px !important; }

.paddingtop20 { padding-top: 20px !important; }

.paddingtop25 { padding-top: 25px !important; }

.paddingtop30 { padding-top: 30px; }

.paddingtop35 { padding-top: 35px !important; }

.paddingtop40 { padding-top: 40px !important; }

/* Bottom */
.paddingbot0,
.padbot0 { padding-bottom: 0 !important; }

.padbot2 { padding-bottom: 2px !important; }

.padbot3 { padding-bottom: 3px; }

.paddingbot5,
.padbot5 { padding-bottom: 5px !important; }

.padbot10,
.paddingbot10 { padding-bottom: 10px !important; }

.padbot15 { padding-bottom: 15px; }

.paddingbot20 { padding-bottom: 20px !important; }

.padbot25 { padding-bottom: 25px; }

.padbot30 { padding-bottom: 30px; }

.padbot40 { padding-bottom: 40px; }

.padbot45 { padding-bottom: 45px; }

/* Left */
.paddingleft0 { padding-left: 0 !important; }

.paddingleft5,
.padleft5 { padding-left: 5px; }

.paddingleft3 { padding-left: 3px; }

.paddingleft10,
.padleft10 { padding-left: 10px !important; }

.paddingleft15,
.padleft15 { padding-left: 15px !important; }

.paddingleft20 { padding-left: 20px !important; }

.paddingleft25 { padding-left: 25px !important; }

.paddingleft30,
.padleft30 { padding-left: 30px !important; }

.paddingleft70,
.padleft70 { padding-left: 70px !important; }

/* Right */
.paddingright0 { padding-right: 0 !important; }

.paddingright2 { padding-right: 2px !important; }

.paddingright3 { padding-right: 3px !important; }

.paddingright5,
.padright5 { padding-right: 5px !important; }

.paddingright10,
.padright10 { padding-right: 10px !important; }

.padright15 { padding-right: 15px !important; }

.paddingright20 { padding-right: 20px !important; }

.paddingright25 { padding-right: 25px !important; }

.paddingright30 { padding-right: 30px !important; }

/* Colors */
.white { color: #fff; }

.grey444 { color: #444; }

.grey888 { color: #888; }

.greyccc { color: #ccc; }

.turquoise { color: #2c9ca6; }

/* Backgrounds */
.background-white { background-color: #fff; }

.background-blue { background-color: #cae6e9; }

.background-grey { background-color: #f0f0f0; }

.background-light-grey { background-color: #f4f4f4; }

.border-top-white { border-top: 1px solid #fff; }

.border-top-grey { border-top: 1px solid #dadada; }

.border-top-blue { border-top: 1px solid #abd7db; }

.border-bottom-grey { border-bottom: 1px solid #dadada; }

.border-bottom-blue { border-bottom: 1px solid #abd7db; }

.dto.dto-big {
    width: 75px;
    height: 75px;
    line-height: 1em;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    background: url(/assets/images/sprites/sprite-generico.png) no-repeat scroll -662px -1px rgba(0, 0, 0, 0);
}

.dto.dto-big span {
    margin: 85px -165px 0 0;
    font-size: 20px;
    color: #fff;
    display: block;
    font-family: 'open_sanssemibold', sans-serif;
    font-weight: normal;
    transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
}

/*  11. LISTS
=========================================================================================================== */

/*************** LISTADOS *****************/
.nobullets { list-style: none; }

.disc li { list-style: disc; }

.bullets { margin: 0 0 0 0.833em; }

.bullets2 { margin: 0 0 0 2em; }

.bullets li {
    list-style-image: url(/images_new/A/960/bullet.gif) !important;
    margin: 0 0 0 4px;
    padding: 0 0 5px;
}

.bullets2 li {
    list-style-image: url(/images_new/A/960/bullet2.gif);
    margin: 0 0 0 4px;
    padding: 0 0 5px;
}

ol.decimal { list-style-type: decimal; }

.descContent ul {
    margin: 0 0 0 10px;
}

.descContent ul li {
    list-style-image: url(/images_new/A/960/bullet.gif) !important;
    margin: 0 0 0 4px;
    padding: 0 0 5px;
}

.descContent p {
    font-size: 13px;
    line-height: inherit;
}

.descContent ol { list-style: decimal inside; }

/*  12. Opiniones
=========================================================================================================== */

.opi-summary { font-family: Arial, sans-serif; }

.opi-summary span.rating {
    display: block;
    float: left;
    width: 54px;
    height: 27px;
    margin-right: -2px;
    padding: 4px 0;
    background: #444;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.opi-summary span.rating:after {
    position: absolute;
    content: "";
    background: url("/assets/images/A/sprite/sprite-generico-old-school.png") no-repeat -239px -1261px;
    display: block;
    right: -4px;
    top: 14px;
    width: 6px;
    height: 10px;
}

.opi-summary span.description {
    padding: 0 0 0 10px;
    float: left;
    line-height: 18px;
}

.opi-summary span.description span.title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #444;
}

.opi-summary span.description span.opinions {
    font-size: 11px;
    font-family: 'open_sansregular', sans-serif;
}

.opi-summary .opi_separator { margin-top: 2px; }

/* new look responsive design */
.absolute-box.opi-summary {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 7px 0 5px 0;
    width: 100px;
    font-family: 'open_sanssemibold', sans-serif;
    background-color: rgba(78, 78, 78, 0.95);
    color: #fff;
    border-radius: 2px;
    opacity: 0.95;
}

.absolute-box.opi-summary .linkToOpis {
    background: transparent;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.absolute-box.opi-summary span {
    display: block;
    text-align: center;
}

.absolute-box.opi-summary span.title {
    font-size: 14px;
    font-family: 'open_sanssemibold', sans-serif;
}

.absolute-box.opi-summary span.rating {
    font-size: 36px;
    line-height: 44px;
    height: 45px;
    padding-bottom: 5px;
    margin: 0;
    float: none;
    width: inherit;
    background: none;
    font-family: 'open_sanssemibold', sans-serif;
}

.absolute-box.opi-summary span.rating:after { background: none; }

.absolute-box.opi-summary span.description {
    padding-top: 2px;
    border-top: 1px solid #535353;
    float: none;
    font-family: 'open_sansregular', sans-serif;
}

.absolute-box.opi-summary span.description a {
    font-size: 12px;
    font-family: 'open_sansregular', sans-serif;
    color: #fff;
}

.absolute-box.opi-summary .opinions {
    font-family: "open_sansregular", sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 3px;
    display: block;
}

.absolute-box.opi-summary a { color: #fff; }

.absolute-box.opi-summary a:hover { text-decoration: none; }

.valor { /* Caja contenedora de la opinion */
    width: 220px;
    margin: 0 0 10px;
    font-family: Arial, sans-serif;
    text-align: right;
    float: right;
    position: relative;
}

/* Valoracion y numero de opiniones */
.valor .opi-box-summary { font-family: Arial, sans-serif; }

.valor .opi-box-summary span.opi-rating {
    background: none repeat scroll 0 0 rgb(68, 68, 68);
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    display: block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 16px;
    margin-right: 0;
    margin-top: 2px;
    padding: 2px 0 4px;
    position: relative;
    text-align: center;
    width: 30px;
    cursor: pointer;
}

/* Flecha arriba de la caja grande de la opinion */
.valor .opi_general_rate:before {
    background: url("/assets/images/A/sprite/sprite-generico-old-school.png") no-repeat scroll -420px -1261px transparent;
    content: " ";
    display: block;
    height: 8px;
    position: absolute;
    right: 13px;
    top: -4px;
    width: 10px;
}

.valor .opi-box-summary span.opi-description {
    float: right;
    padding: 0 5px 0 0;
}

.valor .opi-box-summary span.opi-description span.opi-title {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #444;
    display: block;
    line-height: 14px;
}

.valor .opi-box-summary span.opi-description span.opi-opinions {
    font-size: 11px;
    font-family: Arial, sans-serif;
}

.valor .opi_general_rate {
    position: absolute;
    top: 35px;
    right: -20px;
    width: 330px;
    height: auto;
    padding: 12px;
    background-color: #444;
    border-radius: 2px;
    font-family: Arial, sans-serif;
    margin-right: 20px;
    z-index: 1;
}

/* Flecha derecha de la puntuacion interior de las valoraciones */
.valor .opi_general_rate span.opi-userrating:after {
    background: url("/assets/images/A/sprite/sprite-generico-old-school.png") no-repeat scroll -273px -1261px transparent;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: -5px;
    top: 8px;
    width: 5px;
}

/* caja negra con el promedio de valoracion interior */
.valor .opi_general_rate span.opi-userrating {
    background: none repeat scroll 0 0 #555;
    border-radius: 3px;
    box-shadow: 0 -1px 0 #363636;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 21px;
    line-height: 30px;
    margin: 0;
    padding: 2px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 0 #202020;
    height: 30px !important;
    width: 45px !important;
}

.valor .opi_general_rate span.opi-description {
    float: left;
    line-height: 15px;
    margin: 2px 0 0 5px;
    padding: 0 0 0 10px;
    text-align: left;
}

.valor .opi_general_rate span.opi-description span.opi-title {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    display: block;
    color: #fff;
}

.valor .opi_general_rate span.opi-description span.opi-opinions {
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
    color: #fff;
}

.valor .opi_general_rate span.opi-description span.opi-opinions a {
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    color: #fff;
    text-decoration: underline;
}

.valor .opi_selector_type {
    display: inline-block;
    float: right;
    margin-bottom: 10px;
    text-align: left;
    width: 115px;
}

/* Radio buttons selector de opiniones */
.valor .opi_selector_type .selectorOpis {
    color: #fff;
    clear: both;
    display: block;
    float: right;
    font-weight: bold;
    padding: 0 0 0 10px;
    width: 115px;
}

/* Separador linea */
.valor .opi_separator {
    border-bottom: 1px solid #484848;
    border-top: 1px solid #353535;
    margin: 10px 0 !important;
    line-height: 0;
    height: 0;
    width: 100%;
    padding: 0 !important;
    clear: both;
}

/* Barras verdes de opinion */
.valor .opi_criterios,
.valor .opi_distribucion {
    border: 0 none !important;
    padding-left: 0;
    padding-right: 0;
}

.valor .opi_criterios li,
.valor .opi_distribucion li {
    clear: both;
    color: #fff;
    float: left;
    font-size: 12px;
    list-style-type: none;
    width: 100%;
    padding-left: 0;
    border: 0 none !important;
}

.valor .opi_criterios li p {
    margin: 0 0 5px;
    width: 44%;
}

.valor .opi_distribucion li p {
    margin: 0 0 5px;
    width: 25%;
}

.valor .opi_barratotal {
    width: 43% !important;
    height: 13px;
    border-radius: 2px;
    font-family: Arial, sans-serif;
    overflow: hidden;
    background: #3d3d3d; /* Old browsers */
    background: -moz-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #3d3d3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #373737 0%, #3d3d3d 100%); /* W3C */
}

.valor .opi_categoria {
    color: #dedede;
    font-family: Arial, sans-serif;
    text-align: left;
    width: 190px;
}

.valor .opi_valor {
    color: #dedede;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-right: 10px;
    font-size: 14px;
    width: 20px;
}

.valor .opi_barravalor {
    border-radius: 2px;
    display: block;
    font-family: Arial, sans-serif;
    height: 13px;
    overflow: hidden;
    width: 35%;
    background: #a5c60b; /* Old browsers */
    background: -moz-linear-gradient(top, #a5c60b 0%, #8ea90c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5c60b), color-stop(100%, #8ea90c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5c60b 0%, #8ea90c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5c60b 0%, #8ea90c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5c60b 0%, #8ea90c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a5c60b 0%, #8ea90c 100%); /* W3C */
}

.valor .opi_content p {
    float: left;
    display: block;
    font-family: Arial, sans-serif;
    margin-top: 10px;
}

.valor .opi_content p a {
    color: #ededed;
    text-decoration: underline;
}

.errorbox {
    margin: 10px;
    padding: 10px;
    background-color: #ffeab1;
    overflow: hidden;
}

.errorbox .erroricon {
    width: 32px;
    height: 33px;
    margin-right: 10px;
    background: url(/assets/images/sprites/sprite-generico.png) no-repeat -380px -270px;
    float: left;
}
.errorbox strong { display: block; }

.infoCarusel h3 {
    font-size: 18px !important;
    line-height: 18px;
}

/* Estilo searches */
#searches * {
    box-sizing: border-box;
}

#searches > .row {
    padding: 20px 0 10px;
}

#searches .columns > ul {
    margin-bottom: 30px;
}

#searches img {
    box-sizing: content-box;
}

.prefooter__title {
    font-size: 17px;
    font-weight: normal;
    font-family: 'open_sanssemibold', sans-serif;
    margin: 0 0 25px;
    color: #444;
}

#searches h3,
.footSubhead {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'open_sanssemibold', arial, sans-serif;
    color: #444;
    line-height: 16px;
}
#searches li.bold { font-weight: normal !important; }

/*  14. Buscador
=========================================================================================================== */
.your-search span {
    font-size: 13px;
    color: #2c9ca7;
    padding-right: 9px;
    line-height: 40px;
}

.your-search span span { padding-right: 0; }

.your-search span i {
    margin-right: 4px;
    width: auto;
    height: 24px;
    display: inline-block;
}

.your-search .title {
    font-family: 'open_sanssemibold', sans-serif;
    text-transform: uppercase;
}

.your-search .title i {
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: -5px;
    background-position: -960px -270px;
    width: 5px;
}

.your-search .make-new-search i {
    background-position: -980px -270px;
    margin-bottom: -5px;
    pointer-events: none;
}

.your-search .make-new-search.active a img { background-position: -25px -170px; }

.your-search .make-new-search a { color: #e6002c; }

.your-search .make-new-search a:hover {
    text-decoration: none;
    color: #e6002c;
}

.your-search .make-new-search {
    position: relative;
    padding-right: 0;
}

.new-search {
    padding: 40px 0 30px;
    height: auto;
}

.new-search .close {
    position: absolute;
    top: -27px;
    right: 10px;
    cursor: pointer;
}

.new-search .close i { color: #aeaeae; }

.new-search .close:hover i { color: #666; }

/*  15. Paginador
=========================================================================================================== */

/* Paginador en resultados y opiniones */

/* paginador */
.paginador-container {
    border-top: 4px solid #ddd;
    padding-top: 0 !important;
    position: relative;
    margin: 0 10px;
    overflow: hidden;
}

/* Texto del total de los resultados/opiniones */
.total-resultados {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 18px;
    color: #888;
    line-height: 30px;
    float: left;
    display: inline-block;
}

.total-resultados .bold {
    font-family: 'open_sanssemibold', sans-serif !important;
    font-weight: normal;
}

/* Paginador - numeros, flechas, etc */
.paginador {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 18px;
    color: #999;
    padding-top: 20px;
    padding-bottom: 20px;
}
.paginador span { font-family: 'open_sanssemibold', sans-serif; }

.opi-responsive {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 120px;
}

.opi-responsive .paginador div { margin-top: -30px; }

.paginador ul { display: inline-block; }

.paginador li {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 14px;
    color: #999;
    float: left;
    line-height: 40px;
    height: 42px;
    width: 40px;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
}

.paginador .next,
.paginador .last,
.paginador .prev,
.paginador .first { display: table; }

.paginador .next a,
.paginador .last a,
.paginador .prev a,
.paginador .first a {
    display: table-cell;
    vertical-align: middle;
}

.paginador li a {
    color: #999;
    display: block;
}

.paginador li a:hover { text-decoration: none; }

.paginador li:first-child { border-left: 1px solid #d8d8d8; }

.paginador li.etc {
    border-top: medium none;
    border-bottom: medium none;
}

.paginador li.active {
    border: 1px solid #1e97e6;
    color: #1e97e6;
}

.paginador li.active a {
    color: #1e97e6;
}

.paginador li:hover { background-color: #e6e6e6; }

.paginador li.active:hover,
.paginador li.etc:hover,
.paginador li.inactive:hover { background: none; }

.paginador li.active,
.paginador li.etc,
.paginador li.inactive { cursor: auto; }

.paginador li img {
    background: url("/assets/images/v12/sprite-esp.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    margin-bottom: -1px;
}
.paginador .prev img { background-position: -253px -87px; }

.paginador .prev.inactive img { background-position: -211px -87px; }

.paginador .next img { background-position: -271px -87px; }

.paginador .next.inactive img { background-position: -230px -87px; }

/* boton subir */
.up {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 13px;
    color: #666;
    padding: 10px;
    border: 1px solid #d8d8d8;
}
.paginador .up { margin-top: 0; }

.opi-responsive .up {
    bottom: 65px;
    position: absolute;
    right: 0;
    display: block;
}

.up:hover {
    background-color: #e6e6e6;
    text-decoration: none;
}

.up:visited,
.up:hover,
.up:active { color: #666; }

.up img {
    margin-left: 8px;
    background: url("/assets/images/v12/sprite-esp.png") no-repeat scroll -253px -87px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-bottom: -3px;
}

.bgtextura {
    background-color: #f0f0f0;
    padding: 30px 0;
}

.bgwhite {
    background-color: #fff;
}

/*  XX. Media
=========================================================================================================== */
@viewport {
    width: extend-to-zoom;
    zoom: 1;
}

@-ms-viewport {
    width: extend-to-zoom;
    zoom: 1;
}

/* L + XL */
@media (min-width: 1024px) {
    .ficha .descCorta,
    .ficha .descContent,
    .ficha .descContent p,
    .ficha .descContent li,
    .ficha .descCorta p,
    .ficha .descCorta li {
        font-size: 14px !important;
        line-height: 22px;
    }

    .ficha .moreItems a { font-size: 13px !important; }
}

/* M */
@media (min-width: 641px) and (max-width: 1023px) {
    .medium-floatl { float: left !important; }

    .medium-floatr { float: right !important; }

    .your-search .make-new-search a { white-space: nowrap; }
}

/* S + M */
@media (max-width: 1023px) {
    .medium-background-transparent { background-color: rgba(0, 0, 0, 0); }

    .absolute-box.opi-summary {
        bottom: 20px;
        top: auto;
    }

    .info-ficha .column .paddingleft10 { padding-left: 0 !important; } /* columnas descripcion */
}

/* S */
@media (max-width: 640px) {
    .bgtextura { padding: 0; }

    .absolute-box.opi-summary {
        width: auto;
        min-width: 72px;
        height: 72px;
        padding: 7px 5px 5px;
    }

    .absolute-box.opi-summary span.title {
        font-size: 12px;
        line-height: 14px;
        min-width: 68px;
    }

    .absolute-box.opi-summary span.rating {
        font-size: 26px;
        line-height: 24px;
        height: 30px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .absolute-box.opi-summary span.opinions {
        font-size: 11px;
        margin-top: 0;
    }
}

@media (max-width: 742px) {
    .advertTitle { transform: none; }
}
.categories-tabs {
    display: table;
    width: 100%;
}

.categories-tabs ul {
    display: table-row;
}

.categories-tabs ul li a {
    display: block;
    color: #666;
    line-height: 18px;
}

.categories-tabs ul li.active a {
    display: block;
    color: white;
}

.categories-tabs ul li a:visited,
.categories-tabs ul li a:hover {
    text-transform: none;
    text-decoration: none;
}

.categories-tabs ul li:not(.active) a:hover {
    color: #444;
}

.categories-tabs ul li {
    display: table-cell;
    height: 49px;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #cecece;
    color: #666;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    font-size: 13px;
    font-family: 'open_sansregular';
}

.categories-tabs ul li:first-child {
    border-left: 1px solid #e4e4e4;
}

.categories-tabs ul li:hover {
    background-color: #f6f6f6;
    color: #444;
}

.categories-tabs ul li.active {
    background-color: #419cd9;
    color: #fff;
}

.categories-tabs ul li.active::before {
    font-family: fontawesome;
    font-size: 35px;
    color: #419cd9;
    content: "\f0d7";
    left: 50%;
    margin-left: -11px;
    top: 45px;
    position: absolute;
}

@media only screen and (max-width: 640px) {
    .categories-tabs {
        display: block !important;
        padding: 10px !important;
        position: relative;
    }

    .categories-tabs ul li {
        line-height: 28px;
    }

    .categories-tabs .tab-selector {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        color: #888;
        cursor: pointer;
        display: block;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        padding: 15px 10px;
    }

    .categories-tabs .arrow img {
        background: url(/assets/images/sprites/sprite-generico.png) no-repeat -207px -240px;
    }

    .categories-tabs ul {
        width: auto;
        display: none;
        padding: 5px 0;
        border: solid 1px #ccc;
        background: #fff;
        position: absolute;
        top: 60px;
        left: 10px;
        z-index: 10000;
    }

    .categories-tabs ul li {
        display: block !important;
        padding: 7px 45px 7px 15px;
        font-size: 14px;
        border: none !important;
        height: 40px !important;
        text-align: left !important;
        font-family: 'open_sansregular', sans-serif;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .categories-tabs ul li:hover {
        color: #419cd9 !important;
        background-color: #d4eeff !important;
        cursor: pointer;
    }

    .categories-tabs ul li:hover.active {
        background-color: transparent !important;
        cursor: inherit;
    }

    .categories-tabs ul li a {
        color: #444;
        line-height: 31px;
        width: 100%;
    }

    .categories-tabs ul li:hover a {
        color: #419cd9 !important;
        background-color: #d4eeff !important;
        cursor: pointer;
    }

    .categories-tabs ul li:hover.active a {
        background-color: transparent !important;
        cursor: inherit;
    }

    .categories-tabs ul li.active a {
        color: #444;
    }

    .categories-tabs ul .active {
        color: #419cd9 !important;
        background-color: #fff !important;
    }

    .categories-tabs ul .active::after {
        font-family: 'atrapaloico';
        content: "\e608";
        width: 20px;
        height: 20px;
        display: block;
        margin: -27px 5px 0 0;
        right: 6px;
        position: absolute;
        font-size: 18px;
    }

    .categories-tabs ul .active::before {
        background: none !important;
    }

    .search-filters {
        max-width: 320px;
    }
}

/* Versión en rojo */

.red-tabs .categories-tabs ul li {
    border-left: none;
    border-right: none;
}

.red-tabs .categories-tabs ul li.active {
    color: #e6002c;
    border-bottom: 3px solid #e6002c;
    background-color: #fff;
}

.red-tabs .categories-tabs ul li.active::before {
    content: none;
}