/* XPages Application CSS */
/*span.label {color:black;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial}
span.c1 {cursor:hand;color:black;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial}
span.c2 {cursor:hand;color:red;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial}
span.c3 {cursor:hand;color:#b0b0b0;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 12px Arial}
*/

@media (max-width: 800px) {
  html, body {
  overflow-x: hidden;
  }
}

a {color: #585a5a;
	font-weight: bold;}
	
small{font-size: 0.875em !important;}

.enlacebop {
	color: #585a5a !important;
	font-weight: bold;
}

.caja-bop {
  background: #fff;
  width: auto;
  padding: 23px;
  border-radius: 17px;
  border:1px solid #187076;
}

.caja-bop h2.bop-dia {
  font-size: 34px; font-weight:bold;
  margin-top: 0;
  margin-bottom: 4px;
  line-height: 34px;
}
.caja-bop p {
  font: normal 20px;
  margin-top: 0;
  margin-bottom: 12px;
}
.caja-bop a.ver-boletin {
  background: #545454;
  color: #fff;
  text-decoration: none;
  font: normal 14px;
  padding: 8px 16px;
  border-radius: 19px;
  display: inline-block;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.caja-bop a.ver-boletin:hover {
  background: #187076;  
  color: #000 !important;
}

.card-portada {
  height: 95px;
  margin-top: -15px;
  background: #187076;
  position: relative; 
  padding: 17px;
  display: block;
}
.card-title-portada {
  color: #fff;
  font-size: 1.313rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.card-title-portada:hover {
  color: #000 !important;
}

 .image-wrapper {
  height: 285px;
}

.image-wrapper {
  display: block;
  line-height: 0;
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}


.listado_a{
	padding: 15px 0;
  border-bottom: #dbdbdb 1px solid;
  margin-bottom: 0;
    list-style: none;}
    
a.link_anuncio{font-size: 1.1em;
  font-weight: bold;
  color:rgb(92, 123, 127)!important}
  
  a.link_anuncio:hover{font-size: 1.12em;
  color:#585a5a !important;}
  
 .campo_seccion {
 	font-family: 'Lato', Arial, Helvetica, sans-serif !important;
 	color: #FFF;
  display: inline-block;
  background: #585a5a;
  align-items: center;
  border-radius: 30px;
  margin: 16px 5px 0 16px;
  padding: 7px 17px;}
  
 a.campo_seccion:hover{color:white !important; font-weight:bolder;}
  
  .seccionnumbop{width: auto;
  border-radius: 30px;  
  margin: 6px 5px 0 16px;
  padding: 7px 17px;}
  
  .campo_numbop {
  background: #ededed;
    background-color: rgb(237, 237, 237);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
  color: #666;
  align-items: center;
  justify-content: center;
  padding: 7px 17px;
  border-radius: 30px;
  margin: 6px 16px 0 0;
  font-size: 0.9em;
  font-weight: bold;
  line-height: normal;
  }
  
  .campo_numbop_v{
  display: inline-grid;}
  
  a.campo_numbop:hover{font-weight:bolder !important;color: black !important;}
  
   a.linksubir:hover{
   animation-name: subirflecha;
  animation-duration: 3s;
  animation-direction: alternate-reverse;  
}

@keyframes subirflecha {
  0%   {background-position:0 -64px;}
  50%  {background-position:0 -64px;}
  100% {background-position:0 -32px;}
}
   a.linksubir {text-indent: 99999px;
    display: block;
    background-image:url(/DPT/bopt.nsf/subir32.png);
    background-position:0 0px;
    background-repeat:no-repeat;
    height:32px;
    width:32px;
	text-align:right;}

/* Anuncios */	
.desc-anuncio{color: rgb(92, 123, 127) !important;}
.richt-anuncio font{
  font-size: 0.8em !important;line-height:1;}
 .richt-anuncio br{
  margin-bottom:0.5em !important;}
.richt-anuncio table.domino-table{width:95%;margin: auto;margin: 8px auto;}
.richt-anuncio table.domino-table td,th{ padding: 4px;}
.richt-anuncio a{color: #5C7B7F !important;  font-weight: bold;}
.richt-anuncio a:hover{color: #585a5a !important;}
  
  /* busquedas */
  .dijitDateTextBox{height:23px !important;}
  .xspInputFieldDatePickerIcon {
  height: 22px !important;
  width: 22px !important;
}

.dijitInputField {padding-left:3px !important;}
  
td.xspColumnViewStart .xspTextViewColumn {margin-top:16px;}  /*  pdte de acabar */
tr.trbusquedas {border:none !important;}
 td.tdbusquedas {border:none !important;}
 
td.xspColumnViewEnd{border-bottom: 1px solid #e8e8e9 !important;;}
 td.xspColumnViewMiddle {padding-top:0px !important;}
 
 .combobuscador, .inputbuscador{  
   border-top: 0 !important;
   border-left: 0 !important;
   border-right: 0 !important;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 1px solid #333;
  /*margin-top: 8px;*/
  background: transparent;}
  

.labelbuscador{min-width: 90px;}
  
  .panelbuscador{padding-top:1.0em;padding-left:1.5em;margin-left:1.0em;margin-right:1.0em;margin-top:1.0%;margin-bottom:1.0em;}
  .panelbuscadorb{padding-left:1.5em;margin-left:1.0em;margin-right:1.0em;margin-bottom:1.0em;}

/*
table#tcal  {border: 0; border-collapse: collapse;}
table#tcal td > span {width:39px;height:29px;background:#ffF;border-radius: 5px;padding-top: 1em;}
table#tcal td > span.label {color:black;text-align:center;margin-top:0;font:bold 13px Arial;border: 1 solid black; }
table#tcal span{
display: block;
}
span.c1 {color:#5d5959;text-align:center;margin-top:0;font:bold 13px Arial;}  
span.c2 {color:red;text-align:center;margin-top:0;font:bold 13px Arial; }  
span.c3 {color:#b0b0b0 !important;text-align:center;margin-top:0;font:bold 12px Arial;cursor: default !important;border:none !important;}  
span.c4 {transition: all 0.4s ease-in;}
span.c4:hover {background-color: #669999 !important;color: white !important;font-weight: bolder;} */


table#tcal  {border: 0; border-collapse: collapse;margin: auto}
 td > span {width:39px ;height:29px;background:#ffF;border-radius: 5px;padding-top: 1em;}
 td > span.label {color:black;text-align:center;margin-top:0;/*background:#BBBDC9*/ ;font:bold 13px Arial;border: 1 solid black; }
table#tcal span{display: block; margin:auto;box-sizing:content-box;}
span.c1 {color:#5d5959;text-align:center;margin-top:0;font:bold 13px Arial;}  
span.c2 {color:red;text-align:center;margin-top:0;font:bold 13px Arial; }  
span.c3 {color:#b0b0b0 !important;text-align:center;margin-top:0;font:bold 12px Arial;cursor: default !important;border:none !important;}  
span.c4 {transition: all 0.4s ease-in;}
span.c4:hover {background-color: #669999 !important;color: white !important;font-weight: bolder;}


select#selMonth, select#selYear {margin: auto}
select#selMonth.form-select:focus, select#selYear.form-select:focus  {
  border-color: #bddadb;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(24, 112, 118, 0.25);
}

#selYear {
      width: 100px;
      /* Limitamos la altura visible y habilitamos el scroll */
      max-height: 200px;
      overflow-y: auto;
    }
    
    #selMonth  { width: 150px;
      max-height: 200px;
      overflow-y: auto;}