@charset "UTF-8";

@font-face {
  font-family: "Atkinson-regular";
  src: url('fuentes/AtkinsonHyperlegible-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Atkinson-bold";
  src: url('fuentes/AtkinsonHyperlegible-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/*prueba miguel*/

/* Estilos generales */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}


.colorblanco{
	color: #FFF !important;
}

a:hover,
a:focus{
    text-decoration: underline;
}

img,
a{
    border: 0;
}

acronym,
abbr{
    border-bottom: 1px dotted;
}

abbr[title],
acronym[title]{
    text-decoration: none !important;
    border-bottom: 1px dotted;
}

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

ul li{
    margin: 0;
    padding: 0;
}

.section{
    width:90%;
    margin: 0 auto;
}

.sub{
    text-decoration: underline;
}

.clearboth{
    clear: both;
}

.oculto,
figcaption{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

figcaption{
    margin: 0 !important;
}

.alert-success,
.alert-danger{
    color: #000 !important;
}

.ir-arriba{
    display: none;
    background-repeat: no-repeat;
    font-size: 20px;
    color: black;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    color: #C2410A !important;
}

#prodExposicion .ir-arriba{
    color: #0066CC !important;
}

.ir-arriba:hover .fa-stack-2x,
.ir-arriba:focus .fa-stack-2x{
    color: #FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ir-arriba:hover .fa-inverse,
.ir-arriba:focus .fa-inverse{
    color: #C2410A;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .ir-arriba:hover .fa-inverse,
#prodExposicion .ir-arriba:focus .fa-inverse{
    color: #0066CC !important;
}

.noScreen{
    display:none;
}

/* textos secciones normales */
#contenido-interior .introduccion h2 + p{
    margin-top: 2em;
}

.actuali{
    margin-top: 2em;
    font-style: italic;
}

/* Encabezados */

/* Header */
#content-header{
    margin-bottom: 35px;
    border-bottom: 6px solid #C2410A;
}

#prodExposicion #content-header{
    border-bottom: 1px solid var(--gris-claro);
}

#content-header .section{
    display: flex;
}

#content-header .section .logos{
    padding: 25px 0 25px 15px;
    width: 100%;
}

#content-header .section .logos > a{
    display: inline-block;
    padding: 0;
    width: auto;
}

#content-header .section .logos > a:hover,
#content-header .section .logos > a:focus{
    outline: 2px solid #333;
}

#content-header .section .logos > a:first-child{
    margin-right: 2px;
}

#content-header .section .logos a img.svg{
    height: 84px;
}

#content-header .section .logos a:nth-child(3){
    margin-left: 15px;
}

#content-header .section .logos h1{
    font-weight: normal;
    padding: 0;
    margin-top: .67em;
}

#content-header .section .logos h1 span.i{
    font-family: 'diezma';
    color: #C2410A;
}

#prodExposicion #content-header .section .logos h1 span.i{
    color: #0066CC !important;
}

#content-header #nav-cabecera{
    position: relative;
    margin-right: 0 !important;
}

#content-header #nav-cabecera ul.sf-menu{
    margin: 0 15px;
    padding: 0;
    position: relative;
    z-index: 1;
}

#content-header #nav-cabecera ul.sf-menu li{
    position: relative;
}

#content-header #nav-cabecera ul.sf-menu > li{
    display: inline-block;
}

#content-header #nav-cabecera ul.sf-menu > li > a{
    border: 1px solid transparent;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    padding: 6px 10px;
    line-height: normal;
    color: #333;
}

#content-header #nav-cabecera ul.sf-menu > li.desplegable > a{
    padding: 6px 15px 6px 10px;
    background: url(../img/menu-ppal_sipa.png) no-repeat right;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#content-header #nav-cabecera ul.sf-menu > li.activa > a{
    background-image: none;
    background-color: #ededed;
    box-shadow: 0 0 5px #333;
}

#content-header #nav-cabecera ul.sf-menu > li.desplegable > ul > li > a{
    display: block;
    white-space: nowrap;
    padding: 6px 20px 6px 10px;
    font-weight: bold;
    color: #333;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


#content-header #nav-cabecera ul.sf-menu li.usuario{
    float: right;
    color: #fff;
    font-weight: bold;
    outline: none;
    background-color: #C2410A;
    border-radius: 5px 5px 0 0;
    padding: 4px 10px 5px 10px;
}

#prodExposicion #content-header #nav-cabecera ul.sf-menu li.usuario{
    background-color: #0066CC !important;
}


/* Contenido principal de la home */

    /* aviso */
.aviso{
    border: 2px solid #767676;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    min-height: 95px;
    position: relative;
    transition: opacity 0.8s !important;
}

div.jplist-panel.box.panel-top .esFiltro {
   
    margin-top: 0px !important; 
}
.aviso p{
    margin: 0;
    padding: 25px 20px 20px 110px;
}

.aviso a{
    position: absolute;
    right: 15px;
    top: 5px;
    text-decoration: underline;
}

.aviso a:hover,
.aviso a:focus{
    text-decoration: none;
}

.aviso.evaluacion{
    background: url(../img/ico-evaluacion.jpg) no-repeat 20px 5px;
}

        /* aviso cerrado */
.aviso.oculto{
    display: none !important;
}

/* Formulario */
.formulario .row{
    margin: 0;
}

.formulario .form_home{
    margin-bottom: 1em;
}

.formulario .row .form-group > div{
    padding-left: 0;
}

fieldset[role="tabpanel"] .formulario .row .form-group > div:first-child{
    padding-left: 15px;
}

.formulario .row .form-group div label,
.formulario .row .form-group div input{
    width: 100% !important;
}

.formulario .row .form-group div input.form-control{
    border: 1px solid #333;
    border-radius: 5px;
}

.formulario .row .form-group div input.form-control:hover,
.formulario .row .form-group div input.form-control:focus{
    border: 1px solid #333;
    outline: none;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

.formulario .row .form-group .easy-autocomplete .easy-autocomplete-container{
    z-index: 100;
}

.easy-autocomplete-container#eac-container-todos ul {
	display: none;
	visibility: hidden;
}

.easy-autocomplete-container ul li div{
    word-break: normal;
}

.formulario .row .form-group div .btn-primary{
    width: 100% !important;
    background-color: #C2410A;
    border: 2px solid transparent !important;
    border-radius: 5px;
    padding: 6px 0;
    font-weight: bold;
    height: 46px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .formulario .row .form-group div .btn-primary{
    background-color: #0066CC !important;
    color: #FFF;
}

.formulario .row .form-group div button:hover,
.formulario .row .form-group div button:focus{
    border-color: #333 !important;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
    outline: none;
}

.formulario .row .form-group div .btn-primary[disabled="disabled"]:hover{
    background-color: #C2410A;
    border-color: transparent !important;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#prodExposicion .formulario .row .form-group div .btn-primary[disabled="disabled"]:hover{
    background-color: #0066CC !important;
}

        /* imagen cargando */
.cargando img{
    width: 20%;
}

        /* etiquetas categorias en los resultados de busquedas */
.theme a{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.theme a:hover,
.theme a:focus{
    text-decoration: none;
    outline: none;
}

.jplist-list-view .theme li{
    display: inline-block;
    margin-bottom: .2em;
    background: none !important;
    padding: 0 !important;
}

.jplist-grid-view .theme a{
    display: inline-block;
    margin-bottom: 2px;
}

.theme a span.label{
    background-color: #FFF;
    color: #333;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.tooltip-inner{
    max-width: 100% !important;
}

/* Paginas internas */
#contenido-interior .formulario .divContinuar{

   margin-left: 3px;
    background-color: #eee;
    margin-bottom: 2.8em;
}

#contenido-interior .formulario .divContinuar input[type="button"]{
    background-color: transparent;
    color: #333;
    border: 2px solid #C2410A;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion #contenido-interior .formulario .divContinuar input[type="button"]{
    border: 2px solid #0066CC !important;
}

#contenido-interior .formulario .divContinuar input[type="button"]:hover,
#contenido-interior .formulario .divContinuar input[type="button"]:focus{
    border: 2px solid transparent;
    color: #FFF;
    background-color: #C2410A;
}

#prodExposicion #contenido-interior .formulario .divContinuar input[type="button"]:hover,
#prodExposicion #contenido-interior .formulario .divContinuar input[type="button"]:focus{
    background-color: #0066CC !important;
}

#contenido-interior .formulario .row .form-group div input{
    height: 34px;
    border-color: #333;
}

#contenido-interior .formulario .row .form-group div input#productos,
#contenido-interior .formulario .row .form-group div input#empresas,
#contenido-interior .formulario .row .form-group div input#productosiso,
#contenido-interior .formulario .row .form-group div input#productoscat{
    height: 46px;
}

#contenido-interior .formulario .row .form-group div input.filtroGlosario{
    height: 34px !important;
}

#contenido-interior .easy-autocomplete-container{
    width: 100%;
}

#contenido-interior .formulario .row .form-group .easy-autocomplete ul{
    margin: 0;
    display: none;
}

#contenido-interior .formulario .row .form-group .easy-autocomplete ul li{
    background: inherit;
    padding: 4px 12px;
    margin: 0;
}

#contenido-interior .formulario .row .form-group .easy-autocomplete ul li.selected{
    background: none repeat scroll 0 0 #ebebeb;
}

/* En paginas de busquedas y altas */
#contenido-interior .buscador{
    margin-top: 1em;
}

#contenido-interior .buscador fieldset{
    padding: 0 !important;
}

#contenido-interior .buscador .row .form-group > {
    padding-left: 15px;
}

/*
#contenido-interior .buscador .row .form-group input.btn-primary{
margin-top: 6px !important;
}
*/


/* Paginas de contenido */
#main-content .section{
    position: relative;
}

#contenido-interior .error{
    margin-top: 35px;
    padding: 100px 50px 35px;
    text-align: center;
    background: url("../img/error_ceapat.png") no-repeat center 25px;
    color: #333;
}

#contenido-interior .error p{
    margin: 0;
}

#contenido-interior .introduccion h2,
#contenido-interior .informacion h2,
#contenido-interior .formulario h2,
#contenido-interior .error h2{
    margin: 0;
    padding: 6px 0 6px 0px;
}

#contenido-interior-marco h2{
    padding: 6px 0 6px 40px;
}


#contenido-interior .informacion.navegacion h3{
    margin: 1em 0;
    color: #333;
    font-weight: bold;
}

/* Columna izquierda/Superior */
#col-izq{
    margin-bottom: 20px;
}

#col-izq ul#menu-lateral{
    padding: 0;
}

#col-izq ul#menu-lateral li{
    padding: 0 0 0 10px;
    background: none;
    display: inline-block;
}

#col-izq ul#menu-lateral li a{
    border-bottom: 1px solid #d6d6d6;
    display: block;
    padding: 10px 5px; color: #333;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#col-izq ul#menu-lateral li a:hover,
#col-izq ul#menu-lateral li a:focus{
    background-image: none;
    border-bottom: 2px solid #C2410A;
    text-decoration: none;
    border-radius: 5px;
    outline: 0;
}

#prodExposicion #col-izq ul#menu-lateral li a:hover,
#prodExposicion #col-izq ul#menu-lateral li a:focus{
    border-bottom: 2px solid #0066CC !important;
}

#col-izq ul#menu-lateral li.first{
    padding: 0;
}

#col-izq ul#menu-lateral li.activa a{
    border: 2px solid #C2410A;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 0 5px #C2410A;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion #col-izq ul#menu-lateral li.activa a{
    border: 2px solid #0066CC !important;
    box-shadow: 0 0 5px #0066CC !important;
}

#col-izq ul#menu-lateral li.activa a:hover,
#col-izq ul#menu-lateral li.activa a:focus{
    background-color: #C2410A;
    color: #fff;
}

#prodExposicion #col-izq ul#menu-lateral li.activa a:hover,
#prodExposicion #col-izq ul#menu-lateral li.activa a:focus{
    background-color: #0066CC !important;
}

/* Bloque del breadcrumb */
#breadcrumb{
    color: #555;
    padding: 0;
    margin-bottom: 20px;
    display: table;
    padding-top: .5em;
}

#breadcrumb ul{
    display: inline;
    margin: 0;
    padding: 0;
}

#breadcrumb ul li{
    background: none!important;
    border-right: 1px solid #555;
    display: inline-block;
    padding: 0 5px 0 3px!important;
    vertical-align: top;
    margin-bottom: 3px;
}

#breadcrumb ul li.last{
    border: 0 none;
    padding-right: 0;
    font-weight: bold;
}

#breadcrumb ul li a{
    color: #555;
    display: block;
}

#breadcrumb ul li.first a:hover,
#breadcrumb ul li.first a:focus{
    outline: 1px solid #333;
}

#breadcrumb ul > li > a > img{
    vertical-align: baseline;
}

#breadcrumb ul li span{
    color: #333;
}

/* Readspeaker */
.rsbtn .rsbtn_left .rsbtn_text{
    background: transparent url(../img/voz.gif) no-repeat scroll 0 0 !important;
    padding: 0 0 18px 18px;
    margin-right: 0 !important;
    margin-top: 4px !important;
}

#readspeaker_button1{
    width: auto !important;
    z-index: 5;
}

.rsbtn.rspopup.rscompact .rsbtn_left .rsbtn_text{
    padding-left: 18px !important;
    margin-top: 10px !important;
}

.rsbtn.rspopup .rsbtn_exp,
.rsbtn .rsbtn_powered{
    background-image: none !important;
}

.rsbtn .rsimg,
#rslightbox_logo.rsimg,
.rsbtn a.rsimg{
    background-image: url(../img/rs_button.png) !important;
}

.rsbtn .rsbtn_left .rsbtn_text{
    background: transparent url(../img/ico-speaker_ceapat.png) no-repeat scroll 0 0 !important;
}

.rsbtn .rsimg,
#rslightbox_logo.rsimg,
.rsbtn a.rsimg{
    background-image: url(../img/rs_button_ceapat.png) !important;
}

/* Botones interiores */



#contenido-interior div.informacion.navegacion > ul li a:hover,
#contenido-interior div.informacion.navegacion > ul li a:focus,
#contenido-interior div.informacion ul.categorias li a:hover,
#contenido-interior div.informacion ul.categorias li a:focus{
    color: #FFF;
    background-color: #C2410A;
    border-color: #C2410A;
    text-decoration: none;
    outline: none;
}

#prodExposicion #contenido-interior div.informacion.navegacion > ul li a:hover,
#prodExposicion #contenido-interior div.informacion.navegacion > ul li a:focus,
#prodExposicion #contenido-interior div.informacion ul.categorias li a:hover,
#prodExposicion #contenido-interior div.informacion ul.categorias li a:focus{
    background-color: #0066CC !important;
    border-color: #0066CC !important;
}


/* boton volver a.. */
#contenido-interior div.informacion div a.navegacionCategorias > span{
    margin: 1em 0;
    float: right;
    background-color: #fff;
    border: 2px solid #333;
    color: #333;
    border-radius: 5px;
    white-space: normal;
}

#contenido-interior div.informacion div a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div a.navegacionCategorias:focus > span{
    color: #fff;
    background-color: #333;
}

    /* colores */
#contenido-interior div.informacion div.color_90 a.navegacionCategorias > span{
    border-color: #88002E;
}

#contenido-interior div.informacion div.color_90 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_90 a.navegacionCategorias:focus > span{
    background-color: #88002E;
}

#contenido-interior div.informacion div.color_10 a.navegacionCategorias > span{
    border-color: #194A32;
}

#contenido-interior div.informacion div.color_10 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_10 a.navegacionCategorias:focus > span{
    background-color: #194A32;
}

#contenido-interior div.informacion div.color_240 a.navegacionCategorias > span{
    border-color: #5B2388;
}

#contenido-interior div.informacion div.color_240 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_240 a.navegacionCategorias:focus > span{
    background-color: #5B2388;
}

#contenido-interior div.informacion div.color_430 a.navegacionCategorias > span{
    border-color: #9A0400;
}

#contenido-interior div.informacion div.color_430 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_430 a.navegacionCategorias:focus > span{
    background-color: #9A0400;
}

#contenido-interior div.informacion div.color_500 a.navegacionCategorias > span{
    border-color: #494949;
}

#contenido-interior div.informacion div.color_500 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_500 a.navegacionCategorias:focus > span{
    background-color: #494949;
}

#contenido-interior div.informacion div.color_620 a.navegacionCategorias > span{
    border-color: #0E5553;
}

#contenido-interior div.informacion div.color_620 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_620 a.navegacionCategorias:focus > span{
    background-color: #0E5553;
}

#contenido-interior div.informacion div.color_780 a.navegacionCategorias > span{
    border-color: #07448E;
}

#contenido-interior div.informacion div.color_780 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_780 a.navegacionCategorias:focus > span{
    background-color: #07448E;
}

#contenido-interior div.informacion div.color_820 a.navegacionCategorias > span{
    border-color: #883400;
}

#contenido-interior div.informacion div.color_820 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_820 a.navegacionCategorias:focus > span{
    background-color: #883400;
}

#contenido-interior div.informacion div.color_930 a.navegacionCategorias > span{
    border-color: #51550E;
}

#contenido-interior div.informacion div.color_930 a.navegacionCategorias:hover > span,
#contenido-interior div.informacion div.color_930 a.navegacionCategorias:focus > span{
    background-color: #51550E;
}


/* Encabezados */
#contenido-interior .introduccion h2,
#contenido-interior-marco .introduccion h2,
#contenido-interior .informacion h2,
#contenido-interior .formulario h2,
#contenido-interior .error h2{
    font-weight: bold;
    text-transform: none;
    color: #C2410A;
}

#prodExposicion #contenido-interior .introduccion h2,
#prodExposicion #contenido-interior-marco .introduccion h2,
#prodExposicion #contenido-interior .informacion h2,
#prodExposicion #contenido-interior .formulario h2,
#prodExposicion #contenido-interior .error h2{
    color: #0066CC !important;
}




    /* El titulo tiene más de una linea */
#contenido-interior h2.no-icono{
    padding: 3px 0 3px 0;
}

/* resultados de busquedas */
    /* fotos */
.jplist .list .img img{
	width: 200px;
	height: 200px;
    border: 1px solid #ddd;
    padding: 3px;
    object-fit: contain;
}

	/* listado */
.jplist-list-view .jplist-panel .list.box .list-item{
    margin: 15px 0;
    list-style-type: none;
}
#demo_listaCategorias .jplist-panel .col-md-12 {
    width: 100% !important; 
}
.jplist-grid-view .jplist-panel .list.box .list-item{
    list-style-type: none;
    min-height: 380px;
    width: 33.3333%;
    padding: 0 5px 0;
}

.jplist-grid-view .jplist-panel .list.box .list-item div > img{
    height: 150px;
}

.jplist .list p.compara input,
.jplist .list p.compara label{
    float: none;
}

.jplist .list p.compara input{
    height: auto;
}

	/* Informacion formulario */
		/* Alertas */
button.close{
    opacity: 1 !important;
}

button.close:focus,
button.close:hover{
    opacity: 1 !important;
    color: #333 !important;
    outline: 1px solid;
}

#contenido-interior .formulario.busqueda{
    background: url("../img/linea-horizontal.png") repeat-x left bottom;
    padding-bottom: 25px;
}

form p.text-der{
    text-align: right;
    width: 100%;
    margin: 0 auto 2em;
    color: #333;
    font-style: italic;
}

form p.text-der em{
    color: #C2410A;
    font-weight: bold;
}

#prodExposicion form p.text-der em{
    color: #0066CC !important;
}

form span.ayuda{
    font-style: italic;
    font-weight: bold;
    color: #C2410A;
    display: block;
    width: 90%;
    margin: .5em 0;
    display: none;
}

#prodExposicion form span.ayuda{
    color: #0066CC !important;
}

form span.ayuda.obligatorio{
    display: table;
    width: 90%;
    margin: 0 auto;
}

abbr[title="obligatorio"]{
    color: #C2410A;
    font-weight: bold;
}

#prodExposicion abbr[title="obligatorio"]{
    color: #0066CC !important;
}

    /* boton insertar enlace */
.toolbar button{
    margin-bottom: .5em;
    background-color: #C2410A;
    border-color: #C2410A;
    border-width: 2px;
    margin-right: .5em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .toolbar button{
    background-color: #0066CC !important;
    border-color: #0066CC !important;
}

.toolbar button:hover,
.toolbar button:focus,
.toolbar button:active,
.toolbar button:active:focus{
    background-color: #FFF;
    color: #C2410A;
    border-color: #C2410A;
    box-shadow: none;
    outline: none;
}

#prodExposicion .toolbar button:hover,
#prodExposicion .toolbar button:focus,
#prodExposicion .toolbar button:active,
#prodExposicion .toolbar button:active:focus{
    color: #0066CC !important;
    border-color: #0066CC !important;
    background-color: rgb(255, 255, 255) !important;
}

.prompt-background{
    position: absolute;
    top: 0px;
    z-index: 1000;
    opacity: 0.5;
    height: 100%;
    left: 0px;
    width: 100%;
    background-color: #ccc;
}

.prompt-dialog{
    position: fixed;
    width: 400px;
    z-index: 1001;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -85.5px;
    margin-left: -215px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    background-color: #FFF;
    padding: 15px;
}

.prompt-message{
    padding: 5px;
    text-align: center;
}

.prompt-message p,
.prompt-form p{
    margin: 0;
}

#prompt{
    display: none;
}

.prompt-form{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

.prompt-form button{
    margin-top: .5em;
    background-color: #FFF;
    border: 2px solid #C2410A;
    color: #C2410A;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .prompt-form button{
    border: 2px solid #0066CC !important;
    color: #0066CC !important;
}

.prompt-form button:hover,
.prompt-form button:focus{
    background-color: #C2410A;
    color: #FFF;
}

#prodExposicion .prompt-form button:hover,
#prodExposicion .prompt-form button:focus{
    background-color: #0066CC !important;
}

    /* caja de previsualizacion */
#preview{
    border: 1px solid #555;
    border-radius: 5px;
    background-color: #FFF;
    padding: 5px;
}

    /* Cuando se hace la validación y el campo es obligatorio pero esta vacio, resaltar borde y poner aviso por debajo del campo */
form .campo_vacio{
    border: 2px solid #C2410A !important;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

#prodExposicion form .campo_vacio{
    border: 2px solid #0066CC !important;
}

#contenido-interior .formulario fieldset{
    border: 0 none;
    padding: 0 0 .6em 0;
    margin: 0 auto;
    min-width: fit-content;
}

#contenido-interior .formulario fieldset fieldset{
    margin-top: .6em;
}

#contenido-interior .formulario fieldset > div{
    clear: both;
}

#contenido-interior .formulario fieldset > div.eliminaCargo{
    clear: none;
}

#contenido-interior .formulario legend{
    color: #C2410A;
    width: 90%;
    margin: 0 auto .2em;
    padding: 0;
}

#prodExposicion #contenido-interior .formulario legend{
    color: #0066CC !important;
}

#contenido-interior .formulario option,
#contenido-interior .formulario input,
#contenido-interior .formulario textarea,
#contenido-interior .formulario select{
    border: 1px solid #555;
    width: 90%;
    margin: 0 auto;
    display: block;
}

#contenido-interior .formulario option.obligatorio,
#contenido-interior .formulario input.obligatorio,
#contenido-interior .formulario textarea.obligatorio,
#contenido-interior .formulario select.obligatorio{
    border: 2px solid #C2410A;
    -webkit-box-shadow: 0 0 5px #C2410A;
    -moz-box-shadow: 0 0 5px #C2410A;
    box-shadow: 0 0 5px #C2410A;
}

#prodExposicion #contenido-interior .formulario option.obligatorio,
#prodExposicion #contenido-interior .formulario input.obligatorio,
#prodExposicion #contenido-interior .formulario textarea.obligatorio,
#prodExposicion #contenido-interior .formulario select.obligatorio{
    border: 2px solid #0066CC !important;
    -webkit-box-shadow: 0 0 5px #0066CC !important;
    -moz-box-shadow: 0 0 5px #0066CC !important;
    box-shadow: 0 0 5px #0066CC !important;
}

#contenido-interior .formulario option.obligatorio:hover,
#contenido-interior .formulario option.obligatorio:focus,
#contenido-interior .formulario input.obligatorio:focus,
#contenido-interior .formulario input.obligatorio:hover,
#contenido-interior .formulario textarea.obligatorio:focus,
#contenido-interior .formulario textarea.obligatorio:hover,
#contenido-interior .formulario select.obligatorio:focus,
#contenido-interior .formulario select.obligatorio:hover{
    border: 2px solid #C2410A;
    -webkit-box-shadow: 0 0 5px #C2410A;
    -moz-box-shadow: 0 0 5px #C2410A;
    box-shadow: 0 0 5px #C2410A;
}

#prodExposicion #contenido-interior .formulario option.obligatorio:hover,
#prodExposicion #contenido-interior .formulario option.obligatorio:focus,
#prodExposicion #contenido-interior .formulario input.obligatorio:focus,
#prodExposicion #contenido-interior .formulario input.obligatorio:hover,
#prodExposicion #contenido-interior .formulario textarea.obligatorio:focus,
#prodExposicion #contenido-interior .formulario textarea.obligatorio:hover,
#prodExposicion #contenido-interior .formulario select.obligatorio:focus,
#prodExposicion #contenido-interior .formulario select.obligatorio:hover{
    border: 2px solid #0066CC !important;
    -webkit-box-shadow: 0 0 5px #0066CC !important;
    -moz-box-shadow: 0 0 5px #0066CC !important;
    box-shadow: 0 0 5px #0066CC !important;
}

#contenido-interior .formulario .simulabel{
    margin-bottom: 5px;
    margin-right: 7px;
    padding-left: 5px;
    color: #333;
    font-weight: normal;
}

#contenido-interior .formulario input:hover,
#contenido-interior .formulario input:focus,
#contenido-interior .formulario textarea:hover,
#contenido-interior .formulario textarea:focus,
#contenido-interior .formulario select:hover,
#contenido-interior .formulario select:focus{
    border: 1px solid #333;
    outline: none;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

#contenido-interior .formulario label{
    display: block;
    width: 90%;
    margin: .4em auto .2em;
}

#contenido-interior .formulario input,
#contenido-interior .formulario textarea,
#contenido-interior .formulario select{
    height: 30px;
    width: 100%;
    border-radius: 5px;
    
}

#contenido-interior .formulario select{
    cursor: default;
}

/* Glosario */

#contenido-interior .formulario .botonFiltrarGlosario:hover,
#contenido-interior .formulario .botonFiltrarGlosario:focus,
#contenido-interior .formulario .botonFiltrarGlosarioReset:hover,
#contenido-interior .formulario .botonFiltrarGlosarioReset:focus{
    border-color: #333 !important;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
    outline: none;
}


    /* Listado Empresas */
#contenido-interior div.lista-filtro {
    display: block;
    width: 98%;
    margin: 0 auto 1em;
}

#contenido-interior div.lista-filtro h3{
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    width: 100%;
    padding-left: 15px;
}

#contenido-interior div.lista-filtro hr{
    margin-top: 0;
}

#contenido-interior div.lista-filtro ul.dictionary li{
    padding: 0;
}

#contenido-interior div.lista-filtro ul.dictionary li > div{
    width: 100%;
}

#contenido-interior div.lista-filtro ul.dictionary li > div.par{
    background-color: #fff;
}

#contenido-interior div.lista-filtro p{
    padding: .4em 0 0 30px;
}

#contenido-interior fieldset[role="tabpanel"] div.lista-filtro p{
    padding-left: 15px;
}

#contenido-interior div.lista-filtro div div.checkbox{
    width: 50%;
    margin: .4em 0 0;
}

#contenido-interior div.lista-filtro div div.checkbox label{
    margin: 0 .2em 0 .5em;
    padding: 0;
}

#contenido-interior div.lista-filtro ul.dictionary li div.checkbox input{
    margin: 0 auto .5em;
    position: relative;
}

#contenido-interior div.lista-filtro ul.dictionary li div.checkbox{
    width: 50%;
}

    /* lista de empresas seleccionadas */
#contenido-interior div#listadoEmpresas{
    padding: 5px 0;
}

#contenido-interior div#listadoEmpresas li{
    background: #fff url("../img/bullet-lista.png") no-repeat 15px 0;
    padding: 4px 0 0 30px;
}

#contenido-interior div#listadoEmpresas .checkbox{
    width: 50%;
    margin: 0;
}

#contenido-interior div#listadoEmpresas .checkbox input{
    margin: 0 auto .5em;
    position: relative;
}

#contenido-interior div#listadoEmpresas .checkbox label{
    margin: 0 .2em 0 .5em;
    padding: 0;
}

    /* Checkbox y Radiobutton */
#contenido-interior .formulario div.checkbox{
    width: 90%;
    margin: 1em auto 0;
}

#contenido-interior .formulario div.checkbox label{
    margin: 0 2em 0 0;
}

#contenido-interior .formulario div.checkbox input{
    height: auto;
    margin: .2em .5em 0 .2em;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}

#contenido-interior .formulario div.checkbox > label,
#contenido-interior .formulario div.checkbox input{
    display: inline-block;
    width: auto;
}

#contenido-interior .formulario div.checkbox input,
#contenido-interior .formulario div.checkbox + div.checkbox{
    width: auto;
}

/*
#contenido-interior .formulario input[type=radio],
#contenido-interior .formulario input[type=checkbox]{
outline: 1px solid #555;
}
*/

#contenido-interior .formulario input[type=radio]:hover,
#contenido-interior .formulario input[type=radio]:focus,
#contenido-interior .formulario input[type=checkbox]:hover,
#contenido-interior .formulario input[type=checkbox]:focus{
    outline: 1px solid #333;
}

    /* Radiobutton con apariencia de checkbox */
input[type="radio"]{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
}

    /* Tres campos */
#contenido-interior .formulario div.tres-campos{
    width: 90%;
    margin: 0 auto;
    display: flex;
}

#contenido-interior .formulario div.tres-campos > div{
    width: 34%;
    float: left;
    margin: .4em 0 0;
}

#contenido-interior .formulario div.tres-campos > div label,
#contenido-interior .formulario div.tres-campos > div input,
#contenido-interior .formulario div.tres-campos > div select{
    margin: 0 0 .2em;
}

    /* Dos campos
#contenido-interior .formulario div.dos-campos{
    width: 90%;
    margin: 0 auto;
    display: flex;
}
*/
#contenido-interior .formulario div.dos-campos > div{
    width: 33.4%;
    float: left;
    margin: .4em 1em 0 0;
}

#contenido-interior .formulario div.dos-campos > div label,
#contenido-interior .formulario div.dos-campos > div input,
#contenido-interior .formulario div.dos-campos > div select{
    margin: 0 0 .2em;
}

	/* Campos deshabilitados */
#contenido-interior .formulario input[disabled="disabled"],
#contenido-interior .formulario input[disabled=""],
#contenido-interior .formulario textarea[disabled="disabled"],
#contenido-interior .formulario textarea[disabled=""],
#contenido-interior .formulario select[disabled="disabled"],
#contenido-interior .formulario select[disabled=""]{
    background-color: #DDD !important;
    color: #333 !important;
    cursor: default !important;
    border: #5C5C5C !important;
}

#contenido-interior .formulario input[disabled="disabled"]:hover,
#contenido-interior .formulario input[disabled=""]:hover,
#contenido-interior .formulario input[disabled="disabled"]:focus,
#contenido-interior .formulario input[disabled=""]:focus,
#contenido-interior .formulario textarea[disabled="disabled"]:hover,
#contenido-interior .formulario textarea[disabled=""]:hover,
#contenido-interior .formulario textarea[disabled="disabled"]:focus,
#contenido-interior .formulario textarea[disabled=""]:focus,
#contenido-interior .formulario select[disabled="disabled"]:hover,
#contenido-interior .formulario select[disabled=""]:hover,
#contenido-interior .formulario select[disabled="disabled"]:focus,
#contenido-interior .formulario select[disabled=""]:focus{
    border: 1px solid #555;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

	/* marcado de iso/categoria seleccionada en los desplegables */
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    left: 15px !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
    margin-left: 15px;
}

	/* busqueda productos por ISO */
.formulario #busquedaProaPorISO{
    width: 95%;
    margin: 0 auto;
}

.formulario #busquedaProaPorISO .text-der{
    margin-bottom: 1em;
}

.formulario #busquedaProaPorISO label{
    width: 100%;
    padding: 0 15px;
}

.formulario #busquedaProaPorISO div.optselect{
    padding: 0 15px;
    margin: 15px 0;
}

.formulario #busquedaProaPorISO div.optselect div{
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 10px;
}

.formulario #busquedaProaPorISO div.botonera{
    margin-bottom: 1em !important;
}

	/* añadir ISO */
.formulario div.anadirIso{
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding: 0;
}

.formulario #insertarProducto div.anadirIso,
.formulario #busquedaAvanzada div.anadirIso{
    padding: 0 15px;
}

.formulario div.anadirIso label{
    padding: 0 !important;
}

.formulario div.anadirIso div.easy-autocomplete input{
    width: 100% !important;
}

.easy-autocomplete-container ul li{
    color: #C2410A !important;
    border-bottom: 1px dotted #ccc;
}

#prodExposicion .easy-autocomplete-container ul li{
    color: #0066CC !important;
}

.easy-autocomplete-container ul li:last-child{
    border-bottom-style: solid;
}

.easy-autocomplete-container ul li.selected{
    background-color: #f5f5f5 !important;
}

.formulario #insertarProducto div.anadirIso div.botonera,
.formulario #busquedaAvanzada div.anadirIso div.botonera{
    margin-top: 31px !important;
}

.formulario #busquedaProaPorISO div.anadirIso div.anadirIso{
    border: none;
    margin-top: 31px;
}


.formulario #insertarEmpresa fieldset div.direcciones{
    margin-top: 15px;
    display: table;
    padding: 0 15px;
    width: 100%;
}

.formulario #insertarEmpresa fieldset div.direcciones div.direccionContenido{
    min-height: 44px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFF;
}

.formulario #insertarEmpresa fieldset div.direcciones button{
    border: 2px solid #C2410A;
    color: #333;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .formulario #insertarEmpresa fieldset div.direcciones button{
    border: 2px solid #0066CC !important;
}

.formulario #insertarEmpresa fieldset div.direcciones button:hover,
.formulario #insertarEmpresa fieldset div.direcciones button:focus{
    background-color: #C2410A;
    color: #FFF;
}

#prodExposicion .formulario #insertarEmpresa fieldset div.direcciones button:hover,
#prodExposicion .formulario #insertarEmpresa fieldset div.direcciones button:focus{
    background-color: #0066CC !important;
}

.formulario #insertarEmpresa fieldset div.direcciones div.direccionContenido div.col-md-4.col-sm-6  div.col-md-4.col-sm-4{
    padding: 0;
}

.formulario #insertarEmpresa fieldset div.direcciones .direccionesTitulo{
    padding: 0;
}

.formulario #insertarEmpresa fieldset div.direcciones div.direccionContenido div{
    padding: 0;
}

.formulario #insertarEmpresa fieldset div.direcciones label,
.formulario #insertarEmpresa fieldset div.contactos label{
    width: auto !important;
    margin: 8px 0 5px 10px;
    padding: 0;
    float: left;
}

.formulario #insertarEmpresa fieldset div.direcciones input[type="checkbox"],
.formulario #insertarEmpresa fieldset div.contactos input[type="checkbox"]{
    height: auto;
    width: auto;
    float: left;
    margin-top: 13px;
    margin-left: 5px;
}

.formulario #insertarEmpresa #tabpanel-2 fieldset legend,
.formulario #insertarEmpresa #tabpanel-2 fieldset div label,
.formulario #insertarEmpresa #tabpanel-2 fieldset div input[type="text"],
.formulario #insertarEmpresa #tabpanel-2 fieldset div.tres-campos,
.formulario #insertarEmpresa #tabpanel-2 fieldset div.dos-campos{
    width: 100%;
}

.formulario #insertarEmpresa #tabpanel-2 fieldset div.dos-campos div{
    width: 30%;
    margin-right: 2em;
}

.formulario #insertarEmpresa fieldset#tabpanel-3 .direccionesTitulo{
    margin-top: 15px;
}
.formulario #insertarEmpresa fieldset#tabpanel-2 .direccionesTitulo{
    margin-top: 15px;
}
.formulario #insertarEmpresa fieldset#tabpanel-3 .contactos{
    display: table;
    width: 100%;
}

.formulario #insertarEmpresa fieldset#tabpanel-3 .contactos fieldset{
    margin-top: 0;
}

.formulario #insertarEmpresa fieldset#tabpanel-3 .contactos fieldset label{
    margin-left: 0;
}

.formulario #insertarEmpresa fieldset#tabpanel-3 label,
.formulario #insertarEmpresa fieldset#tabpanel-3 input[type="text"]{
    width: 100%;
}

.ck.ck-voice-label {
    display: none !important;
}

.ck.ck-editor{
    display: block !important;
    width: 90% !important;
    margin: 0 auto !important;
    border: 1px solid #555 !important;
}

    /* busqueda por categoria */
.formulario #busquedaProaPorCategoria{
    width: 95%;
    margin: 0 auto;
}

.formulario #busquedaProaPorCategoria label{
    width: 100%;
    padding: 0 15px;
}

.formulario #busquedaProaPorCategoria .select-multi{
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.formulario #busquedaProaPorCategoria div.optselect{
    padding: 0 15px;
    margin: 30px 0 15px;
}

.formulario #busquedaProaPorCategoria div.optselect div{
    background-color: #F5F5F5;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 10px;
}

.formulario #busquedaProaPorCategoria div.optselect div p{
    margin-bottom: 0;
}

.formulario #busquedaProaPorCategoria div.optselect div ul li{
    background: url(../img/bullet-lista.png) no-repeat 0 0;
    padding: .4em 0 0 1.5em;
}



	/* desplegables */
.dropdown-header,
#contenido-interior .formulario .dropdown-menu>li>a{
    white-space: normal !important;
}

#contenido-interior .formulario .dropdown-menu>li:nth-child(2n+1){
    background-color: #F0F0F0;
}

#contenido-interior .formulario .dropdown-menu>li>a:hover,
#contenido-interior .formulario .dropdown-menu>li>a:focus{
    background-color: #011FD8;
    color: #FFF;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{
    background-color: #011FD8;
    color: #FFF !important;
}

	/* varios campos */
.formulario form#insertarProducto fieldset h3,
.formulario form#busquedaAvanzada fieldset h3{
    padding: 0 15px;
    font-weight: bold;
}

.formulario form#insertarProducto fieldset > div,
.formulario form#busquedaAvanzada fieldset > div{
    width: 100%;
    padding: 0 15px;
}

.formulario form#insertarProducto fieldset div.referenciaGrupoTitulo,
.formulario form#busquedaAvanzada fieldset div.referenciaGrupoTitulo{
    margin-top: 1.5em;
}

.formulario form#insertarProducto fieldset label,
.formulario form#insertarProducto fieldset input[type="text"],
.formulario form#insertarProducto fieldset textarea,
.formulario form#insertarProducto fieldset select,
.formulario form#insertarProducto fieldset div.checkbox,
.formulario form#busquedaAvanzada fieldset label,
.formulario form#busquedaAvanzada fieldset input[type="text"],
.formulario form#busquedaAvanzada fieldset textarea,
.formulario form#busquedaAvanzada fieldset select,
.formulario form#busquedaAvanzada fieldset div.checkbox{
    width: 100%;
}

.formulario form#insertarProducto fieldset div.eliminarRef a,
.formulario form#busquedaAvanzada fieldset div.eliminarRef a{
    display: block;
    margin-top: 34px;
}

.formulario form#insertarProducto fieldset div.eliminarRef a:hover,
.formulario form#insertarProducto fieldset div.eliminarRef a:focus,
.formulario form#busquedaAvanzada fieldset div.eliminarRef a:hover,
.formulario form#busquedaAvanzada fieldset div.eliminarRef a:focus{
    text-decoration: none;
}

.formulario form#insertarProducto fieldset div.eliminarRef a:hover span,
.formulario form#insertarProducto fieldset div.eliminarRef a:focus span,
.formulario form#busquedaAvanzada fieldset div.eliminarRef a:hover span,
.formulario form#busquedaAvanzada fieldset div.eliminarRef a:focus span{
    background-color: #C2410A;
    color: #FFF;
}

#prodExposicion .formulario form#insertarProducto fieldset div.eliminarRef a:hover span,
#prodExposicion .formulario form#insertarProducto fieldset div.eliminarRef a:focus span,
#prodExposicion .formulario form#busquedaAvanzada fieldset div.eliminarRef a:hover span,
#prodExposicion .formulario form#busquedaAvanzada fieldset div.eliminarRef a:focus span{
    background-color: #0066CC !important;
}

.formulario form#insertarProducto fieldset div.eliminarRef a span,
.formulario form#busquedaAvanzada fieldset div.eliminarRef a span{
    color: #333;
    background-color: transparent;
    border: 2px solid #C2410A;
    padding: .2em .6em;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .formulario form#insertarProducto fieldset div.eliminarRef a span,
#prodExposicion .formulario form#busquedaAvanzada fieldset div.eliminarRef a span{
    border: 2px solid #0066CC !important;
}

	/* clasificacion iso */
.formulario form#insertarProducto fieldset#tabpanel-2 fieldset,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 fieldset{
    margin-top: 0;
}

.formulario form#insertarProducto fieldset#tabpanel-2 label,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 label{
    width: 100%;
    padding: 0 15px;
}



.formulario form#insertarProducto fieldset#tabpanel-2 div.optselect,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 div.optselect{
    padding: 0 15px;
    margin: 15px 0;
}

.formulario form#insertarProducto fieldset#tabpanel-2 div.optselect div,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 div.optselect div{
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 10px;
}

.formulario form#insertarProducto fieldset#tabpanel-2 div.filtroiso,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 div.filtroiso{
    margin: 10px;
    border-top: 1px solid #ccc;
}

.formulario form#insertarProducto fieldset#tabpanel-2 div.filtroiso label,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 div.filtroiso label{
    padding: 0 5px;
}

.formulario form#insertarProducto fieldset#tabpanel-2 div.filtroiso div.easy-autocomplete,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 div.filtroiso div.easy-autocomplete{
    padding: 0 5px;
}

.formulario form#insertarProducto fieldset#tabpanel-2 div.filtroiso div.easy-autocomplete input,
.formulario form#busquedaAvanzada fieldset#tabpanel-2 div.filtroiso div.easy-autocomplete input{
    width: 100%;
}

		/* categorias */
.formulario form#insertarProducto fieldset#tabpanel-3 label,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 label{
    width: 100%;
}

.formulario form#insertarProducto fieldset#tabpanel-3 .select-multi,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 .select-multi{
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.formulario form#insertarProducto fieldset#tabpanel-3 .select-multi div,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 .select-multi div{
    padding: 0;
}

.formulario form#insertarProducto fieldset#tabpanel-3 div.optselect,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 div.optselect{
    padding: 0 15px;
    margin: 30px 0 15px;
}

.formulario form#insertarProducto fieldset#tabpanel-3 div.optselect div,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 div.optselect div{
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 10px;
}

.formulario form#insertarProducto fieldset#tabpanel-3 div.optselect div p + p,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 div.optselect div p + p{
    margin-top: 5px;
}

.formulario form#insertarProducto fieldset#tabpanel-3 div.optselect div ul li,
.formulario form#busquedaAvanzada fieldset#tabpanel-3 div.optselect div ul li{
    background: url(../img/bullet-lista.png) no-repeat 0 0;
    padding: .4em 0 0 1.5em;
}

	/* campos especificos */
.formulario fieldset #camposEspecificos{
    width: 97%;
    padding: 0;
    margin: 0 auto;
}

.formulario fieldset #camposEspecificos .optselect{
    margin: 30px 0 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 10px;
}

.formulario fieldset #camposEspecificos .optselect div ul li{
    background: url(../img/bullet-lista.png) no-repeat 0 0;
    padding: .4em 0 0 1.5em;
}

.formulario fieldset #camposEspecificos div.checkbox{
    margin: .5em 0;
}

.formulario fieldset #camposEspecificos div.checkbox label{
    margin-right: .2em;
}

.formulario fieldset #camposEspecificos div.tipoNum div + div{
    padding: 0;
}

.formulario fieldset #camposEspecificos fieldset legend{
    width: inherit;
    margin: 0 15px;
}

.formulario fieldset #camposEspecificos fieldset.grupoValores{
    margin: 1em 0;
}

.formulario fieldset #camposEspecificos fieldset.grupoValores div{
    width: auto !important;
    clear: none !important;
}

.formulario #busquedaAvanzada #camposEspecificos fieldset > div{
    width: 100%;
    margin: 0 0 15px;
}

.formulario fieldset #camposEspecificos fieldset > div > div{
    margin: 15px 0;
}

.formulario fieldset #camposEspecificos fieldset div.COMPACTO{
    margin-bottom: 0;
    padding-bottom: 15px;
}

.formulario fieldset #camposEspecificos fieldset div.COMPACTO:first-child{
    border-right: 1px solid #5C5C5C;
}

.formulario #busquedaAvanzada #camposEspecificos .conBorde{
    border: 1px solid;
}

	/* selector de rangos */
.formulario fieldset #camposEspecificos .slider.slider-horizontal{
    margin: 0 10px;
}

.formulario fieldset #camposEspecificos .slider-selection{
    background-image: -webkit-linear-gradient(top,#ddd 0,#eee 100%);
    background-image: -o-linear-gradient(top,#ddd 0,#eee 100%);
    background-image: linear-gradient(to bottom,#ddd 0,#eee 100%);
}

.formulario fieldset #camposEspecificos .slider-handle{
    background-color: #C2410A;
    background-image: -webkit-linear-gradient(top,#C2410A 0,#C35729 100%);
    background-image: -o-linear-gradient(top,#C2410A 0,#C35729 100%);
    background-image: linear-gradient(to bottom,#C2410A 0,#C35729 100%);
}

#prodExposicion .formulario fieldset #camposEspecificos .slider-handle{
    background-color: #0066CC !important;
    background-image: -webkit-linear-gradient(top,#0066CC 0,#C35729 100%) !important;
    background-image: -o-linear-gradient(top,#0066CC 0,#C35729 100%) !important;
    background-image: linear-gradient(to bottom,#0066CC 0,#C35729 100%) !important;
}

.formulario fieldset #camposEspecificos .referenciaGrupoTitulo{
    text-align: center;
    text-decoration: underline;
}

		/* fotos */
.formulario form#insertarProducto fieldset#tabpanel-6 div.row{
    border-bottom: 1px solid #ededed;
    padding: 30px 15px;
}

.formulario form#insertarProducto fieldset#tabpanel-6 div.row#listadoFotos{
    border-bottom: none;
    padding-bottom: 0;
}

.formulario form#insertarProducto fieldset#tabpanel-6 div.muestraFotoPortada{
    padding: 0;
}

.formulario form#insertarProducto fieldset#tabpanel-6 > fieldset{
    margin-top: 0;
}

.formulario form#insertarProducto fieldset#tabpanel-6 div.fotoprod{
    padding: 5px;
    border: none;
}

.formulario form#insertarProducto fieldset#tabpanel-6 label{
    margin: .4em 0;
}

.formulario form#insertarProducto fieldset#tabpanel-6 input[type="file"]{
    margin: 0;
    border: none;
}

.formulario form#insertarProducto fieldset#tabpanel-6 input[type="file"]:hover,
.formulario form#insertarProducto fieldset#tabpanel-6 input[type="file"]:focus{
    box-shadow: none;
}

.formulario form#insertarProducto fieldset#tabpanel-6 div.botonera{
    margin-top: 15px;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca{
    margin: 15px;
    border: 1px solid #555;
    background-color: #FFF;
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca.mediatecaLinks fieldset div{
    width: 66.66666667%;
    clear: none;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca.mediatecaLinks fieldset div.eliminaEnlace{
    width: 16.66666667%;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca.mediatecaLinks label{
    width: auto;
    float: left;
    margin-right: 10px;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca.mediatecaLinks input[type="text"]{
    width: 70%;
    float: left;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca.mediatecaLinks input[type="checkbox"]{
    height: auto;
    width: auto;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}

.formulario form#insertarProducto fieldset#tabpanel-6 .mediateca.mediatecaDocumentos label{
    margin-top: 0;
}

	/* otra informacion */
.formulario form#insertarProducto fieldset#tabpanel-7 > div{
    width: 100%;
    padding: 0 15px;
}

.formulario form#insertarProducto fieldset#tabpanel-7 label,
.formulario form#insertarProducto fieldset#tabpanel-7 textarea{
    width: 100%;
}

	/* modificacion productos */
		/* fotos */
.formulario #insertarProducto #tabpanel-6 #imagenPortada_show img{
    max-width: 35%;
}

.formulario #insertarProducto #tabpanel-6 #listadoFotos ul{
    display: table;
    width: 100%;
    padding-bottom: 30px;
}

.formulario #insertarProducto #tabpanel-6 #listadoFotos img{
    max-width: 35%;
    float:left;
}

.formulario #insertarProducto #tabpanel-6 #listadoFotos .checkbox div{
    float: left;
    margin-left: 2em;
}

.formulario #insertarProducto #tabpanel-6 #listadoFotos .checkbox div label{
    margin-top: 0;
}

		/* botones */
#contenido-interior .formulario div.botonera{
    width: 100%;
    text-align: center;
}

#contenido-interior .formulario #insertarProducto div.botonera,
#contenido-interior .formulario #insertarEmpresa div.botonera,
#contenido-interior .formulario #busquedaAvanzada div.botonera{
    margin-top: 15px;
}

#contenido-interior .formulario div.botonera input{
    width: auto;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    background-color: transparent;
    color: #333;
    border: 2px solid #C2410A;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion #contenido-interior .formulario div.botonera input{
    border: 2px solid #0066CC !important;
}

#contenido-interior .formulario div.botonera input[type=button]{
    width: auto;
    font-weight: bold;
    background-color: transparent;
    color: #333;
    border: 2px solid #C2410A;
}

#prodExposicion #contenido-interior .formulario div.botonera input[type=button]{
    border: 2px solid #0066CC !important;
}

#contenido-interior .formulario div.botonera input[type=button]:hover,
#contenido-interior .formulario div.botonera input[type=button]:focus,
#contenido-interior .formulario div.botonera input:focus,
#contenido-interior .formulario div.botonera input:hover{
    border: 2px solid transparent;
    color: #FFF;
    background-color: #C2410A;
}

#prodExposicion #contenido-interior .formulario div.botonera input[type=button]:hover,
#prodExposicion #contenido-interior .formulario div.botonera input[type=button]:focus,
#prodExposicion #contenido-interior .formulario div.botonera input:focus,
#prodExposicion #contenido-interior .formulario div.botonera input:hover{
    background-color: #0066CC !important;
}

input[type="button"].botonBuscarTodos,
input[type="button"].botonBuscarEmpresa,
input[type="button"].botonBuscarProducto{
    background: url(../img/ico-buscar_sipa.png) no-repeat 75%;
}

    /* botones desactivados */
#contenido-interior .formulario .botonera input[disabled="disabled"],
#contenido-interior .formulario .botonera input[disabled=""]{
    background-color: #5C5C5C !important;
    color: #FFF !important;
    cursor: default !important;
    border: #5C5C5C !important;
}

#contenido-interior .formulario .botonera input[disabled="disabled"]:hover,
#contenido-interior .formulario .botonera input[disabled="disabled"]:focus,
#contenido-interior .formulario .botonera input[disabled=""]:hover,
#contenido-interior .formulario .botonera input[disabled=""]:focus{
    border-color: transparent !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

	/* select multiple */
#contenido-interior .formulario select[multiple]{
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

#contenido-interior .formulario select[multiple] option{
    width: 100%;
    border: none;
}

	/* textarea */
#contenido-interior .formulario textarea{
    height: auto;
    padding-top: 5px;
}

	/* resultados */
div.center{
    width: 100%;
    max-width: 100%;
}

	/* filtrado */

#resultadosBasatecPorCategoria div.jplist-panel div.jplist-group{
    margin-top: .5em;
}


	/* filtro documentos */
.filtrado p.titDocumentoFiltro{
    cursor: pointer;
}

div.listadoDocumentos{
    margin-top: 1em;
}

div.listadoDocumentos ul li,
div.listadoDocumentos > div.documentosBusqueda{
    background: url("../img/bullet-lista.png") no-repeat 0 0 !important;
    padding: .2em 0 0 1em !important;
}

div.listadoDocumentos div.documentosBusqueda p:last-child{
    padding-left: 1em;
}

div.listadoDocumentos ul.listaBusquedaGeneral li,
ul.listaBusquedaGeneral li{
    padding: .2em 0 0 2.5em !important;
    margin-bottom: .5em;
    background: url(../img/ico-documentos_sipa.png) no-repeat .5em !important;
    background-size: 28px !important;
}

div.jplist-panel div.jplist-group{
    padding: 0 !important;
    border-width: 0 0 1px 0;
    border-radius: 0;
}

div.jplist-panel div.jplist-group ul{
    display: table;
    margin: 0 auto !important;
}

#contenido-interior div.jplist-panel div.jplist-group ul{
    width: 33%;
}

div.jplist-panel div.jplist-group ul li.filtrado label{
    padding: 0 !important;
}

	/* filtro departamento */
.row.grupoDeFiltros + .row.grupoDeFiltros{
    border-bottom: 1px solid #DBDBDB;
}

.row.grupoDeFiltros .jplist-group.filtradodep{
    border: none;
    margin-bottom: 0 !important;
}

.row.grupoDeFiltros .jplist-group.filtradodep p{
    margin: 0;
}

.row.grupoDeFiltros .jplist-group.filtradodep p label{
    margin: 0;
    padding: 0 5px;
    border: 2px solid #C2410A;
    border-radius: 5px;
}

#prodExposicion .row.grupoDeFiltros .jplist-group.filtradodep p label{
    border: 2px solid #0066CC !important;
}

.row.grupoDeFiltros .jplist-group.filtradodep li:last-child{
    margin: 0;
}

#contenido-interior div.jplist-panel div.jplist-group ul li{
    background: none;
    padding: 0;
    overflow: visible !important;
}

#contenido-interior div.jplist-panel .jplist-group ul li:last-child{
    margin: 0;
}

.jplist-panel .grupoDeFiltros .jplist-group ul li,
.row.grupoDeFiltros .jplist-group.filtradodep p label{
    padding: 0 5px;
    border: 2px solid transparent;
    border-radius: 5px;
}

    /* filtro busqueda avanzada */
.grupoDeFiltros > div{
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DBDBDB;
}

.grupoDeFiltros ul{
    display: table;
    margin: 0 auto;
}

.grupoDeFiltros ul li.filtradobus{
    float: left;
    margin-right: 15px;
    overflow: hidden;
    height: 28px;
    line-height: 30px;
}

.grupoDeFiltros ul li.filtradobus.active,
.grupoDeFiltros ul li.filtradobus:hover,
.grupoDeFiltros ul li.filtradobus:focus{
    border-bottom: 3px solid #C2410A;
}

#prodExposicion .grupoDeFiltros ul li.filtradobus.active,
#prodExposicion .grupoDeFiltros ul li.filtradobus:hover,
#prodExposicion .grupoDeFiltros ul li.filtradobus:focus{
    border-bottom: 3px solid #0066CC !important;
}

.grupoDeFiltros ul li.filtradobus p:hover{
    cursor: pointer;
}

    /* resultados busqueda avanzada */
#resempresas #pagination-hereEmp,#pagination-hereEmp_bottom,
#resproductos #pagination-herePro,#pagination-herePro_bottom{
    width: 33.333%;
    margin: 0 auto;
}

#resempresas ul.pagination,
#resproductos ul.pagination{
    display: table !important;
    margin: 20px auto !important;
}

#resempresas ul.pagination li a,
#resproductos ul.pagination li a{
    display: inline-table;
    color: #333 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    margin-right: 1px !important;
    padding: 6px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-weight: normal !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#resempresas ul.pagination li.disabled a,
#resproductos ul.pagination li.disabled a,
#resempresas ul.pagination li.disabled a:hover,
#resempresas ul.pagination li.disabled a:focus,
#resproductos ul.pagination li.disabled a:hover,
#resproductos ul.pagination li.disabled a:focus{
    color: #555 !important;
    background-color: #DDD !important;
    border-color: #DDD !important;
}

#resempresas ul.pagination li a:hover,
#resempresas ul.pagination li a:focus,
#resproductos ul.pagination li a:hover,
#resproductos ul.pagination li a:focus,
#resempresas ul.pagination li.active a,
#resproductos ul.pagination li.active a,
#resempresas ul.pagination li.active a:hover,
#resempresas ul.pagination li.active a:focus,
#resproductos ul.pagination li.active a:hover,
#resproductos ul.pagination li.active a:focus{
    color: #fff !important;
    font-weight: bold !important;
    background-color: #C2410A;
    border-color: #C2410A !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

#prodExposicion #resempresas ul.pagination li a:hover,
#prodExposicion #resempresas ul.pagination li a:focus,
#prodExposicion #resproductos ul.pagination li a:hover,
#prodExposicion #resproductos ul.pagination li a:focus,
#prodExposicion #resempresas ul.pagination li.active a,
#prodExposicion #resproductos ul.pagination li.active a,
#prodExposicion #resempresas ul.pagination li.active a:hover,
#prodExposicion #resempresas ul.pagination li.active a:focus,
#prodExposicion #resproductos ul.pagination li.active a:hover,
#prodExposicion #resproductos ul.pagination li.active a:focus{
    background-color: #0066CC !important;
    border-color: #0066CC !important;
}

#resproductos .contenedorBotones,
#resempresas .contenedorBotones{
    display: table;
    width: auto;
    margin: 0 auto 15px;
}

#resproductos .contenedorBotones input,
#resempresas .contenedorBotones input{
    margin-right: 5px;
    color: #000;
    background: none;
    border: 1px solid #C2410A;
    border-radius: 5px;
}

#prodExposicion #resproductos .contenedorBotones input,
#prodExposicion #resempresas .contenedorBotones input{
    border: 1px solid #0066CC !important;
}

#resproductos .contenedorBotones input:hover,
#resempresas .contenedorBotones input:hover,
#resproductos .contenedorBotones input:focus,
#resempresas .contenedorBotones input:focus{
    color: #FFF;
    background-color: #C2410A;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

#prodExposicion #resproductos .contenedorBotones input:hover,
#prodExposicion #resempresas .contenedorBotones input:hover,
#prodExposicion #resproductos .contenedorBotones input:focus,
#prodExposicion #resempresas .contenedorBotones input:focus{
    background-color: #0066CC !important;
}

#resproductos .contenedorBotones input:last-child,
#resempresas .contenedorBotones input:last-child{
    margin: 0;
}

#resproductos .mandaProductosSeccionNombres,
#resempresas .mandaEmpresasSeccionNombres{
    margin-bottom: 15px;
}

#resproductos .mandaProductosSeccionNombres ul li,
#resempresas .mandaEmpresasSeccionNombres ul li{
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #DBDBDB;
}

#resproductos .mandaProductosSeccionNombres ul li:last-child,
#resempresas .mandaEmpresasSeccionNombres ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: none;
}

#resproductos .mandaProductosSeccionNombres ul li span,
#resempresas .mandaEmpresasSeccionNombres ul li span{
    padding: 3px 5px 2px;
    color: #C2410A;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #C2410A;
    border-radius: 5px;
}

#prodExposicion #resproductos .mandaProductosSeccionNombres ul li span,
#prodExposicion #resempresas .mandaEmpresasSeccionNombres ul li span{
    color: #0066CC !important;
    border: 1px solid #0066CC !important;
}

#resproductos .mandaProductosSeccionNombres ul li span:hover,
#resempresas .mandaEmpresasSeccionNombres ul li span:hover{
    color: #FFF;
    background-color: #C2410A;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

#prodExposicion #resproductos .mandaProductosSeccionNombres ul li span:hover,
#prodExposicion #resempresas .mandaEmpresasSeccionNombres ul li span:hover{
    background-color: #0066CC !important;
}

#resproductos #listProductos li,
#resempresas #listEmpresas li{
    padding: 15px 0;
    border-bottom: 1px solid #DBDBDB;
}

#resproductos #listProductos li.liseleccionado,
#resempresas #listEmpresas li.liseleccionado{
    background-color: #F6F6F6;
}

#resproductos #listProductos li p.title span,
#resempresas #listEmpresas li p.title span{
    cursor: pointer;
}

#resproductos #listProductos li p.title span:hover,
#resempresas #listEmpresas li p.title span:hover{
    text-decoration: underline;
}

#resinformes .seccionesContenedor{
    width: 100%;
    margin: 15px auto;
    padding: 15px;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
}

#resinformes .seccionesContenedor .cursorMove{
    margin-bottom: 15px;
    padding-top: 15px;
    background-color: #FFF;
    border: 1px dotted #8B8B8B;
    cursor: move;
}

#resinformes .seccionesContenedor .cursorMove:last-child{
    margin-bottom: 0;
}

#resinformes .seccionesContenedor div input,
#resinformes .seccionesContenedor div label{
    width: 95%;
}

#resinformes .seccionesContenedor div[class*="mandaProductosSeccion"]{
    display: table;
    width: 95%;
    margin: 10px auto 5px;
}

#resinformes .seccionesContenedor div[class*="mandaProductosSeccion"] ul li{
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-right: 15px;
    border-right: 1px solid #DBDBDB;
}

#resinformes .seccionesContenedor div[class*="mandaProductosSeccion"] ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: none;
}

#resinformes .seccionesContenedor div[class*="mandaProductosSeccion"] ul li span{
    padding: 3px 5px 2px;
    color: #C2410A;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #C2410A;
    border-radius: 5px;
}

#prodExposicion #resinformes .seccionesContenedor div[class*="mandaProductosSeccion"] ul li span{
    color: #0066CC !important;
    border: 1px solid #0066CC !important;
}

#resinformes .seccionesContenedor div[class*="mandaProductosSeccion"] ul li span:hover{
    color: #FFF;
    background-color: #C2410A;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

#prodExposicion #resinformes .seccionesContenedor div[class*="mandaProductosSeccion"] ul li span:hover{
    background-color: #0066CC !important;
}

#resinformes .tipoInforme,
#resinformes .camposInforme{
    margin: 0 auto 1.5em;
}

#resinformes .tipoInforme:first-child{
    border-right: 1px solid #DBDBDB;
}

#resinformes .tipoInforme p{
    width: 30%;
    display: inline-block;
}

#resinformes .tipoInforme .tipoInformeBotones{
    width: 70% !important;
    display: inline-block;
}

#resinformes .camposInforme p{
    width: 40%;
    display: inline-block;
}

#resinformes .camposInforme > div{
    width: 55%;
    display: inline-table;
}

#resinformes .camposInforme .checkbox{
    width: 100% !important;
    margin: 15px auto !important;
}

	/* Vista listado */
        /* imagenes botones */
.jplist-panel .jplist-views .jplist-list-view{
    border: 2px solid;
}

.jplist-panel .jplist-views .jplist-grid-view{
    background: url('../img/grid-btn.png') no-repeat 50% 50% !important;
    margin-left: 22px;
}

.jplist-grid-view .jplist-panel .jplist-views .jplist-list-view{
    background: url('../img/list-btn.png') no-repeat 50% 50% !important;
    border: 1px solid #dbdbdb;
}

.jplist-grid-view .jplist-panel .jplist-views .jplist-grid-view{
    border: 2px solid;
}

div.jplist-views{
    margin-top: 10px;
}

div.jplist-panel div.jplist-views button:hover,
div.jplist-panel div.jplist-views button:focus{
    border: 2px solid #333 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
    font-size: 16px;
}

	/* resultados de la busqueda */
.jplist .title{
    color: #C2410A;
    font-weight: bold;
}

#prodExposicion .jplist .title{
    color: #0066CC !important;
}

.jplist .block p.informe input[type=checkbox]{
    margin-top: 0 !important;
}

.jplist-grid-view .block p.informe input[type=checkbox],
.jplist-grid-view .block p.informe label{
    float: none;
}

.jplist-grid-view .block p.informe label{
    vertical-align: bottom;
}

.jplist .list.listadoResultado{
    margin-bottom: 0;
}

	/* listado documentos */
        /*seleccionar informes*/
.divSelTodosInformecol-lg-12{
    padding: 0;
}

.divSelTodosInformecol-lg-12 div{
    margin: 0 0 15px;
    padding: 0;
}

.divSelTodosInformecol-lg-12 div input{
    width: 98%;
    background-color: #C2410A;
    border-color: #C2410A;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

#prodExposicion .divSelTodosInformecol-lg-12 div input{
    background-color: #0066CC !important;
    border-color: #0066CC !important;
}

.divSelTodosInformecol-lg-12 div input:hover,
.divSelTodosInformecol-lg-12 div input:focus{
    background-color: #FFF;
    border-color: #333;
    color: #333;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}


div.jplist-panel.box.panel-top .esLisDoc ul,
div.jplist-panel.box.panel-top .esLisDoc > p{
    width: 100% !important;
    display: table;
}

div.jplist-panel.box.panel-top .esLisDoc ul li,
div.jplist-panel.box.panel-top .esLisDoc > p{
    margin: 0;
    padding: .1em 0 0 1em !important;
    overflow: visible;
    height: auto;
    background: url("../img/bullet-lista.png") no-repeat 0 0 !important;
}

div.jplist-panel.box.panel-top .esLisDoc ul li.liListaDoc{
    display: block;
    width: 100%;
}

div.jplist-panel.box.panel-top .esLisDoc ul li.liListaDoc > p{
    padding: 0 15px 0 10px;
    background: url(../img/menu-ppal_sipa.png) no-repeat right;
}

div.jplist-panel.box.panel-top .esLisDoc ul li.liListaDoc li{
    width: 100%;
}

div.jplist-panel.box.panel-top .esLisDoc p{
    margin-bottom: 0;
    line-height: 25px;
}

div.jplist-panel.box.panel-top .esLisDoc > p a{
    margin-left: .3em;
}

div.jplist-panel.box.panel-top .esLisDoc ul li:hover,
div.jplist-panel.box.panel-top .esLisDoc ul li:focus{
    border: none !important;
    outline: 0 !important;
    text-decoration: underline;
}

    /* boton alta misma ISO */
.divContinuarIso{
    margin-bottom: 1em;
}

.divContinuarIso input{
    font-weight: bold;
    cursor: pointer;
    background-color: transparent;
    color: #333;
    border: 2px solid #C2410A;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .divContinuarIso input{
    border: 2px solid #0066CC !important;
}

.divContinuarIso input:hover,
.divContinuarIso input:focus{
    border: 2px solid transparent;
    color: #FFF;
    background-color: #C2410A;
}

#prodExposicion .divContinuarIso input:hover,
#prodExposicion .divContinuarIso input:focus{
    background-color: #0066CC !important;
}

	/* filtro por categorias */
.tab-filtro-categoriras{
    display: table;
    width: 100%;
    background-color: #C2410A;
    color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: auto;
    padding: 2px 5px 0 5px;
    font-weight: bold;
    height: 23px;
}

#prodExposicion .tab-filtro-categoriras{
    background-color: #0066CC !important;
    color: #FFF !important;
}

div.jplist-panel.box.panel-top .esFiltroDepartamentos{
    border: 1px solid #dbdbdb;
    background-color: #FFF;
}

div.jplist-panel.box.panel-top .esFiltroDepartamentos div{
    border: none;
}

div.jplist-panel.box.panel-top .esFiltroDepartamentos div ul{
    width: 100% !important;
}

div.jplist-panel.box.panel-top .esFiltroDepartamentos p label{
    font-weight: normal;
    margin: 0;
}

div.jplist-panel.box.panel-top .esFiltroDepartamentos p input{
    margin: 0;
}

div.jplist-panel.box.panel-top .esFiltroDepartamentos div p{
    margin: 0;
}

div.jplist-panel.box.panel-top .esFiltro ul.nivelUno{
    display: table;
    width: 100% !important;
}

div.jplist-panel.box.panel-top .esFiltro ul.nivelDos{
    margin-left: 1em !important;
    width: 100% !important;
}

div.jplist-panel.box.panel-top .esFiltro ul.nivelTres{
    width: 100% !important;
    margin-left: 1.2em !important;
}

div.jplist-panel.box.panel-top .esFiltro ul label{
    height: auto;
    width: 88%;
    line-height: 25px;
    font-weight: normal;
}

div.jplist-panel.box.panel-top .esFiltro ul.nivelTres label{
    width: 80%;
}

div.jplist-panel.box.panel-top .esFiltro ul li{
    height: auto;
    margin: 0 !important;
    width: 100%;
}

div.jplist-panel.box.panel-top .esFiltro ul li:hover,
div.jplist-panel.box.panel-top .esFiltro ul li:focus{
    border: none !important;
}

div.jplist-panel.box.panel-top .esFiltro ul input[type="checkbox"],
div.jplist-panel.box.panel-top .esFiltro ul input[type="radio"],
div.jplist-panel.box.panel-top .esFiltro ul label{
    margin: 0;
    padding-right: 0;
}

div.jplist-panel.box.panel-top .esFiltro select{
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
}

	/* boton comparar */
div.jplist-panel div.jplist-group + .divCompara{
    margin-top: 1em;
}

div.divCompara a{
    display: inline-flex;
}

div.divCompara a:hover,
div.divCompara a:focus{
    text-decoration: none;
}

div.divCompara span{
    background-color: #C2410A;
    border: 2px solid transparent;
    border-radius: .5em;
    padding: 1em;
}

#prodExposicion div.divCompara span{
    background-color: #0066CC !important;
}

div.divCompara a:hover span,
div.divCompara a:focus span{
    border-color: #C2410A;
    background-color: #fff;
    color: #C2410A;
}

#prodExposicion div.divCompara a:hover span,
#prodExposicion div.divCompara a:focus span{
    border-color: #0066CC !important;
    color: #0066CC !important;
}

	/* Dropdown numero paginas */
div.jplist-pagination-info,
div.jplist-items-per-page{
    margin-top: 20px;
}

#contenido-interior div.jplist-items-per-page{
    margin-top: 5px;
}

div.jplist-panel button#dropdown-menu-1{
    margin: 0 0 0 15px;
    background: none;
}

#contenido-interior div.jplist-panel button#dropdown-menu-1{
    margin: 0;
    background-color: #FFF;
}

div.jplist-panel div.dropdown.open button{
    border-color: #333;
    text-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5 !important;
    color: #333 !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

div.jplist-panel div.dropdown ul.dropdown-menu{
    display: none !important;
}

div.jplist-panel div.dropdown.open ul.dropdown-menu{
    display: block !important;
    margin-top: 1px !important;
    margin-left: 0 !important;
}

div.jplist-panel div.dropdown ul.dropdown-menu li{
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}

div.jplist-panel div.dropdown ul.dropdown-menu li.divider{
    background-color: #e5e5e5 !important;
}

div.jplist-panel div.dropdown ul.dropdown-menu li a:hover,
div.jplist-panel div.dropdown ul.dropdown-menu li a:focus{
    background-color: #f5f5f5 !important;
    color: #333 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

div.jplist-panel div.dropdown button.btn-primary:hover,
div.jplist-panel div.dropdown button.btn-primary:focus{
    color: #333;
    border-color: #333;
    background-color: #f2f2f2 !important;
}

    /* Etiquetas */
div.jplist-panel div.list-item p.theme span.label.PRODUCTO{
    background-color: #3C7F1B;
}

div.jplist-panel div.list-item p.theme span.label.EMPRESA{
    background-color: #D12600;
}

div.jplist-panel div.list-item p.theme span.label.categoria_a_filtrar{
    background-color: #035BB5;
}

	/* fichas */
.informacion.ficha{
    margin-top: 1em;
}

.informacion.ficha .nombreFicha h3{
    margin-top: 0;
    color: #333 !important;
    font-weight: bold;
}

#busquedaAvanzada div[role="tablist"]{
    display: inline-block;
}

#busquedaAvanzada .elijeAvanzado{
    float: right;
    width: 300px;
    height: 35px;
}

#busquedaAvanzada .elijeAvanzado > div{
    width: 50%;
    margin: 10px 0 0;
}

#busquedaAvanzada .elijeAvanzado > div label,
#busquedaAvanzada .elijeAvanzado > div input{
    display: inline;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

#busquedaAvanzada .elijeAvanzado > div input{
    margin: 5px;
    cursor: pointer;
}

.informacion.ficha div[role="tabpanel"]{
    padding: 15px 0 !important;
    border-width: 1px 0 0 !important;
    box-shadow: none;
    background-color: #FFF;
}

.informacion.ficha div[role="tablist"] {
  margin-bottom: 0px;
}

.informacion.ficha .list-item{
    background: none;
    padding: 0;
}

.informacion.ficha ul li ul,
.informacion.ficha ul li p{
    margin: 0;
}
.categoriasFicha  {
    margin-left: 20px !important; /* Puedes ajustar el valor según sea necesario */
}
.listadoResultado ul.theme li{
    padding: 0;
    background: none;
}

	/* tabla de referencias */
.informacion.ficha div.ReferenciasSup,
.informacion.ficha div.ReferenciasSup > div{
    width: 100%;
    float: left;
}

.informacion.ficha div.referenciaNueva{
    border-bottom: 1px solid #333;
}

.informacion.ficha div.referenciaNueva:last-child{
    margin-bottom: 1em;
}

.informacion.ficha div.referenciaGrupoTitulo{
    background-color: #eee;
}

.informacion.ficha div.referenciaGrupoTitulo,
.informacion.ficha div.referenciaGrupo{
    padding-bottom: 5px;
    padding-top: 5px;
}

.informacion.ficha div.COMPACTO:first-child{
    border-right: 1px solid #5C5C5C;
}

.informacion.ficha div.ReferenciasSup p{
    margin: 1em 0 0.5em;
}

	/* empresas,prod no publicados desplegables */
.informacion.ficha div#tabpanel-3 ul{
    margin: 0;
}

.informacion.ficha div#tabpanel-3 ul > li,
#accordionBorradores ul li{
    padding: 0;
    background: none;
}

.informacion.ficha div#tabpanel-3 h4 span,
#accordionBorradores h4 span,
#accordionEmpresa h4 span{
    background: url(../img/../img/flecha-texto-cerrado_sede.png) no-repeat right bottom !important;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.informacion.ficha div#tabpanel-3 h4.desplegado span,
#accordionBorradores h4.desplegado span,
#accordionEmpresa h4.desplegado span{
    background: url(../img/../img/flecha-texto-abierto_sede.png) no-repeat right bottom !important;
}


#accordionEmpresa h4 + div ul li{
    padding: .4em 0 0 1.5em;
    background: url(../img/bullet-lista.png) no-repeat 0 0;
}

.informacion.ficha div#tabpanel-3 h4 + div .esDist{
    margin-top: 1em;
}

.informacion.ficha .verFichaEmpresa > span{
    border: 2px solid #0069B3;
    border-radius: 5px;
    padding: .3em .6em;
    background-color: #FFF;
    color: #333;
    font-weight: 700;
}

.informacion.ficha .verFichaEmpresa:hover,
.informacion.ficha .verFichaEmpresa:focus{
    text-decoration: none;
    cursor: pointer;
}

.informacion.ficha .verFichaEmpresa:hover > span,
.informacion.ficha .verFichaEmpresa:focus > span{
    background-color: #0069B3;
    color: #FFF;
}

	/* etiquetas */
.informacion.ficha span.distribuidora{
    font-weight: 700;
    border-radius: 5px;
    padding: .1em .2em;
    margin-right: 5px;
    border: 2px solid #235C92;
}

.informacion.ficha span.fabricante{
    font-weight: 700;
    border-radius: 5px;
    padding: .1em .2em;
    margin-right: 5px;
    border: 2px solid #008054;
}

.informacion.ficha span.disenadora{
    font-weight: 700;
    border-radius: 5px;
    padding: .1em .2em;
    margin-right: 5px;
    border: 2px solid #800080;
}

.informacion.ficha span.ventaTienda{
    font-weight: 700;
    border-radius: 5px;
    padding: .1em .2em;
    margin-right: 5px;
    border: 2px solid #7D7F00;
}

.informacion.ficha span.ventaInternet{
    font-weight: 700;
    border-radius: 5px;
    padding: .1em .2em;
    margin-right: 5px;
    border: 2px solid #AF4600;
}

	/* columna derecha */
.informacion.ficha div.colDerecha div p{
    margin: 0;
}

.informacion.ficha div.colDerecha div p strong{
    margin-right: 5px;
}

.informacion.ficha div.colDerecha > div:first-child a{
    color: #C2410A !important;
}

#prodExposicion .informacion.ficha div.colDerecha > div:first-child a{
    color: #0066CC !important;
}

        /* etiquetas */
.informacion.ficha div.colDerecha div.botones{
    margin: .7em 0;
}

.informacion.ficha a.imprimir,
.informacion.ficha a.pdf{
    cursor: pointer;
    padding-right: 3px;
    display: block;

}

.informacion.ficha a.imprimir:hover,
.informacion.ficha a.imprimir:focus,
.informacion.ficha a.pdf:hover,
.informacion.ficha a.pdf:focus{
    text-decoration: none;
}

		/* compartir */
.informacion.ficha div.colDerecha h3{
    color: #333 !important;
}
.informacion.ficha div.colDerecha ul.compartir li:last-child{
    margin-right: 0px;
}


.informacion.ficha div.colDerecha div.botones a:hover,
.informacion.ficha div.colDerecha div.botones a:focus{
    text-decoration: none;
}

.informacion.ficha div.colDerecha div.botones a > span,
.informacion.ficha a.imprimir > span,
.informacion.ficha a.pdf > span{
    color: #333;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 5px;
    font-weight: 700;
    padding: .3em .6em;
}

.informacion.ficha div.colDerecha div.botones a.modificar > span{
    border-color: #7B00B4;
}

.informacion.ficha div.colDerecha div.botones a.modificar:hover > span,
.informacion.ficha div.colDerecha div.botones a.modificar:focus > span{
    background-color: #7B00B4;
}

.informacion.ficha div.colDerecha div.botones a.restaurar > span,
.informacion.ficha div.colDerecha div.botones a.publicar > span{
    border-color: #017F01;
}

.informacion.ficha div.colDerecha div.botones a.restaurar:hover > span,
.informacion.ficha div.colDerecha div.botones a.restaurar:focus > span,
.informacion.ficha div.colDerecha div.botones a.publicar:hover > span,
.informacion.ficha div.colDerecha div.botones a.publicar:focus > span{
    background-color: #017F01;
}

.informacion.ficha div.colDerecha div.botones a.desactivar{
    cursor: pointer;
}

.informacion.ficha div.colDerecha div.botones a.desactivar > span{
    border-color: #B30000;
}

.informacion.ficha div.colDerecha div.botones a.desactivar:hover > span,
.informacion.ficha div.colDerecha div.botones a.desactivar:focus > span{
    background-color: #B30000;
}

.informacion.ficha div.colDerecha div.botones a.historicos{
    display: block;
    margin-top: 1em;
}

.informacion.ficha div.colDerecha div.botones a.historicos > span{
    border-color: #006699;
}

.informacion.ficha div.colDerecha div.botones a.historicos:hover > span,
.informacion.ficha div.colDerecha div.botones a.historicos:focus > span{
    background-color: #006699;
}

.informacion.ficha a.imprimir > span{
    border-color: #036E9F;
}

.informacion.ficha a.imprimir:hover > span,
.informacion.ficha a.imprimir:focus > span{
    background-color: #036E9F;
}

.informacion.ficha a.pdf > span{
    border-color: #9A0606;
}

.informacion.ficha a.pdf:hover > span,
.informacion.ficha a.pdf:focus > span{
    background-color: #9A0606;
}

.informacion.ficha div.colDerecha div.botones a:hover span,
.informacion.ficha div.colDerecha div.botones a:focus span,
.informacion.ficha a.imprimir:hover > span,
.informacion.ficha a.imprimir:focus > span,
.informacion.ficha a.pdf:hover > span,
.informacion.ficha a.pdf:focus > span{
    color: #FFF;
}

    /* departamentos relacionados */
.informacion.ficha div.colDerecha div.relDepartamento{
    margin-top: 1em;
}

.informacion.ficha div.colDerecha div.relDepartamento ul{
    margin-left: 10px;
}

.informacion.ficha div.colDerecha div.relDepartamento ul li{
    padding: .3em 0 0 1em;
}

.modal-dialog .modal-header button{
    color: #333;
    opacity: 1;
}

.modal-dialog .modal-body input,
.modal-dialog .modal-body select,
.modal-dialog .modal-body textarea{
    border-radius: 5px;
    border: 1px solid #555;
    padding: 0 5px;
}

.modal-dialog .modal-body input:hover,
.modal-dialog .modal-body input:focus,
.modal-dialog .modal-body select:hover,
.modal-dialog .modal-body select:focus,
.modal-dialog .modal-body textarea:hover,
.modal-dialog .modal-body textarea:focus{
    border-color: #333;
    outline: none;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

.modal-dialog p a{
    font-weight: normal;
    color: #011FD8;
}



.modal-dialog a.previsualizar{
    border: 2px solid #0069B3;
    border-radius: 5px;
    padding: .3em .3em .2em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.modal-dialog a.previsualizar:hover,
.modal-dialog a.previsualizar:focus{
    background-color: #0069B3;
    color: #FFF !important;
    text-decoration: none;
}

.modal-dialog .modal-footer button{
    border: 2px solid #C2410A;
    background-color: #FFF;
    color: #333;
    border-radius: 5px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#prodExposicion .modal-dialog .modal-footer button{
    border: 2px solid #0066CC !important;
}

.modal-dialog .modal-footer button:hover,
.modal-dialog .modal-footer button:focus{
    background-color: #C2410A;
    color: #FFF;
}

#prodExposicion .modal-dialog .modal-footer button:hover,
#prodExposicion .modal-dialog .modal-footer button:focus{
    background-color: #0066CC !important;
}

    /* Galeria */
#colorbox #cboxWrapper #cboxContent #cboxTitle{
    position: absolute;
    z-index: 998;
    height: 25px;
    bottom: 0 !important;
    padding-top: 10px;
    opacity: 0.7;
    background-color: #333;
}


#colorbox #cboxWrapper #cboxContent p.tituloFoto1,
#colorbox #cboxWrapper #cboxContent p.tituloFoto2,
#colorbox #cboxWrapper #cboxContent p.tituloFoto3,
#colorbox #cboxWrapper #cboxContent p.tituloFoto4,
#colorbox #cboxWrapper #cboxContent p.tituloFoto5{
    position: absolute;
    z-index: 999;
    bottom: 0;
    margin: 0;
    height: 20px;
    padding-left: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-weight: bold;
}

	   /* Imagenes sin titulo
#colorbox #cboxWrapper #cboxContent p.tituloFoto1:empty + .tituloFoto1,
#colorbox #cboxWrapper #cboxContent p.tituloFoto2:empty + .tituloFoto2,
#colorbox #cboxWrapper #cboxContent p.tituloFoto3:empty + .tituloFoto3,
#colorbox #cboxWrapper #cboxContent p.tituloFoto4:empty + .tituloFoto4,
#colorbox #cboxWrapper #cboxContent p.tituloFoto5:empty + .tituloFoto5{
    height: 0 !important;
    padding-top: 0 !important;
}
*/

#colorbox #cboxWrapper #cboxContent p.tituloFoto2{
    height: 40px !important;
}

#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto2{
    height: 45px !important;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto3{
    height: 55px !important;
}

#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto3{
    height: 60px !important;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto4{
    height: 75px !important;
}

#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto4{
    height: 80px !important;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto5{
    height: 90px !important;
}

#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto5{
    height: 95px !important;
}
	   /* Mapeo imagen flechas */
#colorbox #cboxWrapper #cboxContent #cboxPrevious{
    background-position: -51px 0px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious:hover{
    background-position: -51px -25px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxNext{
    background-position: -75px 0px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxNext:hover{
    background-position: -75px -25px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxClose{
    background-position: -100px 0px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxClose:hover{
    background-position: -100px -25px !important;
}


	/* historico empresas. comparativa */
.comparativa table{
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 3px;
}

.comparativa table td{
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    vertical-align: top;
    padding: 5px;
    background-color: #FFF;
}

.comparativa table td del{
    background-color: #FFD6C4;
    text-decoration: none;
}

.wrapper-tabs.fichaEmpresa{
    margin-top: 1em;
}

.fichaEmpresa #listadoHistorico td{
    cursor: pointer;
}

	/* productos no publicados */
.informacion .borradores h3{
    font-size: inherit !important;
    font-weight: bold;
}

.informacion .borradores .pull-right{
    position: absolute;
    right: 15px;
    top: 15px;
}

.informacion table.listado{
    margin: 1em 0;
    width: 100%;
    border: 1px solid #d6d6d6;
}

.informacion table.listado caption{
    color: #C2410A;
    font-weight: bold;
}

#prodExposicion .informacion table.listado caption{
    color: #0066CC !important;
}

.informacion table.listado th{
    background-color: #EEE;
}

.informacion table.listado th#fecha_baja,
.informacion table.listado th#fecha_modi{
    width: 16%;
}

.informacion table.listado th#fecha_alta{
    width: 13%;
}

.informacion table.listado th#acciones{
    width: 33%;
}

.informacion table.listado th,
.informacion table.listado td{
    padding: 5px;
    text-align: center;
    border: 1px solid #D6D6D6;
}

.informacion table.listado td[headers="nombre"]{
    text-align: left;
}

.informacion table.listado td{
    background-color: #FFF;
}

.informacion table.listado td a{
    padding: .3em .3em .2em;
    border-radius: 5px;
    font-weight: 700 !important;
}

.informacion table.listado td a:hover,
.informacion table.listado td a:focus{
    text-decoration: none;
    border-color: transparent;
    color: #FFF  !important;
}

	   /* etiquetas */
 .informacion table.listado a.restaurar{
     border: 2px solid #017F01;
}

.informacion table.listado a.restaurar:hover,
.informacion table.listado a.restaurar:focus{
    background-color: #017F01;
}

.informacion table.listado a.previsualizar{
    border: 2px solid #0069B3;
}

.informacion table.listado a.previsualizar:hover,
.informacion table.listado a.previsualizar:focus{
    background-color: #0069B3;
}

.informacion table.listado a.modificar{
    border: 2px solid #7B00B4;
}

.informacion table.listado a.modificar:hover,
.informacion table.listado a.modificar:focus{
    background-color: #7B00B4;
}

.informacion table.listado a.eliminar{
    border: 2px solid #B30000;
}

.informacion table.listado a.eliminar:hover,
.informacion table.listado a.eliminar:focus{
    background-color: #B30000;
}

	/* tabla comparativa */
table#tablaComparativa{
    margin-top: 1em;
}

table#tablaComparativa thead th{
    text-align: center;
}

table#tablaComparativa td{
    border: 1px solid #d6d6d6;
    padding: 8px;
    text-align: center
}

table#tablaComparativa th{
    border: 1px solid #d6d6d6;
    padding: 8px;
    background-color: #eee;
}

table#tablaComparativa th[scope="row"]{
    width: 10%;
}

table#tablaComparativa th[scope="col"]{
    width: 25%;
}

table#tablaComparativa td[headers~="des"]{
    vertical-align: top;
    text-align: center;
}

table#tablaComparativa td[headers~="des"] > img{
    border: none;
    padding: 0;
    border-radius: 0;
    height: 130px;
}

table#tablaComparativa td[headers~="des"] p{
    text-align: left;
    font-weight: normal;
}

table#tablaComparativa tr.tipoREF td{
    vertical-align: top;
    text-align: left;
}

table#tablaComparativa tr.tipoREF td .referenciaNueva{
    display: inline-block;
    border-bottom: 1px solid #333;
    padding-bottom: .5em;
}

table#tablaComparativa tr.tipoREF td .referenciaNueva:last-child{
    border: none;
}

table#tablaComparativa tr.tipoREF td .referenciaNueva .nombreReferencia{
    padding: 0;
}

table#tablaComparativa tr.tipoREF td p{
    margin: 0;
}

table#tablaComparativa tr.tipoREF td .referenciaGrupoTitulo{
    background-color: #eee;
    margin-top: .5em;
    padding-bottom: .2em;
    padding-top: .2em;
}

table#tablaComparativa tr.tipoREF td .referenciaGrupo{
    padding-left: 25px;
}


    /* seccion estadisticas */
#estaProductos{
    display: table;
    width: 100%;
    border-bottom: 2px solid #DBDBDB;
}

#tabla_estaProductos th,
#tabla_estaProductos td,
.tabla_estadisticas th,
.tabla_estadisticas td{
    width: 25%;
    text-align: center;
    border-bottom: 1px solid #222;
}

#estaProductosDepartamento h4{
    color: #C2410A;
    font-weight: bold;
}

#prodExposicion #estaProductosDepartamento h4{
    color: #0066CC !important;
}

#estaProductosDepartamento > div{
    margin-bottom: 15px;
    border-bottom: 1px dashed #DBDBDB;
}

#tabla_estaProductos .tabla_estadisticas{
    width: 400px;
}

#estaProductos div[id*="chart_"]{
    margin-top: 15px;
    border-bottom: 1px dashed #DBDBDB;
}

#estaProductos div[id*="chart_"]:last-child{
    border: none;
}

#estaProductosDepartamento > div:nth-last-of-type(2){
    margin-bottom: 15px;
    border-bottom: 2px solid #DBDBDB;
}

#estaProductosDepartamento > div:nth-last-of-type(2) div[id*="chart"]{
    border: none;
}

ul.amcharts-amexport-menu li a,
ul.amcharts-amexport-menu li a{
    color: #000 !important;
    font-weight: bold !important;
}

ul.amcharts-amexport-menu li a:hover,
ul.amcharts-amexport-menu li a:focus{
    cursor: pointer;
}

.amcharts-amexport-item{
    opacity: 1 !important;
    border: 1px solid;
}

.amcharts-amexport-item.amcharts-amexport-item-level-0{
    opacity: 1 !important;
}

/* seccion aviso legal */
#accordion h3{
    margin: 0 0 7px;
    padding-bottom: 5px;
    border: 0 none;
    cursor: pointer;
    background: url(../img/linea-horizontal.png) repeat-x left bottom;
}

#accordion h3 span{
	padding: 0 20px 0 0;
    background: url(../img/flch-txt-cerrado_ceapat.png) no-repeat right center;
}

#accordion h3.desplegado span{
    background:  url("../img/flch-txt-abierto_ceapat.png") no-repeat right center;
}



#accordion p a{
    text-decoration: underline;
}

#accordion p a:hover,
#accordion p a:focus{
    text-decoration: none;
}

#accordion ul{
    margin-bottom: 1em;
    margin-left: 15px;
}

#accordion ul li{
    padding: 5px 0 0 15px;
    margin: 0;
    background: url(../img/bullet-lista.png) no-repeat 0 0;
}

#accordion .formulario .fila.archivo{
    margin-top: 15px;
}

#accordion .formulario .fila.archivo input{
    border: none !important;
}

#accordion .formulario .fila.archivo input:hover,
#accordion .formulario .fila.archivo input:focus{
    box-shadow: none !important;
}

#accordion .formulario .fila.pol-privacidad .dcha{
    width: 90%;
    margin: 15px auto;
}

#accordion .formulario .fila.pol-privacidad > div input{
    display: inline-block;
    width: auto;
    height: auto;
}

#accordion .formulario .fila.pol-privacidad > div label{
    display: inline-block;
    width: auto;
}

	/* tabla listado productos departamentos */
table.listadoDepar td[headers="estadoProd"]{
    text-align: center;
}

table.listadoDepar td[headers="accionesProd"]{
    width: 50%;
}

table.listadoDepar td div.departamentoSeleccionado{
    margin-bottom: 5px;
    background-color: #FFF;
    outline: 1px solid red;
}

table.listadoDepar td div.departamentoSeleccionado label{
    margin: 0;
}

.dataTables_paginate.paging_simple_numbers a.paginate_button{
    border-radius: 8px;
    border: 1px solid #ddd !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dataTables_paginate.paging_simple_numbers a.paginate_button.current,
.dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
.dataTables_paginate.paging_simple_numbers a.paginate_button:focus{
    background: none !important;
    background-color: #C2410A !important;
    color: #FFF !important;
}

#prodExposicion .dataTables_paginate.paging_simple_numbers a.paginate_button.current,
#prodExposicion .dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
#prodExposicion .dataTables_paginate.paging_simple_numbers a.paginate_button:focus{
    background: none !important;
    background-color: #0066CC !important;
    color: #FFF !important;
}

#prodExposicion .dataTables_paginate.paging_simple_numbers a.paginate_button.current,
#prodExposicion .dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
#prodExposicion .dataTables_paginate.paging_simple_numbers a.paginate_button:focus{
    background-color: #0066CC !important;
}

.dataTables_paginate.paging_simple_numbers a.paginate_button.current:hover,
.dataTables_paginate.paging_simple_numbers a.paginate_button.current:focus{
    color: #FFF !important;
    cursor: default;
    font-weight: bold !important;
}

.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled{
    background-color: #DDD;
    color: #555 !important;
}

.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled:hover,
.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled:focus{
    background-color: #DDD !important;
    font-weight: normal !important;
}

/* Footer */
#footer-wrapper{
    margin-top: 2em;
    clear: both;
}

#footer-wrapper #footer{
    background: none #333;
    margin-top: 37px;
    padding: 15px 0 15px;
    display: inline-block;
    width: 100%;
}

#footer-wrapper #footer .section div.izq{
    float: left;
    max-width: 50%;
}

#footer-wrapper #footer .section div.drch{
    float: right;
}

#footer-wrapper #footer .section ul#footer-nav li{
    display: inline-block;
    margin: 0 17px;
}

#footer-wrapper #footer .section ul#footer-nav li.first{
    margin-left: 0;
}

#footer-wrapper #footer .section ul#footer-nav li.last{
    margin-right: 0;
}

#footer-wrapper #footer .section ul#footer-nav li a{
    background-color: #333;
    color: #fff;
    vertical-align: bottom;
    display: block;
    padding-top: 10px;
}

#footer-wrapper #footer .section a#solicitud-documentos{
    font-style: italic;
    color: #fff;
    background-color: #333;
    width: 40%;
    float: right;
    display: block;
    text-align: right;
}

#footer-wrapper #footer .section p.copyright{
    color: #fff;
    background-color: #333;
    font-style: italic;
    font-weight: normal;
    margin: 15px 0 0 0;
}

#footer-wrapper #footer .section div.drch ul#certificados,
#footer-wrapper #footer .section div.drch div#certificados{
    margin-top: 15px;
    float: right;
}

#footer-wrapper #footer .section div.drch ul#certificados li{
    display: inline;
}





.pintaEsta {
  width: 100%;
  height: 350px;
}
.pintaEstaemp {

  height: 350px;
}
.pintaEstaempResumenEmpresas{
 height: 600px;
}

.panel {
	margin: 20px !important;
    background-color: #eee !important;
}

.breadcrumb-item a{
	color:#c2410a;
}

#prodExposicion .breadcrumb-item a{
	color:#000000 !important;
}

.panelFicha {
border: 1px solid #ccc!important;
border-radius: 5px;
padding: 0.01em 16px;
margin-bottom: 15px;

}
.referenciaGrupoTituloFicha{
	margin-top:15px;
	margin-bottom:15px;
}
.referenciaGrupoTituloFicha p{
	text-align: center;
	background-color: #eee;

}
.direccion,.contacto,.nombreContacto {
	padding-left:6px;
}
.nombreContacto {
	padding-left:16px;
}



/*pruebas footer */


#footer {
    background: none;

}


.text-center {
    text-align: center !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

html .naranja-a {
    --primario: #c2410a;
    --prodExposicion: #0066CC;
    --box-shadow: rgba(194,65,10,0.5);
    --box-light: rgba(194,65,10,0.1);
    --box-light-expo: rgba(51,51,153,0.1);
}

.fd-primario {
    background-color: var(--primario)
}

.azul-a .fd-primario {
    background-color: #0066CC;
}

#prodExposicion .fd-primario {
    background-color: var(--prodExposicion)
}

.text-center {
    text-align: center !important;
}

.container-footer {
	margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.m-0 {
    margin: 0 !important;
}

.mt-4, .my-4 {
    margin-top: 2rem !important;
}

.container-footer .row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.container-footer .row:before,
.container-footer .row:after{
	display: none !important;
}

#footer {
    margin-top: 2rem
}

#footer .portlet {
    margin-bottom: 0;
	position: relative;
}

.footer-light {
    background-color: var(--box-light)
}

.azul-a .footer-light{
    background-color: rgba(51,51,153,0.1)
}

.footer-light .footer-img {
    height: 65px
}

.footer-light .col-light {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.footer-light .col-light img {
    background-color: var(--primario);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-right: 1rem;
	max-width: 100%;
}

.azul-a .footer-light .col-light img {
    background-color: #0066CC;
}


.footer-light-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}


.footer-light-links a ,
#footerImserso .col-light a {
    color: #000  ;
    font-family: "Atkinson-bold";
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
    .d-md-none {
        display: none !important;
    }
}

.footer-light-links li:first-child a {
    border: 0 !important;
}

.footer-cont {
    padding: 1.5rem 1rem;
	  color: #fff;
    flex-flow:column;
    align-items:center;
    text-align:center;
}

.azul-a .footer-cont{
	background-color:#0066CC;
	padding: 1.5rem 1rem;
	  color: #fff;
    flex-flow:column;
    align-items:center;
    text-align:center;
}

.footer-cont:before,
.footer-cont:after{
	display: none !important;
}

.footer-cont p {
 	line-height: 1.5;
 	font-family: "Atkinson-regular";
}

.footer-cont a {
    color: #fff !important;
    text-decoration: none ;
    margin: 1rem 0 ;
    display: block;
}

.footer-cont a:hover {
    text-decoration: none;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-links li {
    margin-left: 1rem
}

@media (min-width: 576px){
	.container-footer, .container-sm {
		max-width: 540px;
	}

	.container-footer .row{
		display: block !important;
	}

}

@media(min-width: 768px) {
	.container-footer, .container-sm, .container-md {
		max-width: 720px;
	}

    .footer-light .col-light {
        justify-content:center;
        margin-bottom: 0
    }

	.mb-md-5, .my-md-5 {
		margin-bottom: 4rem !important;
		margin-top: 4rem !important;
	}

	.col-md-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.container-footer .row{
		display: flex !important;
	}
}

@media(min-width: 992px) {
    .footer-cont {
        display:flex;
        justify-content: space-between;
        flex-flow: row
    }

	.footer-links {
        display:flex
    }
}

@media (min-width: 1200px){
	#contenido-interior div.informacion.navegacion ul li.col-lg-2{
        width: 20% !important;
    }
	.container-footer {
		max-width: 1440px !important;
	}
}

@media (min-width: 1440px){
	.container-footer {
		max-width: 1440px !important;
	}

	.footer-cont{
		max-width: 1440px !important;
		width: 1440px !important;
	}
}

/* Media Querys */



@media (max-width: 1500px){
    .divSelTodosInformecol-lg-12 div{
        width: 100%;
    }
}

@media (max-width:1199px) and (min-device-width:769px){

	#contenido-interior div.informacion.navegacion ul li.col-md-2{
        width: 20% !important;
    }

	#contenido-interior div.informacion.navegacion ul li.col-sm-2{
        width: 20% !important;
    }

}

@media (min-width: 992px){

	#col-izq ul#menu-lateral li{
        margin-bottom: .5em !important;
    }

}

@media (max-width: 991px) and (min-width: 768px){

	#col-izq ul#menu-lateral li{
        margin-bottom: .5em !important;
        padding: 0 !important;
    }

	#contenido-interior h2{
        display: inline-block !important;
        margin-top: .5em !important;
    }

	.jplist-panel .jplist-views .jplist-grid-view{
        margin-left: 0 !important;
    }
}

@media (min-width: 768px){

	#contenido-interior div.jplist-pagination-info{
        margin-top: 0 !important;
        margin-right: 1em !important;
    }

	#contenido-interior div.jplist-items-per-page{
        margin-top: .5em !important;
    }

}


	/* cabecera */

	#content-header .section .logos a:nth-child(3) img.svg{
        height: 145px !important;
    }

	#content-header .section .logos a img.svg{
        height: 100px !important;
    }

	#content-header .section .logos h1{
        margin-top: .5em !important;
    }

	/* home */

		/* aviso */
		.aviso.evaluacion{
            background: none !important;
    }

		.aviso p{
            padding: 45px 20px 20px !important;
    }



		/* desplegable sugerencias */
	.easy-autocomplete-container ul li{
        border-width: 3px !important;
        border-top: none !important;
    }

    .easy-autocomplete-container ul li div span{
         display: inline-block !important;
    }

    .easy-autocomplete-container ul li div span:first-child{
        width: 70% !important;
    }

    /* desplegables x por pagina */
    div.jplist-panel button#dropdown-menu-1{
        margin-left: 0 !important;
    }

	div.jplist-panel div.dropdown ul.dropdown-menu{
        width: 100%;
    }


	/* paginas interiores */

	#contenido-interior div.informacion.navegacion > ul{
        margin: 0 !important;
    }

	#contenido-interior div.informacion.navegacion ul li.col-xs-2{
        width: 100% !important;
    }

	#contenido-interior div.informacion ul#categoria li{
        width: 100% !important;
    }



		/* glosario */
	#contenido-interior div.lista-filtro ul.dictionary li > div.row div.pull-left{
        width: auto !important;
    }

		/* formularios */
	.formulario form#insertarProducto fieldset label,
	.formulario form#insertarProducto fieldset input[type="text"],
	.formulario form#insertarProducto fieldset select,
	.formulario form#insertarProducto fieldset div.checkbox,
    .formulario form#busquedaAvanzada fieldset label,
	.formulario form#busquedaAvanzada fieldset input[type="text"],
	.formulario form#busquedaAvanzada fieldset textarea,
	.formulario form#busquedaAvanzada fieldset select,
	.formulario form#busquedaAvanzada fieldset div.checkbox{
        height: auto !important;
    }

	#contenido-interior .formulario div.botonera input[type=button]{
        height: auto !important;
    }


    .formulario #busquedaProaPorISO div.optselect{
        margin-top: 35px !important;
    }


	#contenido-interior .formulario .row .form-group .btn-primary{
        margin-top: 10px !important;
    }


    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
        margin-left: 30px !important;
    }


		/* listas */
	.formulario #busquedaProaPorCategoria div.optselect div ul li{
        background-size: 2vw !important;
    }

		/* Resultados busqueda */
	div.jplist-panel button#dropdown-menu-1{
        height: auto !important;
    }

	.jplist-panel .jplist-views .jplist-view{
        width: 60px !important;
        height: 60px !important;
        margin-left: 0 !important;
    }

	.jplist li a img{
        vertical-align: baseline !important;
    }

		/* productos nos publicados */
	.informacion table.listado a{
        display: block !important;
    }

		/* ficha productos */
	#contenido-interior .informacion.ficha .colDerecha a img{
        width: auto !important;
    }

    .informacion.ficha ul li{
        background-size: 2vw !important;
    }

	.informacion.ficha div.ReferenciasSup,
	.informacion.ficha div.ReferenciasSup > div{
        float: none !important;
    }

/*	.informacion.ficha div.colDerecha ul.compartir li{*/
        
/*    }*/

		/* filtros resultados de busqueda */
	.tab-filtro-categoriras{
        width: 100% !important;
    }

	div.jplist-panel.box.panel-top .esFiltro ul.nivelUno{
        margin-bottom: .5em !important;
    }

	div.jplist-panel.box.panel-top .esFiltro ul li{
        height: auto !important;
        padding: .5em 0 !important;
    }




		/* popup empresa */


	.modal-body a img{
        width: 3vw !important;
    }


	.container-footer .row{display: block !important;}

	.footer-light .col-light{justify-content: center !important; max-width: 100% !important; margin-bottom: 1.5rem !important;}


    
    .ficha{
        margin-bottom: 14px;
    }
	#accordionEmpresa div[class^="li_empresa"]{
		margin-bottom: 60px;
   		 display: block;
	}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #c2410a !important;
}

#prodExposicion .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #0066CC !important;
}

.informacion.ficha .nombreFicha h3.catalogo{
    padding-left: 2.5rem;
    background: url(../img/producto_catalogo.jpg) no-repeat 0 50%;
}

.informacion.ficha .nombreFicha h3.expo{
    padding-left: 2.5rem;
    background: url(../img/producto_expo.jpg) no-repeat 0 50%;
}

.informacion.ficha .nombreFicha h3.expo.catalogo{
    padding-left: 4.5rem;
    background: url(../img/producto_cat_expo.jpg) no-repeat 0 50%;
}

.listadoResultado a.catalogo {
    padding: 0.5rem 0 0.5rem 2.5rem;
    background: url(../img/producto_catalogo.jpg) no-repeat 0 50%;
}

.listadoResultado a.expo {
    padding: 0.5rem 0 0.5rem 2.5rem;
    background: url(../img/producto_expo.jpg) no-repeat 0 50%;
}

.listadoResultado a.expo.catalogo {
    padding: 0.5rem 0 0.5rem 4.5rem;
    background: url(../img/producto_cat_expo.jpg) no-repeat 0 50%;
}

span.clase_imagenPortadaDescripcion {
	font-style: italic;
    font-weight: bold;
    color: #C2410A;
    display: block;
    width: 90%;
    margin: .5em 0;
}

span.clase_imagenPortadaDescripcion1 {
	font-style: italic;
    font-weight: bold;
    color: #C2410A;
    display: block;
    width: 90%;
    margin: .5em 0;
}

    .campoBloqueado {
        background-color: #ddd;
        color: #6c757d;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 6px 10px;
        padding-right: 80px; /* deja espacio para el botón */
        width: 100%;
        box-sizing: border-box;
    }

    .contenedorCampoEditable {
        position: relative;
    }

    .botonEditar {
	    position: absolute;
	    top: 50%;
	    right: 0%;
	    transform: translateY(-50%);
	    background: none;
	    border: 0.1px solid #000;
	    border-radius: 4px;
	    padding: 5.5px 25px;
	    font-size: 1.0em;
	    cursor: pointer;
	    background-color: #fff;
    }

    .botonEditar:hover {
        background-color: #eaeaea;
    }
    
    .panel-body-estados-expo {
    padding: 15px;
    border: 0.1px solid #000;
    border-radius: 4px;
	}
	
	.empresa-select {
  	display: flex;
  	width: 600px;
	}
	
	.estadoExpo {
    border: 1px solid #000;
    border-radius: 4px;
    background-color:white;
	}
	
table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box;
    margin: 1em 0;
    border: 1px solid #d6d6d6;
}

.categoria-scroll {
    max-height: 400px;   /* ajusta a lo que necesites */
    overflow-y: auto;    /* activa scroll vertical */
    padding-right: 12px; /* opcional, evita que el scroll tape el contenido */
    box-sizing: content-box;
}