/* Autor: Rafael Codoñer; */




.fechaAnuncio a:hover{

color: #08838a !important;

}

/* Pagina de Enlaces */

.tamanoCaja{

  height: 150px;
}

.fuenteLogo{

  width: 60px;
  max-height: 60px;

}

.tituloEnlace{

  font-size: 16px; 
  letter-spacing: 1px;
  color: white;  
}


/* Css Color */

.colorPrincipal{

  color: #08838a !important;
}


.colorSecundario{

  color: #c5c5c5 !important;
}

.colorTerciario{

  color: #f1ad86 !important;
}

.backColorTerciario{

background-color: #f1ad86 !important;
border-color: #f1ad86 !important; ;

}

/* Boton Subir fichero */

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}


.bordesMenuLateralT{

  border-top: 1px solid #c5c5c5;

}


.bordesMenuLateralB{

  border-bottom: 1px solid #c5c5c5;

}

.tituloDescripcionBando{

  font-size:24px;
  color:#f1ad86;
  display:flex;
  justify-content:center;
  padding:16px
}

/* Login Acceso Admin */


  .form-signin {
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
  }
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 10px;
  }
  
  .form-signin-heading-color{
  color: #148d96;
  text-align: center;
  }
  
  .form-signin .checkbox {
    font-weight: normal;
  }
  .form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
        box-sizing: border-box;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }




/* ANUNCIOS */


.circuloMenuAnuncios {
    border-radius: 50% !important;
    border: solid;
    padding: 8px;
    border: 1px solid #f1ad86;
    color: #f1ad86 !important;
}


.resultadoBusqueda{

    background: #08838a;
    color: white;
    padding: 20px;
    font-size: 20px;
}

.tituloCategoriaAnuncio{

color: #fff;
letter-spacing: 4px;
background: #f1ad86;
padding: 6px;
font-weight: 400;
}



.fechaAnuncio{
    color: #fff;
    letter-spacing: 1px;
    background: #f1ad86;
    padding: 6px;
    font-weight: 400;
    font-size: 12px;
}




/* BANDOS */


  .botonCategoriasBandos{

    color: #08838a !important;
    background-color: #fff !important;
    border-color: #fff !important;

  }



  .botonCategoriasBandos:hover{

    color: #c5c5c5 !important;
    background-color: #fff !important;
    border-color: #fff !important;

  }



.tituloCategoriaBando{

    color: #fdfdfd;
    letter-spacing: 4px;
    background: #c5c5c5;
    padding: 10px;
    font-weight: 400;

}

.tituloBando{

    color: #08838a;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: Roboto;

}

.fechaBando{
    color: #08838a;
    font-size: 14px;
}



    /* Menu Categorias bandos */

.noactiveCategoria{
  margin-left: -300px;
}


/* CheckBox Bandos y Categorias */

.check{

height: 16px; 
width:20px;
margin-right: 6px;
margin-top: 10px;

}



.recortaTextoAnuncio{
     display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
     overflow: hidden;
     margin: 10px;
     font-family: 'Roboto';
     font-weight: 300;
     line-height: 28px;
}









/* Botón Scroll */

 a.scroll-top {
    color: #fff;
    display: none;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 1000;
    bottom: 50px;
    right: 30px;
    font-size: 20px;
    background: #08838a;
    border-radius: 20px !important;
    text-align: center;
    border: 1px solid hsla(0, 0%, 78%, 0.3)
}

a.scroll-top i {
    position: relative;

}




/* Formulario Login */

.backColor{

background-color: #08838a !important;

}

.espacioForm{

   padding-left: 50px!important; 
  }


.botonPrincipal{

  color: #fff !important;
  background-color: #08838a !important;
  border-color: #08838a !important;

}


.botonPrincipal:hover{

  transform: translate3d(0,10px, 0);

}


.botonSecundario{

  color: #fff !important;
  background-color: #c5c5c5 !important;
  border-color: #c5c5c5 !important;

}



.botonSecundario:hover{

  transform: translate3d(0,10px, 0);

}


  .iconoForm{
    
   position: absolute; 
   padding: 10px;  
   pointer-events: none;

  }


/* Botones barra Idiomas*/

.selectIdioma{

float: right !important;
font-size: 12px;
margin-top: 12px;
color: white;

}



.selectIdioma:hover{

color: #fff;
font-size: 16px;

}

.circuloMenu {
    border-radius: 50% !important;
    border: solid;
    padding: 8px;
    border: 1px solid #08838a;
}



/* Oculta el titulo de la barra de menu */


@media (max-width: 780px) {
.ocultar{
  visibility: hidden;
}
}


.noactive{
  margin-left: -300px;
}


/* Boton ADJUNTO  */


.aBotonAdjunto{

background: #08838a; 
font-size: 20px; 
padding: 5px; 
border-radius: 50%; 
float: right;  
}

.aBotonAdjunto:hover{
    background-color: #c5c5c5  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    transform: translate(0%, 10%) rotate(90deg) ;

}


.aBotonAdjuntoAnuncio{

background: #08838a; 
font-size: 20px; 
padding: 5px; 
border-radius: 50%; 
 
}

.aBotonAdjuntoAnuncio:hover{
    background-color: #c5c5c5  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    transform: translate(0%, 10%) rotate(90deg) ;

}




.iBotonAdjunto{
color: white; 
margin-left: 2px;
}


.iBotonAdjunto:hover{
color: #08838a;
margin-left: 2px;
}



/* Boton + INFO  */


.aBotonInfo{

  background: #08838a;
  font-size: 16px;
  padding: 10px;
  border-radius: 50%;

}

.aBotonInfo:hover{
    background-color: #c5c5c5  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    transform: translate(0%, 10%) rotate(90deg) ;

}

.iBotonInfo{
color: white;
margin-top: 30px;

}


.iBotonInfo:hover{
color: #08838a;
margin-left: 2px;
}




/* Tamaño imagenes */

.imgTamano{

 margin-top: 14px;
 max-height: 350px;

}



@media (max-width: 576px) {
  .imgTamano {
 margin-top: 14px;
 max-height: 250px;
}
}

/* Css Body  */

.bodyEstilo{

font-family: Roboto; 
background-color: #f9f2f0
}



.recortaTexto{
     display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
     overflow: hidden;
     margin: 10px;
     font-family: 'Roboto';
     font-weight: 300;
     line-height: 28px;
}



/* Titulo Cliente para el formato indexWeb*/

.tituloWeb{

    text-align: center;
    background-color: #08838a;
    color: white;
    margin: 20px;
    padding: 14px;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 3pt;
}



@media (max-width: 576px) {
  .tituloWeb {
       font-size: 18px;
}
}


@media (max-width: 576px) {
  .hamburguesa {
       font-size: 22px;
}
}


/* CSS BOTONES */







/* Efecto animación Botones */

.btn-raised {
    transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), transform .4s cubic-bezier(.25, .8, .25, 1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);

}



.btn-raised:not([disabled]):active,
.btn-raised:not([disabled]):focus,
.btn-raised:not([disabled]):hover {
    background-color: #d18b49 !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    transform: translate3d(0, 0, 0)
}







/* MENU */


  a {
      color: #007bff;
      text-decoration: none;
      background-color: transparent; }
      a:hover {
        color: #0056b3;
        text-decoration: none !important; }


    a {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      color: #3445b4; }

      a:hover, a:focus {
        /* text-decoration: none !important; */
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        }




    .wrapper {
      width: 100%; }

    #sidebar {
      min-width: 300px;
      max-width: 300px;
      background: #ffffff;
      color: #fff;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      height: 100%;
      position: fixed;
      overflow-x: hidden;
      z-index: 1;}

      #sidebar .h6 {
        color: #fff; }

      #sidebar.active {
        margin-left: 0px; }



      #sidebar h1 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 30px; }

      #sidebar h1 .logo {
          color: #fff; }
          #sidebar h1 .logo span {
            font-size: 14px;
            color: #44bef1;
            display: block; }
      #sidebar ul.components {
        padding: 0; }

      #sidebar ul li {
        font-size: 16px; }

        #sidebar ul li > ul {
          margin-left: 10px; }

          #sidebar ul li > ul li {
            font-size: 14px; }

        #sidebar ul li a {
          padding: 10px 0;
          display: block;
          color: rgb(8 131 138);
         /* border-bottom: 1px solid #c5c5c5 */}

          #sidebar ul li a span {
            color: #08838a;
            padding-left: 10px; }



          #sidebar span:hover {
            color: #c5c5c5;
            padding-left: 10px; }


          #sidebar ul li a:hover {
            color: #c5c5c5 ; 
            /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);*/
           }

        #sidebar ul li.active > a {
          background: transparent;
          color: #08838a; }

      @media (max-width: 991.98px) {
        #sidebar {
          margin-left: -300px; }
          #sidebar.active {
            margin-left: 0; } }

      #sidebar .custom-menu {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 0;
        margin-right: -20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }

    @media (prefers-reduced-motion: reduce) {
      #sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }

    #sidebar .custom-menu .btn {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      position: relative; }

      #sidebar .custom-menu .btn i {
        margin-right: -40px;
        font-size: 14px; }

      #sidebar .custom-menu .btn.btn-primary {
        background: transparent;
        border-color: transparent; }
        
        #sidebar .custom-menu .btn.btn-primary:after {
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          content: '';
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          background: #3445b4;
          border-radius: 10px; }

   
     #sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
       background: transparent !important;
       border-color: transparent !important; }

     a[data-toggle="collapse"] {
      position: relative; }



        @media (max-width: 991.98px) {
          #sidebarCollapse span {
            display: none; } }

        #content {
          width: 100%;
          padding: 0;
          /*min-height: 100vh;*/
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }





    #sidebarCategoria {
      min-width: 300px;
      max-width: 300px;
      background: #ffffff;
      color: #fff;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      height: 100%;
      position: fixed;
      overflow-x: hidden;
      z-index: 2;}

      #sidebarCategoria .h6 {
        color: #fff; }

      #sidebarCategoria.activeCategoria {
        margin-left: 0px; }



      #sidebarCategoria h1 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 30px; }

      #sidebarCategoria h1 .logo {
          color: #fff; }
          #sidebarCategoria h1 .logo span {
            font-size: 14px;
            color: #44bef1;
            display: block; }
      #sidebarCategoria ul.components {
        padding: 0; }

      #sidebarCategoria ul li {
        font-size: 16px; }

        #sidebarCategoria ul li > ul {
          margin-left: 10px; }

          #sidebarCategoria ul li > ul li {
            font-size: 14px; }

        #sidebarCategoria ul li a {
          padding: 10px 0;
          display: block;
          color: rgb(8 131 138);
          border-bottom: 1px solid #c5c5c5 ;
          -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 );
        }

          #sidebarCategoria ul li a span {
            color: #08838a;
            padding-left: 10px; }



          #sidebarCategoria span:hover {
            color: #c5c5c5;
            padding-left: 10px; }


          #sidebarCategoria ul li a:hover {
            color: #c5c5c5 ; 
            /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);*/
           }

        #sidebarCategoria ul li.activeCategoria > a {
          background: transparent;
          color: #08838a; }

      @media (max-width: 991.98px) {
        #sidebarCategoria {
          margin-left: -300px; }
          #sidebarCategoria.activeCategoria {
            margin-left: 0; } }

      #sidebarCategoria .custom-menu {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 0;
        margin-right: -20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }

    @media (prefers-reduced-motion: reduce) {
      #sidebarCategoria .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }

    #sidebarCategoria .custom-menu .btn {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      position: relative; }

      #sidebarCategoria .custom-menu .btn i {
        margin-right: -40px;
        font-size: 14px; }

      #sidebarCategoria .custom-menu .btn.btn-primary {
        background: transparent;
        border-color: transparent; }
        
        #sidebarCategoria .custom-menu .btn.btn-primary:after {
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          content: '';
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          background: #3445b4;
          border-radius: 10px; }

   
     #sidebarCategoria .custom-menu .btn.btn-primary:hover, #sidebarCategoria .custom-menu .btn.btn-primary:focus {
       background: transparent !important;
       border-color: transparent !important; }

     a[data-toggle="collapse"] {
      position: relative; }



        @media (max-width: 991.98px) {
          #sidebarCategoriaCollapse span {
            display: none; } }