@media only screen and (min-width:768px) and (max-width:1176px){.one-third.column{width:47.333%}.one-fifth.column{width:25%}.four-fifth.column{width:70%}}#wrpor-text-menu{color:#FFF;font-size:20px;padding-top:10px!important;text-align:center}#wrpor-categoria{margin-left:15px;padding-top:8px}a:link,a:visited,a:active{text-decoration:none}photo_box img.scale-with-grid,#Content img{height:170px}.wr-lista-categoria ul{margin:0;padding:0;text-decoration:none}.wr-lista-categoria ul li{list-style:none;margin:0 15px 0 15px;padding:0}.photo_box{border:none!important;border-style:none!important;margin-bottom:none!important}.wr-photo-box-title{border-radius:4px;line-height:16px;margin:0;background-color:#486392;color:#fff;padding:9px 0 9px 0!important;font-size:90%;overflow-wrap:break-word}.image_frame{border:0!important;box-shadow:none!important}.column_photo_box{border:none!important;border-style:none!important;margin-bottom:50px!important;box-shadow:none!important}.image_wrapper{padding:20px 0}.wr-form-buscador{margin:0 auto;justify-content:center!important;width:80%;border-style:none;padding:0 10px 15px;display:flex}input[type="email"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],textarea{background-color:#FFF!important;border-radius:0px!important}.wr-buscador{outline:none!important;border:none!important;width:100%!important;background-color:white!important;border-bottom:1px solid #bec5d1!important;box-shadow:none!important;&:focus{border:none!important}&:active{border:none!important;background-color:none!important}}.wr-button-buscar{all:unset;position:absolute;right:10%!important;font-size:31px!important;background-color:white!important;color:red!important;margin-bottom:0px!important;padding:3px!important;border-radius:4px!important}.wr-button-buscar:hover{position:absolute;right:10%!important;font-size:31px!important;background-color:white!important;color:#CA4451!important;margin-bottom:0px!important;padding:3px!important;border-radius:4px!important}#btn_enviar_id_categoria{padding:0 20px 0 0px!important;text-align:left;outline:none!important;border:none!important;width:100%;align-items:center!important;color:#07204d;background-color:#fff;font-weight:400;margin:0;border-top:1px solid #f5f5f5!important;border-radius:0;height:auto;-webkit-box-shadow:none;white-space:normal;font-size:90%}.wr-decoration-punto{position:absolute;top:-31px;margin:0px!important;padding:0px!important;font-size:48px;display:inline-block;color:red;left:0}.button-flat .button:hover:after,.button-flat button:hover:after,.button-flat .action_button:hover:after,.button-flat .footer_button:hover:after,.button-flat input[type=submit]:hover:after,.button-flat input[type=reset]:hover:after,.button-flat input[type=button]:hover:after{opacity:0}#wr_buscador:focus{background-color:white!important;color:#1982c2}#btn_enviar_id_categoria:hover{transition-duration:0.4s;transition-delay:0.1s;color:#C23C49;Background-color:white!important}#btn_enviar_id_categoria:focus{color:#C23C49;background-color:white!important}#btn_load_pages{width:40%;font-size:20px;background-color:#CD1D2D;border-radius:.8em}#btn_load_pages:hover{width:40%;transition-duration:0.4s;transition-delay:0.1s;color:#fff;background-color:#111;border-radius:.8em}#wrpoc_line{line-height:0;margin-top:280px!important}#wrpoc_line_espacio{background-color:#fff0}.wrpoc_conte_button{background-color:#fff;border:1px solid #d6d6d6}.sidenav{display:block;height:auto;z-index:100;border-radius:6px!important;text-align:center;background-color:#07204d;overflow-x:hidden;padding-top:5px}.sidenav .closebtn{display:none;position:absolute;top:0;right:5px;font-size:30px;margin-left:50px}#main{transition:margin-left .5s;padding:20px;overflow:none;width:100%}.topnav{display:none;background-color:#e49e9e;outline:none;padding:2px;overflow:hidden;border-radius:4px;border-bottom:0}.topnav a{float:left;display:block;color:#1f1b1b;text-align:center;padding:6px 5px;text-decoration:none;font-size:12px;padding-bottom:0}.topnav a:hover{background-color:#ddd;color:#927e7e}@media only screen and (min-width:768px) and (max-width:1300px){.wr-photo-box-title{font-size:90%}#btn_enviar_id_categoria{font-size:80%}photo_box img.scale-with-grid,#Content img{height:130px}#wrpor-text-menu{color:#FFF;font-size:15px;padding-top:10px!important;text-align:center;"

	}
	
	 .wr-decoration-punto {
	    position: absolute;
	    top: -34px;	   
	}
	
}

/*VERSION MOVIL*/
@media screen and (max-width:767px ) {  
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}

.wrpoc_conte_button {
  
    overflow: auto !important;
    height: 190px;
 

}


.wrpoc_conte_button::-webkit-scrollbar-track {
   /*   background-color: #b46868;*/
   background-color:#EAEAEA;
} 
 
.wrpoc_conte_button::-webkit-scrollbar-thumb {
     /* background-color: rgba(0, 0, 0, 0.2); */
    background-color: #B9361F;
    border-radius:0.3em;
    height: 10px;
    width:5px;
} 
 
.wrpoc_conte_button::-webkit-scrollbar-button {
    /*  background-color: #7c2929;*/
}
 
.wrpoc_conte_button::-webkit-scrollbar {
      background-color: black;
} 

  #btn_load_pages{
      width: 55%; 
      font-size: 12px;
       border-radius:0.8em;
        background-color: #CD1D2D;
  }

  .wr-form-buscador{
      margin: 0 auto;
      justify-content:center !important;
      width: 90%;
      border-style: none;
      padding: 0px 10px 15px;
      display: flex;
      position: relative;
      top: -60px;
      
  }

  .wr-button-buscar{
      all: unset;
      position: absolute ;
      right: 2% !important;
      font-size: 30px !important;
      color: red;
      margin-bottom: 0px !important;
  }
  .wr-button-buscar:hover{
      right: 2% !important;
      font-size: 30px !important;
      color: #CA4451 !important;
      margin-bottom: 0px !important;
      
  }

  .sidenav .closebtn {
      display: block;
      position: absolute;
      color: rgb(248, 248, 248);
      font-size: 30px;
      margin-top: 15px;
      margin-right: 20px;
  }
  .topnav {
        display: block !important;
        background-color: #e49e9e;
        outline:none;
        padding: 2px;
        overflow: hidden;
        border-radius: 4px;
        border-bottom :0;
        position: absolute;
        width: 100%;
        margin-top: 8px !important;
        right: 0px;
        left: 0px;
  }

  .topnav a:hover {
    background-color: rgb(216, 216, 216);
    color: rgb(146, 126, 126);
}

  .sidenav {
    display: none ;/*Para que aparezca al iniciar la pagina*/
    height: auto; /* la altura se ajusta al tamaño de los componentes que posee el contenedor */
    width: 100%;
   /* position: absolute;/* Stay in place   */
    position: absolute;/* Stay in place   */
    text-align: center;/*Centrar el text*/
  /*  background-color: rgb(52, 69, 94); /* Color de la cabezera*/
     background-color: #07204d;
    overflow-x: hidden; /* Disable horizontal scroll */
    top: 7px;
    right: 0px;
    left: 0px;
    
    
  }
/*cambiar colores a los botones*/
  #btn_enviar_id_categoria{
      padding: 0px   20px   0px   0px !important;
      text-align: left;
      outline: none !important;
      border: none !important;
      width:100%;
      align-items: center !important;
       color: #07204d;
    /*  color: #416396;*/
      background-color: rgb(255, 255, 255);
      font-weight: normal;
      margin: 0 ;/*quita el margen entre los botones*/
      border-top: 1px solid #f5f5f5 !important;
      border-radius: 0px;
      height:50px;
      -webkit-box-shadow:none;
      white-space: normal;
      font-size: 1.1em;
  }
  
   .wr-decoration-punto {
	    position: absolute;
	    top: -28px;	   
	}
}

/*Scroll volver al inicio*/

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    z-index: 100; 
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)"}