#msg_noResultados {
    width: 100%;
    display: inline-block;
}

#msg_noResultados font {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.pagina_contenido {
    margin-top: 300px;
}

.cabecera_selector_usuario {
    margin-left: 16%;
}

.imgCapsaleraFicha {
    display: none;
}

.cabecera_menu {
    width: 100%;
    height: 30px !important;
}

.aviso_navegador {
    display: none;
}

.pie_mobil {
    display: none !important;
}

.pie_mobil .blocOne p a {
    color: white;
    text-decoration: none;
}

/* ############## LOGIN cabecera.php######################## */

.box_referencia_buscada {
    display: inline-block;
    background: rgb(103, 195, 216);
    border-radius: 3px;
    padding: 8px;
    font-size: 15px;
    margin-bottom: 5px;
}

.Cabecera_selector_idioma {
    display: block !important;
    float: right !important;
    width: auto !important;
    margin: 2px 0 0 0 !important;
}

.cabecera_selector_usuario {
    display: block !important;
    float: left !important;
    margin: 0 !important;
    width: 410px !important;
}

.captura_taula {
    display: block !important;
    float: left !important;
    width: 390px !important;
}

.fila_usuari {
    display: block !important;
    float: left !important;
}

.fila_fondo {
    width: 390px !important;
    padding-top: 7px !important;
}

#captura_usuari {
    display: block !important;
    float: left !important;
    font-weight: bold !important;
}

.captura_contra {
    display: block !important;
    float: left !important;
}

.captura_boto {
    display: block !important;
    float: left !important;
}


/* ############## END LOGIN ######################## */


/* ############## Listado Productos ######################## */

.fila_fondo {
    padding-top: 4px;
}

.css_taula {
    display: inline-block !important;
    width: 100%;
    padding-bottom: 20px;
}

.css_fila {
    display: block !important;
    float: left !important;
}

.css_primera {
    width: 17% !important;
    padding-top: 3%;
    display: block !important;
    float: left !important;
    /* height: 100%; */
}

.css_segona {
    width: 43%;
    padding-top: 1% !important;
    float: left !important;
    display: block !important;
}

.css_tercera {
    width: 40% !important;
    float: left !important;
    padding-top: 1% !important;
    display: block !important;
}

.css_tercera .box-logo-ficha {
    display: inline-block;
    width: 100%;
}
.css_tercera .box-logo-ficha .logo-ficha {
    float: right;
    margin-right: 20px;
}

.css_taula .fila-editor {
    display: inline-block;
    width: 100%;
    padding: 2%;
    box-sizing: border-box;
}

.css_taula .fila-editor h3 {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    padding: 0 0 0 10px;
    margin-bottom: 5px;
    background: #d4d4d4;
}
.css_taula .fila-editor .btn-guardar-tiny {
    float: right;
    margin-top: 10px;
    background: #089fa6;
    border: none;
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    cursor:pointer;
}
.css_taula .fila-editor .btn-guardar-tiny:hover {
    background: #057d82;
}


#imagenes {
    width: 93% !important;
    float: left !important;
}

#imagenes a img {
    max-width: 50% !important;
    /* margin-left: 0px; */
    /* float: left !important; */
    padding: 0 !important;
    margin: 0 !important;
}

#imagenes a .img_despiece {
    max-height: 160px;
}

.CSS_00 {
    /* display: table-cell; */
    /* float: right !important; */
    /* width: 40% !important; */
    float: left !important;
    width: 100% !important;
}

.css_85 {
    width: auto !important;
    float: left !important;
}

.titulo_naranja2_bold {
    float: left;
    margin: 60% 0 0 0;
}

.titulo {
    width: auto !important;
}

.textos {
    margin-left: 6% !important;
    width: 60% !important;
    text-align: left !important;
    float: left !important;
}

#poly {
    height: 60px !important;
}

#form_x {
    margin-left: 0 !important;
    width: auto;
}


/* ############  END Listado de Productos ###################### */


    .menu_principal {
        display: flex;
        justify-content: space-between;
        padding-top: 4px;
    }

    .menu_principal a {
        display: inline-block;
        background: #f2910c;
        line-height: 20px;
        box-sizing: border-box;
        border: 1px solid #ec6e00;
        border-bottom: 5px solid #ec6e00;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 0 10px;
        color: black;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
    }

    .menu_principal[data-lang='por'] a {
        padding: 0 4px;
    }

    .menu_principal a:hover {
        color: white;
        background: #ec6e00;
    }

    .menu_principal a.item-menu-ofertas {
        background: #5bacbb;
    }

/* ############################################################################################################################# */


/* #####################  MAX-WIDTH 1000px ##################################################################################### */


/* ############################################################################################################################# */


    @media only screen and (max-width : 800px) {

        .menu_principal {
            display: none;
        }

        #menu {
            text-align: left !important;
            display: block !important;
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        #menu_detalle ul {
            width: 82% !important;
        }

        #menu_detalle li {
            padding: 0 !important;
        }
    }


    @media only screen and (max-width: 1000px) {
    .pie_mobil {
        float: left;
        position: relative;
    }
    #detallesMedidas {
        display: block;
        float: left;
        text-align: left;
    }
    #homePage .pagina_contenido {
        margin-top: 0;
    }
    #form_x {
        margin: 0 auto !important;
        width: 100%;
        max-width: 328px;
    }
    /*
        #existencias {
        background: url(demo/ex.png) no-repeat;
        padding: 0% 4% 0px 4%;
        height: 120px;
        width: 81%;
        float: left;
        background-size: contain;
        }
        */
    #caja_existencias {
        width: 28%;
    }
    /* #caja_existencias { width: 30%;} */
    /* .pagina_contenido { margin-top: 300px; } */
    .fondo_pie {
        width: 100%;
    }
    .fila_fondo {
        width: 420px !important;
        padding-top: 7px !important;
    }
    #captura_boto {
        width: 114px;
    }
    #buscar {
        position: relative;
        top: 12px;
    }
    /*This will work for firefox*/
    @-moz-document url-prefix() {
        #buscar {
            position: relative;
            top: 4px;
        }
    }
    #ref_alt {
        margin-top: 22.5% !important;
    }
    #ref_busq {
        margin-top: 22.5% !important;
    }
    /*###########################*/
    /*###### CONTACTAR ##########*/
    /*###########################*/
    #contact_css .pie {
        display: block;
        float: left;
        width: 100%;
    }
    #contactar {
        display: block;
        float: left;
        width: 90%;
        margin: 0 0 2% 0;
        padding: 0 5% 0 5%;
    }
    #contactar .rowTitol {
        display: block;
        float: left;
        width: 100%;
        text-align: left;
        padding: 5% 0 5% 0;
    }
    #contactar .columnText {
        display: block;
        float: left;
        width: 100%;
        text-align: justify;
    }
    #contactar .columnImagenes {
        display: block;
        float: left;
        width: 100%;
        margin: 5% 0 5% 0;
    }
    #contactar .columnImagenes .imatge img {
        width: 100%;
    }
    #contactar .selectorImg {
        margin-top: 3%;
    }
    /*###########################*/
    /*###### DONDE ESTAMOS ######*/
    /*###########################*/
    #dondeEstamos .pie {
        display: block;
        float: left;
        width: 100%;
    }
    #dondeEstamos .contingut {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 3%;
    }
    #dondeEstamos .contingut .columnOne,
    #dondeEstamos .contingut .columnTwo,
    #dondeEstamos .contingut .columnThree {
        display: block;
        float: left;
        width: 46%;
        min-width: 265px;
        height: auto;
        padding: 0 2% 0 2%;
        margin: 2% 0 0 0;
    }
    #dondeEstamos .contingut .columnOne h1,
    #dondeEstamos .contingut .columnTwo h1,
    #dondeEstamos .contingut .columnThree h1 {
        display: block;
        float: left;
        padding: 1% 0 1% 2%;
        margin: 0;
    }
    #dondeEstamos .contingut .columnThree .imatge {
        margin-bottom: 10px;
        width: 100%;
        height: auto;
    }
    #dondeEstamos .contingut .columnOne .titol,
    #dondeEstamos .contingut .columnTwo .titol,
    #dondeEstamos .contingut .columnThree .titol {
        display: block;
        /*float: left;*/
        padding-left: 20%;
    }
    #map_canvas {
        width: 100%;
        height: 380px;
        border: medium #FFF;
        /*width: 100%; height: 380px;*/
        float: left;
        border: 1px solid #333;
        background-color: #FFF;
    }
}


/* ############################################################################################################################# */


/* ############################################################################################################################# */


/* ############################################################################################################################# */


/* ############################################################################################################################# */


/* #####################  MINIM 1000px ##################################################################################### */


/* ############################################################################################################################# */

@media only screen and (min-width: 1000px) {
    /* .pagina_contenido { margin-top: 141px; } */
    .pagina_contenido {
        margin-top: 158px;
    }
    .fila_fondo {
        width: 420px !important;
        padding-top: 7px !important;
    }
    #buscar {
        position: relative;
        top: 12px;
    }
    /* #ref_alt{margin-top: 22.5% !important; } */
    #ref_alt {
        float: left !important;
        margin-left: 28.5% !important;
    }
    #ref_busq {
        float: left !important;
        margin-left: 28.5% !important;
    }
    #buscar {
        float: left !important;
        margin-top: 22.8% !important;
        position: none !important;
        top: 0px !important;
    }
    .css_00 {
        width: 100% !important;
    }
    #detallesMedidas {
        display: block;
        float: left;
        text-align: left;
    }
    /*###########################*/
    /*###### CONTACTAR ##########*/
    /*###########################*/
    #contact_css .pie {
        display: block;
        float: left;
        width: 100%;
    }
    #contactar {
        display: block;
        float: left;
        margin: 0 0 2% 0;
        padding: 0;
    }
    #contactar .rowTitol {
        display: block;
        float: left;
        width: 100%;
        text-align: left;
        padding: 2% 0 2% 0;
    }
    #contactar .columnText {
        display: block;
        float: left;
        width: 40%;
        text-align: justify;
    }
    #contactar .columnImagenes {
        display: block;
        float: left;
        width: 60%;
    }
    #contactar .selectorImg {
        margin-top: 3%;
    }
    /*###########################*/
    /*###### DONDE ESTAMOS ######*/
    /*###########################*/
    #dondeEstamos .contingut {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 3%;
    }
    #dondeEstamos .contingut .columnOne,
    #dondeEstamos .contingut .columnTwo,
    #dondeEstamos .contingut .columnThree {
        display: block;
        float: left;
        width: 33.33%;
        min-width: 300px;
        height: auto;
        padding: 0;
        margin: 2% 0 0 0;
    }
    #dondeEstamos .contingut .columnOne .titol,
    #dondeEstamos .contingut .columnTwo .titol,
    #dondeEstamos .contingut .columnThree .titol {
        padding-left: 10%;
    }
    #dondeEstamos .contingut .columnOne h1,
    #dondeEstamos .contingut .columnTwo h1,
    #dondeEstamos .contingut .columnThree h1 {
        display: block;
        float: left;
        padding: 1% 0 1% 2%;
        margin: 0;
    }
    #map_canvas {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
        height: 380px;
        border: medium #FFF;
        /*width: 100%; height: 380px;*/
        float: left;
        border: 1px solid #333;
        background-color: #FFF;
    }
    #dondeEstamos .pie {
        display: block;
        float: left;
        width: 100%;
    }
}


/* ############################################################################################################################# */


/* ############################################################################################################################# */


/* ############################################################################################################################# */


/* ##################### FORMULARI ############################## */

@media only screen and (max-width: 1000px) and (min-width: 480px) {
    .css_00 {
        width: 100% !important;
    }
    .formulario_normal {
        width: 100%;
        height: 167px !important;
        background-image: url('/img/fondoLinea.jpg');
        display: inline-block;
    }
    .buscador_ref_e,
    .buscador_ref_i,
    .buscador_ref_p {
        min-height: 158px;
    }
    .formulario_avanzado {
        width: 100%;
        height: 158px !important;
        background-image: url('/img/fondoLinea2.jpg');
    }
}

@media only screen and (max-width: 480px) {

    #ninguno {
        background: #d9d9d9;
        background-size: cover;
        max-width: 400px;
        width: 90%;
        height: auto;
        box-sizing: border-box;
        border-radius: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #ninguno font.llamar {
        margin-top: 25px;
    }

    .box-banderes {
        width: 102px;
    }
    .buscador_ref_p {
        min-height: 152px !important;
    }
    /*
        #existencias {
            background: url(demo/ex.png) no-repeat;
            padding: 12px 4% 0px 4%;
            height: 120px;
            width: 92%;
            float: left;
        }
        */
    #caja_existencias {
        width: 28%;
    }
    #buscar {
        position: relative;
        top: 7px;
    }
    .formulario_normal {
        width: 100%;
        float: left;
    }
    .formulario_avanzado {
        float: left;
        width: 100%;
    }
    .pie {
        float: left;
    }
    .pagina_contenido {
        float: left;
    }
    #pagina {
        float: left;
        width: 100%;
    }
    /*.buscador_ref_avanz_pos {
		min-height: 102px !important;
	}*/
    .imgCapsaleraFicha {
        display: block !important;
    }
    .css_taula {
        /*
        background-image: url('img/liniaFondoFicha.jpg') !important;
        background-repeat: repeat-y !important;
        background-size: contain !important;
        */
        display: block !important;
        float: left !important;
        width: 100% !important;
        border: 0 !important;
        margin-bottom: 15px !important;
    }
    .css_primera {
        float: left !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding-top: 0px !important;
        padding-top: 15px !important;
    }
    .css_primera .titulo {
        float: left !important;
        display: block !important;
        width: 100% !important;
    }
    .css_primera #alternativas {
        float: left !important;
        display: block !important;
        width: 90% !important;
        height: auto !important;
        margin-top: 10px;
    }
    .css_primera .titulo_naranja2_bold {
        float: left !important;
        margin: 0 !important;
        margin-left: 35% !important;
    }
    .css_segona {
        float: left !important;
        width: 93% !important;
        display: block !important;
        height: auto !important;
        padding: 0 0 0 7% !important;
    }
    .css_tercera {
        float: left !important;
        display: block !important;
        width: 93% !important;
        height: auto !important;
        padding: 0 0 0 7% !important;
    }

    .css_tercera .box-logo-ficha {
        display: none;
    }
    .css_fila .css_00 {
        width: 100% !important;
        margin-top: 5px !important;
    }
    .css_fila .css_65 {
        margin-left: 7% !important;
    }
    /* #### LOGIN I IDIOMES VISTA MOBIL 320 - 480 ############################## */
    .cabecera_selector_usuario {
        display: block !important;
        float: left !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #captura_taula {
        display: block;
        width: 100%;
        height: auto;
        float: left;
    }
    .fila_usuari {
        display: block !important;
        float: left !important;
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
    }
    .fila_fondo {
        display: block;
        float: left;
        width: 100% !important;
        height: auto;
        background-image: none;
        background-color: black;
        padding: 1% 0px 0px 0%;
    }
    #captura_usuari {
        display: block !important;
        float: left !important;
        margin-bottom: 2%;
        font-weight: bold !important;
    }
    #captura_contra {
        display: block !important;
        margin-bottom: 2%;
        float: left;
    }
    #captura_boto {
        display: block;
        float: left;
        padding: 0px 0px 0px 3%;
        margin: 0px 0px 2% 0px;
        background-color: #000;
    }
    #captura_error {
        display: block;
        float: left;
        width: 100%;
        height: auto;
    }
    /* ### IDIOMES */
    .Cabecera_selector_idioma {
        display: block !important;
        float: right !important;
        width: 107px !important;
        margin: 1% 0 0 0 !important;
    }
    .Cabecera_selector_idioma img {
        display: none !important;
    }
    .Cabecera_selector_idioma .icoIdiomaEsp {
        display: block;
        float: left;
        width: 100%;
        height: 30px;
        background-image: url('img/botoIdiomaEsp.png');
        background-repeat: no-repeat;
        margin-bottom: 1%;
    }
    .Cabecera_selector_idioma .icoIdiomaEng {
        display: block;
        float: left;
        width: 100%;
        height: 30px;
        background-image: url('img/botoIdiomaIng.png');
        background-repeat: no-repeat;
        margin-bottom: 1%;
    }
    .Cabecera_selector_idioma .icoIdiomaPor {
        display: block;
        float: left;
        width: 100%;
        height: 30px;
        background-image: url('img/botoIdiomaPor.png');
        background-repeat: no-repeat;
    }
    /* #### FIN LOGIN I IDIOMES VISTA MOBIL 320 - 480 ############################## */
    /* ###################################*/
    /* #### FOOTER VISTA MOBIL 480 ###### */
    /* ###################################*/
    /*Desactivar el footer normal*/
    .pie {
        display: none !important;
    }
    .pie_mobil {
        display: block !important;
    }
    .fondo_pie_mobil {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        color: #FFF;
        background-color: #28808E;
        background-image: url(demo/pie.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .fondo_pie_mobil .blocOne {
        display: block;
        float: left;
        width: 90%;
        padding: 4% 0 4% 10%;
        margin: 0 0 5% 0;
        text-align: left;
        color: #FFF;
        background-color: #28808E;
    }
    .fondo_pie_mobil .blocOne p {
        font-size: 1em;
        color: white;
    }
    .fondo_pie_mobil .blocOne p a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocTwo {
        display: block;
        float: left;
        margin: 0;
        padding: 0 0 0 10%;
        width: 40%;
        text-align: left;
    }
    .fondo_pie_mobil .blocTwo .row {
        display: block;
        float: left;
        width: 100%;
    }
    .fondo_pie_mobil .blocTwo .row a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocThree {
        display: block;
        float: right;
        width: 45%;
        text-align: left;
        padding: 0 0 0 5%;
    }
    .fondo_pie_mobil .blocThree .row a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocFour {
        display: block;
        float: left;
        width: 100%;
        margin-top: 8%;
    }
    .fondo_pie_mobil .blocFour .logotipo {
        margin-top: 5%;
    }
    .fondo_pie_mobil .blocFour .copyright {
        display: block;
        margin-top: 3%;
    }
    .fondo_pie_mobil .blocFour .copyright a {
        text-decoration: none;
        color: white;
    }
    /* ###################################*/
    /* #### END FOOTER VISTA MOBIL 480 ### */
    /* ###################################*/
}

@media only screen and (max-width: 320px) {
    #detallesMedidas {
        width: 37%;
    }
    #busqueda_avanzada {
        margin-top: 0 !important;
    }
    /*
        #existencias {
            background-size: contain;
            padding: 2% 4% 0px 4%;
        }
        */
    .buscador_ref_p {
        min-height: 102px !important;
    }
    #buscar {
        margin-left: 0 !important;
        margin-top: 0px !important;
    }
    #ref_alt {
        margin-top: 21.5% !important;
        margin-left: 0% !important;
        width: 36% !important;
    }
    #ref_busq {
        margin-top: 21.5% !important;
        margin-left: 0% !important;
        width: 36% !important;
    }
    #ficha_base img {
        margin-top: -15px;
    }
    /* AVANS */
    #ref_alt {
        margin-top: 22.5% !important;
        height: 14px !important;
    }
    #ref_busq {
        margin-top: 22.5% !important;
        height: 14px !important;
    }
    /* ----- */
    .pagina_contenido {
        margin-top: 0px !important;
    }
    .cabecera_selector_usuario {
        display: block !important;
        float: left !important;
        margin: 0 !important;
        width: 100% !important;
    }
    /*############ IDIOMES VISTA MOBIL 320 ######################## */
    .Cabecera_selector_idioma {
        display: block !important;
        float: right !important;
        width: 100% !important;
        margin: 0px !important;
    }
    /*
        .Cabecera_selector_idioma a {
            display: block;
            float: left;
            margin-left: 1%;
            padding: 0;
        }
    */
    .Cabecera_selector_idioma img {
        display: none !important;
    }
    .Cabecera_selector_idioma .icoIdiomaEsp {
        display: block;
        float: left;
        width: 100px;
        height: 30px;
        background-image: url('img/botoIdiomaEsp.png');
        background-repeat: no-repeat;
        margin: 0 1% 0 2%;
    }
    .Cabecera_selector_idioma .icoIdiomaEng {
        display: block;
        float: left;
        width: 100px;
        height: 30px;
        background-image: url('img/botoIdiomaIng.png');
        background-repeat: no-repeat;
        margin-bottom: 1% !important;
        margin: 0 1% 0 0;
    }
    .Cabecera_selector_idioma .icoIdiomaPor {
        display: block;
        float: left;
        width: 100px;
        height: 30px;
        background-image: url('img/botoIdiomaPor.png');
        background-repeat: no-repeat;
    }
    /*############ FINAL IDIOMES VISTA MOBIL 320 ######################## */
    /* ###################### LOGIN I MENU VISTA MOBIL 320 ############################## */
    #captura_taula {
        width: 100%;
        display: block;
        float: left;
    }
    .fila_usuari {
        display: block !important;
        float: left !important;
        width: 100%;
    }
    .fila_fondo {
        padding-top: 8px;
        display: block;
        float: left;
        width: 100% !important;
        height: auto;
        background-image: none;
        background-color: black;
    }
    #captura_contra {
        display: block;
        float: left;
    }
    #captura_boto {
        display: block;
        padding-top: 2%;
        padding-bottom: 1%;
        background-color: #000;
        float: left;
        width: 97%;
    }
    #captura_error {
        display: block;
        float: left;
        width: 100%;
        height: auto;
    }
    #menu {
        text-align: left !important;
        display: block !important;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #menu_detalle ul {
        width: 82% !important;
    }
    #menu_detalle li {
        padding: 0 !important;
    }
    /*
    #menu_detalle{
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
    }

    #menu_detalle img{
        display: block;
        float: left;
    }
    */
    /* ###################### FIN MENU VISTA MOBIL ############################## */
    /* ###################################*/
    /* #### FOOTER VISTA MOBIL 320 ###### */
    /* ###################################*/
    /* Desactivar el footer normal */
    .pie {
        display: none !important;
    }
    .pie_mobil {
        display: block !important;
    }
    .fondo_pie_mobil {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        color: #FFF;
        background-color: #28808E;
        background-image: url(demo/pie.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .fondo_pie_mobil .blocOne {
        display: block;
        float: left;
        width: 90%;
        padding: 4% 0 4% 10%;
        margin: 0 0 5% 0;
        text-align: left;
        color: #FFF;
        background-color: #28808E;
    }
    .fondo_pie_mobil .blocOne p {
        font-size: 1em;
        color: white;
    }
    .fondo_pie_mobil .blocTwo {
        display: block;
        float: left;
        margin: 0;
        padding: 0 0 0 5%;
        width: 45%;
        text-align: left;
    }
    .fondo_pie_mobil .blocTwo .row {
        display: block;
        float: left;
        width: 100%;
    }
    .fondo_pie_mobil .blocTwo .row a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocThree {
        display: block;
        float: right;
        width: 45%;
        text-align: left;
        padding: 0 0 0 5%;
    }
    .fondo_pie_mobil .blocThree .row a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocFour {
        display: block;
        float: left;
        width: 100%;
        margin-top: 8%;
    }
    .fondo_pie_mobil .blocFour .logotipo {
        margin-top: 5%;
    }
    .fondo_pie_mobil .blocFour .copyright {
        display: block;
        margin-top: 3%;
    }
    .fondo_pie_mobil .blocFour .copyright a {
        text-decoration: none;
        color: white;
    }
    /* ###################################*/
    /* #### END FOOTER VISTA MOBIL 320 ### */
    /* ###################################*/
    /* ########################################*/
    /* #### DONDE-ESTAMOS VISTA MOBIL 320 #### */
    /* ########################################*/
    #dondeEstamos .contingut .columnOne .titol,
    #dondeEstamos .contingut .columnTwo .titol,
    #dondeEstamos .contingut .columnThree .titol {
        padding-left: 0;
    }
    /* ########################################*/
    /* ########## END DONDE-ESTAMOS ########## */
    /* ########################################*/
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .css_primera {
        width: 100% !important;
        padding-top: 7%;
        display: block !important;
        float: left !important;
    }
    #titulo {
        width: 100% !important;
    }
    #alternativas {
        margin-left: 0;
        padding: 0;
    }
    #aplicaciones {
        display: block;
        float: left;
    }
    .titulo {
        width: 100% !important;
    }
    .textos {
        margin-left: 6% !important;
        width: 94% !important;
        text-align: left !important;
        float: left !important;
    }
    .titulo_naranja2_bold {
        float: none !important;
        margin: 0 !important;
    }
    .css_segona {
        width: 47%;
        padding-left: 3%;
    }
    .css_tercera {
        width: 50% !important;
    }
    /*
        .CSS_00 {
            float: right !important;
            width: 50%;
        }
    */
}

@media only screen and (max-width: 600px) {
    #dondeEstamos .contingut .columnOne,
    #dondeEstamos .contingut .columnTwo,
    #dondeEstamos .contingut .columnThree {
        display: block;
        float: left;
        width: 90%;
        min-width: 265px;
        height: auto;
        padding: 0 5% 0 5%;
        margin: 4% 0 0 0;
    }
    #dondeEstamos .contingut .columnOne .titol,
    #dondeEstamos .contingut .columnTwo .titol,
    #dondeEstamos .contingut .columnThree .titol {
        padding-left: 0;
    }
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
    .cabecera_selector_usuario {
        display: block !important;
        float: none !important;
        margin: 0 auto !important;
        width: 420px !important;
    }
    /*
        #existencias {
            background: url(demo/ex.png) no-repeat;
            padding: 12px 4% 0px 4%;
            height: 120px;
            width: 92%;
            float: left;
        }
        */
    #caja_existencias {
        width: 29%;
    }
    /* ###################################*/
    /* # FOOTER VISTA MOBIL 481 - 600 #### */
    /* ###################################*/
    /*Desactivar el footer normal*/
    .pie {
        display: none !important;
    }
    .pie_mobil {
        display: block !important;
    }
    .fondo_pie_mobil {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        color: #FFF;
        background-color: #28808E;
        background-image: url(demo/pie.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .fondo_pie_mobil .blocOne {
        display: block;
        float: left;
        width: 90%;
        padding: 4% 0 4% 10%;
        margin: 0 0 5% 0;
        text-align: left;
        color: #FFF;
        background-color: #28808E;
    }
    .fondo_pie_mobil .blocOne p {
        font-size: 1em;
        color: white;
    }
    .fondo_pie_mobil .blocTwo {
        display: block;
        float: left;
        margin: 0;
        padding: 0 0 0 10%;
        width: 40%;
        text-align: left;
    }
    .fondo_pie_mobil .blocTwo .row {
        display: block;
        float: left;
        width: 100%;
    }
    .fondo_pie_mobil .blocTwo .row a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocThree {
        display: block;
        float: right;
        width: 45%;
        text-align: left;
        padding: 0 0 0 5%;
    }
    .fondo_pie_mobil .blocThree .row a {
        text-decoration: none;
        color: white;
    }
    .fondo_pie_mobil .blocFour {
        display: block;
        float: left;
        width: 100%;
        margin-top: 8%;
    }
    .fondo_pie_mobil .blocFour .logotipo {
        margin-top: 5%;
    }
    .fondo_pie_mobil .blocFour .copyright {
        display: block;
        margin-top: 3%;
    }
    .fondo_pie_mobil .blocFour .copyright a {
        text-decoration: none;
        color: white;
    }
    /* ###########################################*/
    /* #### END FOOTER VISTA MOBIL 481 - 600 ### */
    /* #########################################*/
    /* ######################################### */
    /* ##### LLISTA PRODUCTES 481 - 600 ######## */
    /* ######################################### */
    .css_primera {
        width: 30% !important;
    }
    .css_segona {
        width: 90% !important;
        padding-left: 10%;
    }
    .css_tercera {
        width: 70% !important;
        float: left !important;
        padding-top: 1% !important;
        display: block !important;
        padding: 0 15% 0 15%;
    }
    /* ###################################### */
    /* ###################################### */
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 480px) {
    boby {
        background: none;
        width: 320x;
    }
    .menu_principal {
        display: none;
    }
    /* ocultar menu principal */
    #contenedor {
        width: 100%;
    }
    #menu {
        display: block;
        margin-bottom: 0px;
    }
    .cabecera_selector_idioma {
        float: left;
        margin: auto;
        width: 100%;
    }
    /* ############################################################################### */
    /* .buscador_ref_avanz_pos{min-height:133px;} */
    .buscador_ref_avanz_pos {
        min-height: 134px;
    }
    /* ############################################################################### */
    /*.buscador_ref_avanz_pos{min-height:115px;}*/
    .buscador_ref_e {
        min-height: 134px;
    }
    /*.buscador_ref_e{min-height:119px;}*/
    /* 103 */
    .buscador_ref_i {
        min-height: 119px;
    }
    /* 103 */
    .buscador_ref_p {
        min-height: 119px;
    }
    /* 103 */
    #ref_alt {
        margin-top: 22.5% !important;
        font-size: 9px;
        margin-left: 0%;
    }
    #ref_busq {
        margin-top: 22.5% !important;
        font-size: 9px;
        margin-left: 0%;
    }
    .boton_buscar {
        width: 26px;
        height: 21px;
    }
    .pagina_contenido {
        font-size: 8px;
    }
    .pagina_contenido_texto {
        width: 280px;
    }
    #busqueda_avanzada {
        margin: 0 auto;
        margin-top: 1%;
    }
    /* -------------------------- ojo tabla con css ------*/
    /*
	.css_fila,.css_segona,.css_tercera {display: block;float:left;}
	.css_00{display:block;float:left;}
	.css_primera{display: block;float:left;width:50%;margin-left:25%;padding-top:25%;}
	.css_segona{width:40%;margin-right:10%;margin-left:25%;}
	.css_tercera{width:43%;margin-left:25%;}
	.css_65{margin-left:31%;}
	#imagenes{width:185px;}
	.css_fila,.css_segona,.css_tercera {display: block;float:left;}
	.css_00{display:block;float:left;}
	.css_primera{display: block;float:left;width:50%;margin-left:25%;padding-top:25%;}
	.css_segona{width:40%;margin-right:10%;margin-left:25%;}
	.css_tercera{width:43%;margin-left:25%;}
	.css_65{margin-left:31%;}
	.css_00{width:100%;}
	*/
    /* pantalla poleas tpol_0.php iconoes montaje*/
    #poly {
        margin: 0px 0px;
    }
    #largo {
        margin: 0px 0px;
    }
    #int-ext {
        margin: 0px 0px;
    }
    /*--- footer ---*/
    .pie {
        background-image: none;
    }
    .fondo_pie {
        font-size: 8px;
        width: 100%;
    }
    .fondo_texto {
        font-size: 8px;
    }
}

#ref_alt {
    width: 33%;
}

#ref_busq {
    width: 33%;
}

@media only screen and (min-width: 358px) and (max-width: 363px) {
    #busqueda_normal .buscador_ref_e {
        min-height: 113px !important;
    }
    #busqueda_avanzada {
        margin-top: 0% !important;
    }
    .buscador_ref_avanz_pos {
        min-height: 114px !important;
    }
}


/* Smartphones (landscape) ----------- */

@media only screen and (max-width: 320px) {
    /* Styles */
    .buscador_ref_e {
        min-height: 101px !important;
    }
    .pagina_contenido {
        margin-top: 264px;
    }
    #busqueda_normal {
        min-width: 200px !important;
    }
    #busqueda_avanzada {
        min-width: 200px !important;
    }
    .buscador_ref_avanz_pos {
        /* width: 100%; */
        /* height: auto; */
        min-height: 100px;
    }
}
    /* Smartphones (portrait) ----------- 320 */
    @media only screen and (min-width: 481px) and (max-width: 760px) {
        /* Styles */
        #contenedor {
            width: 100%;
        }
        /* cabcera selectores idioma y usuario */
        .contenedor_cabecera {}
        .cabecera {
            display: block;
            margin: 0 auto;
        }
        /* logo */
        .cabecera_selector_idioma {
            float: left;
            margin-right: 60%;
            width: 65%;
        }
        /* -- captura usuari -- */
        .cabecera_selector_usuario {
            margin-left: 0;
            min-height: 75px;
        }
        .fila_usuari,
        .fila_fondo,
        #captura_usuari,
        #captura_contra,
        #captura_boto,
        #captura_error {
            display: block;
            float: left;
        }
        .fila_fondo {
            background-image: none;
            background-color: #000;
            padding-top: 3px;
        }
        /*--- menu ---*/
        .menu_principal {
            display: none;
        }
        /* ocultar menu principal */
        #menu {
            display: block;
        }
        /* presentar menu móvil */
        .menu a {
            display: block;
        }
        .menu li {
            display: block;
        }
        /*--- footer ---*/
        .pie {
            background-image: none;
        }
        .fondo_pie {
            font-size: 10px;
            width: 100%;
        }
        /*--- form búsqueda página inicial ---*/
        .formulario_normal {
            display: block;
            margin: auto;
        }
        .formulario_avanzado {
            display: block;
            margin: auto;
        }
        .busqueda_avanzada {
            margin: 0 auto;
            margin-left: 25;
        }
        #busqueda_avanzada {
            margin-top: 1%;
        }
        #busqueda_normal {}
        .buscador_ref_e {
            /*	background-image:url(demo/fondo_busca_esp.jpg);*/
            /*height:26%;*/
            width: 100%;
            float: left;
            /*margin-left: 0px;
            margin-top: 0px;*/
            margin: 0 auto;
            min-height: 161px;
        }
        .buscador_ref_p {
            width: 100%;
            float: left;
            margin: 0 auto;
            min-height: 161px;
        }
        .buscador_ref_i {
            width: 100%;
            float: left;
            margin: 0 auto;
            min-height: 161px;
        }
        /* Modificar altura del cuadro para permitir fluidez */
        .buscador_ref_avanz_pos {
            min-height: 145px;
        }
        /*--- texto página principal sobre texto ---*/
        .pagina_contenido {
            font-size: 10px;
        }
        /* presentación fichas alternador */
        #referencia {
            font-size: 20px;
        }
        /*table,th,td,tr{display:block;}*/
        /*td.r1 , td.r2, td.r3{display:block;}*/
        /* provisional */
        td.r1 {}
        td.r0 {
            display: none;
        }
        #referencia {
            font-size: 14px;
        }
        #aplicaciones .titulo {
            font-size: 10px;
            min-width: 70px;
        }
        #aplicaciones .textos {
            font-size: 10px;
        }
        #rotulo {
            font-size: 14px;
            width: 185px;
        }
        /* .class{width:50%;} */
        #imagenes {
            width: 185px;
        }
        /* -------------------------- ojo tabla con css ------*/
        .css_fila,
        .css_segona,
        .css_tercera {
            display: block;
            float: left;
        }
        .css_00 {
            display: block;
            float: left;
        }
        .css_primera {
            display: block;
            float: left;
            width: 50%;
            margin-left: 0;
            padding-top: 25%;
        }
        .css_segona {
            width: 40%;
            margin-right: 10%;
            margin-left: 25%;
        }
        .css_tercera {
            width: 43%;
            margin-left: 25%;
        }
        .css_65 {
            margin-left: 31%;
        }
    }
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* Styles */
    }
    /* iPads (landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        /* Styles */
        boby {
            background: none;
        }
        .menu {
            display: none;
        }
    }
    /* iPads (portrait) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        /* Styles */
    }
    /* Desktops and laptops ----------- */
    @media only screen and (min-width: 1224px) {
        /* Styles */
    }
    /* Large screens ----------- */
    @media only screen and (min-width: 1824px) {
        /* Styles */
    }
    /* iPhone 4 ----------- */
    @mediaonly screen and (-webkit-min-device-pixel-ratio: 1.5),   only screen and (min-device-pixel-ratio: 1.5) {}

    /* #######################################################################################################
######################### CASOS ESPECIALS ################################################################
#########################################################################################################*/

.lbl-impostos-noincluidos {
    font-weight: bold;
}